/*
 * SELF-HOSTED FONTS — the same files `apps/app` ships via
 * @expo-google-fonts/archivo and @expo-google-fonts/ibm-plex-mono (OFL
 * licences alongside each family in ./fonts/), served from this site's own
 * origin rather than Google Fonts, so the homepage has no third-party
 * request at all. Family names match @app/tokens/fonts' `fontFamily`
 * values exactly — see tokens.css's own trailing comment. TTF only (no
 * woff2 build step here); `font-display: swap` keeps first paint from
 * waiting on them.
 */

@font-face {
  font-family: "Archivo";
  src: url("/fonts/Archivo_400Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Archivo";
  src: url("/fonts/Archivo_400Regular_Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Archivo";
  src: url("/fonts/Archivo_500Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Archivo";
  src: url("/fonts/Archivo_600SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Archivo";
  src: url("/fonts/Archivo_700Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fonts/IBMPlexMono_500Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fonts/IBMPlexMono_600SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
