html.halloween-theme { color-scheme: dark; --pumpkin: #ffad61; --ember: #f58436; }
.halloween-theme body, .halloween-theme #root { background: #120f17; }
.halloween-theme ::selection { background: #f5843655; color: #fff4e7; }
.halloween-theme :focus-visible { outline: 2px solid #ffbd7c; outline-offset: 5px; }
.halloween-theme .bg-ink-900 { background-color: #120f17; }
.halloween-theme .bg-ink-800 { background-color: #1b1520; }
.halloween-theme .text-violet, .halloween-theme .text-violet-light { color: var(--pumpkin); }
.halloween-theme .bg-violet { background-color: var(--ember); }
.halloween-theme .bg-grad-violet, .halloween-theme .bg-grad-violet-r { background: linear-gradient(125deg, #ad441e, #e98132); }
.halloween-theme header { background-image: linear-gradient(180deg, #130d1bf2, #130d1b30); }
.halloween-theme header a.bg-grad-violet { background: linear-gradient(125deg, #a94720, #ed963f); }
.halloween-theme header a.bg-grad-violet::after { content: ''; position: absolute; inset: 0; background: url('/assets/halloween-web-2026.svg') no-repeat right top / 75px; opacity: .3; pointer-events: none; }
.halloween-theme .btn-solid, .halloween-theme .btn-play { background: linear-gradient(105deg, #d76a29, #f4a04d); color: #1b1015; }
.halloween-theme .btn-solid:hover, .halloween-theme .btn-play:hover { background: linear-gradient(105deg, #ee893f, #ffc077); box-shadow: 0 12px 32px -16px #fa8f44aa; }
.halloween-theme .btn-dashed:hover { border-color: var(--pumpkin); background-color: #f5843612; }
.halloween-theme .body-dim { color: #b8afb9; }
.halloween-theme [data-halloween-home] { background: #120f17; }
.halloween-theme [data-halloween-home] .hero-art { filter: none; object-position: 70% center; }
.halloween-theme [data-halloween-home] .hero-art-veil { background: linear-gradient(90deg, #100c1966 0%, #100c1926 40%, transparent 67%); }
.halloween-theme [data-halloween-home] .hero-art-floor { background: linear-gradient(0deg, #120f17 0%, #120f1780 12%, transparent 40%); }
.halloween-theme [data-halloween-home] .hero-veil { background: linear-gradient(0deg, #120f17, transparent 28%); }
.halloween-theme [data-halloween-home] .h-display { color: #fff5e9; text-shadow: 0 3px 35px #120f1740; }
.halloween-theme [data-halloween-home] .body-dim { color: #d3cbd7; }
.halloween-theme [data-halloween-home] .grid-lines { opacity: .5; }
.halloween-season { display: inline-flex; align-items: center; gap: 11px; margin: 0 0 24px; color: #ffc387; font: 600 10px/1.4 Poppins, 'Montserrat Cyrillic', sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.halloween-season::before { content: ''; width: 7px; height: 7px; background: #ffb964; box-shadow: 0 0 18px #ff983c88; }
.halloween-season span { border-left: 1px solid #dc985550; padding-left: 11px; color: #c8b6cb; letter-spacing: .1em; }
.halloween-theme [data-halloween-home] .hero-art { opacity: 1; }
.halloween-theme footer { border-top: 1px solid #e4a06720; background-image: radial-gradient(ellipse at 85% 100%, #7f351719, transparent 60%); }
.halloween-theme .border-violet { border-color: #f4a04d; }
.halloween-theme .text-violet-200 { color: #ffd5ac; }
.halloween-theme .border-violet-400\/25 { border-color: #f4a04d40; }
.halloween-theme .bg-violet-500\/10 { background-color: #f4a04d12; }
@media (min-width: 1024px) {
 .halloween-theme [data-halloween-home] { min-height: 840px; }
 .halloween-theme [data-halloween-home] h1 { max-width: 660px; }
}
@media (max-width: 1023px) {
 .halloween-season { margin-bottom: 20px; font-size: 9px; letter-spacing: .15em; }
}
@media (max-width: 639px) {
 .halloween-theme [data-halloween-home] .hero-art-veil { background: linear-gradient(90deg, #100c19d9, #100c1980); }
 .halloween-theme [data-halloween-home] .hero-art { opacity: 1; object-position: 73% center; }
 .halloween-season { gap: 8px; font-size: 8px; letter-spacing: .14em; }
 .halloween-season span { padding-left: 8px; }
}

.halloween-theme header a.bg-grad-violet > span:first-child { background: linear-gradient(125deg, #b95422, #ffa74d) !important; }