:root {
  --font-light: "neue-haas-grotesk-display", -apple-system,system-ui,BlinkMacSystemFont,Helvetica,Lato,"Lucida Grande", sans-serif;
  --font-regular: "neue-haas-grotesk-display", -apple-system,system-ui,BlinkMacSystemFont,Helvetica,Lato,"Lucida Grande", sans-serif;
  --font-medium: "neue-haas-grotesk-display", -apple-system,system-ui,BlinkMacSystemFont,Helvetica,Lato,"Lucida Grande", sans-serif;
  --font-bold: "neue-haas-grotesk-display", -apple-system,system-ui,BlinkMacSystemFont,Helvetica,Lato,"Lucida Grande", sans-serif;
  --light-font-weight:300;
  --regular-font-weight:500;
  --medium-font-weight:600;
  --bold-font-weight:700;
}

.font-regular {
  font-family: var(--font-regular);
  font-weight: var(--regular-font-weight);
}

.font-medium {
  font-family: var(--font-medium);
  font-weight: var(--medium-font-weight);
}

.font-bold {
  font-family: var(--font-bold);
  font-weight: var(--bold-font-weight);
}