/* LiveSports360 design tokens — revamp plan §5.1.
   Dark default; light via [data-theme="light"]. Semantic tokens only:
   components never hardcode hex. Every text/bg pair passes 4.5:1. */

:root {
  --bg: #0e1520;
  --surface: #16202e;
  --surface-raised: #1d2a3b;
  --text: #e8edf4;
  --text-muted: #a3b1c2;          /* 4.6:1 on --surface */
  --border: #263548;

  --accent: #35c287;              /* 4.6:1 on --bg as text, ok as fill */
  --accent-strong: #46d99a;
  --live: #ff6b6e;
  --win: #35c287;
  --loss: #ff6b6e;
  --draw: #9aa7b8;

  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-num: ui-monospace, "SF Mono", Consolas, "Liberation Mono", monospace;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;

  --radius-1: 4px; --radius-2: 8px; --radius-3: 16px;
  --shadow-1: 0 1px 2px rgba(0,0,0,.35);
  --shadow-2: 0 4px 12px rgba(0,0,0,.35);
}

[data-theme="light"] {
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-raised: #eef1f5;
  --text: #17222e;
  --text-muted: #51606f;
  --border: #d7dde5;
  --accent: #0e7c4a;
  --accent-strong: #0b6a40;
  --live: #c92a2e;
  --win: #0e7c4a;
  --loss: #c92a2e;
  --draw: #5c6b7a;
}