@import "tailwindcss";

@theme {
  --color-gold-light: #f3e5ab;
  --color-gold: #d4af37;
  --color-gold-dark: #aa841f;
  --color-dark-bg: #0a0a0a;
  --color-dark-surface: #1a1a1a;
  --color-dark-border: #2a2a2a;
}

@layer base {
  body {
    @apply bg-dark-bg text-gray-200 font-sans antialiased;
    scroll-behavior: smooth;
  }
  
  h1, h2, h3, h4, h5, h6 {
    @apply text-gold-light tracking-tight;
  }
}

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

.gold-text-gradient {
  background: linear-gradient(135deg, #d4af37 0%, #f3e5ab 50%, #aa841f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nav-link {
  @apply text-gray-400 hover:text-gold transition-colors duration-200 relative py-2;
}

.nav-link::after {
  content: '';
  @apply absolute bottom-0 left-0 w-0 h-0.5 bg-gold transition-all duration-300;
}

.nav-link:hover::after {
  @apply w-full;
}

.btn-gold {
  @apply px-6 py-2 rounded-full text-black font-bold transition-transform duration-200 hover:scale-105 active:scale-95 shadow-lg shadow-gold/20;
  background: linear-gradient(135deg, #d4af37 0%, #f3e5ab 50%, #aa841f 100%);
}

.movie-card-img {
  @apply w-full aspect-[2/3] object-cover transition-transform duration-500 group-hover:scale-110;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  @apply bg-dark-bg;
}

::-webkit-scrollbar-thumb {
  @apply bg-gold/30 rounded-full hover:bg-gold/50;
}