/* Design token — Rilancio Imprese Edili.
   Livello 1 dell'architettura CSS (vedi PIANO_RISTRUTTURAZIONE_OPUS5.md §23.3):
   solo primitive, nessun selettore di elemento o di classe qui dentro.

   Valori canonizzati su quelli della home (moduli/rilancio-imprese-edili.css),
   indicata dal piano come riferimento corretto. Le pagine satellite avevano
   una palette leggermente diversa (deriva accumulata nel tempo, non una
   scelta intenzionale — es. --ochre era #f4ad24 anziché #e3ab35): questo file
   è l'unica fonte a cui tutte le pagine convergeranno.

   Non ridefinire questi valori altrove. Le variabili di sistema condivise da
   tutto Sistema PCBI (--font-sans, --z-chrome, ecc.) restano in
   condiviso/pcbi-comune.css: qui vivono solo quelle specifiche di questo
   progetto. */
:root {
  /* colore */
  --navy: #071a2f;
  --navy-2: #0d2945;
  --petrol: #123d57;
  --ochre: #e3ab35;
  --ochre-2: #f0bf50;
  --red: #b23a2e;
  --green: #2f7a4d;
  --ink: #111820;
  --muted: #65717d;
  --paper: #f5f3ee;
  --white: #ffffff;
  --line: rgba(7,26,47,.13);

  /* forma */
  --radius: 2px;
  --shadow: 0 24px 70px rgba(4,18,35,.16);

  /* contenitore */
  --container-max: 1180px;
  --container-max-narrow: 980px;
  --container-max-text: 960px;
  --container-side-padding: 40px;
}

/* Breakpoint — documentati come commento, non come custom property: le media
   query CSS non possono leggere una variabile per il proprio valore soglia.
   Usare questi numeri letterali nelle regole @media, non altri.
     1480px — soglia del menu (icona hamburger vs riga orizzontale). Dipende
              dal contenuto reale dell'header: se cambia il numero di voci di
              menu, va ricalcolata (vedi piano §4.4), non assunta fissa.
     980px  — le griglie a due colonne diventano a una colonna.
     900px  — i link estesi dell'header si contraggono in versione breve.
     640px  — tipografia hero ridotta, pulsante sticky mobile attivo.
     520px  — ultimo raffinamento per schermi molto stretti. */