/**
 * GammaFi design tokens — single source of truth.
 * Brand: docs/BRAND_IDENTITY.md (Hyperliquid-primary terminal)
 * Wire into: src/index.css, public/home.html, public/tape.html, public/pricing.html
 */

:root,
[data-theme='dark'] {
  color-scheme: dark;

  /* Surfaces */
  --bg: #06090d;
  --bg2: #080c11;
  --grid: rgba(150, 180, 210, 0.04);
  --glowtop: rgba(95, 208, 255, 0.05);

  /* Text */
  --ink: #e7eef6;
  --dim: #8a97a6;
  --faint: #586573;

  /* Panels */
  --panel: #0c1117;
  --panel-2: #0a0e13;
  --panel-bd: rgba(150, 180, 210, 0.12);
  --hair: rgba(150, 180, 210, 0.1);

  /* Fields */
  --field: #070a0e;
  --field-bd: rgba(150, 180, 210, 0.16);

  /* Chips / nav */
  --chip: rgba(150, 180, 210, 0.05);
  --chip-bd: rgba(150, 180, 210, 0.16);
  --chip-on: rgba(95, 208, 255, 0.14);
  --chip-on-bd: rgba(95, 208, 255, 0.5);

  /* Wordmark chrome */
  --metal: linear-gradient(180deg, #f0f5fa 0%, #c2cedb 40%, #8b9aab 72%, #6a7889 100%);

  /* Signal colours — use only for data meaning */
  --accent: #5fd0ff;
  --c-setup: #1fe0a0;
  --c-setup-glow: rgba(31, 224, 160, 0.45);
  --c-lift: #f5bd55;
  --c-wait: #8c99a8;
  --c-off: #ff5d73;
  --c-pos: #1fe0a0;
  --c-neg: #ff5d73;

  /* Dopamine / celebration (Axiom layer — use on real events only) */
  --c-jackpot: #f5bd55;
  --c-heat: #ff8a3d;
  --glow-win: 0 0 12px rgba(31, 224, 160, 0.45);
  --glow-streak: 0 0 16px rgba(245, 189, 85, 0.35);
  --glow-live: 0 0 10px rgba(95, 208, 255, 0.4);
  --duration-flash: 500ms;
  --duration-tick: 800ms;
  --duration-confetti: 1800ms;

  /* Layout */
  --radius-panel: 6px;
  --radius-chip: 4px;
  --width-marketing: 42rem;
  --width-wide: 72rem;
}

[data-theme='light'] {
  color-scheme: light;

  --bg: #eef1f5;
  --bg2: #e7ebf0;
  --grid: rgba(40, 60, 85, 0.06);
  --glowtop: rgba(33, 130, 170, 0.06);

  --ink: #0d141c;
  --dim: #46535f;
  --faint: #8693a1;

  --panel: #ffffff;
  --panel-2: #f6f8fb;
  --panel-bd: rgba(20, 35, 55, 0.16);
  --hair: rgba(20, 35, 55, 0.1);

  --field: #ffffff;
  --field-bd: rgba(20, 35, 55, 0.2);

  --chip: rgba(20, 35, 55, 0.04);
  --chip-bd: rgba(20, 35, 55, 0.18);
  --chip-on: rgba(33, 130, 170, 0.12);
  --chip-on-bd: rgba(33, 130, 170, 0.55);

  --metal: linear-gradient(180deg, #2c3744 0%, #45525f 42%, #6b7a8b 74%, #97a5b4 100%);

  --accent: #1284b0;
  --c-setup: #08966b;
  --c-setup-glow: rgba(8, 150, 107, 0.28);
  --c-lift: #b1740a;
  --c-wait: #5d6975;
  --c-off: #e0364f;
  --c-pos: #08966b;
  --c-neg: #e0364f;

  --c-jackpot: #b1740a;
  --c-heat: #c45a12;
  --glow-win: 0 0 10px rgba(8, 150, 107, 0.3);
  --glow-streak: 0 0 12px rgba(177, 116, 10, 0.25);
  --glow-live: 0 0 8px rgba(18, 132, 176, 0.3);
}