:root {
  --bg: #0b0f1a;
  --card: #101522;
  --accent: #7dd3fc;
  --accent-contrast: #0b1220;
  --text: #f8fafc;
  --muted: #b0bacb;
  --border: rgba(255, 255, 255, 0.08);
  --panel: rgba(16, 21, 34, 0.9);
  --hover: rgba(255, 255, 255, 0.08);
  --shadow: rgba(56, 189, 248, 0.25);
}

[data-theme="light"] {
  --bg: #f5f7fb;
  --card: #ffffff;
  --accent: #2563eb;
  --accent-contrast: #f8fafc;
  --text: #0b1220;
  --muted: #556072;
  --border: rgba(15, 23, 42, 0.08);
  --panel: rgba(255, 255, 255, 0.9);
  --hover: rgba(15, 23, 42, 0.08);
  --shadow: rgba(37, 99, 235, 0.18);
}