/* Base styles and variables */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}

/* Carousel Animations */
.hero-carousel-item {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    position: absolute;
    inset: 0;
}
.hero-carousel-item.active {
    opacity: 1;
}

/* Mobile Menu Transitions */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
    transform: translateX(-100%);
}
#mobile-menu.open {
    transform: translateX(0);
}

/* Smooth Scroll Padding for fixed header */
html {
    scroll-padding-top: 80px;
}