@import 'tailwindcss';

/* Admin-specific styles */
@layer base {
  body {
    @apply antialiased;
  }
}

@layer components {
  /* Admin card styles */
  .admin-card {
    @apply bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700;
  }

  /* Admin input styles */
  .admin-input {
    @apply w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;
  }

  /* Admin button styles */
  .admin-btn {
    @apply px-4 py-2 rounded-lg font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2;
  }

  .admin-btn-primary {
    @apply bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500;
  }

  .admin-btn-secondary {
    @apply bg-gray-200 hover:bg-gray-300 text-gray-900 focus:ring-gray-500;
  }

  .admin-btn-danger {
    @apply bg-red-600 hover:bg-red-700 text-white focus:ring-red-500;
  }
}
