/* Design tokens. Source: "Medical brand style guide options", option 1, "Clinical clarity".
   Teal blue #0B7A9E, Mist #E6F2F6, Ink #1B2A3A, White; Inter; 6 px corners.
   Keep in step with public/js/shared/theme.js (used for the printed prescription). */
@font-face { font-family: Inter; font-weight: 400; font-style: normal; font-display: swap; src: url("/fonts/inter-400.woff") format("woff"); }
@font-face { font-family: Inter; font-weight: 500; font-style: normal; font-display: swap; src: url("/fonts/inter-500.woff") format("woff"); }
@font-face { font-family: Inter; font-weight: 600; font-style: normal; font-display: swap; src: url("/fonts/inter-600.woff") format("woff"); }

:root {
  color-scheme: light;
  --ink: #1b2a3a;
  --ink-2: #44566a;
  --grey: #5b6977;
  --faint: #8795a1;
  --teal: #0b7a9e;
  --teal-press: #096683;
  --mist: #e6f2f6;
  --mist-2: #f3f8fa;
  --white: #ffffff;
  --rule: #d5dfe5;
  --rule-strong: #b3c2cc;
  --danger: #b3261e;
  --danger-soft: #fbe9e7;
  --ok: #17694a;
  --ok-soft: #e3f3ec;
  --warn-soft: #fff6dd;
  --radius: 6px;
  --f-ui: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bar-h: 4.6rem;
}