/* Custom styles for Crust & Cilantro */

:root {
    --primary: #13ec5b;
    --background-light: #f6f8f6;
    --background-dark: #102216;
}

body {
    -webkit-tap-highlight-color: transparent;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.3s ease-out;
}

.animate-slide-up {
    animation: slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Custom transitions */
.overlay-transition {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.panel-transition {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}