.badge {
  display: inline-block;
  font-size: var(--font-label);
  line-height: var(--line-title);
  padding: var(--space-inset-sm);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius);
  color: var(--text-default);
  background: var(--surface-raised);
}

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