/* Custom Styles for Velka Dashboard */
body {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: 'Space Grotesk', sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
    opacity: 0.2;
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.bg-brand-dark { background-color: var(--bg-color); }
.bg-brand-card { background-color: var(--card-bg); }
.border-brand-border { border-color: var(--border-color); }

.text-transparent-gradient {
    background: linear-gradient(to right, #3b82f6, var(--primary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}