/* ==========================================================================
   Color Schemes — MBA ACT
   Source: figma/09-style-guide.md — 3 approved combinations
   Apply to any container to override semantic color tokens.
   ========================================================================== */

/* Scheme 1: Light (default — matches :root in tokens.css) */
.scheme-light {
  --text: var(--color-navy-darkest);
  --bg: var(--color-white);
  --border: var(--color-navy);
  --accent: var(--color-tangerine);
  background-color: var(--bg);
  color: var(--text);
}

/* Scheme 2: Navy (dark sections, header, footer) */
.scheme-navy {
  --text: var(--color-white);
  --bg: var(--color-navy);
  --border: var(--color-navy-light);
  --accent: var(--color-tangerine);
  background-color: var(--bg);
  color: var(--text);
}

/* Scheme 3: Tangerine (alert bar, CTA sections) */
.scheme-tangerine {
  --text: var(--color-navy-darkest);
  --bg: var(--color-tangerine);
  --border: var(--color-navy-darkest);
  --accent: var(--color-navy);
  background-color: var(--bg);
  color: var(--text);
}