@import "tailwindcss";
@reference "tailwindcss";

@layer components {
  .btn {
  @apply inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition;
  }
  .btn-primary {
  @apply bg-slate-900 text-white hover:bg-slate-700;
  }
  .btn-ghost {
  @apply border border-slate-200 hover:bg-slate-50;
  }
  .card {
  @apply rounded-lg border border-slate-200 p-5 hover:shadow-sm transition;
  }
}