@font-face {
  font-family: "HKGrotesk";
  src: url("../../fonts/hkgrotesk-regular.woff2") format("woff2"), url("../../fonts/hkgrotesk-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "HKGrotesk-SemiBold";
  src: url("../../fonts/hkgrotesk-semibold.woff2") format("woff2"), url("../../fonts/hkgrotesk-semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
:root {
  --spicy-font-family-body: "HKGrotesk", sans-serif;
  --spicy-font-family-headings: "HKGrotesk-SemiBold", sans-serif;
  --spicy-font-weight-headings: 600;
  --spicy-font-weight-normal: 400;
}