/* components/atoms/badge.css — átomo Badge (A07). */

.cmp-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-family: inherit;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
  background: var(--surface-muted, #f3f4f6);
  color: var(--text, inherit);
}

.cmp-badge--sm { min-width: 16px; height: 16px; padding: 0 6px; font-size: 10px; }
.cmp-badge--md { min-width: 20px; height: 20px; padding: 0 8px; font-size: 11px; }

.cmp-badge--accent  { background: var(--accent, #2563eb); color: var(--text-on-accent, #fff); }
.cmp-badge--success { background: var(--success, #16a34a); color: #fff; }
.cmp-badge--warning { background: var(--warning, #f59e0b); color: #fff; }
.cmp-badge--danger  { background: var(--danger, #dc2626); color: #fff; }
.cmp-badge--neutral { background: var(--text-muted, #9ca3af); color: #fff; }