/* DO NOT EDIT — generated from packages/shared/src/design/tokens.ts
   by `npm run tokens`. Edit the token table, regenerate, commit both.
   A vitest in packages/shared fails if this file drifts from the source. */
:root {
  --bg: #0A0F1E;
  --surface: #121A2C;
  --surface-2: #1A2438;
  --input: #0E1526;
  --border: rgba(10, 227, 241, 0.16);
  --border-hi: rgba(10, 227, 241, 0.45);
  /* bf-purple and --purple are DUPLICATES of cyan, not a separate hue. Kept so existing call sites keep working; prefer bf-cyan / --cyan in new code. */
  --cyan: #0AE3F1;
  --purple: #0AE3F1;
  --cyan-dim: #0899A6;
  --magenta: #FF00A6;
  --green: #00E676;
  --green-dim: #00C853;
  /* gold and yellow are the same value on every surface. */
  --gold: #FFC000;
  --yellow: #FFC000;
  --orange: #FF5B00;
  --red: #FF1744;
  --coral: #FF6E40;
  --chrome: #C9D6DF;
  --blue-link: #40C4FF;
  --text: #F2F6FA;
  /* --dim is the landing page name for the same value as --text-dim. */
  --text-dim: #9FB0C8;
  --dim: #9FB0C8;
  --muted: #5C677A;

  --head: 'Orbitron', sans-serif;
  --display: 'Bangers', cursive;
  --body: 'Exo 2', sans-serif;
  --mono: 'JetBrains Mono', monospace;
  --comic: 'Bangers', sans-serif;

  --grad-primary: linear-gradient(135deg, #FF00A6, #FF5B00);

  /* Pillar accents — each resolves to a colour token above. */
  --p-arena: var(--orange);
  --p-library: var(--cyan);
  --p-colosseum: var(--magenta);
  --p-community: var(--chrome);
}