@import "tailwindcss";

@theme {
  --color-primary: #7c3aed;
  --color-primary-light: #a78bfa;
  --color-primary-dark: #5b21b6;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
}

@layer base {
  html {
    scroll-behavior: smooth;
  }
  body {
    @apply bg-white text-slate-900 font-sans;
  }
}

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

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

.purple-gradient {
  @apply bg-gradient-to-br from-primary to-primary-dark;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}