/* QSimHealth brand faces, self-hosted (SIL OFL / Apache 2.0), Latin subset.
   Saira Stencil One = wordmark only. Poppins 600 = h1/h2. Saira Condensed 600 = labels.
   Roboto = text. Roboto Mono = figures. Source: docs/brand-style-guide.md §3. */
@font-face { font-family: 'Saira Stencil One'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/saira-stencil-one-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/poppins-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Saira Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/saira-condensed-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/roboto-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(/fonts/roboto-italic-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/roboto-mono-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ── QSimHealth role tokens (dark ground; see guide §2 "Dark mode") ─────────
   Roles, never raw colours: ground, band (deep QSim blue), accent (QSim blue,
   lifted to #5B9BD5 for text on dark), action (spark amber, near-black label).
   Adjacent section grounds stay under 4:1 (eye-comfort rule); no white slabs. */
:root {
  /* palette */
  --qsim-blue:     #185FA5;   /* logo disc, chart primary, fills only on dark */
  --qsim-blue-dk:  #0C447C;   /* band */
  --qsim-blue-lt:  #5B9BD5;   /* QSim blue as text on dark, 6.5:1 */
  --sky:           #8FBEF0;   /* accent text on the band, 5.1:1 */
  --spark:         #F59E0B;   /* action, spark */
  --spark-ink:     #0C0A06;   /* label on amber, 9.2:1 */

  /* roles */
  --ground:        #07111E;
  --ground-2:      #0C1828;   /* 1.1:1 against ground */
  --raised:        #122238;   /* cards on the ground */
  --raised-2:      #182C46;
  --band:          var(--qsim-blue-dk);   /* 1.9:1 against ground */
  --band-card:     #0A3766;   /* cards on the band (never white) */
  --rule:          #22364F;
  --rule-band:     #2A5C92;
  --accent:        var(--qsim-blue-lt);
  --action:        var(--spark);
  --on-action:     var(--spark-ink);

  --text:          #E6EDF5;   /* 16:1 on ground */
  --text-2:        #B4C2D3;   /* 10:1 on ground, 8.6:1 on raised */
  --on-band:       #EEF4FA;   /* 8.9:1 on band */
  --on-band-2:     #D6E3F0;   /* 7.6:1 on band */

  /* status (data only, never buttons or headings) */
  --ok:            #22C55E;
  --bad:           #F87171;
  --warn:          #F59E0B;

  --font-mark:     'Saira Stencil One', 'Arial Narrow', sans-serif;
  --font-head:     'Poppins', 'Segoe UI', Arial, sans-serif;
  --font-label:    'Saira Condensed', 'Arial Narrow', Arial, sans-serif;
  --font-text:     'Roboto', Arial, sans-serif;
  --font-mono:     'Roboto Mono', ui-monospace, Menlo, monospace;
  --radius:        14px;
  --shadow:        0 2px 10px rgba(0,0,0,0.25);
}