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

@layer components {
  .btn {
    @apply font-bold py-2 px-4 rounded text-white transition-colors duration-300;
  }

  .btn-primary {
    @apply bg-primary hover:bg-blue-800; /* Using a slightly darker blue for hover */
  }

  .btn-secondary {
    @apply bg-secondary hover:bg-orange-600; /* Using a slightly darker orange for hover */
  }
}