@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;500;600;700&display=swap");
:root {
  --font-body-family-override: "Bricolage Grotesque", sans-serif;
  --font-heading-family-override: "Bricolage Grotesque", sans-serif;
  --font-body-weight-override: 400;
  --font-heading-weight-override: 700;
}
body, p, .text-body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5, .h6,
.header, .header__menu-item, .footer, .button, .product__title, .price {
  font-family: var(--font-body-family-override) !important;
}