:root {
  /* ruoli */
  --bg: #ffffff;
  --surface: #f3f2ef;      /* un passo dal fondo: pannelli, campi dei moduli */
  --ink: #1d1a17;
  --muted: #5f5852;        /* solo note secondarie */
  --accent: #ff7a5c;       /* l'azione principale, nient'altro */
  --accent-ink: #1d1a17;
  --select: #ffd866;       /* «scelto» nel configuratore */
  --hover: #fff8e0;        /* passaggio del mouse sui controlli */
  --ink-hover: #3a3530;
  --accent-hover: #ff9278;
  --ok: #0b6b50;
  --warn: #a3300f;
  --idle: #8c847c;         /* voci non attive degli elenchi grandi */
  --idle-mint: #4f6f6b;
  /* campi di sezione (pop chiaro, scelti dal cliente) */
  --sky: #d8e6ff;
  --mint: #d4f4f0;
  --pink: #ffe3ec;
  --peach: #ffd3c6;
  --sun: #ffd866;
  --night: #1d1a17;
  --night-ink: #f3f2ef;
  --night-muted: #b9b1a8;

  /* due famiglie */
  --f-display: "Unbounded", system-ui, sans-serif;
  --f-text: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* cinque misure */
  --t-1: clamp(2.4rem, 1.2rem + 4.4vw, 5.25rem);   /* titolo della pagina */
  --t-2: clamp(2rem, 1.15rem + 2.5vw, 3.4rem);     /* titoli di sezione, nomi dell'indice */
  --t-3: clamp(1.3rem, 1.05rem + 0.75vw, 1.75rem); /* testo grande, righe dei listini */
  --t-4: 1.0625rem;                                /* testo */
  --t-5: 0.875rem;                                 /* note */
  --measure: 60ch;

  /* spazio su griglia di 4 px */
  --margin: clamp(1rem, 0.35rem + 2.2vw, 2rem);
  --gap: clamp(0.75rem, 0.4rem + 1.2vw, 1.5rem);
  --sec: clamp(5.5rem, 3.5rem + 7vw, 11rem);       /* tra le sezioni */
  --head-h: 4.5rem;

  /* forma: una sola misura di angolo per pannelli e immagini, bottoni a pillola */
  --radius: 20px;
  --pill: 999px;
  --tap: 2.75rem;

  /* movimento */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur: 180ms;
}