@font-face {
  font-family: "MondwestRegular";
  src: url("../../assets/fonts/mondwest-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MondwestBold";
  src: url("../../assets/fonts/mondwest-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RadioGroteskRegular";
  src: url("../../assets/fonts/radio-grotesk-regular.woff2") format("woff2"), url("../../assets/fonts/radio-grotesk-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RadioGroteskRegularItalic";
  src: url("../../assets/fonts/radio-grotesk-regularitalic.woff2") format("woff2"), url("../../assets/fonts/radio-grotesk-regularitalic.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RadioGroteskBold";
  src: url("../../assets/fonts/radio-grotesk-bold.woff2") format("woff2"), url("../../assets/fonts/radio-grotesk-bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RadioGroteskBoldItalic";
  src: url("../../assets/fonts/radio-grotesk-bolditalic.woff2") format("woff2"), url("../../assets/fonts/radio-grotesk-bolditalic.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --helloworld-font-body: "RadioGroteskRegular", system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --helloworld-font-heading: "RadioGroteskRegular", system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
  font-family: var(--helloworld-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--helloworld-font-heading);
  font-weight: 400;
}