/* MAVE — design tokens (BUILD_SPEC §1) */
:root{
  --black:#050505; --black-2:#0d0d0d;
  --white:#f2f2f0; --grey:#8a8a86; --grey-2:#a2a29e;
  --red:#CC0000; --red-dim:#7a0000;

  --font-display:'Archivo','Archivo Expanded',system-ui,sans-serif;
  --font-mono:'Space Mono','Courier New',monospace;

  --t-hero:clamp(3rem,9vw,9rem);
  --t-h2:clamp(2rem,5vw,4.5rem);
  --t-h3:clamp(1.25rem,2.2vw,2rem);
  --t-body:clamp(1rem,1.15vw,1.125rem);
  --t-label:.75rem;

  --s-section:clamp(5rem,10vh,9rem);
  /* il ritmo verticale dei telefoni e' ridefinito in fondo al file */
  --s-gap:clamp(1.5rem,3vw,3rem);
  --margin:5vw;
}
::selection{background:var(--red);color:var(--white)}

/* telefoni: ritmo verticale quasi dimezzato (decisione Gigio 24 ago:
   "i paragrafi su mobile sono troppo distanti, in tutte le varianti") */
@media (max-width:600px){
  :root{--s-section:clamp(2.75rem,6vh,4rem)}
}