@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background-color: #f1f5f9;
}
.dark ::-webkit-scrollbar-track {
    background-color: #0f172a;
}
::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 5px;
}
.dark ::-webkit-scrollbar-thumb {
    background-color: #334155;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8;
}
.dark ::-webkit-scrollbar-thumb:hover {
    background-color: #475569;
}

/* Animations */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}
.animate-float {
    animation: float 6s ease-in-out infinite;
}

@keyframes pulse-slow {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 0.8; }
}
.animate-pulse-slow {
    animation: pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Utilities */
.text-gradient {
    background: linear-gradient(to right, #10b981, #14b8a6, #0ea5e9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.dark .text-gradient {
    background: linear-gradient(to right, #38bdf8, #818cf8, #c084fc);
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}