/* =================================================================
   ANIMATIONS (animations.css)
   -----------------------------------------------------------------
   Reusable motion definitions.
   ================================================================= */

@media (prefers-reduced-motion: no-preference) {

    /* --- Keyframes --- */
    @keyframes fadeUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-15px); }
    }

    @keyframes pulse-glow {
        0%, 100% { filter: drop-shadow(0 0 10px var(--color-primary)); }
        50% { filter: drop-shadow(0 0 25px var(--color-primary)); }
    }

    /* --- Utility classes --- */
    .anim-fade-up {
        animation: fadeUp 0.8s var(--transition-base) both;
    }

    .anim-float {
        animation: float 4s ease-in-out infinite;
    }

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

    /* Stagger modifiers */
    .anim-delay-1 { animation-delay: 0.1s; }
    .anim-delay-2 { animation-delay: 0.2s; }
    .anim-delay-3 { animation-delay: 0.3s; }
    .anim-delay-4 { animation-delay: 0.4s; }
}