/* Tema del Carnero: font ospitati nel sito, colori, tempi. Il resto del CSS usa solo queste variabili. */

@font-face {
  font-family: "Young Serif";
  src: url("font/young-serif-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("font/atkinson-hyperlegible-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("font/atkinson-hyperlegible-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  /* Colori */
  --carbone: #1C1410;
  --carbone-rgb: 28 20 16;
  --legno: #2B201A;
  --venatura: #4A392D;
  --crema: #F2E7D3;
  --cenere: #BFAE97;
  --brace: #E8742A;
  --brace-rgb: 232 116 42;

  /* Font */
  --font-titoli: "Young Serif", Georgia, "Times New Roman", serif;
  --font-testo: "Atkinson Hyperlegible", "Segoe UI", Arial, sans-serif;

  /* Misure */
  --larghezza: 72rem;
  --margine: clamp(1.25rem, 5vw, 3rem);

  /* Tempi delle animazioni (i parametri della hero sono in animazioni.js) */
  --durata-breve: 0.25s;
  --durata-media: 0.6s;
  --morbido: cubic-bezier(0.22, 1, 0.36, 1);
}