/* tokens.css: Luneterre V1 design tokens
 * Source: LUNETERRE_WEBSITE_V1_SPEC.md §8.3–8.5 and brand spec 01_LUNETERRE_BRAND_SYSTEM_SPEC.md.
 * Deviation: the earth accent is lightened from the spec's working value #B99A62 to #C2A46D
 * so that earth-on-warm-dark meets WCAG AA for text (4.90:1 instead of 4.37:1).
 * §8.4 marks the palette as starting values subject to AA compliance. See README.md.
 */

:root {
  /* Colour (spec §8.4) */
  --color-bg: #0B0A10;
  --color-surface: #15121C;
  --color-text: #F2EEE6;
  --color-text-secondary: #AAA2B3;
  --color-moon: #DDD5F4;
  --color-earth: #C2A46D; /* adjusted from spec value #B99A62 for WCAG AA (see header) */
  --color-earth-spec: #B99A62; /* original spec value, kept for decorative large-scale use */
  --color-warm-dark: #443625;
  --color-hairline: rgba(242, 238, 230, 0.14);
  --color-hairline-strong: rgba(242, 238, 230, 0.32);

  /* Typography (spec §8.3): display is the self-hosted Philosopher
     (SIL OFL, see assets/fonts/OFL-Philosopher.txt) with a system serif
     fallback; body/controls stay on the neutral system sans stack.
     No runtime third-party font requests. */
  --font-display: "Philosopher", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Type scale: 18px root, ~1.25 ratio, display sizes fluid */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-md: 1.25rem;
  --text-lg: 1.5rem;
  --text-xl: clamp(1.75rem, 1.45rem + 1.5vw, 2.5rem);
  --text-display: clamp(2.3rem, 1.7rem + 3vw, 3.6rem);

  /* Spacing rhythm: 0.5rem base unit */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-section: clamp(4.5rem, 3.5rem + 5vw, 8rem);

  /* Layout (spec §8.5) */
  --width-max: 70rem; /* 1120px */
  --measure: 66ch;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  --radius: 3px;
  --transition: 180ms ease;
}