/* Token del design system (§2-4), reset, tipografia di base, pulsanti. */
:root{
  --notte:#0A0D12;      /* fondo */
  --lavagna:#10151C;    /* superfici */
  --traccia:#252F3D;     /* bordi, separatori */
  --china:#7A889B;      /* linee del disegno */
  --carta:#E9EDF2;      /* testo */
  --grafite:#98A3B2;    /* testo secondario */
  --segnale:#E42328;    /* rosso del marchio */
  --segnale-vivo:#FF3A40;
  /* superfici: il nero (--notte) è SOLO lo sfondo della pagina; ogni componente ha un fondo suo */
  --lavagna-2:#171E28;  /* riquadro dentro un'area */
  --lavagna-3:#202937;  /* riga selezionata, messaggio, scheda interna */
  --campo:#1B2330;      /* fondo dei campi (testo, elenchi a tendina, aree di testo) */
  --campo-bordo:#3A4658;
  --bottone:#262F3C;    /* pulsante secondario (pieno) */
  --bottone-su:#313C4B;
  --muto:#5E6A7A;       /* testo terziario */
  --ok:#3FB98A;         /* stato: in servizio */
  --ok-fondo:rgba(63,185,138,.12);
  --riserva:#E3A945;    /* stato: su riserva, nuovo, in attivazione */
  --riserva-fondo:rgba(227,169,69,.12);
  --f-display:'Archivo','Arial Narrow',system-ui,sans-serif;
  --f-testo:'IBM Plex Sans',system-ui,sans-serif;
  --f-dati:'IBM Plex Mono',ui-monospace,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--notte);color:var(--carta);font-family:var(--f-testo);font-size:17px;line-height:1.55;margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--segnale-vivo);outline-offset:3px}
.gutter{padding-inline:clamp(16px,5vw,80px)}
.dati{font-family:var(--f-dati);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--grafite)}
[id]{scroll-margin-top:72px}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:4px;font-family:var(--f-testo);font-weight:600;font-size:16px;text-decoration:none;border:0;cursor:pointer}
.btn-rosso{background:var(--segnale);color:#fff}
.btn-rosso:hover{background:var(--segnale-vivo)}
.btn-filo{border:1px solid var(--campo-bordo);color:var(--carta);background:var(--bottone)}
.btn-filo:hover{background:var(--bottone-su);border-color:var(--china)}