@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
}

@layer base {
  html {
    scroll-behavior: smooth;
  }
  
  body {
    @apply bg-zinc-950 text-zinc-100 antialiased;
  }

  /* Custom Scrollbar */
  ::-webkit-scrollbar {
    width: 8px;
  }
  
  ::-webkit-scrollbar-track {
    @apply bg-zinc-950;
  }
  
  ::-webkit-scrollbar-thumb {
    @apply bg-zinc-800 rounded-full border-2 border-zinc-950 hover:bg-amber-500 transition-colors;
  }
}

.bg-gold-gradient {
  background: linear-gradient(to right, #fde68a, #f59e0b, #fde68a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.animate-pulse-slow {
  animation: pulse-slow 10s ease-in-out infinite;
}

@keyframes pulse-slow {
  0%, 100% { opacity: 0.4; transform: scale(1.05); }
  50% { opacity: 0.6; transform: scale(1.1); }
}

.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
}

.movie-card:hover img {
  transform: scale(1.1);
}

.movie-card:hover .play-btn {
  opacity: 1;
  transform: scale(1);
}