/**
 * Elite Tactician Design System - Animations v3
 * Minimal updates: just re-points token references.
 * All keyframes and utilities from v2 are preserved via cascade.
 *
 * Version: 3.0
 * Date: March 2026
 */

/* =========================================
   GLASS & GRADIENT UTILITIES
   ========================================= */

/* Glass effect - frosted panel */
.glass-effect {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.1);
}

/* Crimson gradient utility */
.secondary-gradient {
    background: linear-gradient(135deg, #b6152e 0%, #d93343 100%);
}

/* Ice track progress bars */
.ice-track {
    background: var(--et-surface-container-high);
    border-radius: var(--radius-full, 9999px);
    overflow: hidden;
}

.ice-track-indicator {
    background: var(--et-secondary);
    border-radius: var(--radius-full, 9999px);
    height: 100%;
    transition: width 0.3s ease;
}

/* =========================================
   HOVER EFFECTS - v3 updates
   ========================================= */
.hover-glow:hover {
    box-shadow: var(--shadow-ambient-lg);
}

.hover-glow-red:hover {
    box-shadow: var(--shadow-glow-red-lg);
}

/* =========================================
   SKELETON - Surface colors
   ========================================= */
.skeleton {
    background: linear-gradient(
        90deg,
        var(--et-surface-container) 25%,
        var(--et-surface-container-high) 50%,
        var(--et-surface-container) 75%
    );
    background-size: 200% 100%;
}

/* =========================================
   SPINNER - Crimson accent
   ========================================= */
.spinner {
    border-color: var(--et-surface-container-high);
    border-top-color: var(--et-secondary);
}