/* Halloween edition. Remove this stylesheet link to restore the usual palette. */
:root:root {
  color-scheme: dark;
  --bg: #120d18 !important;
  --bg-gradient: #2c1936 !important;
  --panel: #211426 !important;
  --panel-hover: #35203c !important;
  --input-bg: #2b1c32 !important;
  --inset: #0d0911 !important;
  --ink: #ff9c48 !important;
  --ink-light: #ffe0b3 !important;
  --ink-muted: #c8afcf !important;
  --border: #ff9c484d !important;
  --logo-filter: brightness(0) saturate(100%) invert(73%) sepia(51%) saturate(1200%) hue-rotate(331deg) brightness(103%) contrast(101%) !important;
}
html { background: var(--bg); }
body {
  background: radial-gradient(ellipse at 85% 0, #49215166, transparent 38rem), var(--bg);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url('../images/halloween-web.svg') top left / 180px 180px no-repeat;
  opacity: .35;
}
.site-starfield-layer { opacity: .3; }
.masthead-ticker { background: #2a162e; border-color: #ff9c48; }
.ticker-track span { color: #ffe0b3; padding-block: 12px; }
.lead-story {
  background: radial-gradient(ellipse at 60% 58%, #a342292b, transparent 65%), linear-gradient(145deg, #2d1832, #160e1e);
  box-shadow: inset 0 0 80px #0003;
}
.lead-story::before { opacity: .1; background-size: 48px 48px; }
.signal-title { font-size: clamp(3rem, 6.8vw, 5.3rem); text-shadow: 0 0 38px #ff762333; }
.signal-label { color: #c4a0e5; letter-spacing: .2em; }
.signal-orbital { width: min(420px, 100%); margin-block: auto; }
.halloween-art { width: 100%; height: auto; display: block; filter: drop-shadow(0 10px 30px #0005); }
.signal-wave span { background: linear-gradient(var(--ink), #a679c544); }
.section-link { background: linear-gradient(120deg, #29192e, #1b1222); }
.section-link:hover { background: var(--panel-hover); box-shadow: inset 3px 0 var(--ink); }
.section-link .kicker { color: #c4a0e5; }
:is(.player-card, .playlist-card, .settings-content, .cart-panel, .checkout-panel, .product-card) { background: var(--panel); }
.gate-input { background: var(--input-bg); }
.gate-button { background: var(--ink); color: var(--bg); }
.gate-logo-stage::after { background: #ff9c48; }
.radio-header::after {
  content: "HALLOWEEN FREQUENCY / AMEM AFTER DARK";
  display: block;
  margin-top: 16px;
  color: var(--ink-muted);
  font: 700 .65rem/1.6 monospace;
  letter-spacing: .15em;
}
:is(a, button, input, select):focus-visible { outline: 2px solid #d1a4ff; outline-offset: 4px; }
@media (max-width: 820px) {
  body::before { background-size: 110px 110px; }
  .masthead { padding-top: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .ticker-track, .signal-wave span, .title-logo-disc { animation: none; }
}

/* Keep the pumpkin glow in the same warm palette as the radio panels. */
.title-logo-disc {
  width: clamp(110px, 15vw, 150px);
  filter: drop-shadow(0 0 16px #ff76233d) drop-shadow(0 8px 14px #0006);
}