/* ========================================================= NostalgiaNet — Themes Apply via etc. Accent can be overridden by Settings (CSS var --accent) ========================================================= */ html[data-theme="aero"]{ --bg: radial-gradient(circle at 20% 10%, rgba(255,255,255,.08), transparent 40%), radial-gradient(circle at 80% 30%, rgba(0,229,255,.12), transparent 45%), radial-gradient(circle at 70% 90%, rgba(255,79,216,.10), transparent 55%), #071122; --panel: rgba(255,255,255,0.10); --panel2: rgba(255,255,255,0.14); --text: #ecfeff; --muted: rgba(236,254,255,.75); --stroke: rgba(255,255,255,0.20); --stroke2: rgba(255,255,255,0.32); --accent: #00e5ff; --accent2: #ff4fd8; color-scheme: dark; } html[data-theme="vapor"]{ --bg: radial-gradient(circle at 10% 20%, rgba(255,79,216,.18), transparent 45%), radial-gradient(circle at 90% 20%, rgba(0,229,255,.16), transparent 48%), linear-gradient(180deg, #1a0030, #070824 60%, #000814); --panel: rgba(255,255,255,0.07); --panel2: rgba(255,255,255,0.11); --text: #fff1ff; --muted: rgba(255,241,255,.72); --stroke: rgba(255,255,255,0.20); --stroke2: rgba(255,255,255,0.30); --accent: #ff4fd8; --accent2: #00e5ff; color-scheme: dark; } html[data-theme="cyber"]{ --bg: radial-gradient(circle at 30% 10%, rgba(0,255,175,.10), transparent 44%), radial-gradient(circle at 80% 30%, rgba(255,48,120,.12), transparent 52%), linear-gradient(180deg, #03070e, #070b16); --panel: rgba(0,0,0,0.32); --panel2: rgba(0,0,0,0.46); --text: #eafff6; --muted: rgba(234,255,246,.72); --stroke: rgba(0,255,175,0.18); --stroke2: rgba(0,255,175,0.28); --accent: #00ffaf; --accent2: #ff3078; color-scheme: dark; } html[data-theme="beige"]{ --bg: linear-gradient(180deg, #f3e8cf, #dccaa0); --panel: rgba(255,255,255,0.55); --panel2: rgba(255,255,255,0.72); --text: #231f1a; --muted: rgba(35,31,26,.72); --stroke: rgba(35,31,26,0.18); --stroke2: rgba(35,31,26,0.30); --accent: #3a7cff; --accent2: #ff6a3a; color-scheme: light; } html[data-theme="terminal"]{ --bg: radial-gradient(circle at 30% 10%, rgba(80,250,123,.12), transparent 45%), linear-gradient(180deg, #020603, #000); --panel: rgba(0,0,0,0.55); --panel2: rgba(0,0,0,0.70); --text: #b8ffcf; --muted: rgba(184,255,207,.72); --stroke: rgba(80,250,123,0.20); --stroke2: rgba(80,250,123,0.32); --accent: #50fa7b; --accent2: #00e5ff; color-scheme: dark; } html[data-theme="midnight"]{ --bg: radial-gradient(circle at 70% 10%, rgba(0,229,255,.10), transparent 50%), radial-gradient(circle at 20% 80%, rgba(255,79,216,.10), transparent 55%), linear-gradient(180deg, #02040f, #0a0b14); --panel: rgba(255,255,255,0.05); --panel2: rgba(255,255,255,0.09); --text: #e9fbff; --muted: rgba(233,251,255,.72); --stroke: rgba(255,255,255,0.14); --stroke2: rgba(255,255,255,0.26); --accent: #00e5ff; --accent2: #9b5cff; color-scheme: dark; }