:root {
  --font-primary: "Phosphor", sans-serif;
  --font-dmsans-variablefont-opsz-wght: "Dmsans Variablefont Opsz Wght", sans-serif;
}

@font-face {
  font-family: "Phosphor";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/phosphor/Phosphor-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Phosphor";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/phosphor/Phosphor.woff2") format("woff2");
}

@font-face {
  font-family: "Phosphor";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/phosphor/Phosphor-Light.woff") format("woff");
}

@font-face {
  font-family: "Phosphor";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/phosphor/Phosphor.woff") format("woff");
}

@font-face {
  font-family: "Dmsans Variablefont Opsz Wght";
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url("/fonts/dmsans-variablefont-opsz-wght/DMSans-Italic-VariableFont_opszwght.ttf") format("truetype");
}

@font-face {
  font-family: "Dmsans Variablefont Opsz Wght";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("/fonts/dmsans-variablefont-opsz-wght/DMSans-VariableFont_opszwght.ttf") format("truetype");
}