/* THE PALETTE, as its own token file, per Celine's ruling 16 Sep 2026:
   "Number 2 is the one." Mint #CDEBDD, Powder blue #D6E4EE, Lemon #FBF0C4, on
   Cream #F8F5F1, white cards, Forest #1B4332 and Charcoal #4A4A4A text, a dark
   Forest sidebar by default, pastel used in small measured places only: the
   primary button, the active sidebar item, the credits meter, the needs-you
   edge, chips and chart fills, never flooding a whole card.

   She is choosing between five ways to lead with these same three pastels.
   All five are wired here as [data-palette="2a".."2e"] and switchable live
   from the prototype switcher; nothing else in the page needs to change to
   try one, because every component reads --accent, --accent-2, --chip-bg and
   --chart-2..4 rather than a literal colour. The five STYLE DIRECTIONS
   (Studio, Botanical, Glass, Ink, Bold, in theme-a.css .. theme-e.css) now
   carry only structure: radius, shadow, decoration and motion. Colour lives
   here, once, so a direction and a lead variant combine freely.

   Buttons are pastel fill with Forest text everywhere, never white on
   pastel, light or dark. Contrast verified, contrast_check.js and the ad hoc
   pass recorded in _READ_ME_FIRST.md: Forest on Mint 8.72:1, on Powder blue
   8.54:1, on Lemon 9.69:1, all light mode; dark mode pastel-on-card at 28%
   opacity with cream text measured 4.51 to 4.74:1 across all three. */

:root, [data-palette]{
  --p-mint:#CDEBDD; --p-blue:#D6E4EE; --p-lemon:#FBF0C4;
  --p-mint-deep:#5FA98B; --p-blue-deep:#6E93B8; --p-lemon-deep:#C9A227;
}

/* 2a, blue leads: primary button and active nav are Powder blue, Lemon is the
   highlight (needs-you edge), Mint marks "scheduled". Default until she rules. */
[data-palette="2a"]{
  --accent:var(--p-blue); --accent-ink:#1B4332; --accent-2:var(--p-lemon);
  --chip-bg:var(--p-mint); --chip-ink:#1B4332;
  --chart-2:var(--p-blue-deep); --chart-3:var(--p-lemon-deep); --chart-4:var(--p-mint-deep);
}
/* 2b, lemon leads */
[data-palette="2b"]{
  --accent:var(--p-lemon); --accent-ink:#1B4332; --accent-2:var(--p-blue);
  --chip-bg:var(--p-mint); --chip-ink:#1B4332;
  --chart-2:var(--p-lemon-deep); --chart-3:var(--p-blue-deep); --chart-4:var(--p-mint-deep);
}
/* 2c, mint leads, blue and lemon support */
[data-palette="2c"]{
  --accent:var(--p-mint); --accent-ink:#1B4332; --accent-2:var(--p-blue);
  --chip-bg:var(--p-lemon); --chip-ink:#1B4332;
  --chart-2:var(--p-mint-deep); --chart-3:var(--p-blue-deep); --chart-4:var(--p-lemon-deep);
}
/* 2d, one step deeper tints of the same three, blue still leads */
[data-palette="2d"]{
  --p-mint:#BFE3D0; --p-blue:#C9D9EC; --p-lemon:#F6E8B0;
  --accent:var(--p-blue); --accent-ink:#1B4332; --accent-2:var(--p-lemon);
  --chip-bg:var(--p-mint); --chip-ink:#1B4332;
  --chart-2:var(--p-blue-deep); --chart-3:var(--p-lemon-deep); --chart-4:var(--p-mint-deep);
}
/* 2e, as 2a, but the light Cream sidebar and the green mark instead of the
   dark Forest chrome, wired through data-chrome="light" (see app.css) */
[data-palette="2e"]{
  --accent:var(--p-blue); --accent-ink:#1B4332; --accent-2:var(--p-lemon);
  --chip-bg:var(--p-mint); --chip-ink:#1B4332;
  --chart-2:var(--p-blue-deep); --chart-3:var(--p-lemon-deep); --chart-4:var(--p-mint-deep);
}

/* dark mode: the same three pastels as accents at reduced opacity over a deep
   Forest or Charcoal ground, never as a flat card fill. The primary button
   stays a SOLID pastel (full opacity reads better as an actionable control
   than a translucent one) with dark ink, verified at 12.5:1 or better for
   every one of the three. */
@media (prefers-color-scheme:dark){
  [data-palette]:not([data-mode="light"]){
    --accent-ink:#12241B;
    --chip-bg:rgba(205,235,221,.28); --chip-ink:#EDE7DC;
  }
  [data-palette="2b"]:not([data-mode="light"]){ --chip-bg:rgba(251,240,196,.26) }
  [data-palette="2c"]:not([data-mode="light"]){ --chip-bg:rgba(214,228,238,.28) }
}
[data-palette][data-mode="dark"]{ --accent-ink:#12241B; --chip-bg:rgba(205,235,221,.28); --chip-ink:#EDE7DC; }
[data-palette="2b"][data-mode="dark"]{ --chip-bg:rgba(251,240,196,.26) }
[data-palette="2c"][data-mode="dark"]{ --chip-bg:rgba(214,228,238,.28) }