:root {
  color-scheme: light;
  --bg: #eef3fb;
  --bg-accent: radial-gradient(circle at 10% 20%, #f6f9ff 0%, #eef3fb 45%, #e6edf8 100%);
  --surface: #ffffff;
  --surface-alt: #f8fbff;
  --text: #111827;
  --muted: #5f6b82;
  --primary: #2f6eea;
  --primary-2: #2056be;
  --danger: #dc2626;
  --ok: #15803d;
  --border: #d9e2f1;
  --radius: 16px;
  --shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --bg: #0b1220;
  --bg-accent: radial-gradient(circle at 10% 20%, #0e1730 0%, #0b1220 45%, #070d19 100%);
  --surface: #111a2f;
  --surface-alt: #0f1a33;
  --text: #e9edf6;
  --muted: #a8b2c7;
  --primary: #5d8fff;
  --primary-2: #7ca5ff;
  --danger: #ef4444;
  --ok: #22c55e;
  --border: #223253;
  --shadow: 0 16px 38px rgba(2, 6, 23, 0.5);
}