.badge {
  @apply whitespace-nowrap inline-flex items-center px-1.5 py-0.5 rounded-md font-medium border;
}

.badge-sm {
  @apply px-1.5 py-0.5 text-xs;
}

.badge-md {
  @apply px-2 py-1 text-sm;
}

.badge-blue {
  @apply bg-blue-100 text-blue-800 border-blue-200;
}

.badge-green {
  @apply bg-green-100 text-green-800 border-green-200;
}

.badge-orange {
  @apply bg-orange-100 text-orange-800 border-orange-200;
}

.badge-purple {
  @apply bg-purple-100 text-purple-800 border-purple-200;
}

.badge-red {
  @apply bg-red-100 text-red-800 border-red-200;
}

.badge-yellow {
  @apply bg-yellow-100 text-yellow-800 border-yellow-200;
}