/* Animation definitions */

/* Logo spinning animation with pause */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Fade in animation for sections */
@keyframes fade_in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Pulse animation for interactive elements */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(221, 161, 94, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(221, 161, 94, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(221, 161, 94, 0);
    }
}

/* Hover glow effect */
@keyframes glow {
    0% {
        box-shadow: 0 0 5px rgba(221, 161, 94, 0.5);
    }
    50% {
        box-shadow: 0 0 20px rgba(221, 161, 94, 0.8);
    }
    100% {
        box-shadow: 0 0 5px rgba(221, 161, 94, 0.5);
    }
}

/* Smooth entrance animations */
.fade-in {
    animation: fade_in 0.8s ease-out;
}

.fade-in-delay {
    animation: fade_in 0.8s ease-out 0.3s both;
}

.fade-in-delay-2 {
    animation: fade_in 0.8s ease-out 0.6s both;
}

/* Interactive animations */
.pulse-on-hover:hover {
    animation: pulse 1.5s infinite;
}

.glow-on-hover:hover {
    animation: glow 2s infinite;
}

/* Accessibility - respect motion preferences */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .logo {
        animation: none !important;
    }
}