.badge {
  @apply inline-flex items-center h-6 px-2 text-xs rounded-small font-semi-bold uppercase;
}

.badge.purple {
  @apply bg-purple-90 text-purple-primary;
}

.badge.green {
  @apply bg-green-90 text-green-primary;
}

.badge.blue {
  @apply bg-blue-90 text-blue-primary;
}

.badge.high-contrast.purple {
  @apply text-white bg-purple-primary;
}

.badge.high-contrast.green {
  @apply text-white bg-green-primary;
}

.badge.high-contrast.blue {
  @apply text-white bg-blue-primary;
}
