/* Challenger Desk — design tokens (single source of truth) */
:root {
  --color-bg: #071018;
  --color-surface: #0e1824;
  --color-surface-2: #132233;
  --color-border: #243447;
  --color-border-strong: #35506a;
  --color-text: #f3f7fb;
  --color-muted: #8ea0b5;
  --color-accent: #2b7fd4;
  --color-accent-2: #155a9c;
  --color-info: #7dd3fc;
  --color-win: #2ecc71;
  --color-loss: #e67e22;
  --color-pend: #3d9bff;
  --color-gold: #f5c542;
  --color-odds: #d4ff00;
  --color-odds-bg: rgba(212, 255, 0, 0.12);
  --color-fav: #2ecc71;
  --color-fav-bg: rgba(46, 204, 113, 0.14);

  --color-clay: #c4682a;
  --color-grass: #2f9e44;
  --color-hard: #2b7fd4;
  --color-ball: #d4ff00;

  --color-pred-high: #2ecc71;
  --color-pred-med: #f5c542;
  --color-pred-low: #8ea0b5;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 18px;
  --radius-pill: 999px;

  --font-sans: "Outfit", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --text-xs: 11px;
  --text-sm: 13px;
  --text-md: 15px;
  --text-lg: 18px;
  --text-xl: 22px;

  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);
  --shadow-stat: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.45);

  --wrap-max: 1040px;
  --bp-sm: 620px;
  --bp-md: 768px;
  --bp-lg: 980px;

  /* aliases used by existing templates / bk-theme */
  --bg: var(--color-bg);
  --board: var(--color-surface);
  --board2: var(--color-surface-2);
  --board-line: var(--color-border);
  --board-line-strong: var(--color-border-strong);
  --board-txt: var(--color-text);
  --board-mut: var(--color-muted);
  --accent: var(--color-accent);
  --accent2: var(--color-accent-2);
  --win: var(--color-win);
  --loss: var(--color-loss);
  --pend: var(--color-pend);
  --gold: var(--color-gold);
  --sb-odds: var(--color-odds);
  --sb-odds-bg: var(--color-odds-bg);
  --sb-fav: var(--color-fav);
  --sb-fav-bg: var(--color-fav-bg);
  --shadow-board: var(--shadow-card);
}
