/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Theme transition */
body {
    transition: background-color 0.3s ease;
}

/* Mobile menu animation */
#mobile-menu {
    transition: max-height 0.3s ease, opacity 0.3s ease;
    overflow: hidden;
}

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

#mobile-menu:not(.hidden) {
    max-height: 500px;
    opacity: 1;
}