index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply text-zinc-200 antialiased font-sans selection:bg-zinc-700/30;
    background: radial-gradient(circle at 50% 0%, #1e1b4b 0%, #09090b 100%);
    background-attachment: fixed;
  }
}

@layer utilities {
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

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

  .custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  .custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
  }

  .custom-scrollbar::-webkit-scrollbar-thumb {
    @apply bg-white/10 rounded-full hover:bg-white/20 transition-colors;
  }
}

/* Animations */
.fade-in {
  @apply animate-[fadeIn_0.5s_ease-out];
}