/* ============================================================
   Design token dell'Atlante Goloso
   Presi tali e quali dai sorgenti delle pagine: sono gli stessi
   valori che il sito usa oggi, spostati in un posto solo.
   ============================================================ */

/* I font stanno dentro il tema e si chiamano per percorso relativo a questo
   foglio. Prima venivano dal dominio vero, e in locale il browser li rifiutava
   (sono su un'altra origine): si lavorava senza vedere i caratteri veri. Cosi'
   invece valgono ovunque e non dipendono da come si chiama il sito. */
@font-face{font-family:'Poppins';src:url(fonts/Poppins-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/Poppins-SemiBold.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Nunito Sans';src:url(fonts/NunitoSans-Variable.woff2) format('woff2');font-weight:200 1000;font-style:normal;font-display:swap}

:root{
  /* i tre verdi: fondo della pagina, delle schede, dei blocchi incassati */
  --fondo:#24361D; --fondo-2:#2D4324; --fondo-3:#1C2B15;
  /* i tre toni del testo, dal piu' acceso al piu' spento */
  --crema:#F6F1E7; --sage:#C3D0B8; --muted:#93A487;
  /* lime: la voce dell'atlante. vinaccia: la voce di chi racconta */
  --verde:#73e600; --terra:#70293c; --terra-scura:#571e2d;
  --velo:rgba(246,241,231,.14);
  --r:16px;
}