/* ── Sistema de badges de estado unificado ──────────────────────
 * Paleta global (Sprint 3 — fase 1):
 *   pending   (ámbar)  → en espera de acción
 *   progress  (azul)   → en curso / parcial
 *   completed (verde)  → finalizado con éxito
 *   cancelled (gris)   → anulado / inactivo
 *   error     (rojo)   → fallo / expirado / problema
 *   neutral   (slate)  → etiqueta informativa (no-estado)
 *
 * Uso: <span class="badge badge-pending">Pendiente</span>
 * La clase base `.badge` vive en base.css; aquí solo van los modificadores
 * semánticos. El set legacy `.badge-ok/warn/err/p` queda como está — se va
 * migrando módulo por módulo sin romper lo existente.
 * ──────────────────────────────────────────────────────────────── */

:root {
  --badge-info:  #3b82f6;   /* azul progreso */
  --badge-muted: #6b7280;   /* gris cancelado */
}
body.light {
  --badge-info:  #2563eb;
  --badge-muted: #475569;
}

.badge-pending   { background: rgba(245,158,11,0.15); color: var(--warn); }
.badge-progress  { background: rgba(59,130,246,0.15); color: var(--badge-info); }
.badge-completed { background: rgba(34,197,94,0.15);  color: var(--ok); }
.badge-cancelled { background: rgba(107,114,128,0.18); color: var(--badge-muted); }
.badge-error     { background: rgba(239,68,68,0.15);  color: var(--err); }
.badge-neutral   { background: rgba(148,163,184,0.18); color: var(--t2); }