/* ============================================================
   MissionFi — Typography
   Two families, strict roles: Outfit sets everything (UI, body,
   headlines); Poppins is reserved for the wordmark lockup.
   Sentence case throughout, tight tracking on large headings.

   The size / weight / line-height scale is NOT tokenised: the
   2026 frames are typographically exact (font shorthand carries
   the Figma value, e.g. `700 36px/39.6px`), so those numbers
   live with the component in assets/styles.css.
   ============================================================ */
:root {
  --f-out: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-pop: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
}