/* Badge — ステータスバッジ（Figma Badge 仕様準拠） */
.ui-badge {
  @apply inline-flex items-center justify-center whitespace-nowrap rounded-full border bg-white px-2 py-0.5 text-xs font-semibold leading-4;
}

/* Color: gray */
.ui-badge--gray {
  @apply border-gray-600 text-gray-600;
}

/* Color: red */
.ui-badge--red {
  @apply border-red-600 text-red-600;
}

/* Color: orange */
.ui-badge--orange {
  @apply border-orange-600 text-orange-600;
}

/* Color: amber */
.ui-badge--amber {
  @apply border-amber-600 text-amber-600;
}

/* Color: teal */
.ui-badge--teal {
  @apply border-teal-600 text-teal-600;
}

/* Color: blue */
.ui-badge--blue {
  @apply border-blue-600 text-blue-600;
}

/* Color: violet — Figma カスタムトークン badge/violet (#7f22fe) */
.ui-badge--violet {
  border-color: #7f22fe;
  color: #7f22fe;
}