:root {
    --primary: #ff0000;
    --primary-glow: rgba(255, 0, 0, 0.4);
    --bg: #050505;
    --sidebar-bg: #0a0a0a;
    --card-bg: #0f0f0f;
    --text-main: #ffffff;
    --text-muted: #888888;
    --border: rgba(255, 0, 0, 0.2);
    --glass-border: rgba(255, 255, 255, 0.05);
}

@keyframes glow {
    0% { box-shadow: 0 0 5px var(--primary-glow); }
    50% { box-shadow: 0 0 20px var(--primary-glow); }
    100% { box-shadow: 0 0 5px var(--primary-glow); }
}

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

.animate-fade {
    animation: fadeIn 0.6s ease-out forwards;
}

.glow-hover:hover {
    animation: glow 1.5s infinite;
    border-color: var(--primary) !important;
}