html[data-halloween=on]{--halloween-orange:24 100% 55%;--halloween-purple:277 70% 60%;--halloween-slime:111 100% 54%}html[data-halloween=on] .dark,html[data-halloween=on].dark{--primary:24 100% 55%;--primary-foreground:240 20% 6%;--ring:24 100% 55%;--accent:277 50% 22%;--accent-foreground:277 90% 85%;--background:240 18% 6%}html[data-halloween=on].dark body{background-image:radial-gradient(ellipse at 15% 0,rgba(255,117,24,.04),transparent 55%),radial-gradient(ellipse at 85% 100%,rgba(157,78,221,.05),transparent 55%);background-attachment:fixed}html[data-halloween=on] nav{position:sticky;border-bottom:1px solid rgba(255,117,24,.25);box-shadow:0 2px 18px rgba(255,117,24,.08)}.halloween-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.halloween-web{position:absolute;top:0;width:90px;height:90px;color:hsla(0,0%,100%,.22)}.halloween-web-left{left:0}.halloween-web-right{right:0;transform:scaleX(-1)}.halloween-mist{position:absolute;inset:-20% -10%;background:radial-gradient(ellipse at 20% 60%,rgba(255,117,24,.07),transparent 50%),radial-gradient(ellipse at 75% 40%,rgba(157,78,221,.07),transparent 50%);animation:halloween-mist-drift 18s ease-in-out infinite alternate}@keyframes halloween-mist-drift{0%{transform:translateX(-4%);opacity:.6}to{transform:translateX(4%);opacity:1}}@media (max-width:640px){.halloween-web{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){.halloween-mist{animation:none}}