/* ==========================================================================
   COLOR SCHEMES. Pick one by setting data-scheme="..." on the <html> tag
   in index.html: "navy", "teal", or "indigo-gold".
   With no data-scheme, the defaults in tokens.css apply.

   Blues come from the candidates' own campaign sites (checked Oct 2026).
   Every text/background pair here meets WCAG AA contrast (4.5:1 or better).
   ========================================================================== */

/* 1. NAVY: deep navy header (Diana Perez's navy) over Deken's and Renee's royal blues */
:root[data-scheme="navy"] {
  --color-primary: #24408e;
  --color-primary-dark: #124173;
  --header-bg: #0c1f39;
  --hero-bg-start: #124173;
  --hero-bg-end: #24408e;
  --map-section-bg: #eef2f9;
  --map-fill: #dde3ee;
  --map-featured: #a9bde0;
  --map-flash: #7f9ccf;
  --map-selected: #0c1f39;
  --footer-bg: #0c1f39;
  --footer-text: #e8eef8;
}

/* 2. TEAL: Pacific Northwest teals from Randi's, Stacy's, Ben's and Ezequiel's sites */
:root[data-scheme="teal"] {
  --color-primary: #005977;
  --color-primary-dark: #0e565d;
  --header-bg: #083a40;
  --hero-bg-start: #005977;
  --hero-bg-end: #257885;
  --map-section-bg: #edf6f7;
  --map-fill: #dbe7e9;
  --map-featured: #9fd0d8;
  --map-flash: #6fb5c1;
  --map-selected: #083a40;
  --footer-bg: #083a40;
  --footer-text: #e6f2f3;
}

/* 3. INDIGO + GOLD: Chelsea's indigo and Renee's royal blue, with the gold
      accent most of the campaigns share (donate headline and map background) */
:root[data-scheme="indigo-gold"] {
  --color-primary: #2b3990;
  --color-primary-dark: #1b2360;
  --header-bg: #1b2360;
  --hero-bg-start: #2b3990;
  --hero-bg-end: #24408e;
  --map-section-bg: #fdf7e7;
  --map-fill: #e4e2da;
  --map-featured: #b4bcec;
  --map-flash: #8c97de;
  --map-selected: #1b2360;
  --footer-bg: #1b2360;
  --footer-text: #fdf7e7;
  --color-highlight: #fac526;
}