/* Custom Design System for Max's Ice Cream Shack */

:root {
    --plum-50: #faf5f7;
    --plum-100: #f3e8ed;
    --plum-200: #e6cdd9;
    --plum-300: #d4a5b8;
    --plum-400: #c07a96;
    --plum-500: #b05f7a;
    --plum-600: #9d4d64;
    --plum-700: #863f54;
    
    --amber-100: #fef3c7;
    --amber-200: #fde68a;
    --amber-300: #fcd34d;
    --amber-400: #fbbf24;
    --amber-500: #f59e0b;
    --amber-600: #d97706;
}

/* Custom Font Assignments */
.font-fredoka {
    font-family: 'Fredoka', sans-serif;
}

.font-quick {
    font-family: 'Quicksand', sans-serif;
}

/* Animation Keyframes */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

.animate-blob {
    animation: blob 7s infinite;
}

.animation-delay-2000 {
    animation-delay: 2s;
}

.animation-delay-4000 {
    animation-delay: 4s;
}

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

/* Mobile Menu Transitions */
#mobile-menu {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#mobile-menu.hidden {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}

#mobile-menu:not(.hidden) {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

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

::-webkit-scrollbar-track {
    background: var(--plum-50);
}

::-webkit-scrollbar-thumb {
    background: var(--plum-200);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--plum-300);
}