.ml-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: var(--ml-radius-full);
  font-size: var(--ml-font-size-xs);
  font-weight: var(--ml-font-weight-medium);
  letter-spacing: var(--ml-font-letter-spacing-wide);
  text-transform: uppercase;
}

.ml-badge--neutral {
  background: var(--ml-color-surface-paper);
  color: var(--ml-color-text-secondary);
  border: 1px solid var(--ml-color-surface-line);
}

.ml-badge--accent {
  background: rgba(243, 112, 33, 0.12);
  color: var(--ml-color-brand-orange-deep);
  border: 1px solid rgba(243, 112, 33, 0.35);
}

.ml-badge--gold {
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(139, 105, 20, 0.12));
  color: var(--ml-color-text-primary);
  border: 1px solid rgba(180, 140, 50, 0.45);
}

.ml-badge--success {
  background: var(--ml-color-semantic-success-bg);
  color: var(--ml-color-semantic-success);
  border: 1px solid var(--ml-color-semantic-success);
}

.ml-badge--error {
  background: var(--ml-color-semantic-error-bg);
  color: var(--ml-color-semantic-error);
  border: 1px solid var(--ml-color-semantic-error);
}