@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Playfair Display", serif;
  
  --color-primary: #e11d48; /* Rose 600 */
  --color-secondary: #4f46e5; /* Indigo 600 */
  --color-accent: #fbbf24; /* Amber 400 */
  
  --color-background-cinema: #0a0a0a;
  --color-surface-cinema: #1a1a1a;
}

@layer base {
  body {
    @apply bg-background-cinema text-gray-100 antialiased;
  }
}

.glass-panel {
  @apply bg-white/5 backdrop-blur-md border border-white/10;
}

.movie-card-hover {
  @apply transition-all duration-500 hover:scale-105 hover:shadow-2xl hover:shadow-primary/20;
}

.text-gradient {
  @apply bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary;
}