@font-face {
  font-family: "HK Grotesk";
  src: url("\/\/mockberg.com\/cdn\/shop\/t\/101\/assets\/HKGrotesk-Light.woff2?v=57916009149262309511725297445")
    format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HK Grotesk";
  src: url("\/\/mockberg.com\/cdn\/shop\/t\/101\/assets\/HKGrotesk-Regular.woff2?v=99884771707118624041725297447")
    format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HK Grotesk";
  src: url("\/\/mockberg.com\/cdn\/shop\/t\/101\/assets\/HKGrotesk-Medium.woff2?v=147716833694226256191725297446")
    format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HK Grotesk";
  src: url("\/\/mockberg.com\/cdn\/shop\/t\/101\/assets\/HKGrotesk-SemiBold.woff2?v=133046309827747975531725297448")
    format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HK Grotesk";
  src: url("\/\/mockberg.com\/cdn\/shop\/t\/101\/assets\/HKGrotesk-Bold.woff2?v=47160634831464993791725297444")
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "made_mirageregular";
  src:
    url("\/\/mockberg.com\/cdn\/shop\/t\/101\/assets\/made_mirage_regular-webfont.woff2?v=8653618292603587641711113460")
      format("woff2"),
    url("\/\/mockberg.com\/cdn\/shop\/t\/101\/assets\/made_mirage_regular-webfont.woff?v=30170426744439732171711113460")
      format("woff");
  font-weight: normal;
  font-style: normal;
  ascent-override: 100%;
}

:root {
  --font-heading-family: "made_mirageregular", system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto;
  --font-body-family: "HK Grotesk", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto;
  --logo-size:9rem;
  --button-bg-color:black;
  --button-text-color:white;
}