:root[data-theme="dark"] {
  --bg-primary: #0b1220;
  --bg-secondary: #0a0f1a;
  --bg-tertiary: #111a2b;

  --text-primary: #e5e7eb;
  --text-secondary: #cbd5e1;
  --text-tertiary: #94a3b8;

  --border-color: #233048;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 18px rgba(0, 0, 0, 0.35);
}

:root[data-theme="dark"] body {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
}