/**************
INIZIO VARIABILI
***************/

:root {
  --plyr-color-main: #284c6c;
  --plyr-range-fill-background: red;
  --plyr-control-radius: 30px;

  --jforma-blue: #38649c;
  --jforma-blue-hover: #284c6c;
  --jforma-blue-light: #228be6;
  --jforma-link-color: #0000EE;
  --jforma-orange: #d92e00;
  --jforma-invalid-red: #dc3545;
  --jforma-primary-blue-color: #122747;
  --jforma-secondary-blue-color: #eaf1fb;
  --jforma-tertiary-blue-color: #d8e4fc;
  --jforma-info-color: #353c5d;
  --jforma-secondary-border-color: #ced4da;
  --jforma-table-row-border: #dee2e6;
  --jforma-component-border: #cbd5e1;
  --jforma-component-border-hover: #94a3b8;
  --jforma-component-border-focus-visible: #007bff;
  --jforma-component-box-shadow: 0 0 0 .2rem rgba(38, 143, 255, 0.5);
  --jforma-success-color: #218c74;
  --jforma-success-light-color: #00ab00;
  --jforma-danger-color: #b33939;
  --jforma-warning-color: #fff0c3;
  --jforma-warning-dark-color: #ff9d1f;
  --jforma-highlight-color: #ffff99;
  --jforma-panel-header-color: #f8f9fc;
  --p-text-secondary: #6c757d;
  --jforma-border-radius: .75rem;

  /* GIALLI PIÙ SOFT E USABILI */
  --jforma-warning-soft: #fff8e1;        /* Giallo molto tenue per background */
  --jforma-warning-medium: #ffecb3;      /* Giallo medio per highlight */
  --jforma-warning-border: #ffc107;      /* Giallo per bordi warning */

  /* GRIGI AGGIUNTIVI PER SFUMATURE */
  --jforma-gray-50: #fafafa;             /* Grigio chiarissimo per background alternativi */
  --jforma-gray-100: #f5f5f5;           /* Grigio molto chiaro */
  --jforma-gray-200: #eeeeee;           /* Grigio chiaro per separatori */
  --jforma-gray-300: #e0e0e0;           /* Grigio medio-chiaro per bordi disabilitati */
  --jforma-gray-400: #bdbdbd;           /* Grigio medio per testi secondari */
  --jforma-gray-500: #9e9e9e;           /* Grigio neutro */
  --jforma-gray-600: #757575;           /* Grigio scuro per testi */
  --jforma-gray-700: #616161;           /* Grigio molto scuro */
  --jforma-gray-800: #424242;           /* Grigio quasi nero */

  /* VERDI PER STATI POSITIVI */
  --jforma-success-soft: #e8f5e8;       /* Verde tenue per background successo */
  --jforma-success-medium: #c8e6c9;     /* Verde medio per highlight */
  --jforma-success-border: #4caf50;     /* Verde per bordi successo */

  /* ROSSI PER STATI NEGATIVI */
  --jforma-danger-soft: #ffebee;        /* Rosso tenue per background errore */
  --jforma-danger-medium: #ffcdd2;      /* Rosso medio per highlight */
  --jforma-danger-border: #f44336;      /* Rosso per bordi errore */

  /* BLU AGGIUNTIVI PER GRADAZIONI */
  --jforma-blue-50: #e3f2fd;           /* Blu chiarissimo */
  --jforma-blue-100: #bbdefb;          /* Blu molto chiaro */
  --jforma-blue-200: #90caf9;          /* Blu chiaro */
  --jforma-blue-300: #64b5f6;          /* Blu medio-chiaro */
  --jforma-blue-400: #42a5f5;          /* Blu medio */
  --jforma-blue-500: #2196f3;          /* Blu standard */
  --jforma-blue-600: #1e88e5;          /* Blu scuro */
  --jforma-blue-700: #1976d2;          /* Blu molto scuro */

  /* COLORI INFORMATIVI */
  --jforma-info-soft: #e1f5fe;         /* Azzurro tenue per info */
  --jforma-info-medium: #b3e5fc;       /* Azzurro medio */
  --jforma-info-border: #03a9f4;       /* Azzurro per bordi info */

  /* COLORI PER STATI HOVER E FOCUS */
  --jforma-hover-overlay: rgba(0, 0, 0, 0.04);  /* Overlay sottile per hover */
  --jforma-focus-overlay: rgba(0, 123, 255, 0.1); /* Overlay per focus */

  /* SHADOWS AGGIUNTIVE */
  --jforma-shadow-light: 0 1px 3px rgba(0, 0, 0, 0.12);
  --jforma-shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.1);
  --jforma-shadow-heavy: 0 8px 16px rgba(0, 0, 0, 0.15);

  /* BACKGROUND PATTERNS */
  --jforma-bg-pattern-light: repeating-linear-gradient(
          45deg,
          transparent,
          transparent 1px,
          rgba(0, 0, 0, 0.02) 1px,
          rgba(0, 0, 0, 0.02) 2px
  );

}