/* ---------- tokens: light is the base, both dark paths redefine only these and if user has theme set to dark will pick up dark ---------- */
:root{
  --ground:#F6F6F3;
  --surface:#FFFFFF;
  --surface-2:#F0F0EC;
  --ink:#161A1F;
  --ink-2:#3F4750;
  --muted:#5C636B;
  --line:#DEDED8;
  --line-2:#C8C9C1;
  /* The edge that identifies a control (WCAG 1.4.11, 3:1). Not --line-2: that also
     draws dividers, which would go heavy. #85877D measures ≥3.04:1 on every ground a
     control sits on — surface, surface-2, ground, warn-soft, crit-soft. */
  --line-control:#85877D;
  --accent:#17324D;
  --accent-ink:#FFFFFF;
  --accent-soft:#E6ECF2;
  --warn:#8A5220;
  --warn-soft:#F6EBE0;
  --crit:#8C2F2A;
  --crit-soft:#F7E7E5;
  --ok:#2C6049;
  --ok-soft:#E3EFE9;
  --focus:#B4541F;
  --shadow:0 1px 2px rgba(22,26,31,.06),0 8px 24px -12px rgba(22,26,31,.18);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#111418;
    --surface:#181C21;
    --surface-2:#1F242A;
    --ink:#E9EAE6;
    --ink-2:#BFC4C9;
    --muted:#8D959E;
    --line:#2A3037;
    --line-2:#3A424A;
    --line-control:#6B7480;   /* ≥3.26:1 on every dark ground */
    --accent:#9FC3E3;
    --accent-ink:#0E1418;
    --accent-soft:#1D2A36;
    --warn:#DFA96A;
    --warn-soft:#2C2318;
    --crit:#E7938B;
    --crit-soft:#2E1D1C;
    --ok:#8CC7AA;
    --ok-soft:#17281F;
    --focus:#E8935A;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  --ground:#111418;
  --surface:#181C21;
  --surface-2:#1F242A;
  --ink:#E9EAE6;
  --ink-2:#BFC4C9;
  --muted:#8D959E;
  --line:#2A3037;
  --line-2:#3A424A;
  --line-control:#6B7480;
  --accent:#9FC3E3;
  --accent-ink:#0E1418;
  --accent-soft:#1D2A36;
  --warn:#DFA96A;
  --warn-soft:#2C2318;
  --crit:#E7938B;
  --crit-soft:#2E1D1C;
  --ok:#8CC7AA;
  --ok-soft:#17281F;
  --focus:#E8935A;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);
}