/* ❄️ FOGLIO DELLE VARIABILI DEL SITO PUBBLICO — la tavolozza «stile Google» di RESTYLE-T2 (CRISTALLO-23, nomi e valori di
   CRISTALLO-38; nato con T2-H, 24/09/2026). E' l'UNICO posto dove un colore del sito pubblico si scrive in esadecimale:
   le pagine rifatte (T2-*) usano var(--g-*), e test_t2_esadecimali.py pretende ZERO esadecimali fuori da qui nei file dei
   pacchetti T2. Le pagine non ancora rifatte lo caricano gia' ma non lo usano: per loro non cambia niente.
   ⚠ Stessi NOMI delle --g-* che Prisma definisce in static/css/input.css (per dettaglio.html): le pagine pubbliche non
   caricano app.css e Prisma non carica questo file, quindi nessuna collisione; i valori comuni coincidono. */
:root {
  /* colori */
  --g-blu: #1a73e8;
  --g-blu-scuro: #174ea6;
  --g-blu-chiaro: #e8f0fe;
  --g-marchio: #4285f4;
  --g-rosso: #ea4335;
  --g-giallo: #fbbc04;
  --g-ambra: #f9ab00;
  --g-verde: #34a853;
  --g-verde-testo: #188038;
  --g-verde-chiaro: #e6f4ea;
  --g-testo: #202124;
  --g-secondario: #5f6368;
  --g-bordo: #dadce0;
  --g-fondo: #f8f9fa;
  --g-superficie: #f1f3f4;
  --g-superficie-2: #e8eaed;
  --g-bianco: #ffffff;
  --g-vetro: #d2e3fc;
  --g-tenda: #feefc3;
  --g-rete: #bdc1c6;
  --g-scuro: #3c4043;
  --g-segnaposto: #9aa0a6;                 /* T2-A: testo segnaposto del campo dell'assistente (tavola) */
  --g-velo: rgba(32, 33, 36, 0.32);        /* T2-A: velo sotto il cassetto dell'assistente (CRISTALLO-60 punto 5) */

  /* T2-1: campioni dei cinque colori profilo del configuratore alluminio (le cinque voci di #color-select, nessuna di
     piu'). Sono l'IMPRESSIONE del colore sul disco, non una tinta certificata: RAL 9010 e RAL 7016 dai valori pubblici
     della scala RAL; legno, nero e bronzo sono resa a schermo. Il colore vero lo decide il campione fisico. */
  --g-campione-bianco-9010: #f1ece1;
  --g-campione-antracite: #383e42;
  --g-campione-legno: linear-gradient(135deg, #a0703f 0%, #7b4f27 55%, #a0703f 100%);
  --g-campione-nero: #1d1d1b;
  --g-campione-bronzo: #6f5b43;

  /* ombre (CRISTALLO-23: .10 card · .14 cartellini · .24 bottone primario; .28 pulsante fluttuante di T2-A) */
  --g-ombra-card: 0 10px 30px rgba(60, 64, 67, 0.10);
  --g-ombra-cartellino: 0 6px 16px rgba(60, 64, 67, 0.14);
  --g-ombra-bottone: 0 8px 20px rgba(60, 64, 67, 0.24);
  --g-ombra-fluttuante: 0 10px 24px rgba(60, 64, 67, 0.28);

  /* raggi */
  --g-raggio-12: 12px;
  --g-raggio-14: 14px;
  --g-raggio-18: 18px;
  --g-raggio-24: 24px;
  --g-raggio-pillola: 999px;

  /* tipografia (un solo <link> Roboto: templates/public/partials/_head_fonts.html; «Google Sans» non e' distribuito
     da Google Fonts, resta in testa per chi l'ha installato). 'Roboto ripiego' (qui sotto) sta SUBITO dopo Roboto: e'
     il carattere con cui la pagina si disegna mentre Roboto scarica, e deve avere le sue misure */
  --g-font: 'Google Sans', Roboto, 'Roboto ripiego', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* movimento (CRISTALLO-22: 150-250 ms; a zero con prefers-reduced-motion) */
  --g-transizione: 180ms ease;

  /* riga a quattro colori sotto l'intestazione */
  --g-riga-4-colori: linear-gradient(90deg, var(--g-marchio) 0 25%, var(--g-rosso) 25% 50%, var(--g-giallo) 50% 75%, var(--g-verde) 75% 100%);
}

/* RIPIEGO DI ROBOTO CON LE SUE MISURE (CRISTALLO-54, 24/09/2026). Roboto arriva con display=swap: finche' scarica la
   pagina si disegna col carattere successivo della pila, e al cambio le righe si allungano o si accorciano. Misurato con
   Lighthouse sulla home di T2-H: la sezione #categorie scendeva di colpo, CLS 0,285 al desktop (0,034 al telefono),
   causa «Web font loaded … roboto». Qui Arial, gia' presente sul sistema, e' riscalata sulle metriche di Roboto
   (size-adjust, ascent, descent, line-gap): lo scambio non sposta piu' le righe. Due facce, perche' i titoli sono 700-900
   e un grassetto sintetizzato da Arial normale avrebbe un'altra larghezza. */
@font-face {
  font-family: 'Roboto ripiego';
  src: local('Arial'), local('ArialMT');
  font-weight: 100 500;
  size-adjust: 100.3%;
  ascent-override: 92.77%;
  descent-override: 24.41%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Roboto ripiego';
  src: local('Arial Bold'), local('Arial-BoldMT');
  font-weight: 600 900;
  /* ❄️ T2-A, CLS-390 (25/09/2026): la faccia GRASSETTA ha misure sue. Misurato su 11 testi in grassetto della home,
     Roboto contro Arial Bold a size-adjust 100%: rapporto medio 0,9482 (0,9421-0,9546). A 100,3% Arial Bold era ~5%
     piu' largo e a 390 px il titolo andava su 3 righe invece di 2 (104 -> 69 px all'arrivo di Roboto, CLS 0,032).
     size-adjust 94,8%; ascent/descent ricalcolati perche' la riga resti alta come Roboto: 92,77×100,3/94,8 = 98,15,
     24,41×100,3/94,8 = 25,83. La faccia normale (sopra) non cambia. */
  size-adjust: 94.8%;
  ascent-override: 98.15%;
  descent-override: 25.83%;
  line-gap-override: 0%;
}

@media (prefers-reduced-motion: reduce) {
  :root { --g-transizione: 0ms linear; }
}