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

@layer base {
  body {
    @apply m-0 bg-slate-100 text-slate-800;
  }

  a {
    @apply text-slate-800;
  }
}

@layer components {
  .row {
    @apply flex flex-wrap gap-2;
  }

  .muted {
    @apply text-sm text-slate-500;
  }

  .btn-primary {
    @apply rounded-lg bg-slate-900 px-4 py-2 text-white hover:bg-slate-700;
  }

  .input-base {
    @apply rounded-lg border border-slate-300 px-3 py-2;
  }
}
