/* Custom styles that complement Tailwind */
body {
    scroll-behavior: smooth;
}

/* Animation for elements */
.animate-pop {
    animation: pop 0.3s ease-out;
}

@keyframes pop {
    0% {
        transform: scale(0.95);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

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

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

::-webkit-scrollbar-thumb {
    background: #f8a5c2;
    border-radius: 4px;
}

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