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

@layer base {
  body {
    @apply bg-slate-950 text-slate-50;
  }
}

@layer components {
  .glass-card {
    @apply bg-slate-900/50 backdrop-blur-md border border-slate-800 rounded-xl;
  }
  
  .btn-primary {
    @apply px-4 py-2 bg-blue-600 hover:bg-blue-500 text-white rounded-lg transition-colors font-medium;
  }
  
  .input-field {
    @apply w-full bg-slate-900 border border-slate-800 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all;
  }
}