/* Token: un sistema solo, coi valori della home — sono quelli approvati dal
   cliente e quelli gia' consegnati al grafico per le cartellette (spec §5.4). */
:root{
  color-scheme:light;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --brand:#004478; --brand-deep:#003452; --amber:#E8963A;
  --ink:#1A2436; --ink-soft:#5A6472; --page:#F5F8FC; --card:#FFFFFF; --line:#DCE2EC;
  --soft-blue:#EAF2FA;
  --content:1120px;
  --shadow:0 18px 46px rgba(31,61,89,.1);

  /* Le cinque famiglie di servizio: d = accento, b = fondo tenue, f = fondo
     pieno, k = la stessa tinta portata sopra 5:1 sulla propria superficie.
     ⚠️ Stanno QUI, e non in scheda-servizio.css come prima, perche' le usa
     anche la HOME (dodici su venti: le cinque card servizio, due pallini della
     hero e il percorso risonanza+visita) e la home NON carica quel foglio.
     Definite li' erano orfane sulla home: un var() che punta a un token
     inesistente non da' errore, rende la dichiarazione invalida — le card
     uscivano TRASPARENTI e nessun test se ne accorgeva. La regola non e' "dove
     base.css non arriva" ma "in un foglio che la pagina carica": la presidia
     la PROVA 5 di tests/stili-pagine.php. */
  --s1d:#8555CE; --s2d:#1F9E93; --s3d:#2E86C4; --s4d:#79A24A; --s5d:#B4552F;
  --s1b:#EAE1F6; --s2b:#E1F4F1; --s3b:#E1EEF8; --s4b:#EEF3DE; --s5b:#F9F0EA;
  --s1f:#DACCF0; --s2f:#C6E8E3; --s3f:#CBE2F4; --s4f:#E1EAC2; --s5f:#F3E2D8;
  --s1k:#6835B6; --s2k:#12695F; --s3k:#1C5F90; --s4k:#486427; --s5k:#8E4324;

  /* Curva e durata delle transizioni, coi valori del prototipo
     (web/home/index.html:27). Stessa storia: le usa home.css e non erano
     definite in nessun foglio del tema. */
  --ease:cubic-bezier(.22,.61,.36,1); --t:.6s var(--ease);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--page);font:16px/1.6 var(--sans)}
img{max-width:100%;height:auto}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;color:#092f49;background:var(--amber);border:2px solid var(--amber);border-radius:12px;box-shadow:0 8px 22px rgba(232,150,58,.2);font-size:15px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none;transition:transform .2s,background .2s}
/* Hover: NON inventato. Il prototipo va da #f19a2a a #f5a63f, cioe' +0,0506 di
   luminanza relativa; #EDA24E riproduce lo stesso salto sul nuovo #E8963A
   (+0,0512) e tiene 7,32:1 col testo scuro. */
.button:hover{background:#EDA24E;border-color:#EDA24E;transform:translateY(-1px)}
.button-small{min-height:48px;padding-inline:22px}
.button-secondary{color:var(--brand);background:transparent;border-color:var(--brand);box-shadow:none}
.button-secondary:hover{background:#fff;border-color:var(--brand)}