/* state-colors.css — Palette condivisa stati workflow/categoria */

:root {
  /* ── Stati semantici ── */
  --state-ok: #059669; /* verde: successo, completato, "done" */
  --state-ok-bg: #d1fae5; /* sfondo chiaro ok */
  --state-ok-text: #6ee7b7; /* testo ok in dark mode */

  --state-err: #dc2626; /* rosso: errore, critico */
  --state-err-bg: #fee2e2; /* sfondo chiaro errore */
  --state-err-text: #fca5a5; /* testo errore in dark mode */

  --state-warn: #f59e0b; /* ambra: attenzione, medio */
  --state-warn-bg: #fef3c7;
  --state-warn-text: #fde68a;

  --state-info: #0088cc; /* blu: informativo (Telegram share) */
  --state-muted: #78716c; /* grigio: neutro, disabilitato */
  --state-neutral: #8c3d2b; /* terracotta scuro: selezione primaria scura */

  /* ── Dark-mode bg per feedback box ── */
  --state-err-dark-bg: #471111;
  --state-ok-dark-bg: #0a3622;

  /* ── Categorie conflitto (dot legenda mappa) ── */
  --cat-fisico: #dc2626; /* Fisico — rosso */
  --cat-relazionale: #f59e0b; /* Relazionale — ambra */
  --cat-simbolico: #8b5cf6; /* Simbolico — viola */
  --cat-istituzionale: #0088cc; /* Istituzionale — blu */
  --cat-digitale: #059669; /* Digitale — verde */

  /* ── Slider emozionale gradiente ── */
  --slider-gradient: linear-gradient(to right, var(--state-err), var(--state-warn), var(--state-ok));
}

/* ── Utility: dot stato ── */

/* ── Utility: badge inline stato ── */