:root {
  --crm-color-1: #2096CE; 
  --crm-color-2: #06212D; 
  --crm-color-3: #05304C; 
  --crm-color-4: #23AAE1; 
  --crm-color-5: #BCD8F1; 
  --crm-color-6: #61707E; 
  --crm-color-7: #FCFEFF; 

  /* Token Telemetria & Schede Impianto */
  --card-bg-dark: #1E455E;
  --card-bg-panel: #1B3E55;
  --card-header-bg: #294C63;
  --color-border-dark: #444;
  --btn-filter-annulla-bg: #FFFFFF33;

  /* Colori Base Segnalazione & Stato (DRY) */
  --color-status-verde: #00FF00;
  --color-status-giallo: #FFFF00;
  --color-status-rosso: #FF0000;

  /* Solvibilità Cliente (Alias Semantici) */
  --solvibilita-verde: var(--color-status-verde);
  --solvibilita-giallo: var(--color-status-giallo);
  --solvibilita-rosso: var(--color-status-rosso);

  /* Allarmi Impianto (Alias Semantici) */
  --color-allarme-bloccante: var(--color-status-rosso);
  --color-allarme-non-bloccante: var(--color-status-giallo);

  /* Indicatori Gauge */
  --color-gauge-cyan: #00f2ff;
  --color-gauge-yellow: #ffcc00;
  --color-gauge-red: #ff4444;
}

.crm-bg-header { background-color: var(--crm-color-1) !important; }
.crm-bg-btn-macro { background-color: var(--crm-color-1) !important; }
.crm-border-finestra { border-color: var(--crm-color-1) !important; border-style: solid !important; }
.crm-border-btn-sotto { border-color: var(--crm-color-1) !important; border-style: solid !important; }

.crm-bg-finestra { background-color: var(--crm-color-2) !important; }

.crm-bg-btn-sotto { background-color: var(--crm-color-3) !important; }

.crm-bg-btn-invia { background-color: var(--crm-color-4) !important; }

.crm-text-nome-parametri { color: var(--crm-color-5) !important; }
.crm-icon-primaria { 
    color: var(--crm-color-5) !important; 
    fill: var(--crm-color-5) !important; 
}

.crm-text-didascalia-valori { color: var(--crm-color-6) !important; }

.crm-text-header-elements { color: var(--crm-color-7) !important; }
.crm-icon-header { 
    color: var(--crm-color-7) !important; 
    fill: var(--crm-color-7) !important; 
}
.crm-text-btn-macro { color: var(--crm-color-7) !important; }
.crm-text-btn-sotto { color: var(--crm-color-7) !important; }

.crm-text-color-1 { color: var(--crm-color-1) !important; }
.crm-bg-color-1 { background-color: var(--crm-color-1) !important; }
.crm-border-color-1 { border-color: var(--crm-color-1) !important; border-style: solid !important; }

.crm-text-color-2 { color: var(--crm-color-2) !important; }
.crm-bg-color-2 { background-color: var(--crm-color-2) !important; }
.crm-border-color-2 { border-color: var(--crm-color-2) !important; border-style: solid !important; }

.crm-text-color-3 { color: var(--crm-color-3) !important; }
.crm-bg-color-3 { background-color: var(--crm-color-3) !important; }
.crm-bg2-color-3 { background: var(--crm-color-3) !important; }
.crm-border-color-3 { border-color: var(--crm-color-3) !important; border-style: solid !important; }

.crm-text-color-4 { color: var(--crm-color-4) !important; }
.crm-bg-color-4 { background-color: var(--crm-color-4) !important; }
.crm-border-color-4 { border-color: var(--crm-color-4) !important; border-style: solid !important; }

.crm-text-color-5 { color: var(--crm-color-5) !important; }
.crm-bg-color-5 { background-color: var(--crm-color-5) !important; }
.crm-border-color-5 { border-color: var(--crm-color-5) !important; border-style: solid !important; }

.crm-text-color-6 { color: var(--crm-color-6) !important; }
.crm-bg-color-6 { background-color: var(--crm-color-6) !important; }
.crm-border-color-6 { border-color: var(--crm-color-6) !important; border-style: solid !important; }

.crm-text-color-7 { color: var(--crm-color-7) !important; }
.crm-bg-color-7 { background-color: var(--crm-color-7) !important; }
.crm-border-color-7 { border-color: var(--crm-color-7) !important; border-style: solid !important; }