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

/* Custom styles */
@layer components {
  .btn-primary {
    @apply px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 font-medium transition duration-150;
  }

  .btn-secondary {
    @apply px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 font-medium transition duration-150;
  }

  .btn-danger {
    @apply px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 font-medium transition duration-150;
  }

  .card {
    @apply bg-white rounded-lg shadow p-6;
  }

  .stat-card {
    @apply bg-white rounded-lg shadow p-6 hover:shadow-lg transition duration-150;
  }

  .badge-success {
    @apply px-2 py-1 bg-green-100 text-green-700 text-xs font-semibold rounded;
  }

  .badge-warning {
    @apply px-2 py-1 bg-amber-100 text-amber-700 text-xs font-semibold rounded;
  }

  .badge-danger {
    @apply px-2 py-1 bg-red-100 text-red-700 text-xs font-semibold rounded;
  }

  .badge-info {
    @apply px-2 py-1 bg-blue-100 text-blue-700 text-xs font-semibold rounded;
  }
}