/* Custom design system styling */
html {
  scroll-behavior: smooth;
}

/* Typography */
.font-display {
  font-family: 'Newsreader', Georgia, serif;
}
.font-body-lg, .font-body-md, .font-label-caps {
  font-family: 'Work Sans', sans-serif;
}

/* Accordion Component */
.accordion-item .expand-icon {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion-item.active .expand-icon {
  transform: rotate(45deg);
}

.accordion-content {
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease-out;
}

/* Input Styles */
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  outline: none;
  box-shadow: none !important;
}

/* Modal Animations */
#contact-modal.active {
  opacity: 1;
  pointer-events: auto;
}

#contact-modal.active #contact-modal-container {
  opacity: 1;
  transform: scale(1);
}

/* Smooth transitions */
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}