/* Designer: colours, type scale, spacing, motion tokens.
   Direction: typography only, serious and respectful. No images, no SVG art. Huge, heavy, calm type.
   Palette (WCAG AA, checked against --color-bg #14181a): river-dark ground, paper text, dry-grassland sand accent.
     text   #eee9dd  ~14:1   accent #d9b26f ~9:1   muted #b4b8b0 ~8:1   river #7fbcc0 ~8:1
   Type: Helvetica/Arial heavy for display (plain, no flourish), Georgia for reading. System fonts only. */
:root {
  /* colour */
  --color-bg: #14181a;
  --color-bg-alt: #1d2326;
  --color-text: #eee9dd;
  --color-muted: #b4b8b0;
  --color-accent: #d9b26f;
  --color-river: #7fbcc0;
  --color-rule: #3b4549;
  --color-focus: #ffffff;

  /* type families */
  --font-display: "Helvetica Neue", Helvetica, Arial, "Arial Black", system-ui, sans-serif;
  --font-body: Georgia, "Times New Roman", serif;

  /* type scale (fluid; huge on purpose) */
  --step-mega: clamp(4rem, 18vw, 14rem);
  --step-hero: clamp(3rem, 12vw, 9rem);
  --step-h1: clamp(2.5rem, 8vw, 6rem);
  --step-h2: clamp(1.75rem, 5vw, 3.5rem);
  --step-h3: clamp(1.25rem, 3vw, 2rem);
  --step-body: clamp(1.125rem, 1.2vw + 0.9rem, 1.5rem);
  --step-small: 0.9375rem;

  --weight-display: 800;
  --leading-display: 0.98;
  --leading-body: 1.6;
  --tracking-display: -0.02em;
  --tracking-label: 0.14em;
  --measure: 62ch;

  /* spacing and shape */
  --space: 1rem;
  --space-s: 0.5rem;
  --space-m: 1.5rem;
  --space-l: 3rem;
  --space-xl: 6rem;
  --space-section: clamp(4rem, 14vh, 10rem);
  --radius: 0;
  --rule-width: 0.25rem;

  /* motion (JS and CSS should read these; zeroed under reduced motion) */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 150ms;
  --dur-base: 500ms;
  --dur-slow: 1100ms;
  --dur-reveal: 1500ms;
  --stagger: 80ms;
}

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