/**
 * Self-hosted fonts — replaces the fonts.googleapis.com / fonts.gstatic.com
 * <link> tags that used to live in header.php. Same three families, same
 * weights, same files Google Fonts would have served, just loaded from
 * this theme instead of a third-party origin.
 *
 * Why this is faster: the browser used to need a DNS lookup + connection
 * to fonts.googleapis.com for the stylesheet, then a second DNS lookup +
 * connection to fonts.gstatic.com for the actual font files, before any
 * text using these fonts could render. Self-hosting collapses that to
 * zero extra origins — the fonts load from the same connection as
 * everything else on the page.
 *
 * font-display: swap means text still renders immediately in a fallback
 * font and swaps in once the webfont loads, so nothing blocks first paint.
 */

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('anton-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('archivo-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('archivo-latin-500-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('archivo-latin-500-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('archivo-latin-600-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('archivo-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('archivo-latin-800-normal.woff2') format('woff2');
}

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

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

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