/******************************************************************************
* Self-hosted webfonts — Syne + IBM Plex Mono.                                *
* Replaces the fonts.googleapis.com <link> so visitor IPs aren't sent to      *
* Google on every page load. Files + OFL licenses live in static/fonts/.      *
* Syne ships as a single variable-font file; the browser picks the requested  *
* weight (400/600/700/800) from it. IBM Plex Mono ships one static file per   *
* weight (400/500/600), matching what Google's own CSS served for the latin  *
* subset used by this app's templates.                                       *
******************************************************************************/

@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/static/fonts/syne-variable.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/ibm-plex-mono-400.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/static/fonts/ibm-plex-mono-500.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/static/fonts/ibm-plex-mono-600.woff2') format('woff2');
}