:root {
  --font-heading-family: 'Cormorant Garamond', serif;
  --font-body-family: 'Jost', sans-serif;
  --font-heading--family: var(--font-heading-family);
  --font-body--family: var(--font-body-family);
  --font-primary--family: var(--font-heading-family);
}

body,
p,
button,
input,
textarea,
select,
.price,
.nav-link {
  font-family: var(--font-body-family) !important;
}

h1,
h2,
h3,
h4,
.product-title,
.hero__title {
  font-family: var(--font-heading-family) !important;
  letter-spacing: 0.02em;
  font-weight: 300 !important;
}