/* WINNERSTOCK design tokens — WINNERSTOCK-UI-REDESIGN-SPEC.md §1
   One layout, two theme variable sets. Light is default; dark overrides via [data-theme="dark"].
   Phase 1: infrastructure only. No component in the codebase reads these
   custom properties yet, so linking this file changes nothing visually. */

:root, [data-theme="light"] {
  /* §1.1 colors */
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface2: #fbfbfd;
  --border: #e6e8ee;
  --text: #171a21;
  --muted: #6b7280;
  --accent: #1b2a4a;
  --accent-text: #ffffff;
  --gold: #c9a227;
  --pos: #0e9f6e;
  --neg: #e0245e;
  --neutral-cell: #eef0f4;

  /* §1.2 shadows/effects */
  --shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px -8px rgba(16, 24, 40, .08);
  --glow: none;

  /* §1.3 fonts */
  --font-display: 'Sora', sans-serif;
  --font-body: 'Inter', -apple-system, sans-serif;
  --font-data: 'IBM Plex Mono', monospace;

  /* §1.4 shape and spacing */
  --radius-card: 16px;
  --radius-control: 999px;
  --radius-chip: 7px;
  --radius-heatcell: 2.5px;
  --space-unit: 4px;
  --space-card-padding: 22px;
  --space-card-gap: 16px;
  --content-max-width: 1440px;
  --content-inline-padding: 24px;
}

[data-theme="dark"] {
  --bg: #0b0e14;
  --surface: #111520;
  --surface2: #151a28;
  --border: #1f2634;
  --text: #e6eaf2;
  --muted: #8a93a6;
  --accent: #e8b84b;
  --accent-text: #0b0e14;
  --gold: #e8b84b;
  --pos: #2dd4a7;
  --neg: #f0527a;
  --neutral-cell: #151a28;

  --shadow: 0 0 0 1px var(--border);
  --glow: 0 0 18px -6px rgba(232, 184, 75, .5);
}