/* ═══════════════════════════════════════════════════════════════ css/theme-christmas.css — Christmas overlay theme. Applied when is set. Snowflakes are injected by js/themes.js. ═══════════════════════════════════════════════════════════════ */ /* ── Festive header tint ─────────────────────────────────────── */ body.theme-christmas .board-header { background: linear-gradient( 135deg, var(--brand-bg) 0%, color-mix(in srgb, var(--brand-bg) 80%, #1a3d00) 50%, var(--brand-bg) 100% ); } /* ── Subtle holly-green glow behind active bars ─────────────── */ body.theme-christmas .session-bar:not(.ended) { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.08); } /* ── Snow particle colour + animation speed ─────────────────── */ body.theme-christmas .theme-particle { color: rgba(220, 240, 255, 0.9); text-shadow: 0 0 6px rgba(180, 220, 255, 0.5); } /* ── Settings page: festive section highlights ──────────────── */ body.theme-christmas.settings-page .settings-section h2 { color: #CC2936; opacity: 0.8; }