.dfs-badge {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  gap: var(--dfs-space-2);
  padding: 0 var(--dfs-space-3);
  border: 1px solid var(--dfs-color-border);
  border-radius: var(--dfs-radius-pill);
  background: var(--dfs-color-canvas);
  color: var(--dfs-color-charcoal);
  font-size: var(--dfs-text-xs);
  font-weight: var(--dfs-weight-bold);
  letter-spacing: 0.025em;
  line-height: 1;
}

.dfs-badge--brand {
  border-color: transparent;
  background: var(--dfs-color-brand-soft);
  color: var(--dfs-color-brand-active);
}

.dfs-badge--success {
  border-color: transparent;
  background: #eaf7ee;
  color: #0b6a2b;
}

.dfs-badge--danger {
  border-color: transparent;
  background: #fff0f0;
  color: var(--dfs-color-danger);
}