:root {
  /* brand: from the uniform and the building */
  --yellow: #F5A900;
  --yellow-soft: #FFF4D6;
  --ink: #14130F;
  --ink-soft: #4A4740;
  --sky: #9ED8E6;
  --sky-soft: #EAF6FA;
  --paper: #FFFFFF;
  --amber-dark: #8A5B00; /* readable amber for text links on white */

  /* type */
  --font: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.1rem + 0.7vw, 1.625rem);
  --step-2: clamp(1.625rem, 1.3rem + 1.5vw, 2.5rem);
  --step-3: clamp(2.25rem, 1.6rem + 2.4vw, 3.5rem);
  /* space (4px base) */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 1rem;
  --s-4: 1.5rem;
  --s-5: 2rem;
  --s-6: 3rem;
  --s-7: 5rem;
  --s-8: 7rem;

  /* shape */
  --radius: 14px;
  --radius-pill: 999px;
  --shadow: 0 8px 30px rgba(20, 19, 15, 0.08);
  --container: 1180px;
}