/* Custom CSS for SEVEER WORLDS - Epic Fantasy Theme */

@layer utilities {
    /* Hero Text Magic Glow Hover Effect */
    .hero-title {
        transition: all 0.5s ease;
        text-shadow: 0 0 20px rgba(212, 175, 55, 0.2);
    }
    
    .hero-title:hover {
        text-shadow: 
            0 0 30px rgba(212, 175, 55, 0.6),
            0 0 60px rgba(212, 175, 55, 0.3);
        transform: scale(1.02);
    }

    /* Custom elegant scrollbar */
    ::-webkit-scrollbar {
        width: 8px;
    }
    ::-webkit-scrollbar-track {
        background: #0A0705; 
        border-left: 1px solid rgba(212, 175, 55, 0.1);
    }
    ::-webkit-scrollbar-thumb {
        background: rgba(212, 175, 55, 0.3); 
        border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: rgba(212, 175, 55, 0.8); 
    }
}

/* Animations */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-down {
    animation: fadeInDown 1.5s ease-out forwards;
}

/* Subtle breathing effect for borders */
@keyframes breathGlow {
    0%, 100% { border-color: rgba(212, 175, 55, 0.2); }
    50% { border-color: rgba(212, 175, 55, 0.5); }
}

.border-breath {
    animation: breathGlow 4s infinite ease-in-out;
}