/* GENERATED FILE — DO NOT EDIT.
   Emitted from DESIGN.md by build-tokens.py (Stage 2 token layer).
   Edit DESIGN.md and re-run `python build-tokens.py` instead. */
:root {
  /* color */
  --color-pine: #172c31;
  --color-forest: #233832;
  --color-cream: #fefce5;
  --color-cream-panel: #f7f3df;
  --color-ink: #0d1a1a;
  --color-ink-soft: #3a4744;
  --color-yellow: #cfc605;
  --color-yellow-tint: #f3f1b4;
  --color-line: #e6e1c8;

  /* typography — font stacks */
  --font-display: Fredoka, ui-rounded, system-ui, sans-serif;
  --font-heading: Fredoka, ui-rounded, system-ui, sans-serif;
  --font-body: Figtree, system-ui, sans-serif;
  --font-label: Figtree, system-ui, sans-serif;

  /* typography — role sizes / weights / line-height / tracking */
  --text-display: clamp(2rem, 1.2rem + 3.6vw, 4.5rem);
  --weight-display: 600;
  --leading-display: 1.05;
  --tracking-display: -0.02em;
  --text-heading: clamp(1.5rem, 1.1rem + 1.8vw, 2.25rem);
  --weight-heading: 600;
  --leading-heading: 1.15;
  --tracking-heading: -0.01em;
  --text-body: clamp(1rem, 0.97rem + 0.15vw, 1.125rem);
  --weight-body: 400;
  --leading-body: 1.6;
  --text-label: 0.875rem;
  --weight-label: 600;
  --leading-label: 1.3;
  --tracking-label: 0.01em;

  /* radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 80px;
  --space-section: clamp(56px, 8vw, 120px);
}