@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

*{box-sizing:border-box; margin:0; padding:0;}
html{-webkit-text-size-adjust:100%;}
/* Fondo grigio chiaro con lievissime velature verdi fisse: dà profondità
   ai contenitori in vetro (il blur deve avere qualcosa da sfocare) senza
   introdurre colori decorativi. */
body{
  font-family:var(--font); color:var(--g60); font-size:var(--fs-15); line-height:1.55;
  background:
    radial-gradient(900px 600px at 85% -10%, rgba(79,127,106,.07), transparent 60%),
    radial-gradient(700px 500px at -10% 100%, rgba(79,127,106,.05), transparent 55%),
    var(--bg);
  background-attachment:fixed;
}
h1,h2,h3{color:var(--g90); font-weight:700; line-height:1.25;}
h1{font-size:var(--fs-24);}
h2{font-size:var(--fs-20);}
h3{font-size:var(--fs-16);}
a{color:var(--verde);}
button{font-family:inherit;}
table{font-variant-numeric:tabular-nums;}
.tabular-nums{font-variant-numeric:tabular-nums;}

:focus-visible{outline:3px solid var(--verde); outline-offset:2px;}

.nascosto{display:none !important;}

/* Motion ridotto: si eliminano i movimenti (transform), si mantengono le
   transizioni di opacità/colore che aiutano la comprensione. */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}