/* DS §05.01 — Badges / pills (web) · token-only */

.ds-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  padding: var(--sp-2) var(--sp-3);
  border: 1px solid;
  border-radius: var(--pill-radius);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.ds-pill-clean {
  background: var(--pill-clean-bg);
  color: var(--pill-clean-color);
  border-color: var(--pill-clean-border);
}

.ds-pill-warn {
  background: var(--pill-warn-bg);
  color: var(--pill-warn-color);
  border-color: var(--pill-warn-border);
}

.ds-pill-info {
  background: var(--status-info-bg);
  color: var(--status-info-text);
  border-color: rgba(53,112,244,0.2);
}

.ds-pill-danger {
  background: var(--status-danger-bg);
  color: var(--status-danger-text);
  border-color: var(--status-danger-border);
}

.ds-pill-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}