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

/* Components: buttons aligned with our theme */
@layer components {
  .btn-tw {
    @apply inline-flex items-center justify-center rounded-lg font-semibold transition;
    @apply px-4 py-2 shadow-sm;
  }
  .btn-primary-tw { @apply bg-brand text-white hover:bg-brand-dark; }
  .btn-secondary-tw { @apply bg-slate-200 text-slate-900 hover:bg-slate-300 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600; }
}