@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Karla:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap");
/* Type system — see readme.md > VISUAL FOUNDATIONS > Typography.
   Libre Franklin  display / headlines / UI labels (news-grotesk lineage, editorial authority)
   Karla           body copy (warm, tall x-height, distinct from Franklin at text sizes)
   IBM Plex Mono   numerals, step counters, metric labels (the "performance" register)
   Fonts are served from Google Fonts; no binaries are vendored in this system. */
:root {
  --font-display: "Libre Franklin", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Karla", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
}