/* Self-hosted fonts — replaces the Google Fonts <link> tags in inc/header.php
   so the browser never has to reach out to fonts.googleapis.com /
   fonts.gstatic.com at all (one less external dependency, one less DNS/TLS
   round trip, and it keeps working if that domain is ever slow or blocked).

   Only the weights the site's own CSS actually uses are here (checked via
   main.css/redfox.css): 400/500/600/700/800 for Jost and Open Sans, the same
   for Poppins, plus one italic (Open Sans 400, for the .fst-italic lead
   paragraphs used across the site). Google serves Jost and Open Sans as
   *variable* fonts — one file covers the whole 400-800 range via the
   font-weight range syntax below — so this is 8 files total, not the 48
   separate weight/style combinations the original <link> was pulling in
   (most of which nothing on the site ever uses). Poppins ships as static
   weights on Google's end, so that one still needs a file per weight.

   Files live in assets/fonts/ — all format('woff2'), the one format every
   browser this site needs to support already handles. */

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

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/open-sans-400-800-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/open-sans-400-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/poppins-500-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/poppins-600-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/poppins-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/poppins-800-normal.woff2') format('woff2');
}