/* ==========================================================================
   tokens.css - Midnight Gold design tokens
   :root variables ONLY. Every other stylesheet consumes these; tools/check.js
   fails the build when a var(--token) used anywhere is not declared here.
   Palette / typography / radius hierarchy come from docs/project-plan.md.
   ========================================================================== */

:root {
  /* ---------- palette ---------- */
  --bg-page: #060A16;
  --bg-deep: #04070F;
  --bg-panel: #0B1226;
  --gold: #E7B84B;
  --gold-bright: #FFD370;
  --text: #EEF2FC;
  --text-muted: #A6B2CC;
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.2);
  --ink: #060A16;
  --scrim: rgba(4, 7, 15, 0.95);

  /* ---------- typography ---------- */
  --font-display: "Marcellus", "Palatino Linotype", Palatino, Georgia, serif;
  --font-hero: "Anton", "Arial Black", "Impact", sans-serif;
  --font-body: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-hero: clamp(3rem, 11vw, 10rem);
  --fs-h2: clamp(2rem, 4.4vw, 3.052rem);
  --fs-h3: clamp(1.375rem, 2.2vw, 1.953rem);
  --fs-lede: clamp(1.0625rem, 1.3vw, 1.25rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;
  --fs-stat: clamp(1.75rem, 3.2vw, 2.441rem);
  --fs-eyebrow: 0.75rem;

  --lh-tight: 1.05;
  --lh-snug: 1.3;
  --lh-body: 1.7;
  --tracking-caps: 0.26em;
  --tracking-wide: 0.1em;
  --tracking-name: 0.04em;

  /* ---------- space ---------- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --scene-pad: clamp(4rem, 9vh, 7.5rem);
  --gutter: clamp(1.125rem, 4vw, 2.5rem);

  /* ---------- radius hierarchy: 6 / 12 / 20 / pill ---------- */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* ---------- elevation: neutral black only, no colored glow ---------- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 14px 30px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 28px 64px rgba(0, 0, 0, 0.55);

  /* ---------- motion ---------- */
  --dur-fast: 160ms;
  --dur-mid: 320ms;
  --dur-draw: 1600ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* ---------- layout ---------- */
  --shell: 74rem;
  --header-h: 4.25rem;
  --z-header: 60;
  --z-mobile: 70;
  --z-lightbox: 100;
}