:root {
    --primary: #eab308;
    --secondary: #3b82f6;
    --font-family: 'Inter', sans-serif;
}

body {
    font-family: var(--font-family);
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #111111; }
::-webkit-scrollbar-thumb { background: var(--secondary); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--primary); }

.text-yellow { color: var(--primary) !important; }
.bg-yellow { background-color: var(--primary) !important; }
.border-yellow { border-color: var(--primary) !important; }
.text-blue { color: var(--secondary) !important; }
.border-blue-500 { border-color: var(--secondary) !important; }
.text-blue-500 { color: var(--secondary) !important; }
.hover\:bg-blue-500:hover { background-color: var(--secondary) !important; }
.hover\:bg-yellow-400:hover { background-color: var(--primary) !important; }