.badge {
  display: inline-flex;
  min-block-size: var(--tap-min);
  align-items: center;
  justify-content: center;
  padding-inline: var(--space-3);
  border-radius: var(--radius-pill);
  color: var(--color-on-secondary);
  background: var(--color-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
}
.badge--success { color: var(--color-on-success); background: var(--color-success); }
.badge--danger { color: var(--color-on-danger); background: var(--color-danger); }