@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,700&display=swap");

:root {
  --font: "Bricolage Grotesque", Helvetica, Arial, sans-serif;
  --font-ui: "Bricolage Grotesque", Helvetica, Arial, sans-serif;
  --font-mono: "Bricolage Grotesque", Helvetica, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: "Bricolage Grotesque", Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
}

body *:not(script):not(style) {
  font-family: "Bricolage Grotesque", Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
}

h1,
h2,
h3,
.lined-title,
.lined-title *,
.plain-title,
.plain-title * {
  font-weight: 700 !important;
}