/*
 * Trevalli – variabili condivise per i blocchi Header80 (.tv-h80) e Layout421 (.tv-l421).
 * Cambiare qui colori, font, dimensioni del testo e angoli: valgono per entrambi i blocchi.
 * Le variabili sono definite sui blocchi (non su :root) per non toccare il resto del tema.
 * Valori in px (non rem) perché alcuni temi cambiano la dimensione base del font.
 * Le soglie 479/480 e 767/768 px NON sono qui: le variabili CSS non funzionano nelle media query,
 * quindi stanno nei file CSS dei blocchi.
 */
.tv-h80,
.tv-l421 {
  /* Colori */
  --tv-color-text: #000000;
  --tv-color-bg: #ffffff;
  --tv-color-border: #000000;

  /* Font: "inherit" usa il font del tema */
  --tv-font-family: inherit;

  /* Titolo grande (Header80) */
  --tv-fs-h1: 56px;
  --tv-lh-h1: 1.2;

  /* Titolo di sezione (Layout421) */
  --tv-fs-h2: 46px;
  --tv-lh-h2: 1.2;

  /* Proprietà comuni ai titoli */
  --tv-ls-heading: -0.01em;
  --tv-fw-heading: 700;

  /* Paragrafo */
  --tv-fs-medium: 18px;
  --tv-lh-medium: 1.5;

  /* Angoli delle immagini (0 = spigoli vivi) */
  --tv-radius-image: 0px;
}