/* FONDO — valori comuni a tutte le pagine.
   Colori, font, misure e tempi: modifica qui per aggiornare l'intero sito. */

@font-face {
  font-family: Bricolage;
  src: url('../fonts/bricolage-grotesque-latin-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans';
  src: url('../fonts/source-sans-3-latin-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

:root {
  /* Palette approvata in Fase 1 */
  --ink: #211b17;        /* nero caffè */
  --rust: #a33c22;       /* ruggine */
  --rust-dark: #87301c;
  --honey: #e5b94f;      /* miele */
  --cream: #f5efe5;      /* avorio */
  --paper: #e7dccd;      /* carta */
  --muted: #66584d;      /* cacao */
  --line: #c5b6a5;       /* sabbia */
  --white: #fff;
  --on-dark: #d8cbbd;    /* testo secondario su fondo scuro */
  --on-dark-line: #f5efe533;

  /* Tipografia */
  --heading: Bricolage, 'Arial Narrow', Arial, sans-serif;
  --body: 'Source Sans', Arial, sans-serif;

  /* Misure */
  --max: 1440px;
  --gutter: clamp(20px, 4.1vw, 64px);
  --section: clamp(76px, 8.5vw, 140px);
  --header: 88px;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;

  /* Movimento */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --fast: .2s;
}

@media (max-width: 900px) {
  :root { --header: 72px; }
}