/* chrome.css: HealthGait's tokens and type (2026-10-04; the bar and the footer band moved to /msk.css + /voice.css on 2026-10-05).
   Use it beside /tailwind.css on the Tailwind pages; /check and /speed load it alone. Nothing here styles the nav or footer. */

/* Colour tokens: the Tailwind theme colours, under the same names */
:root{
--primary:#00595c;--primary-container:#0d7377;
--surface:#fcf9f8;--surface-container-lowest:#ffffff;--surface-container-low:#f6f3f2;--surface-container:#f0eded;--surface-container-highest:#e5e2e1;
--on-surface:#1c1b1b;--on-surface-variant:#3e4949;--outline:#6e7979;--outline-variant:#bec9c9;
--error:#ba1a1a;--error-container:#ffdad6;--on-error-container:#93000a;
}

/* Type: Inter for text, Manrope for headings */
body{font-family:'Inter',sans-serif}
h1,h2,h3,h4{font-family:'Manrope',Manrope,Arial,sans-serif}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}