/* HMS UI kit · tokens. Values are YASA HMS's own (Nov 2026). Load first: tokens.css, components.css, icons.css.
   Day is the default; Night follows the system unless the person picked Day; data-theme="dark" forces Night.
   Each app picks its own accent pair (--accent / --accent-soft / --hover / --hit); everything else stays. */

:root{
  color-scheme:light;
  --bg:#f6f7f9;--card:#fff;--ink:#1d2330;--mute:#6b7383;--line:#e3e6ec;
  --accent:#0f766e;--accent-soft:#e6f2f1;--on-accent:#fff;--hover:#f4f8f7;--hit:rgba(15,118,110,.06);
  --warn:#b45309;--bad:#b91c1c;--good:#15803d;
  --subtle:#fafbfc;--input:#fff;--input-off:#f1f2f4;--panel:#f7f9fa;
  --note-bg:#fff7ed;--note-ink:#9a3412;
  --pop:#1d2330;--pop-ink:#fff;--shadow:rgba(0,0,0,.12);--backdrop:rgba(20,25,35,.35);
  /* status capsules: tinted background + deep text (APCA Lc 73-83 in both themes) */
  --cap-blue-bg:#D9ECFF;--cap-blue-ink:#08427D;
  --cap-teal-bg:#D3F0EC;--cap-teal-ink:#074A43;
  --cap-grey-bg:#E9E9EF;--cap-grey-ink:#3B3A45;
  --cap-red-bg:#FADCDE;--cap-red-ink:#7A0E18;
  --cap-green-bg:#dcfce7;--cap-green-ink:#15803d;
  --cap-amber-bg:#fef3c7;--cap-amber-ink:#b45309;
  --radius-sm:6px;--radius:8px;--radius-card:10px;--radius-panel:12px;
  --control-h:36px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

/* Night, by system setting (unless Day was picked) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#111418;--card:#1a1e24;--ink:#e7eaee;--mute:#9aa3b2;--line:#2b313a;
  --accent:#1f9e90;--accent-soft:#173a37;--on-accent:#fff;--hover:#222a31;--hit:rgba(43,179,163,.10);
  --warn:#fbbf24;--bad:#f87171;--good:#4ade80;
  --subtle:#1f242b;--input:#14181d;--input-off:#20252c;--panel:#1f242b;
  --note-bg:#3a2414;--note-ink:#f5b48a;
  --pop:#2a3240;--pop-ink:#f0f2f5;--shadow:rgba(0,0,0,.45);--backdrop:rgba(0,0,0,.55);
  --cap-blue-bg:#17324D;--cap-blue-ink:#BCDEFF;
  --cap-teal-bg:#123B37;--cap-teal-ink:#9BEDE2;
  --cap-grey-bg:#2B2B33;--cap-grey-ink:#DAD9E2;
  --cap-red-bg:#3E171A;--cap-red-ink:#FFC0C3;
  --cap-green-bg:#16351f;--cap-green-ink:#6ee38d;
  --cap-amber-bg:#3a2e10;--cap-amber-ink:#f5c45a;
}}
/* Night, picked by hand (same values; keep the two blocks in step) */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#111418;--card:#1a1e24;--ink:#e7eaee;--mute:#9aa3b2;--line:#2b313a;
  --accent:#1f9e90;--accent-soft:#173a37;--on-accent:#fff;--hover:#222a31;--hit:rgba(43,179,163,.10);
  --warn:#fbbf24;--bad:#f87171;--good:#4ade80;
  --subtle:#1f242b;--input:#14181d;--input-off:#20252c;--panel:#1f242b;
  --note-bg:#3a2414;--note-ink:#f5b48a;
  --pop:#2a3240;--pop-ink:#f0f2f5;--shadow:rgba(0,0,0,.45);--backdrop:rgba(0,0,0,.55);
  --cap-blue-bg:#17324D;--cap-blue-ink:#BCDEFF;
  --cap-teal-bg:#123B37;--cap-teal-ink:#9BEDE2;
  --cap-grey-bg:#2B2B33;--cap-grey-ink:#DAD9E2;
  --cap-red-bg:#3E171A;--cap-red-ink:#FFC0C3;
  --cap-green-bg:#16351f;--cap-green-ink:#6ee38d;
  --cap-amber-bg:#3a2e10;--cap-amber-ink:#f5c45a;
}

/* A second accent, as HMS does for its Blok M property (royal blue where Fatmawati is teal). Copy the pattern per app:
html[data-accent="blue"]{--accent:#4169e1;--accent-soft:#edf1fd;--hover:#f4f7fe;--hit:rgba(65,105,225,.06)}
@media (prefers-color-scheme:dark){html[data-accent="blue"]:not([data-theme="light"]){--accent:#6a8cff;--accent-soft:#1f2a50;--hover:#1e2433;--hit:rgba(91,124,250,.10)}}
html[data-accent="blue"][data-theme="dark"]{--accent:#6a8cff;--accent-soft:#1f2a50;--hover:#1e2433;--hit:rgba(91,124,250,.10)} */