/* ===========================================================================
   palettes.css — per-tenant accent palettes (5 light + 5 dark).
   A tenant admin picks one light + one dark palette in Settings; each user's
   Light/Dark/Auto choice then selects which applies. Each palette only re-tints
   the accent + brand gradient on top of the base light/dark theme in tokens.css.
   Keyed on html[data-palette="<id>"] (ids are unique per mode and PERSISTED in
   localStorage/tenant settings — never rename an id, only refine its values).

   Contract: --accent is a filled button/background colour with WHITE text, so
   every value must hit ≥4.5:1 against #fff. --accent-hover doubles as link /
   active text: on light palettes it is the darker step (≥6:1 on white); on
   dark palettes it is the LIGHTER step (≥6:1 on the navy canvas).
   Values are a matched set: one tonal register (deep, slightly desaturated)
   so every palette feels like the same product wearing a different accent.
   =========================================================================== */

/* ── Light palettes ── */
:root[data-theme="light"][data-palette="light-ocean"]  { --accent:#1A5F94; --accent-hover:#14496F; --accent-muted:rgba(26,95,148,0.10);  --brand-gradient:linear-gradient(120deg,#1A5F94,#27B173); }
:root[data-theme="light"][data-palette="light-teal"]   { --accent:#0B7A65; --accent-hover:#085D4D; --accent-muted:rgba(11,122,101,0.10); --brand-gradient:linear-gradient(120deg,#0B7A65,#5CCB3B); }
:root[data-theme="light"][data-palette="light-forest"] { --accent:#256B45; --accent-hover:#1B5334; --accent-muted:rgba(37,107,69,0.10);  --brand-gradient:linear-gradient(120deg,#256B45,#8FD96A); }
:root[data-theme="light"][data-palette="light-plum"]   { --accent:#7A3D91; --accent-hover:#613077; --accent-muted:rgba(122,61,145,0.10); --brand-gradient:linear-gradient(120deg,#7A3D91,#2481BE); }
:root[data-theme="light"][data-palette="light-sunset"] { --accent:#B14A24; --accent-hover:#93391A; --accent-muted:rgba(177,74,36,0.10);  --brand-gradient:linear-gradient(120deg,#B14A24,#F2A93B); }

/* ── Dark palettes (accent dark enough for white button text; hover stays
      light so links/active text read on the dark canvas).
      Bare (0,1,1) keying is correct here: dark is the tokens.css default
      (no attribute), and when data-theme="light" is set the light block's
      (0,2,0) rightly suppresses a lingering dark palette id. ── */
html[data-palette="dark-ocean"]   { --accent:#1F72A8; --accent-hover:#6CB6E3; --accent-muted:rgba(108,182,227,0.16); --brand-gradient:linear-gradient(120deg,#2481BE,#27B173); }
html[data-palette="dark-teal"]    { --accent:#0E7C6B; --accent-hover:#52CDBA; --accent-muted:rgba(82,205,186,0.16);  --brand-gradient:linear-gradient(120deg,#0E7C6B,#5CCB3B); }
html[data-palette="dark-forest"]  { --accent:#26804C; --accent-hover:#7BD8A0; --accent-muted:rgba(123,216,160,0.16); --brand-gradient:linear-gradient(120deg,#26804C,#8FD96A); }
html[data-palette="dark-plum"]    { --accent:#8348A5; --accent-hover:#C79BEC; --accent-muted:rgba(199,155,236,0.16); --brand-gradient:linear-gradient(120deg,#8348A5,#3D8BFF); }
html[data-palette="dark-sunset"]  { --accent:#B34F0F; --accent-hover:#F2A66B; --accent-muted:rgba(242,166,107,0.16); --brand-gradient:linear-gradient(120deg,#B34F0F,#F2C14B); }