/* ===== FinU Schedule — HyDE Deep Black Design System ===== */

:root {
    /* Основные цвета фона */
    --bg-0: #0a0c10;
    --bg-1: #11151c;
    --bg-2: #1a1f29;
    --border: #1e2733;
    
    /* Текст */
    --text-1: #e2e8f0;
    --text-2: #94a3b8;
    --text-3: #64748b;
    
    /* Акценты (HyDE Signature) */
    --accent: #22d3ee;
    --accent-glow: rgba(34, 211, 238, 0.4);
    
    /* Статусы */
    --success: #4ade80;
    --warning: #fbbf24;
    --danger: #f87171;
    
    /* Типы занятий */
    --kind-lecture: #60a5fa;
    --kind-practice: #4ade80;
    --kind-lab: #fbbf24;
    --kind-exam: #f87171;
}

/* Микроанимации */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes aurora {
    0% { transform: translate(-10%, -10%) scale(1); }
    33% { transform: translate(10%, 5%) scale(1.1); }
    66% { transform: translate(-5%, 15%) scale(0.9); }
    100% { transform: translate(-10%, -10%) scale(1); }
}

@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 0 0 var(--accent-glow); }
    50% { box-shadow: 0 0 15px 2px var(--accent-glow); }
}

.anim-card { animation: fadeInUp .35s ease both; }
.modal-enter { transition: opacity .2s ease; }

/* Новые системные классы */
.hyde-aurora {
    position: fixed;
    width: 60vw;
    height: 60vw;
    background: radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);
    filter: blur(60px);
    z-index: -1;
    pointer-events: none;
    animation: aurora 30s linear infinite;
    opacity: 0.6;
}

.hyde-noise {
    position: fixed;
    inset: 0;
    z-index: 9999;
    pointer-events: none;
    opacity: 0.02;
    mix-blend-mode: overlay;
}

.active-lesson-glow {
    animation: pulse-glow 2s ease-in-out infinite;
}

/* Отступ при скролле к сегодняшнему дню под sticky-шапкой */
[data-today] { scroll-margin-top: 130px; }

/* Скроллбар в стиле HyDE */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--bg-0); }
::-webkit-scrollbar-thumb { 
    background: var(--border); 
    border-radius: 8px; 
    transition: background 0.2s;
}
::-webkit-scrollbar-thumb:hover { background: var(--accent); }