:root, [data-theme="light"] {
  --bg: #cdd9e9;
  --surface: #ffffff;
  --border: #dbe3ee;
  --text: #0f172a;
  --muted: #64748b;
  --accent: #0ea5e9;
  --accent-strong: #0284c7;
  --shadow: 0 2px 8px rgba(30, 58, 95, .10);
  --seg-1: #0ea5e9; --seg-2: #6366f1; --seg-3: #f59e0b; --seg-4: #10b981; --seg-5: #ec4899;
}
[data-theme="dark"] {
  --bg: #2f3f52;               /* gradient applied on body below */
  --surface: rgba(255,255,255,.08);
  --border: rgba(255,255,255,.14);
  --text: #f8fafc;
  --muted: #cbd5e1;
  --accent: #38bdf8;
  --accent-strong: #7dd3fc;
  --shadow: 0 2px 8px rgba(0,0,0,.25);
  --seg-1: #38bdf8; --seg-2: #818cf8; --seg-3: #fbbf24; --seg-4: #34d399; --seg-5: #f472b6;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  font-family: -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;
  color: var(--text);
  background: var(--bg);
  min-height: 100vh;
}
[data-theme="dark"] body { background: linear-gradient(165deg, #293646, #36455a); }