/* MBS Global — Color Schemes
   Sections opt into a scheme by adding its class. Every scheme is dark; the
   choice sets a background tint and exposes scoped variables so nested
   components (borders, foreground panels, text) inherit correct contrast.
   Values follow the source export's @utility definitions exactly.

   Scheme 1 — Downriver Darkest (navy)  → the default "deep" surface
   Scheme 2 — Neutral Darkest (black)   → near-black, used for the navbar
   Scheme 3 — Neutral Darker (warm)     → slightly lifted warm charcoal

   Alternate light/dark schemes between adjacent sections to build rhythm. */

.scheme-1,
.scheme-2,
.scheme-3 {
  background-color: var(--scheme-background);
  color: var(--scheme-text);
}

.scheme-1 {
  --scheme-background: var(--color-downriver-darkest);
  --scheme-foreground: var(--color-downriver-darkest);
  --scheme-text: var(--color-white);
  --scheme-border: var(--color-white-20);
}

.scheme-2 {
  --scheme-background: var(--color-neutral-darkest);
  --scheme-foreground: var(--color-neutral-darkest);
  --scheme-text: var(--color-white);
  --scheme-border: var(--color-white-20);
}

.scheme-3 {
  --scheme-background: var(--color-neutral-darker);
  --scheme-foreground: var(--color-neutral-darker);
  --scheme-text: var(--color-white);
  --scheme-border: var(--color-white-20);
}