/* Seasonal paint only: no layout, content or interaction changes. */
html:root {
  --blue-deep: #813c14;
  --blue: #a64b16;
  --ink: #392c40;
  --sky-1: #fff5e8;
  --sky-2: #eee4f4;
  --bar: #fffaf3;
  --muted: #76647a;
  --fh-accent: #a64b16;
}

html[data-theme="dark"] {
  --blue-deep: #ffad55;
  --blue: #ffad55;
  --ink: #fff3e6;
  --muted: #cab8d1;
  --bar: #21182b;
  --fh-bg: #140f1c;
  --fh-surface: #21182b;
  --fh-surface-2: #30223a;
  --fh-surface-3: #3b2a47;
  --fh-text: #fff3e6;
  --fh-text-2: #dfcfe7;
  --fh-muted: #bca8c7;
  --fh-border: #503657;
  --fh-accent: #ffad55;
}

html .hero-animated-section::before {
  background: url('img/halloween-bats.svg') center / cover no-repeat,
    radial-gradient(ellipse at 18% 30%, rgba(168, 78, 22, .24), transparent 55%),
    linear-gradient(115deg, rgba(24, 12, 32, .88), rgba(36, 16, 45, .77));
  pointer-events: none;
}

html .hero-left h1 span,
html[data-theme="dark"] .hero-left h1 span {
  color: #ffad55 !important;
}

html .feature-card {
  background: #2b1936;
  border-color: #62405f;
}
html .feature-card:hover {
  background: #392141;
  border-color: #ffad55;
}
html .feature-content p { color: #cfb9da; }
html .feature-icon-box { color: #ffad55; }
html .stats-bar-section { background: rgba(25, 14, 33, .96); }
html .stats-ticker-track .stat-card { background: #2b1936; border-color: #62405f; }
html .stats-ticker-track .stat-label { color: #cfb9da; }
html .hero-actions, html .site-footer { background-color: #140f1c; }
html .deploy-banner-card { background: #21182b; border-color: #62405f; }
html .deploy-badge { color: #ffad55; }
html .gradient-text {
  background-image: linear-gradient(135deg, #ffad55, #e9b3ff);
}

html .btn-signup, html .btn-submit, html .btn-primary,
html .btn-deploy-primary, html .btn-commander, html .btn-review {
  background: #a64b16;
  color: #fff !important;
  box-shadow: 0 8px 24px -14px rgba(213, 98, 28, .6);
}
html .btn-signup:hover, html .btn-submit:hover, html .btn-primary:hover,
html .btn-deploy-primary:hover, html .btn-commander:hover, html .btn-review:hover {
  background: #813c14;
}
html .game-card:hover { border-color: #a64b16; box-shadow: 0 15px 30px rgba(166, 75, 22, .15); }
html .game-card:hover .btn-card { background: #a64b16; color: #fff !important; }
html .game-icon { color: #a64b16; }
html[data-theme="dark"] .game-icon { color: #ffad55; }

html .links > li > a.active { background: rgba(166, 75, 22, .1); border-color: rgba(166, 75, 22, .3); }
html .has-menu.open > a.is-dropdown { background: #813c14; color: #fff; }
html .menu .item:hover { background: rgba(166, 75, 22, .08); }
html .nav-item.active { background: rgba(166, 75, 22, .12); color: var(--blue); }
html .brand-text i { color: var(--blue); }
html .field input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(166, 75, 22, .12); }
html .site-footer { border-top-color: #503657; }
html .footer-col ul li a:hover { color: #ffad55; }

/* Specificity preserves the seasonal accents when theme.js injects dark mode. */
html[data-theme="dark"] .brand-text i { color: #ffad55 !important; }
html[data-theme="dark"] .price-tag,
html[data-theme="dark"] .plan-price,
html[data-theme="dark"] .price-amount,
html[data-theme="dark"] .game-price span {
  color: #ffad55 !important;
  -webkit-text-fill-color: #ffad55 !important;
}