@import "tailwindcss";

@theme {
  --color-pink-gold-50: #fdf2f0;
  --color-pink-gold-100: #fbe6e2;
  --color-pink-gold-200: #f7cdc5;
  --color-pink-gold-300: #f3b4a8;
  --color-pink-gold-400: #ef9b8b;
  --color-pink-gold-500: #e6beae; /* Base Pale Pink Gold */
  --color-pink-gold-600: #d4a391;
  --color-pink-gold-700: #b38271;
  --color-pink-gold-800: #926151;
  --color-pink-gold-900: #714031;
}

@layer base {
  html {
    scroll-behavior: smooth;
  }
  body {
    @apply bg-pink-gold-50 text-slate-800 antialiased;
  }
}

.glass-card {
  @apply bg-white/80 backdrop-blur-md border border-white/20 shadow-xl;
}

.gold-gradient {
  background: linear-gradient(135deg, #e6beae 0%, #d4af37 100%);
}

.text-gold {
  @apply bg-clip-text text-transparent bg-gradient-to-r from-pink-gold-700 to-pink-gold-900 font-bold;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  @apply bg-pink-gold-100;
}
::-webkit-scrollbar-thumb {
  @apply bg-pink-gold-300 rounded-full hover:bg-pink-gold-400 transition-colors;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  animation: marquee 60s linear infinite;
}

.animate-marquee:hover {
  animation-play-state: paused;
}

.movie-card-hover {
  @apply transition-all duration-300 hover:-translate-y-2 hover:shadow-2xl;
}