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

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #fdf4ff; /* brand-pink-light */
  color: #262626; /* neutral-800 */
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .font-serif {
  font-family: 'Playfair Display', serif;
}

/* FAQ Transitions */
.faq-answer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.faq-item.active .faq-answer {
  max-height: 500px;
  opacity: 1;
  padding-bottom: 1.5rem;
}

.faq-icon {
  transition: transform 0.3s ease-in-out;
}

.faq-item.active .faq-icon {
  transform: rotate(180deg);
}