/* ============================================================
   c-badge — バッジ・ステータスチップ
   ============================================================ */

.c-badge {
  display: inline-block;
  padding: 2px var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: 600;
  line-height: 1.6;
  border-radius: var(--radius-full, 9999px);
  background: var(--color-bg-muted);
  color: var(--color-text);
  white-space: nowrap;
}

/* --- Color Modifiers --- */
.c-badge--primary {
  background: var(--color-primary);
  color: #fff;
}
.c-badge--success {
  background: var(--color-success, #22c55e);
  color: #fff;
}
.c-badge--info {
  background: var(--color-info, #2d97ce);
  color: #fff;
}
.c-badge--warning {
  background: var(--color-warning, #f59e0b);
  color: #fff;
}
.c-badge--danger {
  background: var(--color-danger, #ef4444);
  color: #fff;
}
.c-badge--muted {
  background: var(--color-bg-muted);
  color: var(--color-text-muted);
}