/* Dark palette (spec §7). Split out of tokens.css so the <link> that pulls it
   in can carry a `media` attribute: standalone it is
   `(prefers-color-scheme: dark)`, and a host app that owns its own theme
   switch — Distance of Life — flips it to `all` / `not all` instead. */

:root {
  --bg: #0B0B0F;
  --surface: #16161C;
  --surface-alt: #1E1E26;
  --text-primary: #F2F2F7;
  --text-secondary: #9A9AA5;
  --accent: #8B7CFF;
  --accent-soft: #262047;
  --success: #4ADE80;
  --good: #60A5FA;
  --warn: #FBBF24;
  --danger: #F87171;
  --streak-flame: #FF7A45;
  --xp-gold: #FFC53D;
  --hairline: rgba(255, 255, 255, 0.08);
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.45);

  /* The ramp is re-stepped for the dark surface, not flipped: more is
     brighter here, and every step is validated against #16161C. */
  --ramp-1: #6E5BD8;
  --ramp-2: #8A78E8;
  --ramp-3: #A695F7;
  --ramp-4: #C9BEFF;
  /* The ink flips with the ramp: white is unreadable on the bright end
     here (1.71:1 on --ramp-4). Re-measured, not mirrored. */
  --ramp-1-ink: #FFFFFF;
  --ramp-2-ink: #17162B;
  --ramp-3-ink: #17162B;
  --ramp-4-ink: #17162B;
  --muted-ink: #17162B;
  --grid: rgba(255, 255, 255, 0.12);
}