:root,
[data-theme="dark"] {
  --bg: #060d21;
  --bg-soft: #0b1531;
  --panel: #101d3f;
  --panel-2: #0a1430;
  --text: #e9f1ff;
  --muted: #8da0c8;
  --line: #27396a;
  --ok: #2dc989;
  --err: #ec6d7f;
  --warn: #e5ad41;
  --accent: #6a7cff;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-pill: 999px;
  --shadow-card: 0 16px 36px rgba(3, 9, 24, .36);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
}

[data-theme="light"] {
  --bg: #eef3f8;
  --bg-soft: #f4f8fc;
  --panel: #ffffff;
  --panel-2: #f8fbff;
  --text: #0f1a2a;
  --muted: #4f6278;
  --line: #ccd8e6;
  --accent: #2d6fd3;
}

body.light-mode {
  --bg: #eef3f8;
  --bg-soft: #f4f8fc;
  --panel: #ffffff;
  --panel-2: #f8fbff;
  --text: #0f1a2a;
  --muted: #4f6278;
  --line: #ccd8e6;
  --accent: #2d6fd3;
}