/* South Park at night (dark mode for South Park pages; the gateway links it after southpark.css when sp_theme=dark).
   Only variables and a few backgrounds change; characters keep their colours. */
:root{
  --sky:#1b2b4f;--sky-2:#0f1a33;--cloud:#2b3a5f;
  --page:#0e1427;--card:#18213b;--card-2:#1d2745;--card-3:#26335a;
  --ink:#eef2fa;--ink-2:#c9d2e6;--ink-3:#97a3bf;--line:#03050b;--rule:#2c3a60;
  --link:#9cbcff;--note:#4a4320;
  --scene:url(/assets/sp-scene-night.svg);
  --clouds:none,none;
  --sky-fill:radial-gradient(1.6px 1.6px at 12% 22%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 31% 12%,#fff 50%,transparent 51%),
    radial-gradient(1.8px 1.8px at 57% 30%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 74% 14%,#fff 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 88% 34%,#fff 50%,transparent 51%),radial-gradient(1.1px 1.1px at 44% 8%,#fff 50%,transparent 51%),
    linear-gradient(180deg,var(--sky-2) 0%,var(--sky) 70%);
}
html body{background:var(--page) radial-gradient(circle at 12px 12px,rgba(201,212,230,.07) 0 2px,transparent 2.6px) 0 0/46px 46px}
.sp-display,html .hero h1{text-shadow:2px 2px 0 rgba(0,0,0,.45)}
.sp-hero::before,.sp-hero::after,.sp-auth-art::before,.sp-auth-art::after{display:none}
.sp-lede,.sp-feature-foot small{background:var(--card)}
.sp-callout,html .urgent{color:#fff6c2}
html .urgent strong{color:#fff6c2}
.sp-status.archive{background:#3b2f24;color:#e9d3b8}
.sp-alert.sp-bad{background:#5a1a26;color:#ffd7de}
.sp-alert.sp-good{background:#1d4a1f;color:#d4f7c6}
html .g-short,html .tag-supp,html .pill-open,html .ev-v{background:#8fd47a}
html .g-also,html .ev-c{background:#f1dc63}
html .g-out,html .tag-comp,html .pill-due,html .ev-u{background:#ff9aab}
html .g-closed{background:#aab3c4}
html .pill-unv{background:#d8c7ae}
html .ev-i{background:#a9b9ff}
html .ev-o{background:#93dde2}
html tbody tr:hover{background:#2a3561}
.sp-auth-art{background:linear-gradient(rgba(8,12,30,.5),rgba(8,12,30,.5)),#8be5e5 url(/assets/sp-busstop.webp) 50% 100%/100% auto no-repeat}
/* the wooden sign keeps light wood at night so its lettering stays readable */
.sp-sign{--wood:#a98060;--wood-dark:#1c110b}