/* ============ Colour scheme overrides ============
   Each [data-theme] block remaps ONLY semantic tokens (never touches the
   --brand-* raw palette). --accent-gradient, every --bg-*, and every
   --tint-* are all *derived* from --accent-primary/--accent-secondary in
   tokens.css, so redefining just those two per theme re-colours the whole
   page automatically — section washes, badge shadows, gift-card gradient,
   everything.

   Contrast rationale (WCAG relative-luminance, computed against #FFFFFF):
   Citrus Orange ~3.17:1, AMPD Purple ~6.40:1, Watermelon Red ~4.42:1 —
   Citrus Yellow ~1.35:1, AMPD Blue ~2.70:1, Watermelon Green ~2.86:1.
   Orange/Purple/Red are always used as --accent-primary (the one that has
   to carry white badge/button text and small accent-coloured labels);
   Yellow/Blue/Green are only ever --accent-secondary (gradient partner and
   decorative use), never required to carry text contrast alone. Every
   --bg-* section wash stays a light tint (10–30% of the accent mixed with
   white) regardless of theme, so --text-body/--text-primary stay
   comfortably above 4.5:1 on all of them in every scheme below. */

/* Citrus — Citrus Yellow + Citrus Orange (matches :root's own default,
   restated explicitly so the switcher always has a real value to set). */
:root[data-theme="citrus"] {
  --accent-primary: var(--brand-citrus-orange);
  --accent-secondary: var(--brand-citrus-yellow);
}

/* AMPD — AMPD Blue + AMPD Purple. Purple carries the primary role (best
   contrast of the six colours, 6.40:1), Blue is the gradient partner. */
:root[data-theme="ampd"] {
  --accent-primary: var(--brand-ampd-purple);
  --accent-secondary: var(--brand-ampd-blue);
}

/* Watermelon — Watermelon Green + Watermelon Red. Red carries primary
   (4.42:1, the strongest of the two), Green is the gradient partner. */
:root[data-theme="watermelon"] {
  --accent-primary: var(--brand-watermelon-red);
  --accent-secondary: var(--brand-watermelon-green);
}

/* Citrus Minimal — single-accent extended scheme. Same orange as Citrus,
   but the primary CTA becomes a flat fill instead of a two-tone gradient
   (--accent-gradient overridden directly) for a quieter, more restrained
   read. Everything else (section washes, badges) still tints from orange. */
:root[data-theme="citrus-minimal"] {
  --accent-primary: var(--brand-citrus-orange);
  --accent-secondary: var(--brand-citrus-orange);
  --accent-gradient: var(--accent-primary);
}

/* Sunset — mixed/cross-pair extended scheme: Citrus Orange + Watermelon
   Red, both from the "safe primary" set, so the whole page (not just the
   gradient) stays high-contrast. Warmer and punchier than Citrus alone. */
:root[data-theme="sunset"] {
  --accent-primary: var(--brand-citrus-orange);
  --accent-secondary: var(--brand-watermelon-red);
}

/* Grape — mixed/cross-pair extended scheme: AMPD Purple + Watermelon Red,
   a cooler jewel-tone pairing. Both ends of the gradient are "safe
   primary" colours, so badge/button text stays legible either way. */
:root[data-theme="grape"] {
  --accent-primary: var(--brand-ampd-purple);
  --accent-secondary: var(--brand-watermelon-red);
}