/* Palettes for the guide. Pick one with <html data-theme="...">; js/theme.js also reads ?theme= for comparing.
   Every palette fills the same roles: a night color, one bright accent, the text that sits on that accent,
   a light ground. Chris, 2026-11-12: keep the bold first design, find a palette with a better feel. */

/* Spruce and marigold: a park at dusk, string lights coming on. */
:root[data-theme="spruce"] {
  --plum: #0F2B2A; --plum-2: #163A38; --plum-3: #1F4B47; --plum-4: #2A5C57;
  --pumpkin: #FFB627; --pumpkin-hi: #FFC754; --pumpkin-deep: #8C5A00; --pumpkin-soft: #FFF0C9; --on-accent: #0F2B2A;
  --husk: #EDF2EC; --husk-2: #D8E2D6; --lawn: #7FA36B;
}

/* Cranberry and marigold: a harvest dinner on the square. The default (Chris, 2026-11-12). */
:root, :root[data-theme="cranberry"] {
  --plum: #3A0E1E; --plum-2: #4A1729; --plum-3: #5C2236; --plum-4: #6F2D44;
  --pumpkin: #FFB627; --pumpkin-hi: #FFC754; --pumpkin-deep: #8C5A00; --pumpkin-soft: #FFF0C9; --on-accent: #3A0E1E;
  --husk: #F7F0EC; --husk-2: #EADBD3; --lawn: #8AA36B;
}