/* ─── THEMES ─── */
:root, [data-theme="deep-space"] {
  --navy:#07152B; --navy2:#0D1F3C; --navy3:#122448;
  --teal:#00C9B1; --teal2:#00A896; --gold:#F5A623; --gold2:#FFCB47;
  --crimson:#E84545; --violet:#9B5DE5; --text:#E8EEF7; --muted:#7A92B4;
  --border:rgba(0,201,177,0.15); --card:rgba(13,31,60,0.8);
  --glass:none; --card-blur:blur(12px); --orb-opacity:1;
  --grid-color:rgba(0,201,177,0.04);
}

[data-theme="liquid-glass"] {
  --navy:#0a0a1a; --navy2:rgba(255,255,255,0.06); --navy3:rgba(255,255,255,0.08);
  --teal:#7dd3fc; --teal2:#38bdf8; --gold:#fbbf24; --gold2:#fcd34d;
  --crimson:#fb7185; --violet:#c084fc; --text:#f0f4ff; --muted:#94a3b8;
  --border:rgba(255,255,255,0.12); --card:rgba(255,255,255,0.04);
  --glass:0 8px 32px rgba(0,0,0,0.3); --card-blur:blur(20px) saturate(1.4);
  --orb-opacity:0.7; --grid-color:rgba(125,211,252,0.03);
}

[data-theme="high-contrast"] {
  --navy:#000000; --navy2:#111111; --navy3:#1a1a1a;
  --teal:#00ff99; --teal2:#00cc77; --gold:#ffdd00; --gold2:#ffee55;
  --crimson:#ff3333; --violet:#cc66ff; --text:#ffffff; --muted:#cccccc;
  --border:rgba(0,255,153,0.3); --card:rgba(17,17,17,0.95);
  --glass:none; --card-blur:none; --orb-opacity:0.3;
  --grid-color:rgba(0,255,153,0.06);
}

[data-theme="sunset-warm"] {
  --navy:#1a0a2e; --navy2:#2d1b4e; --navy3:#3d2660;
  --teal:#ff6b6b; --teal2:#ee5a24; --gold:#feca57; --gold2:#f9ca24;
  --crimson:#ff4757; --violet:#e056fd; --text:#f5e6d3; --muted:#b8a9c9;
  --border:rgba(255,107,107,0.2); --card:rgba(45,27,78,0.8);
  --glass:none; --card-blur:blur(12px); --orb-opacity:1;
  --grid-color:rgba(255,107,107,0.04);
}

[data-theme="forest"] {
  --navy:#0d1f0d; --navy2:#132e13; --navy3:#1a3c1a;
  --teal:#4ade80; --teal2:#22c55e; --gold:#fbbf24; --gold2:#f59e0b;
  --crimson:#ef4444; --violet:#a78bfa; --text:#e8f5e9; --muted:#81c784;
  --border:rgba(74,222,128,0.15); --card:rgba(19,46,19,0.85);
  --glass:none; --card-blur:blur(12px); --orb-opacity:1;
  --grid-color:rgba(74,222,128,0.04);
}

/* Theme-specific overrides */
[data-theme="liquid-glass"] nav {
  background:rgba(255,255,255,0.05);
  box-shadow:var(--glass);
}

[data-theme="high-contrast"] nav {
  background:#000;
  border-bottom:2px solid var(--teal);
}