/* ===== Color Themes ===== */ /* Add data-theme="ocean|forest|sunset|midnight|rose" to to activate */ /* ---------- OCEAN (Blues) ---------- */ html[data-theme="ocean"] { --p:#2563eb;--pd:#1d4ed8;--s:#0ea5e9;--g:#10b981;--a:#f59e0b;--r:#ef4444; --pu:#6366f1;--c:#06b6d4;--pk:#ec4899; --bg:#0a0f1a;--bg2:#0f1729;--bg3:#162035; --card:rgba(37,99,235,.04);--border:rgba(37,99,235,.12);--text:#f8fafc; --blue:#2563eb;--blue-dark:#1d4ed8;--blue-light:#60a5fa; --ink:#0f172a;--soft:#f0f9ff;--line:#bfdbfe; --violet:#6366f1;--violet-light:#818cf8; --coral:#f43f5e;--sky:#0ea5e9; --leaf:#0d7a4f;--leaf-dark:#065a38;--mint:#e8f8f0;--cream:#fffbf5;--amber:#e8a317; --cyan:#0ea5e9;--orange:#f0642f;--pink:#dd3d75;--green:#11845b; --shadow:0 18px 46px rgba(37,99,235,.12); --neon-glow:0 0 15px rgba(37,99,235,.3); } /* ---------- FOREST (Greens) ---------- */ html[data-theme="forest"] { --p:#059669;--pd:#047857;--s:#14b8a6;--g:#10b981;--a:#d97706;--r:#ef4444; --pu:#7c3aed;--c:#14b8a6;--pk:#db2777; --bg:#0a1a12;--bg2:#0d1f16;--bg3:#122a1e; --card:rgba(5,150,105,.04);--border:rgba(5,150,105,.12);--text:#f8fafc; --blue:#059669;--blue-dark:#047857;--blue-light:#34d399; --ink:#1a2e24;--soft:#ecfdf5;--line:#a7f3d0; --violet:#8b5cf6;--violet-light:#a78bfa; --coral:#f43f5e;--sky:#14b8a6; --leaf:#0d7a4f;--leaf-dark:#065a38;--mint:#e8f8f0;--cream:#f5fcf8;--amber:#d97706; --cyan:#14b8a6;--orange:#d97706;--pink:#db2777;--green:#059669; --shadow:0 18px 46px rgba(5,150,105,.12); --neon-glow:0 0 15px rgba(5,150,105,.3); } /* ---------- SUNSET (Warm/Orange) ---------- */ html[data-theme="sunset"] { --p:#ea580c;--pd:#c2410c;--s:#f59e0b;--g:#10b981;--a:#d97706;--r:#dc2626; --pu:#7c3aed;--c:#f59e0b;--pk:#ec4899; --bg:#1a0f0a;--bg2:#1f1510;--bg3:#2a1e15; --card:rgba(234,88,12,.04);--border:rgba(234,88,12,.12);--text:#f8fafc; --blue:#ea580c;--blue-dark:#c2410c;--blue-light:#fb923c; --ink:#292524;--soft:#fff7ed;--line:#fed7aa; --violet:#8b5cf6;--violet-light:#a78bfa; --coral:#f43f5e;--sky:#f59e0b; --leaf:#6b4f0a;--leaf-dark:#4a3708;--mint:#fff7ed;--cream:#fff3e0;--amber:#f59e0b; --cyan:#ea580c;--orange:#ea580c;--pink:#e11d48;--green:#16a34a; --shadow:0 18px 46px rgba(234,88,12,.12); --neon-glow:0 0 15px rgba(234,88,12,.3); } /* ---------- MIDNIGHT (Deep Purple/Indigo) ---------- */ html[data-theme="midnight"] { --p:#7c3aed;--pd:#6d28d9;--s:#6366f1;--g:#34d399;--a:#f59e0b;--r:#ef4444; --pu:#8b5cf6;--c:#6366f1;--pk:#a855f7; --bg:#07070c;--bg2:#0f0f1e;--bg3:#15152b; --card:rgba(124,58,237,.04);--border:rgba(124,58,237,.12);--text:#f8fafc; --blue:#7c3aed;--blue-dark:#6d28d9;--blue-light:#a78bfa; --ink:#1e1b4b;--soft:#f5f3ff;--line:#ddd6fe; --violet:#7c3aed;--violet-light:#a78bfa; --coral:#f43f5e;--sky:#6366f1; --leaf:#0d7a4f;--leaf-dark:#065a38;--mint:#f5f3ff;--cream:#f0eaff;--amber:#e8a317; --cyan:#6366f1;--orange:#f0642f;--pink:#dd3d75;--green:#34d399; --shadow:0 18px 46px rgba(124,58,237,.12); --neon-glow:0 0 15px rgba(124,58,237,.3); } /* ---------- ROSE (Pink/Magenta) ---------- */ html[data-theme="rose"] { --p:#e11d48;--pd:#be123c;--s:#f43f5e;--g:#10b981;--a:#f59e0b;--r:#dc2626; --pu:#ec4899;--c:#f43f5e;--pk:#ec4899; --bg:#1a0a12;--bg2:#1f0f15;--bg3:#2a151e; --card:rgba(225,29,72,.04);--border:rgba(225,29,72,.12);--text:#f8fafc; --blue:#e11d48;--blue-dark:#be123c;--blue-light:#fb7185; --ink:#2d0a18;--soft:#fff1f2;--line:#fecdd3; --violet:#ec4899;--violet-light:#f472b6; --coral:#f43f5e;--sky:#e11d48; --leaf:#0d7a4f;--leaf-dark:#065a38;--mint:#fff1f2;--cream:#fef1f3;--amber:#e8a317; --cyan:#f43f5e;--orange:#f0642f;--pink:#e11d48;--green:#10b981; --shadow:0 18px 46px rgba(225,29,72,.12); --neon-glow:0 0 15px rgba(225,29,72,.3); }