/* Design tokens (Designer lane)
   Direction: type-only. Near-black "night stone" ground, warm ivory text,
   Montenegrin gold and flag-red as the only accents. Contrast on --bg:
   fg ~17:1, muted ~7.6:1, accent ~9:1, red ~6.5:1 (all AA, most AAA).
   Type: Georgia serif for dramatic display, system sans for body. */
:root {
  /* colour */
  --bg: #0b0d12;
  --bg-raised: #141821;
  --fg: #f2efe8;
  --muted: #a7a399;
  --accent: #d9b45a;
  --red: #ff6b6b;
  --rule: #2a2f3b;

  /* fonts */
  --font-display: Georgia, "Times New Roman", serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* type scale (fluid, big display sizes) */
  --text-sm: clamp(0.875rem, 0.85rem + 0.1vw, 0.95rem);
  --text-base: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --text-lg: clamp(1.25rem, 1.1rem + 0.8vw, 1.75rem);
  --text-xl: clamp(1.75rem, 1.4rem + 1.8vw, 3rem);
  --text-2xl: clamp(2.5rem, 1.8rem + 3.5vw, 5rem);
  --text-display: clamp(3.5rem, 2rem + 9vw, 10rem);
  --text-year: clamp(5rem, 2rem + 16vw, 16rem);
  --leading-tight: 0.95;
  --leading-body: 1.6;
  --tracking-display: -0.03em;
  --tracking-caps: 0.18em;
  --measure: 38rem;

  /* spacing and radius */
  --space: 1rem;
  --space-2: 0.5rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 8rem;
  --radius: 4px;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 200ms;
  --dur-base: 600ms;
  --dur-slow: 1200ms;
  --dur-reveal: 1800ms;
  --stagger: 60ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-base: 0ms;
    --dur-slow: 0ms;
    --dur-reveal: 0ms;
    --stagger: 0ms;
  }
}