/* Token del sito — impaginazione ispirata a Fondazione Prada: bianco, nero, titoli pesanti in maiuscolo.
   Palette e font definitivi dipendono dal cliente. */

@font-face { font-family: "Archivo"; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/archivo-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/archivo-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/archivo-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-weight: 500; font-style: italic; font-display: swap; src: url("../fonts/archivo-latin-500-italic.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/roboto-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 500; font-style: normal; font-display: swap; src: url("../fonts/roboto-latin-500-normal.woff2") format("woff2"); }

:root {
  /* Font dei titoli: Archivo (libero), scelto per avvicinarsi a Fondazione Prada, che usa «StrongFontHeavy» (a pagamento).
     Prima era Montserrat (coppia Obic): i file montserrat-*.woff2 restano in assets/fonts per tornare indietro.
     Per usare un altro font basta cambiare questa riga. */
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Roboto", "Helvetica Neue", Arial, sans-serif;

  /* Colori */
  --bg: #ffffff;
  --ink: #000000;
  --muted: #595959;      /* 7:1 su --bg */
  --line: #d6d6d3;
  --surface: #f4f4f2;
  --ph: #dcdcd8;         /* riquadri segnaposto */
  --ph-ink: #3b3b3b;
  --ph-dark: #2b2b2b;
  --accent: #e30613;     /* rosso del segno dell'Archivio Carmassi; 4,9:1 su bianco */
  --on-accent: #ffffff;
  --focus: #0b57d0;

  /* Titoli: maiuscolo, peso 700, spaziatura stretta come Prada (-0,056 em) */
  --track: -0.05em;
  --track-sm: -0.024em;

  /* Scala tipografica (Prada: h1 40 px, h2 26 px, menu e dati 14 px; qui h1 più grande per la home) */
  --fs-body: 1.25rem;
  --fs-small: 1rem;
  --fs-h3: 1.375rem;
  --fs-h2: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem);
  --fs-h1: clamp(1.875rem, 0.8rem + 5.2vw, 4rem);
  --fs-display: clamp(2.25rem, 0.6rem + 8vw, 6.5rem);
  --fs-xl: clamp(1.75rem, 1rem + 3.2vw, 3.25rem);

  /* Spazi */
  --gutter: clamp(20px, 3.4vw, 56px);
  --section: clamp(72px, 10vw, 160px);
  --radius: 0;
  --header-h: 72px;
  --maxw: 1760px;
}

/* Variante B: un colore per sezione (rosso = Sezione Inviti, blu = Sezione Web) */
:root {
  --c-inviti: #e30613;
  --c-web: #1f3fd6;      /* 7,7:1 su bianco */
  --sez: var(--ink);
}