/**
 * Token cromatici pulsanti e controlli affini (navbar auth, header accordion).
 * Unica fonte per base.html e anteprima CSV.
 */
:root {
  /* Testo su superfici warning/info (Bootstrap) */
  --btn-on-warning-info: #000;

  /* —— Neutro (secondario / logout / annulla) —— */
  --btn-neutral: #6c757d;
  --btn-neutral-border: #5c636a;
  --btn-neutral-hover: #5c636a;
  --btn-neutral-hover-border: #565e64;
  --btn-neutral-active: #565e64;
  --btn-neutral-active-border: #51585e;
  --btn-neutral-focus-ring: rgba(108, 117, 125, 0.45);
  --btn-neutral-shadow: rgba(108, 117, 125, 0.22);

  /* —— Primario Bootstrap (outline-primary resi pieni) —— */
  --btn-primary-solid: #0d6efd;
  --btn-primary-border: #0a58ca;
  --btn-primary-hover: #0b5ed7;
  --btn-primary-hover-border: #0a53be;
  --btn-primary-active: #0a58ca;
  --btn-primary-active-border: #084298;
  --btn-primary-focus-ring: rgba(13, 110, 253, 0.45);
  --btn-primary-shadow: rgba(13, 110, 253, 0.22);
  --btn-primary-focus-ring-soft: rgba(13, 110, 253, 0.4);

  /* —— Persistenza DB / salva mapping (gradiente blu dedicato) —— */
  --btn-persisti-grad-top: #3d8bfd;
  --btn-persisti-grad-bottom: #0d6efd;
  --btn-persisti-hover-grad-top: #0d6efd;
  --btn-persisti-hover-grad-bottom: #0b5ed7;
  --btn-persisti-active: #0a58ca;
  --btn-persisti-active-border: #052c65;

  /* —— CTA / nav attiva / anteprima azioni principali —— */
  --btn-cta-grad-top: #1e74e6;
  --btn-cta-grad-bottom: #0d5cbf;
  --btn-cta-hover-grad-top: #1557b8;
  --btn-cta-hover-grad-bottom: #0a4a9e;
  --btn-cta-shadow: rgba(13, 110, 253, 0.35);

  /* —— Successo / conferma / download / login / apri pannelli —— */
  --btn-success: #198754;
  --btn-success-border: #157347;
  --btn-success-hover: #157347;
  --btn-success-hover-border: #146c43;
  --btn-success-active: #146c43;
  --btn-success-active-border: #0f5132;
  --btn-success-focus-ring: rgba(25, 135, 84, 0.45);
  --btn-success-focus-ring-mid: rgba(25, 135, 84, 0.4);
  --btn-success-shadow: rgba(21, 115, 71, 0.22);

  /* —— Import (file → sistema): gradiente su verde —— */
  --btn-import-grad-top: #20a86a;
  --btn-import-grad-bottom: #198754;
  --btn-import-hover-grad-top: #198754;
  --btn-import-hover-grad-bottom: #157347;

  /* —— Export (sistema → file): teal —— */
  --btn-export-grad-top: #2dd4bf;
  --btn-export-grad-bottom: #14b8a6;
  --btn-export-border: #0d9488;
  --btn-export-hover-grad-top: #14b8a6;
  --btn-export-hover-grad-bottom: #0d9488;
  --btn-export-hover-border: #0f766e;
  --btn-export-active: #0f766e;
  --btn-export-active-border: #115e59;
  --btn-export-focus-ring: rgba(20, 184, 166, 0.45);
  --btn-export-shadow: rgba(13, 148, 136, 0.28);

  /* —— Ispezione / dettaglio (espandi): ciano —— */
  --btn-inspect-grad-top: #17a2b8;
  --btn-inspect-grad-bottom: #138496;
  --btn-inspect-border: #117a8b;
  --btn-inspect-hover-grad-top: #138496;
  --btn-inspect-hover-grad-bottom: #117a8b;
  --btn-inspect-hover-border: #0c6674;
  --btn-inspect-active: #117a8b;
  --btn-inspect-active-border: #0a515a;
  --btn-inspect-shadow: rgba(17, 122, 139, 0.28);
  --btn-inspect-focus-ring: rgba(23, 162, 184, 0.45);

  /* —— Anteprima / visualizza (solo lettura): arancione —— */
  --btn-preview-grad-top: #f4a12a;
  --btn-preview-grad-bottom: #e07806;
  --btn-preview-border: #c96a05;
  --btn-preview-hover-grad-top: #e89518;
  --btn-preview-hover-grad-bottom: #cf6c05;
  --btn-preview-hover-border: #a85804;
  --btn-preview-active: #bd6505;
  --btn-preview-active-border: #8f4d04;
  --btn-preview-focus-ring: rgba(224, 120, 6, 0.45);
  --btn-preview-shadow: rgba(201, 106, 5, 0.25);

  /* —— Pericolo / distruttivo / modifica evidenziata —— */
  --btn-danger: #dc3545;
  --btn-danger-border: #bb2d3b;
  --btn-danger-hover: #bb2d3b;
  --btn-danger-hover-border: #b02a37;
  --btn-danger-active: #b02a37;
  --btn-danger-active-border: #9a2530;
  --btn-danger-focus-ring: rgba(220, 53, 69, 0.45);
  --btn-danger-focus-ring-mid: rgba(220, 53, 69, 0.4);
  --btn-danger-shadow: rgba(187, 45, 59, 0.25);

  /* —— Attenzione reversibile (warning / reset filtri) —— */
  --btn-warning: #ffc107;
  --btn-warning-border: #ffc107;
  --btn-warning-text: var(--btn-on-warning-info);
  --btn-warning-hover: #ffca2c;
  --btn-warning-hover-border: #e0a800;
  --btn-warning-active: #e0a800;
  --btn-warning-active-border: #cc9a06;
  --btn-warning-focus-ring: rgba(255, 193, 7, 0.55);

  /* —— Info terso (outline-info pieno) —— */
  --btn-info: #0dcaf0;
  --btn-info-border: #0aa2c0;
  --btn-info-hover: #31d2f2;
  --btn-info-active: #0aa2c0;
  --btn-info-active-border: #087990;
  --btn-info-focus-ring: rgba(13, 202, 240, 0.45);

  /* —— Login navbar: ombra dedicata —— */
  --btn-login-nav-shadow: rgba(25, 135, 84, 0.25);
  --btn-login-nav-shadow-hover: rgba(25, 135, 84, 0.35);
}