@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  /* Change this single variable to update the font family across the entire website */
  --main-font-family: 'Jost', sans-serif;
}

/* Apply to body */
body,
html {
  font-family: var(--main-font-family) !important;
}

/* Override Tailwind's utility classes to ensure the global font is used */
.font-sans {
  font-family: var(--main-font-family) !important;
}

.font-serif {
  font-family: var(--main-font-family) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button,
input,
textarea,
select {
  font-family: var(--main-font-family);
}