/* ── animations.css ──────────────────────────────────────── */
/* Premium easing functions as CSS custom properties.        */
/* NOTE: Transitions defined here do NOT override base.css   */
/* — base.css transition vars are authoritative.             */

:root {
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Glassmorphism utility classes */
.glass {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(24px) saturate(150%);
    -webkit-backdrop-filter: blur(24px) saturate(150%);
    border: 1px solid var(--color-border);
}

.glass-premium {
    background: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border: 1px solid var(--color-border);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
}