@font-face {
  font-family: "DMSans";
  src: url("assets/fonts/DMSans-VariableFont_opsz,wght.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "AgrandirWide";
  src:
    url("assets/fonts/PPAgrandir-WideBold.woff2") format("woff2"),
    url("assets/fonts/PPAgrandir-WideBold.ttf") format("opentype"),
    url("assets/fonts/PPAgrandir-WideBold.otf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}

/* Switch the variables once these font faces exist */
:root {
  --dm-sans:
    "DMSans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --agrandir-wide:
    "AgrandirWide", system-ui, -apple-system, "Segoe UI", Roboto, Arial,
    sans-serif;
}