/* Shared campaign + terms semantic theme layer. */
:root {
  color-scheme: light;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --yellow: #ffe512;
  --black: #171e1a;
  --white: #ffffff;
  --accent-yellow: #ffe512;
  --accent-yellow-hover: #f4d900;
  --accent-red: #c9323e;
  --bg-page: #f7f8f5;
  --bg-section-alt: #edf2ef;
  --bg-card: #ffffff;
  --bg-card-raised: #ffffff;
  --bg-input: #f8faf8;
  --bg-toggle-group: rgb(20 55 48 / 6%);
  --bg-coach: #ffffff;
  --bg-glass: rgb(247 248 245 / 84%);
  --bg-glass-strong: rgb(255 255 255 / 94%);
  --surface-tint: #e8f0ed;
  --surface-highlight: rgb(255 255 255 / 88%);
  --surface-glow: rgb(0 111 118 / 10%);
  --text-primary: #14231e;
  --text-secondary: #2c4038;
  --text-muted: #52645d;
  --text-faint: #697a73;
  --text-accent: #006f76;
  --text-on-yellow: #171e1a;
  --text-on-red: #ffffff;
  --border-subtle: rgb(20 55 48 / 10%);
  --border-medium: rgb(20 55 48 / 17%);
  --border-strong: rgb(20 55 48 / 30%);
  --border-yellow: rgb(139 120 0 / 30%);
  --border-yellow-strong: rgb(139 120 0 / 58%);
  --shadow-card:
    0 1px 0 rgb(255 255 255 / 92%) inset,
    0 18px 46px rgb(22 54 47 / 9%),
    0 3px 10px rgb(22 54 47 / 5%);
  --shadow-card-hover:
    0 1px 0 rgb(255 255 255 / 94%) inset,
    0 26px 68px rgb(17 67 59 / 14%),
    0 6px 16px rgb(22 54 47 / 7%);
  --shadow-modal: 0 24px 80px rgb(14 45 39 / 24%);
  --focus-ring: #007a86;
  --map-bg: #e7efec;
  --map-polygon-stroke: rgb(244 250 247 / 86%);
  --tooltip-bg: rgb(255 255 255 / 98%);
  --tooltip-border: rgb(0 111 118 / 42%);
  --ticker-bg: #ffe512;
  --ticker-text: #171e1a;
  --ticker-label-bg: #171e1a;
  --ticker-label-text: #ffe512;
  --nav-bg: rgb(247 248 245 / 88%);
  --nav-border: rgb(20 55 48 / 13%);
  --overlay-bg: rgb(10 41 35 / 62%);
  --legend-bg: rgb(255 255 255 / 96%);
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --bg-page: #171e1a;
  --bg-section-alt: #202824;
  --bg-card: #222a26;
  --bg-card-raised: #29322d;
  --bg-input: rgb(255 255 255 / 8%);
  --bg-toggle-group: rgb(255 255 255 / 6%);
  --bg-coach: #252d29;
  --bg-glass: rgb(23 30 26 / 84%);
  --bg-glass-strong: rgb(37 45 41 / 92%);
  --surface-tint: #202824;
  --surface-highlight: rgb(255 255 255 / 5%);
  --surface-glow: rgb(255 229 18 / 9%);
  --text-primary: #f7f5ed;
  --text-secondary: rgb(247 245 237 / 86%);
  --text-muted: #bec5be;
  --text-faint: rgb(247 245 237 / 55%);
  --text-accent: #ffe512;
  --border-subtle: rgb(255 255 255 / 9%);
  --border-medium: rgb(255 255 255 / 16%);
  --border-strong: rgb(255 255 255 / 27%);
  --border-yellow: rgb(255 229 18 / 27%);
  --border-yellow-strong: rgb(255 229 18 / 54%);
  --shadow-card:
    0 1px 0 rgb(255 255 255 / 6%) inset,
    0 18px 52px rgb(0 0 0 / 24%),
    0 4px 14px rgb(0 0 0 / 18%);
  --shadow-card-hover:
    0 1px 0 rgb(255 255 255 / 9%) inset,
    0 26px 72px rgb(0 0 0 / 38%),
    0 7px 18px rgb(0 0 0 / 24%);
  --shadow-modal: 0 24px 80px rgb(0 0 0 / 66%);
  --focus-ring: #ffe512;
  --map-bg: #202824;
  --map-polygon-stroke: rgb(255 255 255 / 25%);
  --tooltip-bg: rgb(23 30 26 / 95%);
  --tooltip-border: rgb(255 229 18 / 52%);
  --nav-bg: rgb(23 30 26 / 86%);
  --nav-border: rgb(255 255 255 / 12%);
  --overlay-bg: rgb(7 11 9 / 90%);
  --legend-bg: rgb(23 30 26 / 92%);
}

:root[data-theme='light'] #grid-heading {
  color: var(--text-primary);
}

.footer-brand-text > span {
  color: var(--text-muted);
  opacity: 1 !important;
}

.footer-attribution a[href$='terms.html'] {
  color: var(--text-secondary) !important;
  opacity: 1 !important;
}