@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap');

:root {
    --palooza-gold: #f8c41b;
    --palooza-orange: #e79136;
    --palooza-blue: #5975ab;
    --palooza-green: #31a659;
    --palooza-olive: #6e663d;
    --palooza-cream: #e2e3c8;
    --palooza-lime: #c5d44a;
    --palooza-maroon: #621b3e;
    --palooza-teal: #1f8891;
}

/* Font Awesome Icons */

/* Custom Animations for Pierogi Palooza */

/* Scroll animation for sponsor logos */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.animate-scroll {
    animation: scroll 30s linear infinite;
}

.animate-scroll:hover {
    animation-play-state: paused;
}

/* Shimmer animation */
@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.animate-shimmer {
    animation: shimmer 2s infinite;
}

/* Pulse glow animation */
@keyframes pulse-glow {

    0%,
    100% {
        box-shadow: 0 0 5px rgba(251, 191, 36, 0.3), 0 0 10px rgba(251, 191, 36, 0.2);
    }

    50% {
        box-shadow: 0 0 15px rgba(251, 191, 36, 0.5), 0 0 25px rgba(251, 191, 36, 0.3);
    }
}

.animate-pulse-glow {
    animation: pulse-glow 2s ease-in-out infinite;
}

/* Slow spin for sparkle */
@keyframes spin-slow {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

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

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

::-webkit-scrollbar-track {
    background: var(--palooza-teal);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, var(--palooza-maroon), var(--palooza-olive));
    border-radius: 5px;
    border: 2px solid var(--palooza-teal);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--palooza-gold);
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--palooza-maroon) var(--palooza-teal);
}