/* Emergi-Care colour system — Brand Standards v0.9 §04. Seven values + white. */
:root{
/* Base */
--orange:#D14403; /* Emergi Orange — accent, emphasis only; never a background field, never body text */
--teal:#0887A7;   /* Emergi Teal — large fields, shapes, star of life; not for text below 24px */
--deep:#02667F;   /* Deep Teal — links, buttons, small type that must read as teal */
--ink:#0C2630;    /* body text, headings, dark fields; teal-derived near-black */
--slate:#456770;  /* secondary text, captions, labels, table headers */
--mist:#CFDFE2;   /* rules, borders, dividers, disabled; never text */
--paper:#F3F7F7;  /* page background; cool and clinical */
--white:#FFFFFF;  /* cards and panels lifting off Paper */
/* Semantic aliases */
--text-body:var(--ink);
--text-secondary:var(--slate);
--text-link:var(--deep);
--text-on-dark:var(--white);
--accent:var(--orange);
--brand:var(--teal);
--surface-page:var(--paper);
--surface-card:var(--white);
--surface-dark:var(--ink);
--border:var(--mist);
--disabled:var(--mist);
--btn-primary-bg:var(--deep);
--btn-primary-fg:var(--white);
--focus-ring:2px solid var(--deep);
--focus-ring-offset:2px;
}