/* tokens.css — shared design tokens for Launch Entities
   Both launchentities.html and quiz.html link this file.
   Each page's own <style> block defines only theme-specific overrides. */

:root {
  /* ─── Brass & gold palette ─────────────────────────────── */
  --brass:       #9C7B3A;
  --brass-deep:  #7A5E28;
  --gold-bright: #f0c97d;
  --gold-mid:    #c09848;

  /* Dark surface (shared) */
  --bg-deep: #0D0D0F;

  /* ─── Font stacks ───────────────────────────────────────── */
  --fd: 'Fraunces', Georgia, serif;
  --fb: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
  --fm: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ─── Typography — semantic scale (launchentities.html) ─── */
  --fs-display: clamp(2.375rem, 6.1vw, 5.25rem);
  --fs-h1:      clamp(2.125rem, 5.4vw, 4.25rem);
  --fs-h2:      clamp(1.875rem, 3.8vw, 3.125rem);
  --fs-title:   clamp(1.375rem, 2.1vw, 1.875rem);
  --fs-body-lg: clamp(1rem, 1.35vw, 1.125rem);
  --fs-body:    1rem;

  /* ─── Typography — step scale (quiz.html) ───────────────── */
  --fs-xs:   .6875rem;
  --fs-sm:   .75rem;
  --fs-base: 1rem;
  --fs-md:   1rem;
  --fs-lg:   clamp(1.25rem, 3vw, 1.65rem);
  --fs-xl:   clamp(1.65rem, 4.2vw, 2.08rem);
  --fs-2xl:  clamp(2rem, 5.2vw, 3.35rem);
  --fs-hero: clamp(3rem, 10vw, 6.2rem);

  /* ─── Typography — shared aliases ──────────────────────── */
  --fs-body-sm: 1rem;
  --fs-caption: 0.8125rem;
  --fs-label:   0.75rem;
  --fs-micro:   0.6875rem;

  /* ─── Spacing — px scale (quiz.html) ───────────────────── */
  --sp-4:  4px;
  --sp-8:  8px;
  --sp-12: 12px;
  --sp-16: 16px;
  --sp-20: 20px;
  --sp-24: 24px;
  --sp-32: 32px;
  --sp-40: 40px;
  --sp-48: 48px;
  --sp-64: 64px;

  /* ─── Spacing — rem scale (launchentities.html) ─────────── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.75rem;
  --space-9: 3.5rem;

  /* ─── Radius + a11y ─────────────────────────────────────── */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.875rem;
  --touch-min: 44px;
}