@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

body {
  font-family: 'Montserrat', sans-serif;
  color: var(--color-dark);
  background-color: #F9F7F4;
}

.font-cormorant {
  font-family: 'Cormorant Garamond', serif;
}

.font-montserrat {
  font-family: 'Montserrat', sans-serif;
}

.font-playfair {
  font-family: 'Playfair Display', serif;
}

.text-balance {
  text-wrap: balance;
}

/* Responsive typography */
@media (max-width: 640px) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  html {
    font-size: 15px;
  }
}