/* ============================================================ Theme Definitions Applied via data-theme attribute on Default (Purple Haze) is defined in :root in each CSS file ============================================================ */ /* ── 1. Purple Haze (default) — no overrides needed ── */ /* ── 2. Neon Green ── */ [data-theme="green"] { --purple: #22c55e; --cyan: #84cc16; --pink: #10b981; --orange: #facc15; --dark: #020c05; --dark2: #04180a; --dark3: #071f10; --dark4: #031508; --border: rgba(34,197,94,.2); --text: #e2f5e8; --muted: #6b9a7a; --grad: linear-gradient(135deg, #22c55e, #84cc16); } /* ── 3. Sunset ── */ [data-theme="sunset"] { --purple: #f97316; --cyan: #ec4899; --pink: #ef4444; --orange: #fbbf24; --dark: #0f0500; --dark2: #1a0900; --dark3: #200f05; --dark4: #150700; --border: rgba(249,115,22,.2); --text: #f5e0d0; --muted: #9a7060; --grad: linear-gradient(135deg, #f97316, #ec4899); } /* ── 4. Ocean Blue ── */ [data-theme="ocean"] { --purple: #3b82f6; --cyan: #06b6d4; --pink: #8b5cf6; --orange: #38bdf8; --dark: #020c18; --dark2: #041525; --dark3: #061a2e; --dark4: #030e1e; --border: rgba(59,130,246,.2); --text: #cde4f5; --muted: #6080a0; --grad: linear-gradient(135deg, #3b82f6, #06b6d4); } /* ── 5. Rose Gold ── */ [data-theme="rose"] { --purple: #f43f5e; --cyan: #fbbf24; --pink: #fb7185; --orange: #f97316; --dark: #110408; --dark2: #1c0810; --dark3: #240c18; --dark4: #180610; --border: rgba(244,63,94,.2); --text: #f5d0d8; --muted: #9a6070; --grad: linear-gradient(135deg, #f43f5e, #fbbf24); } /* ── 6. Arctic ── */ [data-theme="arctic"] { --purple: #818cf8; --cyan: #38bdf8; --pink: #f472b6; --orange: #fb923c; --dark: #03050f; --dark2: #06091a; --dark3: #0a0f22; --dark4: #04071a; --border: rgba(129,140,248,.2); --text: #d0d8f5; --muted: #6070a0; --grad: linear-gradient(135deg, #818cf8, #38bdf8); }