/* ═══════════════════════════════════════════
   THEMES
═══════════════════════════════════════════ */

:root {
  --font-display: 'Syne', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: all 0.15s ease;
  --shadow: 0 4px 24px rgba(0,0,0,0.2);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.35);
  --shadow-glow: 0 0 30px rgba(56, 189, 248, 0.25);
}

/* ── Dark Theme (Default) ── */
[data-theme="dark"] {
  --bg: #0F172A;
  --bg2: #111827;
  --surface: #1E293B;
  --surface2: #263244;
  --border: rgba(255,255,255,0.08);
  --text: #F1F5F9;
  --text2: #94A3B8;
  --text3: #64748B;
  --accent: #38BDF8;
  --accent2: #0EA5E9;
  --accent-glow: rgba(56, 189, 248, 0.2);
  --success: #22C55E;
  --success-bg: rgba(34, 197, 94, 0.12);
  --warning: #F59E0B;
  --warning-bg: rgba(245, 158, 11, 0.12);
  --danger: #EF4444;
  --danger-bg: rgba(239, 68, 68, 0.12);
  --purple: #A78BFA;
  --purple-bg: rgba(167, 139, 250, 0.12);
  --sidebar-bg: #0D1526;
  --card-blue: rgba(56,189,248,0.12);
  --card-green: rgba(34,197,94,0.12);
  --card-purple: rgba(167,139,250,0.12);
  --card-orange: rgba(245,158,11,0.12);
  --card-red: rgba(239,68,68,0.12);
}

/* ── Midnight Theme ── */
[data-theme="midnight"] {
  --bg: #0A0015;
  --bg2: #0F0020;
  --surface: #1A0030;
  --surface2: #240040;
  --border: rgba(167,139,250,0.12);
  --text: #F1F5F9;
  --text2: #C4B5FD;
  --text3: #7C3AED;
  --accent: #C084FC;
  --accent2: #A855F7;
  --accent-glow: rgba(192, 132, 252, 0.25);
  --success: #34D399;
  --success-bg: rgba(52,211,153,0.12);
  --warning: #FCD34D;
  --warning-bg: rgba(252,211,77,0.12);
  --danger: #FC8181;
  --danger-bg: rgba(252,129,129,0.12);
  --purple: #E879F9;
  --purple-bg: rgba(232,121,249,0.12);
  --sidebar-bg: #06000F;
  --card-blue: rgba(192,132,252,0.12);
  --card-green: rgba(52,211,153,0.12);
  --card-purple: rgba(232,121,249,0.12);
  --card-orange: rgba(252,211,77,0.12);
  --card-red: rgba(252,129,129,0.12);
}

/* ── Ocean Theme ── */
[data-theme="ocean"] {
  --bg: #051526;
  --bg2: #072035;
  --surface: #0C2D4A;
  --surface2: #0F3860;
  --border: rgba(6,182,212,0.12);
  --text: #E0F7FA;
  --text2: #67E8F9;
  --text3: #0891B2;
  --accent: #06B6D4;
  --accent2: #0891B2;
  --accent-glow: rgba(6,182,212,0.25);
  --success: #2DD4BF;
  --success-bg: rgba(45,212,191,0.12);
  --warning: #FBBF24;
  --warning-bg: rgba(251,191,36,0.12);
  --danger: #F87171;
  --danger-bg: rgba(248,113,113,0.12);
  --purple: #818CF8;
  --purple-bg: rgba(129,140,248,0.12);
  --sidebar-bg: #020F1C;
  --card-blue: rgba(6,182,212,0.15);
  --card-green: rgba(45,212,191,0.12);
  --card-purple: rgba(129,140,248,0.12);
  --card-orange: rgba(251,191,36,0.12);
  --card-red: rgba(248,113,113,0.12);
}

/* ── Forest Theme ── */
[data-theme="forest"] {
  --bg: #091A0A;
  --bg2: #0E2610;
  --surface: #132E15;
  --surface2: #1A3D1C;
  --border: rgba(74,222,128,0.10);
  --text: #ECFDF5;
  --text2: #6EE7B7;
  --text3: #16A34A;
  --accent: #4ADE80;
  --accent2: #22C55E;
  --accent-glow: rgba(74,222,128,0.2);
  --success: #86EFAC;
  --success-bg: rgba(134,239,172,0.12);
  --warning: #FDE68A;
  --warning-bg: rgba(253,230,138,0.12);
  --danger: #FCA5A5;
  --danger-bg: rgba(252,165,165,0.12);
  --purple: #C4B5FD;
  --purple-bg: rgba(196,181,253,0.12);
  --sidebar-bg: #050F06;
  --card-blue: rgba(74,222,128,0.12);
  --card-green: rgba(134,239,172,0.12);
  --card-purple: rgba(196,181,253,0.12);
  --card-orange: rgba(253,230,138,0.12);
  --card-red: rgba(252,165,165,0.12);
}