/* Base styles */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom animations */
@keyframes avatar-wave {
    0%, 100% { transform: rotate(0deg); }
    20%, 60% { transform: rotate(15deg); }
    40%, 80% { transform: rotate(-15deg); }
}

.animate-wave {
    animation: avatar-wave 1.5s ease infinite;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}