:root{
/* accents */
--primary:#2F7BD8;--primary-focus:#1F64B5;--primary-soft:#EAF3FD;
--secondary:#3FAE8A;--secondary-focus:#2F8F72;--secondary-soft:#EAF7F2;
--emergency:#D84A4A;--emergency-focus:#B93838;--emergency-soft:#FCECEC;
--warning:#C98316;--warning-soft:#FFF4DF;
--success:#2E966F;--success-soft:#E8F6F0;
/* text */
--ink:#17212B;--body:#263442;--body-muted:#667585;--body-on-dark:#FFFFFF;
/* borders */
--divider-soft:#EEF1F4;--hairline:#DDE3E8;
/* surfaces */
--canvas:#FFFFFF;--canvas-soft:#F6F8FA;--surface-pearl:#FBFCFD;
--surface-blue:#F1F7FE;--surface-green:#EFF9F5;--surface-dark:#1D2B38;--surface-chip:#E8EDF2;
/* on-color */
--on-primary:#FFFFFF;--on-secondary:#FFFFFF;--on-emergency:#FFFFFF;
/* semantic aliases */
--text-title:var(--ink);--text-body:var(--body);--text-muted:var(--body-muted);
--surface-page:var(--canvas);--surface-page-soft:var(--canvas-soft);--surface-card:var(--canvas);
--border-input:var(--hairline);--border-divider:var(--divider-soft);
--link:var(--primary);--link-hover:var(--primary-focus);
}