/* ═══════════════════════════════════════════ MOOD — Dynamic Time-of-Day Atmosphere [data-mood] is set on by a tiny inline script in index.html's , before first paint, so there is no flash of the wrong palette. Afternoon is the existing default look and needs no override — only morning and night touch anything, and only through the same CSS custom properties every component already uses, so the shift reaches the whole site with a handful of lines. ═══════════════════════════════════════════ */ /* ── Morning: warmer glow (dedicated hero phrase is handled in js/mood.js) ── */ html[data-mood="morning"] { --neon: var(--neon-warm); --neon-dim: rgba(255, 122, 71, 0.18); --neon-glow: rgba(255, 122, 71, 0.5); } /* ── Night: darker background, more intense glow, shifted particles ── */ html[data-mood="night"] { --bg: #030003; --neon-glow: rgba(255, 42, 133, 0.75); } html[data-mood="night"] #vortex-canvas { filter: saturate(1.15) brightness(0.9) hue-rotate(-6deg); }