/* themes.css — the account palettes (two accounts, Lane 2; build plan Task 2.4; proposal "her side" section F and the owner's
   decision of 2026-10-10: "keep sage default and optional rose purple and pink"). Loaded after look.css: colour tokens
   ONLY — no shape, size or layout — so every screen keeps its look and only the colours change.
   <html data-palette="sage|rose|purple|pink" data-theme="light|dark">: the palette is kept with the account (settings.theme),
   light / dark stays per phone (as before). KGYM SAGE is the default for both accounts and has NO rule here: it is exactly
   the live look (lawha.css + kgym.css + look.css). Rose is sage with a rose accent only; purple and pink are full palettes.
   The body drawings never change colour: the map's status colours and stripes (--kgym-met, -low, -min, -none, -help and the
   skin tokens) are never set here, and the small body keeps sage's accent for its main and helper muscles — so green is
   always "target met" in every palette. Every judged text pair ≥ 4.5:1 and every shape pair ≥ 3:1 (WCAG 2.x), light and
   dark: tests-client/theme-palettes.test.ts computes them from this file; the screens measure them in the browser. */

/* ── Sage with rose — accent only (light) ── */
[data-palette='rose']:not([data-theme='dark']) .lawha-theme{
  --lawha-sage:#ecdde2;--lawha-accent:#8a4660;--lawha-focus:#8a4660;--kgym-insight:#f3e7eb;
}
/* ── Sage with rose — accent only (dark) ── */
[data-palette='rose'][data-theme='dark'] .lawha-theme{
  --lawha-sage:#3d2f36;--lawha-accent:#d99ab2;--lawha-focus:#d99ab2;--kgym-insight:#33292f;
}

/* ── Purple — full palette (light) ── */
[data-palette='purple']:not([data-theme='dark']) .lawha-theme{
  --lawha-paper:#f4f1f6;--lawha-surface:#faf8fb;--lawha-ink:#32284a;--lawha-muted:#63587a;--lawha-line:#c9bfd6;
  --lawha-sage:#e4dcef;--lawha-accent:#5e4391;--lawha-focus:#5e4391;
  --kgym-raised:#ffffff;--kgym-sunk:#ece8f0;--kgym-edge:#83789a;--kgym-insight:#ece6f4;
  --sh1:0 1px 2px rgba(50,40,74,.06),0 8px 22px -12px rgba(50,40,74,.22);
  --sh2:0 10px 30px -10px rgba(50,40,74,.30),0 1px 3px rgba(50,40,74,.08);
  --sh3:0 -10px 40px -12px rgba(50,40,74,.35);
  --glass:rgba(250,248,251,.86);
}
/* ── Purple — full palette (dark) ── */
[data-palette='purple'][data-theme='dark'] .lawha-theme{
  --lawha-paper:#1a1622;--lawha-surface:#221d2c;--lawha-ink:#ece8f2;--lawha-muted:#b1a8c0;--lawha-line:#41394f;
  --lawha-sage:#362d47;--lawha-accent:#b49be0;--lawha-focus:#b49be0;
  --kgym-raised:#2a2436;--kgym-sunk:#15111c;--kgym-edge:#85799a;--kgym-insight:#2c2540;
  --glass:rgba(42,36,54,.88);
}

/* ── Pink — full palette (light) ── */
[data-palette='pink']:not([data-theme='dark']) .lawha-theme{
  --lawha-paper:#f6f0f1;--lawha-surface:#fcf8f8;--lawha-ink:#46252f;--lawha-muted:#795862;--lawha-line:#d8c3c8;
  --lawha-sage:#f1dfe4;--lawha-accent:#983858;--lawha-focus:#983858;
  --kgym-raised:#ffffff;--kgym-sunk:#efe7e9;--kgym-edge:#98777f;--kgym-insight:#f6e8ec;
  --sh1:0 1px 2px rgba(70,37,47,.06),0 8px 22px -12px rgba(70,37,47,.22);
  --sh2:0 10px 30px -10px rgba(70,37,47,.30),0 1px 3px rgba(70,37,47,.08);
  --sh3:0 -10px 40px -12px rgba(70,37,47,.35);
  --glass:rgba(252,248,248,.86);
}
/* ── Pink — full palette (dark) ── */
[data-palette='pink'][data-theme='dark'] .lawha-theme{
  --lawha-paper:#221719;--lawha-surface:#2b1f22;--lawha-ink:#f3e8ea;--lawha-muted:#c4abb1;--lawha-line:#4f3a40;
  --lawha-sage:#452f35;--lawha-accent:#e79ab2;--lawha-focus:#e79ab2;
  --kgym-raised:#33252a;--kgym-sunk:#1b1214;--kgym-edge:#987880;--kgym-insight:#3a2a2f;
  --glass:rgba(51,37,42,.88);
}

/* ── The small body keeps sage's accent in every palette (main muscles filled, helpers striped): a body drawing never
   changes colour. ── */
[data-palette]:not([data-palette='sage']):not([data-theme='dark']) .lawha-theme .small-body{--lawha-accent:#325c44}
[data-palette]:not([data-palette='sage'])[data-theme='dark'] .lawha-theme .small-body{--lawha-accent:#6fb08a}

/* ── Settings › Look: each palette's own swatch (its accent on its paper), the same in light and dark ── */
.pal-dot{--pal-a:#325c44;--pal-p:#d8dfcb}
.pal-dot[data-swatch='rose']{--pal-a:#8a4660;--pal-p:#ecdde2}
.pal-dot[data-swatch='purple']{--pal-a:#5e4391;--pal-p:#e4dcef}
.pal-dot[data-swatch='pink']{--pal-a:#983858;--pal-p:#f1dfe4}