/* tokens.css — single source of truth, import first */
:root {
  /* ── Colors ──────────────────────────────────────────────────── */
  --forest:      #0A1A07;
  --amber:       #BF8F24;
  --sage:        #8AB870;
  --muted-green: #4A7A3A;
  --stone:       #888780;
  --stone-light: #B0AFA9;

  /* Score band colors */
  --band-thriving:  #2D6A4F;
  --band-focused:   #40916C;
  --band-stable:    #4A8FA8;
  --band-striving:  #D4A017;
  --band-tenuous:   #E07A1F;
  --band-unengaged: #C0392B;
  --band-at-risk:   #922B21;

  /* Health color scale — score-to-color mapping */
  --health-crisis:      #922B21;
  --health-vulnerable:  #C0392B;
  --health-developing:  #D4A017;
  --health-aligned-low: #4A8FA8;
  --health-aligned:     #40916C;
  --health-thriving:    #2D6A4F;

  /* Neutrals — zinc-based text hierarchy */
  --text-primary:    #e5e7eb;
  --text-secondary:  #a1a1aa;
  --text-muted:      #6b7280;
  --text-ghost:      #3f3f46;
  --text-invisible:  #27272a;

  /* Amber accent — firelight, not gold */
  --amber-accent:    #C9992A;
  --amber-gradient:  linear-gradient(135deg, #C9992A, #a07d1e);

  /* Background */
  --bg-primary:      #0a0f0a;
  --bg-gradient:     radial-gradient(ellipse at center, #0f1f0d 0%, #080e07 70%);

  /* ── Typography ──────────────────────────────────────────────── */
  --font-serif: 'Cormorant Garamond', 'Georgia', serif;
  --font-sans:  'DM Sans', system-ui, sans-serif;

  /* Type scale */
  --text-xs:    10px;
  --text-sm:    12px;
  --text-base:  15px;
  --text-lg:    18px;
  --text-xl:    24px;
  --text-2xl:   32px;
  --text-hero:  clamp(2.5rem, 8vw, 4.5rem);
  --text-score: clamp(6rem, 30vw, 9rem);

  /* ── Spacing ─────────────────────────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ── Animation ───────────────────────────────────────────────── */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out:   cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast:   120ms;
  --duration-base:   350ms;
  --duration-slow:   600ms;
  --duration-reveal: 900ms;

  /* ── Layout ──────────────────────────────────────────────────── */
  --max-content:  480px;
  --touch-target: 44px;

  /* ── Legacy aliases (backwards compat with existing CSS vars) ── */
  --color-bg-primary:    var(--forest);
  --color-accent:        var(--amber);
  --color-text-primary:  #C8DFB0;
  --color-text-secondary: var(--sage);
  --color-text-muted:    var(--muted-green);
  --color-text-ghost:    #3B6D11;
  --color-border-default: #1A3314;
  --color-border-subtle:  #2A4A22;
  --font-serif:  var(--font-serif);
  --font-sans:   var(--font-sans);
  --radius-md:   0px;
  --radius-lg:   0px;
}