/* ===== THEMES - Dark / Light / Auto ===== */

/* Dark Theme (Default) */
[data-theme="dark"] {
  --bg-primary: #0a0a0a;
  --bg-secondary: rgba(255, 255, 255, 0.08);
  --bg-glass: rgba(0, 0, 0, 0.4);
  --panel-bg: rgba(15, 15, 15, 0.85);
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.6);
  --text-muted: rgba(255, 255, 255, 0.4);
  --accent: #f97316;
  --accent-hover: #fb923c;
  --accent-soft: rgba(249, 115, 22, 0.15);
  --success: #22c55e;
  --success-soft: rgba(34, 197, 94, 0.15);
  --danger: #ef4444;
  --danger-soft: rgba(239, 68, 68, 0.15);
  --warning: #eab308;
  --border: rgba(255, 255, 255, 0.1);
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.4);
  --input-bg: rgba(255, 255, 255, 0.06);
  --hover-bg: rgba(255, 255, 255, 0.08);
  --slider-track: rgba(255, 255, 255, 0.15);
  --slider-thumb: #ffffff;
  --checkbox-bg: rgba(255, 255, 255, 0.15);
  --checkbox-checked: var(--accent);
}

/* Light Theme */
[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: rgba(0, 0, 0, 0.05);
  --bg-glass: rgba(255, 255, 255, 0.6);
  --panel-bg: rgba(255, 255, 255, 0.9);
  --text-primary: #1a1a1a;
  --text-secondary: rgba(0, 0, 0, 0.55);
  --text-muted: rgba(0, 0, 0, 0.35);
  --accent: #ea580c;
  --accent-hover: #f97316;
  --accent-soft: rgba(234, 88, 12, 0.1);
  --success: #16a34a;
  --success-soft: rgba(22, 163, 74, 0.1);
  --danger: #dc2626;
  --danger-soft: rgba(220, 38, 38, 0.1);
  --warning: #ca8a04;
  --border: rgba(0, 0, 0, 0.1);
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.15);
  --input-bg: rgba(0, 0, 0, 0.04);
  --hover-bg: rgba(0, 0, 0, 0.05);
  --slider-track: rgba(0, 0, 0, 0.15);
  --slider-thumb: #1a1a1a;
  --checkbox-bg: rgba(0, 0, 0, 0.1);
  --checkbox-checked: var(--accent);
}