/* ── Shared type: loaded after each page's own styles ───────────────────
   Archivo for headings, IBM Plex Sans for body text, IBM Plex Mono for
   figures, labels and dimensions. */
:root {
  --font-head: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Consolas, monospace;
}
body { font-family: var(--font-body); }
h1, h2, h3, .logo-name, .section-heading {
  font-family: var(--font-head);
  letter-spacing: -0.01em;
}
code, kbd, pre, samp { font-family: var(--font-mono); }
::selection { background: #e8662a; color: #fff; }

/* Form controls don't inherit font by default. */
button, input, select, textarea { font-family: inherit; }

/* Figures and small labels read like a spec sheet. */
.dash-kpi-value, .kpi-value, .hist-kpi-value {
  font-family: var(--font-mono);
  font-weight: 600;
  letter-spacing: -0.02em;
}
.dash-kpi-label, .kpi-label, .hist-kpi-label, .dash-qs-label,
.form-label, .section-label, .logo-sub {
  font-family: var(--font-mono);
  letter-spacing: .08em;
}
.dash-kpi { border-top: 2px solid var(--primary); }