@font-face {
  font-family: "Archivo";
  src: url("/assets/fonts/atlas/archivo-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

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

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

html body,
html body .font-sans {
  font-family: "Archivo", Arial, sans-serif !important;
  font-synthesis: none;
}

html body :where(.uppercase, code, kbd, samp, time, main small) {
  font-family: "IBM Plex Mono", monospace !important;
}