/* Ionyx typography (Oct 2026). Loaded last on every patient and provider page.
   Headings: Plus Jakarta Sans. Body text: Source Sans 3. Medicine names and doses: Atkinson
   Hyperlegible (add class "ix-dose" to any element). Icons keep their own icon fonts. */
:root{
  --ix-font-head:'Plus Jakarta Sans','Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ix-font-body:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ix-font-dose:'Atkinson Hyperlegible','Source Sans 3',system-ui,sans-serif;
}
body{font-family:var(--ix-font-body)!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
h1,h2,h3,h4,h5,h6{font-family:var(--ix-font-head)}
input,select,textarea,button{font-family:inherit}
.ix-dose,.ix-dose *{font-family:var(--ix-font-dose)!important;font-variant-numeric:tabular-nums}
/* Phones: form fields at least 16px, so the page does not jump-zoom when someone taps into them. */
@media (max-width:767px){input,select,textarea{font-size:max(16px,1em)}}


/* ===== Ionyx colour rules (Oct 2026). Use these everywhere; no one-off colours. =====
   Navy for text and main buttons; softer navy for the few big statement sections;
   light tints for big areas inside the app; Ion, progress and loading bars share one teal. */
:root{
  --ix-navy:#111729;        /* text, main buttons */
  --ix-navy-soft:#1F2D4D;   /* big statement sections, emergency strip */
  --ix-ink:#3D4A5C;         /* body text on white */
  --ix-mute:#5B6B80;        /* captions (lightest grey allowed for text) */
  --ix-line:#E6EBF2;        /* borders */
  --ix-soft:#F4F8FB;        /* light backgrounds */
  --ix-tint:#E8F6F6;        /* light teal backgrounds */
  --ix-teal:#0E7F86;        /* Ion, progress bars, loading bars, secondary buttons */
  --ix-teal-d:#0A6E73;      /* teal text and links */
  --ix-accent:#13D4D4;      /* highlights on dark backgrounds, focus rings */
  --ix-care-home:#166534;   --ix-care-home-bg:#E5F4EC;   /* Home care */
  --ix-care-soon:#1E3A8A;   --ix-care-soon-bg:#E8EFFD;   /* See a doctor soon */
  --ix-care-today:#8A4300;  --ix-care-today-bg:#FFF1DC;  /* Be seen today */
  --ix-care-er:#A61B1B;     --ix-care-er-bg:#FDE8E8;     /* Emergency */
}