/* =========================================================
   MIP wireframe · design tokens
   Loaded via <link> before the Tailwind CDN script, so these variables
   exist before Tailwind's @apply layer (in wireframe.html) resolves them.
   Chart colors follow the validated reference palette (dataviz skill).
   ========================================================= */
:root{
  color-scheme: light dark;
  --page:#F7F8FA; --side:#F3F4F6; --surface:#FFFFFF; --surface-2:#F9FAFB; --surface-3:#F2F4F7; --hover:#F5F6F8;
  --ink:#101828; --ink-2:#344054; --muted:#667085; --faint:#98A2B3;
  --line:#EAECF0; --line-2:#D0D5DD;
  --accent:#256ABF; --accent-2:#1C5CAB; --accent-ink:#FFFFFF; --accent-soft:#EEF4FC; --accent-line:#BFD5F2;
  --focus:#2A78D6;
  --good:#0CA30C; --good-ink:#0B6B0B; --good-soft:#E5F5E5;
  --warn:#FAB219; --warn-ink:#7A5200; --warn-soft:#FFF3D6;
  --serious:#EC835A; --serious-ink:#9A3B14; --serious-soft:#FDECE4;
  --crit:#D03B3B; --crit-ink:#A52A2A; --crit-soft:#FBE8E8;
  --s1:#2a78d6; --s2:#eb6834; --s3:#1baf7a; --s4:#eda100; --s5:#e87ba4; --s6:#008300; --s7:#4a3aa7; --s8:#e34948;
  --deemph:#C9CFD8; --ctx:#8793A5; --grid:#EEF0F3; --axis:#D0D5DD; --ctext:#667085;
  --q1:#cde2fb; --q2:#9ec5f4; --q3:#6da7ec; --q4:#3987e5; --q5:#256abf; --q6:#184f95; --q7:#0d366b;
  --qi1:#101828; --qi2:#101828; --qi3:#101828; --qi4:#FFFFFF; --qi5:#FFFFFF; --qi6:#FFFFFF; --qi7:#FFFFFF;
  --ann-bg:#F4F1FF; --ann-ink:#4A3AA7; --ann-line:#D5CCF8;
  --t-pub:#2a78d6; --t-trial:#1baf7a; --t-expert:#4a3aa7; --t-congress:#eda100; --t-ci:#eb6834; --t-reg:#5B6B82; --t-safety:#e34948; --t-hta:#008300; --t-srd:#e87ba4;
  --sh1:0 1px 2px rgba(16,24,40,.04);
  --sh2:0 8px 24px rgba(16,24,40,.08), 0 2px 6px rgba(16,24,40,.04);
  --sh3:0 24px 56px rgba(16,24,40,.16), 0 4px 12px rgba(16,24,40,.06);
  --r-sm:6px; --r:10px; --r-lg:14px;
  --f-ui:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-serif:var(--f-ui);
  --f-mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,Menlo,monospace;
  /* Type weights. Inter is a variable font, so these sit between the named steps: a lighter, modern read. */
  --fw-regular:330; --fw-medium:420; --fw-semibold:520; --fw-bold:600;
  --sbw:248px;
}
@media (prefers-color-scheme: dark){
  :root{
    color-scheme: dark;
    --page:#0B0F15; --side:#0D1219; --surface:#121820; --surface-2:#161D26; --surface-3:#1B2330; --hover:#19212C;
    --ink:#E7EBF1; --ink-2:#B4BECC; --muted:#8894A6; --faint:#626E80;
    --line:#212A36; --line-2:#2D3847;
    --accent:#5598E7; --accent-2:#86B6EF; --accent-ink:#07101C; --accent-soft:rgba(57,135,229,.15); --accent-line:rgba(85,152,231,.45);
    --focus:#86B6EF;
    --good-ink:#3CCB3C; --good-soft:rgba(12,163,12,.16);
    --warn-ink:#FAB219; --warn-soft:rgba(250,178,25,.13);
    --serious-ink:#F09A77; --serious-soft:rgba(236,131,90,.15);
    --crit-ink:#F08080; --crit-soft:rgba(208,59,59,.18);
    --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s4:#c98500; --s5:#d55181; --s6:#008300; --s7:#9085e9; --s8:#e66767;
    --deemph:#3A4557; --ctx:#6C7A8E; --grid:#1C2430; --axis:#2F3B4C; --ctext:#8894A6;
    --q1:#0d366b; --q2:#104281; --q3:#184f95; --q4:#256abf; --q5:#3987e5; --q6:#6da7ec; --q7:#9ec5f4;
    --qi1:#FFFFFF; --qi2:#FFFFFF; --qi3:#FFFFFF; --qi4:#FFFFFF; --qi5:#FFFFFF; --qi6:#07101C; --qi7:#07101C;
    --ann-bg:rgba(144,133,233,.16); --ann-ink:#BDB5F7; --ann-line:rgba(144,133,233,.42);
    --t-pub:#3987e5; --t-trial:#199e70; --t-expert:#9085e9; --t-congress:#c98500; --t-ci:#d95926; --t-reg:#8392A8; --t-safety:#e66767; --t-hta:#008300; --t-srd:#d55181;
    --sh1:0 1px 2px rgba(0,0,0,.3); --sh2:0 12px 32px rgba(0,0,0,.45); --sh3:0 28px 70px rgba(0,0,0,.6);
    --fw-regular:300; --fw-medium:400; --fw-semibold:490; --fw-bold:570; /* light text on dark reads heavier */
  }
}
/* Shown only if the Tailwind script cannot load (offline): the page then asks for a connection. */
body{background:var(--page);color:var(--ink)}
.twfail{display:none}
html.no-tw body{margin:0;font:14px/1.5 var(--f-ui)}
html.no-tw .twfail{display:block;margin:16px;padding:12px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface)}