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

@layer components {
  .btn-primary {
    @apply inline-flex items-center px-6 py-3 
           bg-blue-600 text-white font-medium rounded-md
           hover:bg-blue-700 focus:outline-none focus:ring-2
           focus:ring-offset-2 focus:ring-blue-500
           disabled:opacity-50 disabled:cursor-not-allowed
           transition-colors duration-200;
  }

  .file-input {
    @apply block w-full text-sm text-gray-500 
           file:mr-4 file:py-2 file:px-4
           file:rounded-md file:border-0
           file:text-sm file:font-medium
           file:bg-blue-50 file:text-blue-700
           hover:file:bg-blue-100
           cursor-pointer;
  }
}