/* Each event keeps the same accessible navigation and layout, with a complete palette. */
body[data-theme=halloween]{--paper:#191621;--ink:#fff1e4;--muted:#c8becf;--yellow:#ffb253;--line:#4b4058;--dark:#282033;--event-card:#30263c;--event-card-ink:#f5e8dc;--event-accent:#ffb253;--event-soft:#362b41;--event-on-dark:#fff1e4}
body[data-theme=sinterklaas]{--paper:#fff7ec;--ink:#4d2929;--muted:#78605b;--yellow:#e9b955;--line:#e3cdbb;--dark:#812e35;--event-card:#f3e4d0;--event-card-ink:#633c30;--event-accent:#a12831;--event-soft:#f5eadb;--event-on-dark:#fff7ec}
body[data-theme=kerst]{--paper:#f6f3e8;--ink:#233f34;--muted:#607269;--yellow:#e8bf6c;--line:#d2d7c4;--dark:#234438;--event-card:#e4eadb;--event-card-ink:#2c493b;--event-accent:#9e343f;--event-soft:#ecebdf;--event-on-dark:#fff6e4}
body[data-theme=pasen]{--paper:#fcf9ee;--ink:#344538;--muted:#637262;--yellow:#f0d46d;--line:#d5dfc8;--dark:#435b46;--event-card:#ebe6f1;--event-card-ink:#51445f;--event-accent:#7b5796;--event-soft:#edf1df;--event-on-dark:#fffcee}
.event-ribbon{border-bottom:1px solid var(--line);background:var(--event-soft);overflow:hidden}.event-ribbon>.wrap{height:116px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px}.event-ribbon img{width:min(64%,720px);height:108px;object-fit:contain;object-position:left center}.event-ribbon span{font-size:11px;font-weight:650;letter-spacing:1.1px;text-transform:uppercase;text-align:right;color:var(--event-card-ink)}
body:not([data-theme=standard]) .header{background:var(--paper)}body:not([data-theme=standard]) .button{color:#2a3028}body:not([data-theme=standard]) .repair-section .button{color:#2a3028}body:not([data-theme=standard]) .hero-visual{box-shadow:0 0 0 1px var(--line)}body:not([data-theme=standard]) .hero h1{color:var(--ink)}body:not([data-theme=standard]) .hero h1 .serif,body:not([data-theme=standard]) .little-sun,body:not([data-theme=standard]) .sun-icon{color:var(--event-accent)}body:not([data-theme=standard]) .repair-card{background:var(--event-card);color:var(--event-card-ink)}body:not([data-theme=standard]) .repair-card>p:not(.card-kicker){color:var(--event-card-ink)}body:not([data-theme=standard]) .repair-card svg{stroke:var(--event-card-ink)}body:not([data-theme=standard]) .faq-section{background:var(--event-soft)}body:not([data-theme=standard]) .faqs details{border-color:var(--line)}body:not([data-theme=standard]) .faqs details p{color:var(--muted)}body:not([data-theme=standard]) .repair-section{color:var(--event-on-dark)}body:not([data-theme=standard]) .repair-section h2 .serif{color:var(--yellow)}body:not([data-theme=standard]) .repair-copy>p:not(.eyebrow),body:not([data-theme=standard]) .repair-caption,body:not([data-theme=standard]) .repair-problems small,body:not([data-theme=standard]) .repair-section .eyebrow{color:var(--event-on-dark)}body:not([data-theme=standard]) .photo-label{background:var(--paper);color:var(--ink)}body:not([data-theme=standard]) .form-row input,body:not([data-theme=standard]) textarea,body:not([data-theme=standard]) .choices span{border-color:var(--line);color:var(--ink)}body:not([data-theme=standard]) .choices input:checked+span{background:var(--dark);color:var(--event-on-dark)}body:not([data-theme=standard]) .form-status{background:var(--event-card);color:var(--event-card-ink)}body:not([data-theme=standard]) .preview-notice,body:not([data-theme=standard]) .photo-disclaimer,body:not([data-theme=standard]) .footer-bottom,body:not([data-theme=standard]) .footer-top>p{color:var(--muted)}body:not([data-theme=standard]) .under-link:hover,body:not([data-theme=standard]) .text-link:hover{color:var(--event-accent)}
body[data-theme=halloween] .hero-visual img{filter:saturate(.6) brightness(.8)}body[data-theme=halloween] .hero-visual{border:1px solid #765081}body[data-theme=halloween] .event-ribbon{background:radial-gradient(ellipse at 25% 120%,#553361,transparent 65%),#211b2e}body[data-theme=halloween] .header nav>a:not(.button):hover{color:var(--yellow)}body[data-theme=halloween] input::placeholder,body[data-theme=halloween] textarea::placeholder{color:#afa1b9}body[data-theme=halloween] .eyebrow>span{background:var(--yellow)}body[data-theme=halloween] .image-note{background:#30263cdd;color:#fff1e4}body[data-theme=halloween] .circle-link{border-color:#82718e}body[data-theme=halloween] dialog{border:1px solid #765081}body[data-theme=halloween] .menu-button{border-color:#82718e}
body[data-theme=kerst] .event-ribbon{background:linear-gradient(110deg,#e6eadb,#f8f0dd)}body[data-theme=sinterklaas] .event-ribbon{border-bottom:3px solid #b14b3f}body[data-theme=pasen] .event-ribbon{background:linear-gradient(100deg,#f4eddf,#eae3f3,#eff3d9)}
@media(max-width:600px){.event-ribbon>.wrap{height:100px;gap:12px}.event-ribbon img{width:68%;height:94px}.event-ribbon span{font-size:8px;letter-spacing:.4px;max-width:110px}}