/* ============================================
   DARK MODE THEME
   ============================================ */

[data-theme="dark"],
:root:not([data-theme="light"]) {
  /* Background Colors */
  --color-bg: #0F172A;
  --color-bg-surface: #1E293B;
  --color-bg-elevated: #334155;
  
  /* Border Colors */
  --color-border: #334155;
  --color-border-light: #475569;
  
  /* Text Colors */
  --color-text-primary: #F1F5F9;
  --color-text-secondary: #94A3B8;
  --color-text-tertiary: #64748B;
  
  /* Overlay */
  --color-overlay: rgba(15, 23, 42, 0.8);
  
  /* Glass effect */
  --glass-bg: rgba(30, 41, 59, 0.7);
  --glass-border: rgba(148, 163, 184, 0.1);
}

body {
  background-color: var(--color-bg);
  color: var(--color-text-primary);
}

/* Cards */
.card {
  background-color: var(--color-bg-surface);
  border: 1px solid var(--color-border);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Links */
a {
  color: var(--color-primary-light);
}

a:hover {
  color: var(--color-primary);
}

/* Selection */
::selection {
  background-color: var(--color-primary);
  color: white;
}