/* ═══════════════════════════════════════════════════════════════ css/theme-easter.css — Easter overlay theme. Applied when is set. Particles + video overlays are injected by js/themes.js. ═══════════════════════════════════════════════════════════════ */ /* ── Pastel header tint ──────────────────────────────────────── */ body.theme-easter .board-header { background: linear-gradient( 135deg, var(--brand-bg) 0%, color-mix(in srgb, var(--brand-bg) 75%, #6b21a8) 40%, color-mix(in srgb, var(--brand-bg) 80%, #be185d) 70%, var(--brand-bg) 100% ); } /* ── Soft glow on active bars ────────────────────────────────── */ body.theme-easter .session-bar:not(.ended) { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.10); } /* ── Easter particle colours ─────────────────────────────────── */ body.theme-easter .theme-particle--easter { filter: drop-shadow(0 0 4px rgba(255, 200, 230, 0.5)); } /* ── Settings page: pastel section highlights ────────────────── */ body.theme-easter.settings-page .settings-section h2 { color: #a855f7; opacity: 0.85; } /* ═══════════════════════════════════════════════════════════════ VIDEO OVERLAY The