/* Colori e misure del sito (stile della proposta A, "Pietra e luce").
   Giallo e grigio dal logo, tufo campionato dalle foto. I colori a 6 cifre sono
   controllati da tests/test_contrasti.py: aggiungere lì le coppie testo/sfondo nuove.
   Solo tema chiaro: nessuna regola per il tema scuro. */
:root {
  color-scheme: only light;

  --fondo: #fbfbf9;
  --fascia: #ede9e1;
  --bianco: #ffffff;
  --testo: #3d3a36;
  --testo-tenue: #5c5750;
  --accento-testo: #a06e0a;
  /* Ocra più scuro per il testo piccolo (sopratitoli): AA anche sulla fascia (4,89:1) */
  --accento-piccolo: #865c08;
  --sole: #fccc66;
  --sole-scuro: #f6bd3f;
  --su-sole: #3d3a36;
  --bordo-forte: #3d3a36;
  --filo-tenue: rgb(61 58 54 / 0.12);
  --ombra-calda: 0 1px 0 rgb(255 255 255 / 0.6) inset, 0 0 0 1px rgb(61 58 54 / 0.07), 0 42px 80px -44px rgb(92 68 30 / 0.5);

  --font-titoli: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-testo: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;

  --gutter: clamp(1rem, 0.4rem + 3vw, 3rem);
  --larghezza: 82rem;
  --misura: 65ch;
  /* Una sola scala per lo spazio verticale delle sezioni, su tutte le pagine: 3.5rem sul telefono,
     circa 6rem a 1440 px, al massimo 6.5rem */
  --sezione: clamp(3.5rem, 2rem + 4.5vw, 6.5rem);

  /* Titoli: h1 della Home > h1 delle pagine > h2 > h3 */
  --t-h1: clamp(2.5rem, 1.3rem + 3vw, 4.25rem);
  --t-pagina: clamp(2.25rem, 1.5rem + 2.2vw, 3.5rem);
  --t-h2: clamp(1.875rem, 1.35rem + 1.5vw, 2.75rem);
  --t-h3: clamp(1.3rem, 1.15rem + 0.5vw, 1.6rem);
  --barra-h: 4.5rem;
  --whatsapp-h: 3.5rem;
  /* Quanto la barra di disponibilità della Home sale sulla foto dell'apertura (da 1024px) */
  --sovrapposta: 3.5rem;

  --molla: cubic-bezier(0.32, 0.72, 0, 1);
  --uscita: cubic-bezier(0.16, 1, 0.3, 1);
}