/* Base styles */
html {
    scroll-padding-top: 5rem;
    scroll-behavior: smooth;
}

body {
    background-color: #2b2c2d;
    color: white;
    font-family: 'Bebas Neue', cursive;
}

/* Transitions */
* {
    transition: all 0.3s ease-out;
}

/* Mobile menu animations */
.translate-x-0 {
    transform: translateX(0);
}

#menuIcon span {
    transform-origin: center;
}

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

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

.translate-y-2\.5 {
    transform: translateY(0.625rem);
}

.-translate-y-2\.5 {
    transform: translateY(-0.625rem);
}

/* Hero section gradient */
.hero-gradient {
    background: linear-gradient(to bottom, transparent, rgba(43, 44, 45, 0.1), #2b2c2d);
}

/* Custom hover effects */
.nav-link:hover {
    color: #FFD700;
}

.store-link:hover {
    opacity: 0.8;
}