/* Temporary 2026 Halloween layer. The original design remains in styles.css. */
.seasonal-only { display: none; }
.halloween-theme { --paper: #21132b; --soft: #33203f; --line: #624674; --ink: #fff5e9; --muted: #d2c0df; --purple: #d1a2f5; --purple-dark: #e0bcff; }
.halloween-theme .seasonal-only { display: block; }
.halloween-theme .site-header { background: #24112ff7; border-color: #5a3a67; }
.halloween-theme .site-header .brand-type { color: #fff7eb; }
.halloween-theme .site-header .brand-flower { background: white; border-radius: 50%; }
.halloween-theme #main-nav > a:not(.button) { color: #eadcf2; }
.halloween-theme #main-nav > a:hover { color: #ffb77b; }
.halloween-theme .site-header .button-dark { background: #ffaf6b; color: #2b1435; }
.halloween-theme .site-header .button-dark:hover { background: #ffc38e; color: #2b1435 !important; }
.halloween-theme .hero-season-shell { background: radial-gradient(ellipse at 83% 75%, #67377a 0%, #382044 38%, #24112f 76%); color: #fff8ed; }
.halloween-theme .hero { padding-block: 68px 74px; gap: 38px; }
.halloween-theme .halloween-badge { display: inline-block; padding: 7px 14px; margin-bottom: 22px; border: 1px solid #b67c51; border-radius: 30px; color: #ffbe86; background: #ffaf6b0a; font-size: .875rem; letter-spacing: .06em; }
.halloween-theme .hero .eyebrow { color: #dec5f1; }
.halloween-theme .hero h1 em { color: #ffb77b; }
.halloween-theme .hero-note { color: #dfcfe8; }
.halloween-theme .hero .button-purple { color: #2b1435; background: #ffaf6b; }
.halloween-theme .hero .button-purple:hover { background: #ffc38e; }
.halloween-theme .hero .button-light { background: #ffffff09; border-color: #b49ac3; color: #fff5e7; }
.halloween-theme .hero .button-light:hover { background: #ffffff17; }
.halloween-theme .hero-detail { color: #d3bcdc; }
.halloween-theme .hero .detail-line { background: #9a769e; }
.halloween-theme .hero-visual { background: #392143; border: 1px solid #745284; box-shadow: 0 24px 70px #130a2040; overflow: hidden; }
.halloween-theme .visual-label, .halloween-theme .hero-visual figcaption { color: #e8cdeb; }
.halloween-theme .hero-media { position: relative; aspect-ratio: 1.22; isolation: isolate; }
.halloween-theme .hero-image { position: absolute; width: 70%; left: 1%; top: 6%; border: 5px solid #f5eaf8; box-shadow: 0 8px 25px #160c2840; transform: rotate(-4deg); }
.halloween-theme .halloween-art { position: absolute; width: 110%; max-width: none; right: -6%; bottom: -2%; height: auto; pointer-events: none; }
.halloween-theme .principles { border-top: 0; }
.halloween-theme .principles > span { color: #ba6b35; }
.halloween-theme .work-section { background: linear-gradient(180deg, #21132b, #30203d); }
.halloween-theme .app-artwork-preview.delivery-preview { background: #3c2950; border: 1px solid #785487; }
.halloween-theme .app-artwork-preview.wonder-preview { background: #4a2d45; border: 1px solid #b2754e; }
.halloween-theme .status-tag { background: #46304f; color: #f0dafa; border-color: #81628f; }
.halloween-theme .service { background: #35233f; border-color: #70557d; }
.halloween-theme .service-featured { background: #4a2b47; border-color: #c88b58; }
.halloween-theme .service-number { color: #ffc18e; }
.halloween-theme .service li { border-color: #74576f; }
.halloween-theme .process-section { background: #24112f; border-top: 4px solid #eea064; }
.halloween-theme .process-section h2 em, .halloween-theme .step-number { color: #ffb77b; }
.halloween-theme .process-section .eyebrow { color: #e7c1f6; }
.halloween-theme .process-section .section-top > p, .halloween-theme .process-grid p { color: #d6c4df; }
.halloween-theme .process-grid li { border-color: #7f586b; }
.halloween-theme .studio-brand { background: #fff2df; border-color: #ce9b65; box-shadow: 0 0 70px #c4874920; }
.halloween-theme .contact-section { background: radial-gradient(ellipse at 15% 75%, #563148, #2a1836 70%); border-top: 1px solid #996544; }
.halloween-theme .contact-copy > p:not(.eyebrow) { color: #e1cde6; }
.halloween-theme .contact-brand { color: #d6bce0; }
.halloween-theme .contact-form-card { background: #3b2948; border-color: #917096; }
.halloween-theme .site-footer p, .halloween-theme .site-footer > small { color: #ccb7d9; }
.halloween-theme h2 em, .halloween-theme .contact-email, .halloween-theme .text-link, .halloween-theme .service a { color: #ffb77b; }
.halloween-theme .principles strong { color: #fff0df; }
.halloween-theme .project-tags { color: #dfc5ee; }
.halloween-theme .project-tags > span { border-color: #856b90; }
.halloween-theme .app-artwork-preview .concept-top { color: #e2cfe9; }
.halloween-theme .service ul { color: #e0cce9; }
.halloween-theme .button-dark, .halloween-theme .button-purple { background: #ffaf6b; color: #2b1435; }
.halloween-theme .button-dark:hover, .halloween-theme .button-purple:hover { background: #ffc38e; }
.halloween-theme .button-light { background: #4a3259; color: #fff4e7; border-color: #ab89bc; }
.halloween-theme .button-light:hover { background: #634578; }
.halloween-theme .form-eyebrow { color: #e7bff2; }
.halloween-theme .field label span, .halloween-theme .form-note { color: #ceb9dc; }
.halloween-theme .field input, .halloween-theme .field select, .halloween-theme .field textarea { background: #25162f; color: #fff5e9; border-color: #8d719c; }
.halloween-theme .field input::placeholder, .halloween-theme .field textarea::placeholder { color: #bfa9cf; }
.halloween-theme .contact-form-card pre { background: #25162f; color: #f0dff8; }
.halloween-theme .brand-type { color: #fff4e7; }
.halloween-theme .brand-flower { background: #fff4e7; border-radius: 50%; }
.halloween-theme .skip-link { background: #ffaf6b; color: #2b1435; }
.halloween-theme .logo-everyday { display: none; }
.halloween-theme a:focus-visible, .halloween-theme button:focus-visible, .halloween-theme summary:focus-visible { outline-color: #b85c1c; }
.halloween-theme .site-header a:focus-visible, .halloween-theme .site-header button:focus-visible, .halloween-theme .hero a:focus-visible { outline-color: #ffc38e; }
@media (max-width: 850px) {
  .halloween-theme #main-nav { background: #2c1739; border-color: #755184; }
  .halloween-theme .menu-toggle { background: #3e254b; border-color: #9675a5; color: #fff4e7; }
  .halloween-theme .hero { padding-block: 46px 44px; gap: 34px; }
  .halloween-theme .hero-visual { max-width: 600px; }
  .halloween-theme .hero-media { aspect-ratio: 1.4; }
  .halloween-theme .hero-image { width: 64%; }
  .halloween-theme .halloween-badge { margin-bottom: 18px; }
}
@media (max-width: 560px) {
  .halloween-theme .hero { padding-top: 34px; }
  .halloween-theme .halloween-badge { font-size: .875rem; padding: 6px 13px; }
  .halloween-theme .hero-media { aspect-ratio: 1.22; }
  .halloween-theme .hero-image { width: 72%; border-width: 3px; }
}