/* ============================================================
   ArgentoVivo — design tokens
   Unica fonte di verità per colori, tipografia, spazi, raggi.
   Nessun valore cromatico va scritto altrove.
   ============================================================ */
:root{
  /* --- superficie --- */
  --paper:#E7EDF1;        /* fondo pagina: carta azzurrata, non crema */
  --paper-2:#DCE5EB;      /* fasce secondarie */
  --card:#FFFFFF;
  --ink:#12202A;          /* testo principale — 14.8:1 su card */
  --ink-soft:#465968;     /* testo secondario — 7.1:1 su card */
  --line:#C4D3DE;
  --line-strong:#8296A5;

  /* --- identità --- */
  --brand:#0E4B45;        /* pino profondo */
  --brand-soft:#DDECE8;
  --amber:#8A5606;        /* accento caldo, usato con parsimonia */
  --amber-soft:#FAF0DE;
  --focus:#B8860B;

  /* --- emergenza --- */
  --sos:#9E1019;
  --sos-soft:#FBE9E9;

  /* --- pilastri (dal diagramma di architettura, scuriti per AA) --- */
  --p-persone:#9C2E49;      --p-persone-bg:#FBEDF1;
  --p-imparare:#15579A;     --p-imparare-bg:#E9F1FA;
  --p-aiutarmi:#855205;     --p-aiutarmi-bg:#FAF0DE;
  --p-vivere:#1C6743;       --p-vivere-bg:#E6F2EB;
  --p-curarmi:#523791;      --p-curarmi-bg:#EFEAFA;
  --p-proteggermi:#A24518;  --p-proteggermi-bg:#FBEBE1;

  /* --- marchio --- */
  --logo-1:#0E4B45;      /* figura principale: il nostro verde petrolio */
  --logo-2:#9CB3AC;      /* seconda figura: grigio virato al verde */
  --logo-spark:#CE8A2E;  /* la scintilla sopra le due persone */

  /* --- forma --- */
  --r-s:10px; --r-m:16px; --r-l:22px; --r-xl:28px;
  --tap:60px;              /* altezza minima di ogni comando */
  --gap:18px;
  --maxw:1140px;
  --scale:1;               /* moltiplicatore testo: 1 / 1.15 / 1.35 */

  /* --- tipografia --- */
  --font-display:"Fraunces","Iowan Old Style","Georgia",serif;
  --font-ui:"Atkinson Hyperlegible","Verdana",system-ui,sans-serif;
}

/* Alto contrasto: nero pieno, bordi bianchi, nessun riempimento tenue. */
html.contrasto{
  --paper:#000; --paper-2:#000; --card:#000;
  --ink:#fff; --ink-soft:#fff; --line:#fff; --line-strong:#fff;
  --brand:#6FE3CE; --brand-soft:#000;
  --amber:#FFD166; --amber-soft:#000; --focus:#FFD166;
  --sos:#FF6B6B; --sos-soft:#000;
  --logo-1:#6FE3CE; --logo-2:#FFFFFF; --logo-spark:#FFD166;
  --p-persone:#FF9EB5;     --p-persone-bg:#000;
  --p-imparare:#8FC7FF;    --p-imparare-bg:#000;
  --p-aiutarmi:#FFCB6B;    --p-aiutarmi-bg:#000;
  --p-vivere:#7EE0A8;      --p-vivere-bg:#000;
  --p-curarmi:#C4AEFF;     --p-curarmi-bg:#000;
  --p-proteggermi:#FFAE7A; --p-proteggermi-bg:#000;
}