/* tokens.css — the ONE brand token sheet (design phase-2, Ziad approved 2026-08-01).
   Injected into EVERY text/html response by the PWA head middleware (_PWA_HEAD in
   dashboard.py), so no page can ship without it — that is the invariant the deploy
   guard test_unified_tokens_everywhere asserts. Values MUST stay identical to the
   :root block in webui.html (the admin UI keeps its inline copy for first-paint);
   server-rendered pages (settings, procurement, links, pricelists, …) reference
   these vars directly and have no fallback. */
:root{
  --bg:#F4F3EF; --card:#FFFFFF; --ink:#1A1A18; --muted:#6B6A64; --line:#E4E2DA;
  --green:#085041; --green-soft:#E1F5EE; --accent:#0E9F6E; --red:#8B2020; --red-soft:#FDEAEA;
  --amber:#B45309; --amber-soft:#FEF3E2; --blue:#1F6FB2; --blue-soft:#EEF6FD;
  --draft:#FEF9EC; --draft-line:#F0E6C8;
  --shadow:0 1px 3px rgba(26,26,24,.07);
  --radius:12px; --radius-s:8px;
  --font-ar:'IBM Plex Sans Arabic',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
html[data-theme="dark"]{
  --bg:#131512; --card:#1C1F1C; --ink:#E4E4E0; --muted:#9B9A94; --line:#2C2F2B;
  --green:#7FCDB4; --green-soft:#12352B; --accent:#3FBF8F; --red:#E08585; --red-soft:#3A1D1D;
  --amber:#E3A455; --amber-soft:#3A2C15; --blue:#7FB4E0; --blue-soft:#16232E;
  --draft:#242618; --draft-line:#3A3B28;
  --shadow:0 1px 3px rgba(0,0,0,.4);
}