/**
 * KZEN ENTERPRISE THEME - GLOBAL ANIMATIONS & TRANSITIONS
 * Micro-interactions · Scroll Reveal · Performance Optimizations
 *
 * @package Kzen_Enterprise_Theme
 */

/* ========================================================
 * 1. KEYFRAME DEFINITIONS
 * ======================================================== */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

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

@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 16px rgba(199, 163, 93, 0.4);
    }
    50% {
        box-shadow: 0 0 28px rgba(199, 163, 93, 0.7);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* ========================================================
 * 2. SCROLL REVEAL UTILITIES (INTERSECTION OBSERVER)
 * ======================================================== */
.reveal {
    opacity: 0;
    will-change: opacity, transform;
    transition: opacity var(--duration-slow) var(--ease-standard),
                transform var(--duration-slow) var(--ease-standard);
}

.reveal--fade {
    transform: none;
}

.reveal--slide-up {
    transform: translateY(32px);
}

.reveal--scale {
    transform: scale(0.96);
}

.reveal.is-revealed {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Stagger Delays */
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }

/* ========================================================
 * 3. ACCESSIBILITY OVERRIDE (PREFERS-REDUCED-MOTION)
 * ======================================================== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}