/* Global styles */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&family=Open+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --teal-400: #4fd1c5;
  --teal-500: #38b2ac;
  --teal-600: #319795;
  --teal-700: #2c7a7b;
}

body {
  font-family: 'Open Sans', sans-serif;
}

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

/* Mobile menu styles */
.dropdown-open {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.mobile-menu-open {
  transform: translateX(0) !important;
}

#mobileMenu {
  transform: translateX(100%);
  transition: transform 0.3s ease;
}

.rotate-180 {
  transform: rotate(180deg);
}

/* Custom styles for better mobile experience */
@media (max-width: 768px) {
  .mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 40;
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero-bg {
    height: 400px;
  }
}

/* Utility classes */
.font-serif {
  font-family: 'Merriweather', serif;
}

.font-sans {
  font-family: 'Open Sans', sans-serif;
}