/* ═══════════════════════════════════════════════════════════════════════════
   I CARATTERI, SERVITI DA CASA NOSTRA

   Prima arrivavano da `fonts.googleapis.com`. Comodo — una riga e funziona —
   ma ogni persona che apriva il sito mandava il proprio indirizzo IP a
   Google senza saperlo e senza averlo scelto. Non è un dettaglio formale:
   in Germania un tribunale ha condannato il gestore di un sito proprio per
   questo, e la soluzione che molti adottano — un banner che chiede il
   consenso ai font — è peggio del problema, perché abitua a cliccare
   «accetto» su qualunque cosa.

   Qui i file stanno su Vercel insieme al resto del sito. Nessuna richiesta
   parte verso l'esterno, nessun consenso da chiedere, e in più la pagina
   carica prima: un collegamento in meno da aprire.

   ─── SE I FILE NON CI SONO ─────────────────────────────────────────────────

   Il sito continua a funzionare: ogni `font-family` ha dietro una catena di
   caratteri di sistema, e il browser scende al primo che trova. Si vedrà
   diverso, non rotto. È il motivo per cui questo foglio si può pubblicare
   anche prima di aver caricato i file.

   ─── COME SI AGGIUNGONO I FILE ─────────────────────────────────────────────

   Servono otto file `.woff2` in questa cartella. Il modo più rapido:

     1. vai su  google-webfonts-helper.herokuapp.com  (oppure su
        fonts.google.com e scarica la famiglia)
     2. scegli **Poppins**, charset **latin**, pesi **400, 500, 600, 700**
     3. scarica e rinomina i file come qui sotto
     4. ripeti per **Inter** (400, 500, 600) e **Caveat** (700)

   I nomi devono essere esattamente questi, o il browser non li trova:

     poppins-400.woff2   poppins-500.woff2   poppins-600.woff2   poppins-700.woff2
     inter-400.woff2     inter-500.woff2     inter-600.woff2
     caveat-700.woff2

   `font-display: swap` fa comparire subito il testo con il carattere di
   sistema e lo sostituisce quando il file è pronto: senza, per un istante
   la pagina resta bianca — e su una connessione lenta quell'istante si
   nota.
   ═══════════════════════════════════════════════════════════════════════════ */

@font-face{
  font-family:'Poppins'; font-style:normal; font-weight:400; font-display:swap;
  src:url('poppins-400.woff2') format('woff2');
}
@font-face{
  font-family:'Poppins'; font-style:normal; font-weight:500; font-display:swap;
  src:url('poppins-500.woff2') format('woff2');
}
@font-face{
  font-family:'Poppins'; font-style:normal; font-weight:600; font-display:swap;
  src:url('poppins-600.woff2') format('woff2');
}
@font-face{
  font-family:'Poppins'; font-style:normal; font-weight:700; font-display:swap;
  src:url('poppins-700.woff2') format('woff2');
}

@font-face{
  font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap;
  src:url('inter-400.woff2') format('woff2');
}
@font-face{
  font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap;
  src:url('inter-500.woff2') format('woff2');
}
@font-face{
  font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap;
  src:url('inter-600.woff2') format('woff2');
}

/* Caveat è il corsivo del marchio: serve solo in grassetto, e solo per la
   scritta «Ankurah». Un peso solo. */
@font-face{
  font-family:'Caveat'; font-style:normal; font-weight:700; font-display:swap;
  src:url('caveat-700.woff2') format('woff2');
}