html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #1c1917; /* stone-900 */
}
::-webkit-scrollbar-thumb {
    background: #ca8a04; /* yellow-600 */
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #eab308; /* yellow-500 */
}

@keyframes marquee {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); }
}
.animate-marquee {
    animation: marquee 30s linear infinite;
}
.animate-marquee:hover {
    animation-play-state: paused;
}
.transition-duration-500 {
    transition-duration: 500ms;
}
.perspective-1000 {
    perspective: 1000px;
}
.rotate-y-\[-10deg\] {
    transform: rotateY(-10deg);
}
.rotate-x-\[5deg\] {
    transform: rotateX(5deg);
}
.hover\:rotate-y-0:hover {
    transform: rotateY(0deg);
}
.hover\:rotate-x-0:hover {
    transform: rotateX(0deg);
}