/* Self-hosted fonts. Both files are variable fonts, so one file covers every
   weight. These custom properties are the ones the site stylesheets read. */
@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex-sans.ttf") format("truetype");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../fonts/bricolage-grotesque.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-sans: "IBM Plex Sans";
  --font-display: "Bricolage Grotesque";
}