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

:root {
  color-scheme: light;
}
body {
  @apply bg-slate-50 text-slate-900 antialiased;
}

/* Tombol besar ala WhatsApp untuk kurir (UX simplicity, SOP 10.E) */
.btn {
  @apply inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-semibold transition disabled:opacity-50;
}
.btn-primary {
  @apply btn bg-brand-600 text-white hover:bg-brand-700;
}
.btn-outline {
  @apply btn border border-slate-300 bg-white hover:bg-slate-100;
}
.btn-lg {
  @apply px-5 py-3 text-base;
}
.card {
  @apply rounded-xl border border-slate-200 bg-white p-4 shadow-sm;
}
.input {
  @apply w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500;
}
.label {
  @apply mb-1 block text-xs font-medium text-slate-600;
}
.badge {
  @apply inline-block rounded-full px-2 py-0.5 text-xs font-medium;
}