/* Self-hosted fonts (no request leaves for Google Fonts, so no visitor address goes to a third party).
   The same three families The Exposure Triangle uses: Archivo with its width axis for display type, Inter for the interface,
   IBM Plex Mono for readouts. Files are copied from the @fontsource packages by scripts/build.mjs into /fonts (the urls are relative to this file, so the site works under any base path) (latin subset;
   all text here is UK English). The names below are what tokens.css expects (--font-archivo, --font-inter, --font-plex-mono). */
@font-face { font-family: "Archivo"; src: url("../fonts/archivo-wdth.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-wght.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/plex-mono-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/plex-mono-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/plex-mono-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

:root {
  --font-archivo: "Archivo";
  --font-inter: "Inter";
  --font-plex-mono: "IBM Plex Mono";
  --font-sans: var(--font-inter), system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: var(--font-plex-mono), ui-monospace, "SF Mono", Menlo, monospace;
}