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

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0f172a; 
}
::-webkit-scrollbar-thumb {
    background: #c5a059; 
    border-radius: 4px;
}

/* Cinematic Reveal Animation */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform, opacity;
}

.animate-on-scroll.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Glassmorphism Utilities */
.glass {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark .glass {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Text Glow Effect for Cinematic Titles */
.text-glow {
    text-shadow: 0 0 20px rgba(197, 160, 89, 0.3);
}

/* Smooth Language Transition */
[data-i18n] {
    transition: opacity 0.2s ease-in-out;
}

/* 3D Canvas Helper */
#hero-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}