/* Parke County Weather shared site theme.
   The dashboards own the visible theme controls; this file lets every public
   page follow the same stored preference without changing its information. */

:root[data-pcw-theme="day"] {
  color-scheme: light;
  --pcw-paper: #edf2f7;
  --pcw-surface: #ffffff;
  --pcw-ink: #19334d;
  --pcw-muted: #526a80;
  --pcw-rule: #ccd8e4;
  --pcw-wash: #e3edf5;
  --pcw-accent: #176ba0;
  --pcw-accent-strong: #0f5d8d;
  --pcw-shadow: rgba(32, 62, 88, 0.14);
}

:root[data-pcw-theme="night"] {
  color-scheme: dark;
  --pcw-paper: #1b263b;
  --pcw-surface: #23344b;
  --pcw-ink: #f0f5fb;
  --pcw-muted: #b8cadd;
  --pcw-rule: #40566f;
  --pcw-wash: #2b425d;
  --pcw-accent: #7dd3fc;
  --pcw-accent-strong: #a7e3ff;
  --pcw-shadow: rgba(0, 0, 0, 0.34);
}

html[data-pcw-theme="day"] {
  background: var(--pcw-paper);
}

/* Keep both dashboards aligned with the shared preference before their
   larger page scripts finish loading. */
html[data-pcw-theme="day"] body.county-briefing {
  --paper: #edf2f7 !important;
  --surface: #ffffff !important;
  --ink: #19334d !important;
  --muted: #526a80 !important;
  --rule: #ccd8e4 !important;
  --wash: #e3edf5 !important;
  --accent: #176ba0 !important;
  color-scheme: light;
}

html[data-pcw-theme="night"] body.county-briefing {
  --paper: #1b263b !important;
  --surface: #23344b !important;
  --ink: #f0f5fb !important;
  --muted: #b8cadd !important;
  --rule: #40566f !important;
  --wash: #2b425d !important;
  --accent: #7dd3fc !important;
  color-scheme: dark;
}

/* Dashboard card consistency.
   The compact dashboard skins intentionally use tight divider rows, but their
   final rules removed every right inset. Restore a small shared inset so
   countdowns, counts, statuses, and links do not touch the card boundary. */
body.county-briefing #alertsRow :is(
  .risk-pill,
  .no-alerts-pill,
  #outage-pill,
  .regional-group-box,
  .national-group-box,
  .alertItem,
  .eqItem
) {
  padding-right: 10px !important;
}

/* Local Conditions has a later, more specific compact-padding rule. */
body.county-briefing #alertsRow #briefingConditions :is(.risk-pill, #outage-pill) {
  padding-right: 10px !important;
}

/* The national outage card requests a full perimeter earlier in the page,
   but the generic .risk-pill divider rule cancels it. Match the WPC MPD group
   box while retaining the existing outage severity rail and display logic. */
body.national-briefing #alertsRow #national-power-outages-container .national-outage-card {
  overflow: hidden !important;
  padding: 6px 10px 6px 9px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 3px !important;
}

/* Shared light shell. The photographic masthead remains intentionally dark. */
html[data-pcw-theme="day"] body.compact-site-header-page {
  background: linear-gradient(180deg, #f6f9fc 0%, var(--pcw-paper) 100%) !important;
  color: var(--pcw-ink) !important;
}

html[data-pcw-theme="day"] body.compact-site-header-page .section {
  background: var(--pcw-surface);
  border: 1px solid var(--pcw-rule);
  box-shadow: 0 8px 24px var(--pcw-shadow);
}

html[data-pcw-theme="day"] body.compact-site-header-page footer {
  background: transparent !important;
  color: var(--pcw-muted) !important;
}

html[data-pcw-theme="day"] body.compact-site-header-page footer a {
  color: var(--pcw-accent) !important;
}

html[data-pcw-theme="day"] body.compact-site-header-page .navOverlay {
  background: rgba(25, 51, 77, 0.34);
}

html[data-pcw-theme="day"] body.compact-site-header-page .sideNav {
  border-color: var(--pcw-rule);
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fb 100%);
  box-shadow: 0 18px 48px rgba(25, 51, 77, 0.24), inset 0 1px 0 #ffffff;
}

html[data-pcw-theme="day"] body.compact-site-header-page .sideNavHeader {
  color: var(--pcw-ink);
  border-bottom-color: var(--pcw-rule);
  background: rgba(227, 237, 245, 0.58);
}

html[data-pcw-theme="day"] body.compact-site-header-page .sideNavEyebrow,
html[data-pcw-theme="day"] body.compact-site-header-page .navSectionLabel,
html[data-pcw-theme="day"] body.compact-site-header-page .sideNavContact {
  color: var(--pcw-muted);
}

html[data-pcw-theme="day"] body.compact-site-header-page .sideNavTitle,
html[data-pcw-theme="day"] body.compact-site-header-page .closeBtn {
  color: var(--pcw-ink);
}

html[data-pcw-theme="day"] body.compact-site-header-page .closeBtn {
  border-color: var(--pcw-rule);
  background: var(--pcw-surface);
}

html[data-pcw-theme="day"] body.compact-site-header-page .closeBtn:hover {
  background: var(--pcw-wash);
}

html[data-pcw-theme="day"] body.compact-site-header-page .navSection + .navSection,
html[data-pcw-theme="day"] body.compact-site-header-page .sideNavContact {
  border-top-color: var(--pcw-rule);
}

html[data-pcw-theme="day"] body.compact-site-header-page .sideNav a.sideNavLink {
  color: var(--pcw-ink);
  border-color: transparent;
}

html[data-pcw-theme="day"] body.compact-site-header-page .sideNav a.sideNavLink:hover {
  color: var(--pcw-ink);
  background: var(--pcw-wash);
}

html[data-pcw-theme="day"] body.compact-site-header-page .sideNav a.sideNavLink.navCurrent,
html[data-pcw-theme="day"] body.compact-site-header-page .sideNav a.sideNavLink[aria-current="page"] {
  color: #0b4f78;
  border-color: #b8d1e3;
  background: #dcecf7;
}

html[data-pcw-theme="day"] body.compact-site-header-page .sideNavIcon,
html[data-pcw-theme="day"] body.compact-site-header-page .sideNav a.sideNavLink:hover .sideNavIcon,
html[data-pcw-theme="day"] body.compact-site-header-page .sideNav a.sideNavLink.navCurrent .sideNavIcon,
html[data-pcw-theme="day"] body.compact-site-header-page .sideNav a.sideNavLink[aria-current="page"] .sideNavIcon {
  color: var(--pcw-accent);
}

html[data-pcw-theme="day"] body.compact-site-header-page .sideNavBody::-webkit-scrollbar-thumb {
  background: #9aafc1;
}

/* Home: preserve the approved hero artwork; theme only the real navigation. */
html[data-pcw-theme="day"] body.pcw-home-page,
html[data-pcw-theme="day"] body.pcw-home-page .page {
  background: var(--pcw-paper);
  color: var(--pcw-ink);
}

html[data-pcw-theme="day"] body.pcw-home-page .bottomNav {
  background: linear-gradient(180deg, #ffffff 0%, #e8f0f6 100%);
  border-top-color: var(--pcw-rule);
  box-shadow: 0 -7px 22px rgba(25, 51, 77, 0.15);
}

html[data-pcw-theme="day"] body.pcw-home-page .navItem {
  color: var(--pcw-ink);
  border-right-color: rgba(25, 51, 77, 0.08);
}

html[data-pcw-theme="day"] body.pcw-home-page .navItem:hover {
  background: #dce9f3;
}

html[data-pcw-theme="day"] body.pcw-home-page .navItem.active {
  color: #0b5685;
  background: linear-gradient(180deg, #d7e9f6, #edf5fa);
}

/* Forecast */
html[data-pcw-theme="day"] body.pcw-forecast-page .forecast-period {
  background: var(--pcw-surface);
  border: 1px solid var(--pcw-rule);
  box-shadow: 0 4px 14px var(--pcw-shadow);
}

html[data-pcw-theme="day"] body.pcw-forecast-page .forecast-icon {
  background: var(--pcw-wash);
}

html[data-pcw-theme="day"] body.pcw-forecast-page .forecast-period h3 {
  color: var(--pcw-accent);
}

html[data-pcw-theme="day"] body.pcw-forecast-page .forecast-period p {
  color: var(--pcw-ink);
}

html[data-pcw-theme="day"] body.pcw-forecast-page .wind-badge {
  color: #725000;
  background: #fff3c6;
  border-color: #e7c34c;
}

html[data-pcw-theme="day"] body.pcw-forecast-page .hazard-badge {
  color: #17613c;
  background: #e0f5e8;
  border-color: #83c99e;
}

html[data-pcw-theme="day"] body.pcw-forecast-page .hazard-badge.active {
  color: #8f1d1d;
  background: #fde5e5;
  border-color: #e69a9a;
}

html[data-pcw-theme="day"] body.pcw-forecast-page .hazard-badge.watch {
  color: #735400;
  background: #fff4c9;
  border-color: #dfc052;
}

html[data-pcw-theme="day"] body.pcw-forecast-page .hazard-badge.advisory {
  color: #8a420e;
  background: #ffead8;
  border-color: #e8aa72;
}

html[data-pcw-theme="day"] body.pcw-forecast-page .temp-badge.high {
  color: #8f1d1d;
  background: #fde5e5;
  border-color: #e69a9a;
}

html[data-pcw-theme="day"] body.pcw-forecast-page .temp-badge.low {
  color: #164f91;
  background: #e2efff;
  border-color: #91b9e8;
}

/* Radar: the iframe remains a dark media canvas. */
html[data-pcw-theme="day"] body.pcw-radar-page .radar-frame {
  border-color: var(--pcw-rule);
  background: #000000;
  box-shadow: 0 10px 28px rgba(25, 51, 77, 0.20);
}

/* Satellite: light controls and notes surrounding an unchanged image canvas. */
html[data-pcw-theme="day"] body.pcw-sat-page .sat-card {
  background: var(--pcw-surface);
  border-color: var(--pcw-rule);
  box-shadow: 0 8px 28px var(--pcw-shadow);
}

html[data-pcw-theme="day"] body.pcw-sat-page .sat-header {
  background: var(--pcw-surface);
  border-bottom-color: var(--pcw-rule);
}

html[data-pcw-theme="day"] body.pcw-sat-page .sat-title h1,
html[data-pcw-theme="day"] body.pcw-sat-page .note-box strong {
  color: var(--pcw-ink);
}

html[data-pcw-theme="day"] body.pcw-sat-page .sat-title .sub,
html[data-pcw-theme="day"] body.pcw-sat-page .sat-notes {
  color: var(--pcw-muted);
}

html[data-pcw-theme="day"] body.pcw-sat-page .compact-toolbar {
  background: var(--pcw-wash);
  border-bottom-color: var(--pcw-rule);
}

html[data-pcw-theme="day"] body.pcw-sat-page .compact-toolbar label {
  color: var(--pcw-ink);
}

html[data-pcw-theme="day"] body.pcw-sat-page .sat-controls button,
html[data-pcw-theme="day"] body.pcw-sat-page .sat-controls a,
html[data-pcw-theme="day"] body.pcw-sat-page .compact-toolbar select,
html[data-pcw-theme="day"] body.pcw-sat-page .compact-toolbar button,
html[data-pcw-theme="day"] body.pcw-sat-page .compact-toolbar a {
  color: var(--pcw-ink);
  background: var(--pcw-surface);
  border-color: #aebfce;
}

html[data-pcw-theme="day"] body.pcw-sat-page .sat-controls button:hover,
html[data-pcw-theme="day"] body.pcw-sat-page .sat-controls a:hover,
html[data-pcw-theme="day"] body.pcw-sat-page .compact-toolbar button:hover,
html[data-pcw-theme="day"] body.pcw-sat-page .compact-toolbar a:hover {
  background: #d8e8f3;
}

html[data-pcw-theme="day"] body.pcw-sat-page .sat-notes {
  background: #f4f8fb;
}

html[data-pcw-theme="day"] body.pcw-sat-page .note-box {
  background: var(--pcw-surface);
  border-color: var(--pcw-rule);
}

/* Outlooks */
html[data-pcw-theme="day"] body.pcw-outlooks-page .section {
  background: var(--pcw-surface);
}

html[data-pcw-theme="day"] body.pcw-outlooks-page .img-label,
html[data-pcw-theme="day"] body.pcw-outlooks-page .img-label a,
html[data-pcw-theme="day"] body.pcw-outlooks-page .img-label a:visited,
html[data-pcw-theme="day"] body.pcw-outlooks-page .img-label a:hover {
  color: var(--pcw-ink);
}

/* Model viewer: the controls follow the page theme while all forecast imagery
   and comparison wells retain a dark neutral background. */
html[data-pcw-theme="day"] body.pcw-model-page {
  --bg: #edf2f7;
  --panel: #ffffff;
  --panel2: #e3edf5;
  --border: #ccd8e4;
  --text: #19334d;
  --muted: #526a80;
  --accent: #176ba0;
  background: linear-gradient(180deg, #f7fafc 0%, var(--pcw-paper) 100%) !important;
}

html[data-pcw-theme="day"] body.pcw-model-page .topbar {
  background: rgba(255, 255, 255, 0.94);
  border-color: var(--pcw-rule);
}

html[data-pcw-theme="day"] body.pcw-model-page .top-controls > #productSelect,
html[data-pcw-theme="day"] body.pcw-model-page .viewer-options > summary,
html[data-pcw-theme="day"] body.pcw-model-page .viewer-options-panel,
html[data-pcw-theme="day"] body.pcw-model-page .viewer-options-panel .long-range-control,
html[data-pcw-theme="day"] body.pcw-model-page .long-range-control,
html[data-pcw-theme="day"] body.pcw-model-page .controls button,
html[data-pcw-theme="day"] body.pcw-model-page .controls select,
html[data-pcw-theme="day"] body.pcw-model-page #forecastRangeSelect {
  color: var(--pcw-ink);
  background: var(--pcw-surface);
  border-color: #adbfce;
}

html[data-pcw-theme="day"] body.pcw-model-page .status-pill {
  color: #164d6f;
  background: #e5f3fb;
  border-color: #9bc8e0;
}

html[data-pcw-theme="day"] body.pcw-model-page .status-pill:has(.dot.error) {
  color: #8b1f1f;
  background: #fde7e7;
  border-color: #de8f8f;
}

html[data-pcw-theme="day"] body.pcw-model-page .viewer-head,
html[data-pcw-theme="day"] body.pcw-model-page .forecast-tools,
html[data-pcw-theme="day"] body.pcw-model-page .controls {
  color: var(--pcw-ink);
  background: rgba(255, 255, 255, 0.97);
  border-color: var(--pcw-rule);
}

html[data-pcw-theme="day"] body.pcw-model-page .time-sub,
html[data-pcw-theme="day"] body.pcw-model-page #rangeSummary,
html[data-pcw-theme="day"] body.pcw-model-page .timeline-labels {
  color: var(--pcw-muted);
}

html[data-pcw-theme="day"] body.pcw-model-page .frame-counter,
html[data-pcw-theme="day"] body.pcw-model-page .map-focus-btn {
  color: var(--pcw-ink);
  background: var(--pcw-wash);
  border-color: var(--pcw-rule);
}

html[data-pcw-theme="day"] body.pcw-model-page .controls button:hover,
html[data-pcw-theme="day"] body.pcw-model-page .controls select:hover,
html[data-pcw-theme="day"] body.pcw-model-page .map-focus-btn:hover {
  background: #d4e5f1;
}

html[data-pcw-theme="day"] body.pcw-model-page .viewer-card,
html[data-pcw-theme="day"] body.pcw-model-page .image-wrap,
html[data-pcw-theme="day"] body.pcw-model-page .comparison-wrap,
html[data-pcw-theme="day"] body.pcw-model-page .comparison-panel,
html[data-pcw-theme="day"] body.pcw-model-page .comparison-panel img {
  background: #01040b;
}

html[data-pcw-theme="day"] body.pcw-model-page .comparison-panel-head {
  background: #12243d;
}

html[data-pcw-theme="day"] body.pcw-model-page .comparison-panel-head .model-sub {
  color: #b8cadd;
}

/* Cameras: keep every camera image/fallback well dark for predictable images. */
html[data-pcw-theme="day"] body.pcw-cam-page .cameraTopStatus,
html[data-pcw-theme="day"] body.pcw-cam-page .cameraStatusLine {
  color: var(--pcw-muted);
  background: var(--pcw-surface);
  border-color: var(--pcw-rule);
  box-shadow: 0 8px 24px var(--pcw-shadow);
}

html[data-pcw-theme="day"] body.pcw-cam-page .dashboardToggleBtn {
  color: var(--pcw-ink) !important;
  background: var(--pcw-wash) !important;
  border-color: #aebfce !important;
}

html[data-pcw-theme="day"] body.pcw-cam-page .dashboardToggleBtn:hover {
  background: #d1e3ef !important;
}

html[data-pcw-theme="day"] body.pcw-cam-page .cameraGroupHeader {
  border-bottom-color: var(--pcw-rule);
}

html[data-pcw-theme="day"] body.pcw-cam-page .cameraGroupHeading {
  color: var(--pcw-ink);
}

html[data-pcw-theme="day"] body.pcw-cam-page .cameraGroupCount {
  color: var(--pcw-muted);
}

html[data-pcw-theme="day"] body.pcw-cam-page .cameraRouteBadge {
  color: #0d527d;
  background: #deedf7;
  border-color: #a7c8dc;
  box-shadow: inset 0 1px 0 #ffffff;
}

html[data-pcw-theme="day"] body.pcw-cam-page #cameraContainer .imgWrapper {
  background: var(--pcw-surface);
  border-color: var(--pcw-rule);
  box-shadow: 0 8px 24px var(--pcw-shadow);
}

html[data-pcw-theme="day"] body.pcw-cam-page #cameraContainer .imageTitle {
  color: var(--pcw-ink);
  background: linear-gradient(180deg, #ffffff 0%, #eef4f8 100%);
  border-top-color: var(--pcw-rule);
}

html[data-pcw-theme="day"] body.pcw-cam-page #cameraContainer .imageTitle a {
  color: var(--pcw-ink);
}

html[data-pcw-theme="day"] body.pcw-cam-page #cameraContainer .imageTitle a:hover,
html[data-pcw-theme="day"] body.pcw-cam-page #cameraContainer .imageTitle a:focus-visible {
  color: var(--pcw-accent);
}

html[data-pcw-theme="day"] body.pcw-cam-page #cameraContainer .imgWrapper img,
html[data-pcw-theme="day"] body.pcw-cam-page #cameraContainer .cameraFallback,
html[data-pcw-theme="day"] body.pcw-cam-page #lightboxImg,
html[data-pcw-theme="day"] body.pcw-cam-page #lightboxOverlay {
  background-color: #050a12;
}

/* Photos retain dark image mats and captions; the surrounding page follows day. */
html[data-pcw-theme="day"] body.pcw-photos-page .photo-card {
  background: #151a2c;
  border: 1px solid var(--pcw-rule);
  box-shadow: 0 9px 24px rgba(25, 51, 77, 0.22);
}

/* History */
html[data-pcw-theme="day"] body.pcw-history-page .event {
  padding: 18px;
  border: 1px solid var(--pcw-rule);
  border-radius: 12px;
  background: var(--pcw-surface);
  box-shadow: 0 6px 20px var(--pcw-shadow);
}

html[data-pcw-theme="day"] body.pcw-history-page .event-date {
  color: #7a5700;
  font-weight: 700;
}

/* Safety: only the page chrome changes; rendered PDF canvases are untouched. */
html[data-pcw-theme="day"] body.pcw-safety-page #pdfFallback {
  color: var(--pcw-ink);
}

/* Contact */
body.pcw-contact-page form input,
body.pcw-contact-page form textarea {
  box-sizing: border-box;
}

html[data-pcw-theme="day"] body.pcw-contact-page form input,
html[data-pcw-theme="day"] body.pcw-contact-page form textarea {
  color: var(--pcw-ink);
  background: var(--pcw-surface);
  border-color: #aebfce;
}

html[data-pcw-theme="day"] body.pcw-contact-page form input::placeholder,
html[data-pcw-theme="day"] body.pcw-contact-page form textarea::placeholder {
  color: #6c7f91;
}

html[data-pcw-theme="day"] body.pcw-contact-page form input:focus,
html[data-pcw-theme="day"] body.pcw-contact-page form textarea:focus {
  border-color: var(--pcw-accent);
  box-shadow: 0 0 0 3px rgba(23, 107, 160, 0.16);
}

/* User guide */
html[data-pcw-theme="day"] body.pcw-guide-page {
  --guide-bg: #edf2f7;
  --guide-panel: #ffffff;
  --guide-panel-2: #f4f8fb;
  --guide-panel-3: #e3edf5;
  --guide-border: #ccd8e4;
  --guide-text: #19334d;
  --guide-muted: #526a80;
  background: linear-gradient(180deg, #f7fafc 0%, #edf2f7 100%) !important;
}

html[data-pcw-theme="day"] body.pcw-guide-page .guide-hero {
  border-color: #9bc7df;
  background: linear-gradient(135deg, #e5f3fb, #f8fbfd 58%, #e9eefb);
  box-shadow: 0 14px 38px var(--pcw-shadow);
}

html[data-pcw-theme="day"] body.pcw-guide-page .guide-kicker,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-card a,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-page-card a,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-footer a {
  color: var(--pcw-accent);
}

html[data-pcw-theme="day"] body.pcw-guide-page .guide-hero h1,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-section h2,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-card h3,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-quick strong,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-page-card h3,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-dashboard-col h3,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-status strong,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-callout strong {
  color: var(--pcw-ink);
}

html[data-pcw-theme="day"] body.pcw-guide-page .guide-hero p,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-card p,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-card ul,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-quick span,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-page-card p,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-mini-row,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-status span,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-callout,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-details-content,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-footer {
  color: var(--pcw-muted);
}

html[data-pcw-theme="day"] body.pcw-guide-page .guide-hero-actions a,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-chip-link,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-tag,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-source {
  color: var(--pcw-ink);
  background: var(--pcw-surface);
  border-color: #b5c8d7;
}

html[data-pcw-theme="day"] body.pcw-guide-page .guide-section,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-card,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-quick,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-page-card,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-dashboard-col,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-mini-row,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-status,
html[data-pcw-theme="day"] body.pcw-guide-page .guide-details {
  background: var(--pcw-surface);
  border-color: var(--pcw-rule);
}

html[data-pcw-theme="day"] body.pcw-guide-page .guide-quick:hover {
  background: var(--pcw-wash);
  border-color: #9bc7df;
}

html[data-pcw-theme="day"] body.pcw-guide-page .guide-risk {
  background: #26384d;
  border-color: #526b82;
}

html[data-pcw-theme="day"] body.pcw-guide-page .guide-risk-body strong {
  color: #ffffff;
}

html[data-pcw-theme="day"] body.pcw-guide-page .guide-risk-body span {
  color: #c5d4e2;
}

html[data-pcw-theme="day"] body.pcw-guide-page .guide-details summary {
  color: var(--pcw-ink);
}

/* Precipitation viewer: keep the raster canvas and its marker labels dark. */
html[data-pcw-theme="day"] body.pcw-precip-page {
  background: var(--pcw-paper);
  color: var(--pcw-ink);
}

html[data-pcw-theme="day"] body.pcw-precip-page .viewer-header,
html[data-pcw-theme="day"] body.pcw-precip-page .toolbar,
html[data-pcw-theme="day"] body.pcw-precip-page .status,
html[data-pcw-theme="day"] body.pcw-precip-page .inspect,
html[data-pcw-theme="day"] body.pcw-precip-page .legend,
html[data-pcw-theme="day"] body.pcw-precip-page .viewer-footer {
  color: var(--pcw-ink);
  background: var(--pcw-surface);
  border-color: var(--pcw-rule);
}

html[data-pcw-theme="day"] body.pcw-precip-page .viewer-title,
html[data-pcw-theme="day"] body.pcw-precip-page .viewer-summary strong {
  color: var(--pcw-ink);
}

html[data-pcw-theme="day"] body.pcw-precip-page .viewer-subtitle,
html[data-pcw-theme="day"] body.pcw-precip-page .viewer-footer,
html[data-pcw-theme="day"] body.pcw-precip-page .legend-labels {
  color: var(--pcw-muted);
}

html[data-pcw-theme="day"] body.pcw-precip-page .toolbar button {
  color: var(--pcw-ink);
  background: var(--pcw-wash);
  border-color: #aebfce;
}

html[data-pcw-theme="day"] body.pcw-precip-page .toolbar button:hover {
  background: #d1e3ef;
}

html[data-pcw-theme="day"] body.pcw-precip-page .status.error {
  color: #a01f1f;
  background: #fdeaea;
}

html[data-pcw-theme="day"] body.pcw-precip-page .canvas-wrap,
html[data-pcw-theme="day"] body.pcw-precip-page #qpeCanvas {
  background: #07111f;
}

html[data-pcw-theme="day"] body.pcw-precip-page .viewer-footer a {
  color: var(--pcw-accent);
}

/* Standalone legal and confirmation pages. */
html[data-pcw-theme="day"] body.pcw-legal-page,
html[data-pcw-theme="day"] body.pcw-thankyou-page {
  background: linear-gradient(180deg, #f7fafc, var(--pcw-paper));
  color: var(--pcw-ink);
}

html[data-pcw-theme="day"] body.pcw-legal-page h1 {
  border-bottom-color: var(--pcw-rule);
}

html[data-pcw-theme="day"] body.pcw-legal-page h2,
html[data-pcw-theme="day"] body.pcw-legal-page p {
  color: var(--pcw-ink);
}

html[data-pcw-theme="day"] body.pcw-legal-page a,
html[data-pcw-theme="day"] body.pcw-legal-page .footer-note {
  color: var(--pcw-accent);
}

html[data-pcw-theme="day"] body.pcw-legal-page .notice {
  color: #ffffff;
}

html[data-pcw-theme="day"] body.pcw-thankyou-page main {
  color: var(--pcw-ink);
  background: var(--pcw-surface);
  border: 1px solid var(--pcw-rule);
  box-shadow: 0 12px 32px var(--pcw-shadow);
}

@media (prefers-reduced-motion: reduce) {
  html[data-pcw-theme] *,
  html[data-pcw-theme] *::before,
  html[data-pcw-theme] *::after {
    scroll-behavior: auto !important;
  }
}