@font-face {
  font-family: "Public Bold";
  src: url("PublicSans-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Public Regular";
  src: url("PublicSans-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Public Medium";
  src: url("PublicSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Public Black";
  src: url("PublicSans-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Public LightItalic";
  src: url("PublicSans-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

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

:root {
  /* Font variables */
  --public-bold: "Public Bold", sans-serif;
  --public-regular: "Public Regular", sans-serif;
  --public-medium: "Public Medium", sans-serif;
  --public-black: "Public Black", sans-serif;
  --public-lightitalic: "Public LightItalic", sans-serif;
  --public-light: "Public Light", sans-serif;
}