/*
 * D11 - Badges communs
 */

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 24px;

  padding: var(--space-2xs) var(--space-xs);

  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);

  color: var(--color-text-muted);
  background: var(--color-surface-raised);

  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);

  line-height: 1;
  white-space: nowrap;
}

.badge--primary {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.badge--success {
  color: var(--color-success);
  border-color: var(--color-success);
}

.badge--warning {
  color: var(--color-warning);
  border-color: var(--color-warning);
}

.badge--danger {
  color: var(--color-danger);
  border-color: var(--color-danger);
}

.badge--info {
  color: var(--color-info);
  border-color: var(--color-info);
}