/* Custom Styles for Summer Snow Shaved Ice */

/* Base styles */
html {
    scroll-behavior: smooth;
}

body {
    background-color: #F8FAFC; /* Cream */
}

/* Animations */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    animation: marquee 20s linear infinite;
}

.animate-bounce-slow {
    animation: bounce 3s infinite;
}

@keyframes bounce {
    0%, 100% { transform: translateY(-5%); }
    50% { transform: translateY(5%); }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #F8FAFC;
}

::-webkit-scrollbar-thumb {
    background: #0F172A;
    border: 3px solid #F8FAFC;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #F59E0B;
}

/* Typography adjustments */
h1, h2, h3, h4 {
    font-family: 'Syne', sans-serif;
}

p, li, a, button, input, textarea {
    font-family: 'Space Grotesk', sans-serif;
}