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

@layer base {
  body {
    @apply bg-obsidian-900 text-white font-sans antialiased overflow-x-hidden;
  }
}

@layer utilities {
  .glass-panel {
    @apply bg-glass-100 backdrop-blur-md border border-white/10 shadow-xl;
  }
  
  .glass-card {
    @apply bg-obsidian-700/50 backdrop-blur-sm border border-white/5 rounded-xl hover:border-white/10 transition-all duration-300;
  }

  .text-gradient {
    @apply bg-clip-text text-transparent bg-gradient-to-r from-neon-blue to-neon-purple;
  }
}

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

::-webkit-scrollbar-track {
  @apply bg-obsidian-900;
}

::-webkit-scrollbar-thumb {
  @apply bg-obsidian-700 rounded-full hover:bg-obsidian-800;
}