/* tokens.css — Bright Beginnings Preschool.
   Palette copied VERBATIM from brief.assigned.palette (all 12 tokens, exact hex).
   Family: tinted olive/khaki (light base) — dark is punctuation, not the ground.
   Measured on --bg #EFF5E8:  --ink 13.2:1 · --ink-muted 5.49:1 · --accent-ink 5.06:1
   --accent (#E3861C) is 2.46:1 on --bg, so it is a FILL ONLY — small type uses --accent-ink. */
:root {
  /* ---- assigned palette (do not edit) ---- */
  --bg: #EFF5E8;
  --bg-alt: #E2EDD7;
  --surface: #FFFFFF;
  --ink: #222A18;
  --ink-muted: #5A664D;
  --line: #D8DED1;
  --brand: #39501E;
  --on-brand: #EFF5E8;
  --accent: #E3861C;
  --accent-hover: #E99535;
  --on-accent: #222A18;
  --accent-ink: #945A18;

  /* ---- derived from the assigned palette (tints/scrims only, no new hues) ---- */
  --brand-deep: #2A3C14;                       /* closing band + hero scrim base */
  --brand-line: rgba(239, 245, 232, 0.24);     /* hairline on meadow green */
  --on-brand-muted: rgba(239, 245, 232, 0.82); /* secondary text on meadow green — 6.3:1 */
  --accent-soft: #F6E3C8;                      /* apricot tint for offset blocks */

  /* Type — Fredoka (display) + Nunito Sans (body), assigned */
  --font-display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;
  --font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-0: clamp(1rem, 0.96rem + 0.2vw, 1.09rem);
  --fs-1: clamp(1.12rem, 1.02rem + 0.5vw, 1.35rem);
  --fs-2: clamp(1.45rem, 1.2rem + 1.1vw, 2rem);
  --fs-3: clamp(1.9rem, 1.4rem + 2.2vw, 2.9rem);
  --fs-4: clamp(2.5rem, 1.55rem + 4.3vw, 4.2rem);
  --lh-body: 1.65;
  --lh-head: 1.08;
  --track-label: 0.09em;

  /* Shape & depth — warm axis left: rounded, soft, warm-tinted shadows */
  --radius: 20px;
  --radius-sm: 12px;
  --shadow: 0 16px 40px rgba(34, 42, 24, 0.14);
  --shadow-sm: 0 3px 12px rgba(34, 42, 24, 0.10);

  /* Space — density middle */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --section-y: clamp(3.5rem, 6vw, 6rem);
  --measure: 62ch;
  --container: 1140px;
  --gutter: clamp(1.15rem, 4vw, 2rem);

  /* Motion — tone left, but restrained */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 220ms;
}