/* Badge Component */
.ui-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px; /* rounded-full */
  border: 1px solid transparent;
  padding: 0.25rem 0.625rem; /* py-1 px-2.5 */
  font-size: 0.75rem; /* text-xs */
  font-weight: 600; /* font-semibold */
  line-height: 1.25; /* Ensure text is centered */
  transition-property: color, background-color, border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  white-space: nowrap;
}

.ui-badge[data-variant="default"] {
  background-color: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  border-color: hsl(var(--primary));
}

.ui-badge[data-variant="secondary"] {
  background-color: hsl(var(--secondary));
  color: hsl(var(--secondary-foreground));
  border-color: hsl(var(--secondary));
}

.ui-badge[data-variant="outline"] {
  background-color: transparent;
  border-color: hsl(var(--border));
  color: hsl(var(--foreground));
}

.ui-badge[data-variant="destructive"] {
  background-color: hsl(var(--destructive));
  color: hsl(var(--destructive-foreground));
  border-color: hsl(var(--destructive));
}