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

@layer components {
  .btn {
    @apply px-3.5 py-1.5 rounded-lg font-medium bg-white border border-neutral-200 hover:bg-neutral-50 disabled:opacity-50 disabled:cursor-not-allowed shadow-sm cursor-pointer;
  }

  .btn-primary {
    @apply border-neutral-900 bg-neutral-900 text-white hover:bg-neutral-800;
  }

  .btn-borderless {
    @apply border-none bg-transparent hover:bg-neutral-50 shadow-none;
  }

  .btn-sm {
    @apply px-3 py-1 text-sm;
  }
}

html {
  font-size: 14px;
  @apply text-neutral-800;
}