/* Seasonal themes. Set by assets/js/season.js through <html data-season="...">. */

:root[data-season="halloween"] { --accent: #ff7a18; --accent-ink: #1a0d00; --accent-2: #a67bff; --glow: rgba(255, 122, 24, .18); }
:root[data-theme="light"][data-season="halloween"] { --accent: #c2570a; --accent-ink: #fff; --accent-2: #6a3fc4; --glow: rgba(194, 87, 10, .14); }

:root[data-season="christmas"] { --accent: #ff5a5f; --accent-ink: #1f0507; --accent-2: #4cc38a; --glow: rgba(255, 90, 95, .18); }
:root[data-theme="light"][data-season="christmas"] { --accent: #b3262c; --accent-ink: #fff; --accent-2: #1f7a4d; --glow: rgba(179, 38, 44, .12); }

:root[data-season="halloween"] .brand::after { content: " 🎃"; }
:root[data-season="christmas"] .brand::after { content: " 🎄"; }

.sx-decor { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
.sx-decor span { position: absolute; top: 0; opacity: .13; will-change: transform; }