/* Token del sito. Colori presi dal menu digitale in PDF e dal logo (docs/sito/DESIGN.md).
   Contrasti verificati: inchiostro su ocra 8,8:1, oro su scarpone 6,2:1, cappello su scarpone 8,4:1,
   rosso-prezzo su ocra 4,9:1, rosa-prezzo su scarpone 5,2:1. */
:root {
  /* colori */
  --scarpone: #5c3726;
  --scarpone-scuro: #3e2210;
  --oro: #f0c070;
  --oro-chiaro: #f7d89e;
  --ocra: #f0bf6f;
  --inchiostro: #4a1505;
  --cappello: #ece7df;
  --rosso-prezzo: #902818; /* il rosso dei prezzi del PDF (#b83a2e), scurito per il contrasto sull'ocra */
  --rosa-prezzo: #f5a38c; /* i prezzi del bar sul marrone, come nelle pagine 6-9 del PDF */

  /* caratteri (self-hosted, licenza OFL) */
  --font-titoli: "Smooch Sans", "Arial Narrow", sans-serif;
  --font-testo: "Cardo", Georgia, serif;
  --font-dati: "Barlow", "Helvetica Neue", Arial, sans-serif;

  /* scala tipografica */
  --t-hero: clamp(4rem, 2.6rem + 5vw, 6.5rem);
  --t-titolo: clamp(3rem, 2.2rem + 3.4vw, 5.25rem);
  --t-sottotitolo: clamp(2.1rem, 1.8rem + 1.2vw, 2.75rem);
  --t-numero: clamp(5.5rem, 4.4rem + 4vw, 8.5rem);
  --t-grande: 1.25rem;
  --t-testo: 1.125rem;
  --t-dati: 1rem;
  --t-piccolo: 0.9375rem;

  /* spazi */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --fascia-spazio: clamp(3.5rem, 2rem + 6vw, 7rem);
  --margine: 1rem;
  --larghezza: 72rem;
  --misura: 34rem;

  /* forme, ombre, movimento */
  --raggio: 4px;
  --ombra: 0 1px 2px rgb(62 34 16 / 0.22), 0 12px 28px -14px rgb(62 34 16 / 0.55);
  --ombra-barra: 0 -8px 24px -10px rgb(30 14 4 / 0.6);
  --intestazione-altezza: 5.25rem;
  --barra-altezza: 4.375rem;
  --durata: 160ms;
  --curva: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (min-width: 960px) {
  :root {
    --margine: 2rem;
    --intestazione-altezza: 6.25rem;
    --t-testo: 1.1875rem;
  }
}