/* Custom styles that complement Tailwind */
body {
    font-family: 'Inter', sans-serif;
}

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

/* Ensure smooth transitions for mobile menu */
#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Custom focus styles for accessibility */
a:focus-visible, button:focus-visible {
    outline: 2px solid #d4a017;
    outline-offset: 2px;
}

/* Mobile menu active state */
#mobile-menu.active {
    max-height: 300px;
    opacity: 1;
}

#mobile-menu.inactive {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}