@tailwind base;
@tailwind components;
@tailwind utilities;

.text-shadow-gold {
    text-shadow: 0 2px 15px rgba(212, 175, 55, 0.5);
}

.shimmer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-20deg) translateX(-150%);
    transition: transform 0.6s;
}

.btn-shimmer:hover .shimmer {
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    100% {
        transform: skewX(-20deg) translateX(150%);
    }
}

.gold-gradient {
    background: linear-gradient(135deg, #D4AF37 0%, #F6E05E 50%, #B8860B 100%);
}

.perspective-1000 {
    perspective: 1000px;
}

body {
    scroll-behavior: smooth;
}

.theme-transition, .theme-transition * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0A0A0A;
}

::-webkit-scrollbar-thumb {
    background: #D4AF37;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #B8860B;
}