/* ============================================================
   VARIABILI DI TEMA
   Questo è l'unico file che ti serve toccare per cambiare
   colori, caratteri e spaziature dell'intero sito.
   ============================================================ */

:root {
  /* --- Colori --- */
  --paper: #f5f5f2;        /* sfondo pagina */
  --surface: #fcfcfb;      /* schede e riquadri */
  --ink: #191813;          /* testo principale */
  --muted: #6b6960;        /* testo secondario */
  --line: #e4e3dd;         /* linee sottili / bordi */
  --accent: #927744;       /* ottone: dettagli e link */
  --accent-ink: #6f5a31;   /* ottone scuro: hover */

  /* --- Tipografia --- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Scala tipografica fluida (si adatta allo schermo) */
  --step--1: clamp(0.83rem, 0.79rem + 0.2vw, 0.94rem);
  --step-0:  clamp(1rem, 0.95rem + 0.25vw, 1.15rem);
  --step-1:  clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --step-2:  clamp(1.5rem, 1.3rem + 1vw, 2.1rem);
  --step-3:  clamp(2rem, 1.6rem + 2vw, 3.2rem);
  --step-4:  clamp(2.8rem, 2rem + 4vw, 5.5rem);
  --step-5:  clamp(3.6rem, 2.4rem + 6vw, 8rem);

  /* --- Spaziature --- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 7rem;

  /* --- Layout --- */
  --content-width: 1200px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --radius: 4px;

  /* --- Transizioni --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.5s;
}