/* Token della landing di Tobia.
   Base: Cantiere (cantiere/web/src/index.css, tailwind.config.js) = stile Apple chiaro come apple.com.
   Unico accento di prodotto: il verde di Tobia. Nessun altro valore di colore/raggio/ombra fuori da qui. */
:root {
  /* Cantiere */
  --fondo: #F5F5F7;
  --superficie: #FFFFFF;
  --testo: #1D1D1F;
  --tenue: #6E6E73;
  --linea: #E5E5EA;
  --blu: #0071E3;
  --blu-scuro: #0062C4;
  --blu-testo: #0066CC;      /* blu per testo e link su --fondo: 5,1:1 (il #0071E3 fa 4,3:1) */

  /* Tobia */
  --tobia: #25D366;          /* mascotte, pallini, spunte: mai come colore del testo */
  --tobia-testo: #1A7F45;    /* verde per il testo: 4,6:1 su --fondo */

  /* Chat WhatsApp (riconoscibile al primo sguardo) */
  --wa-sfondo: #EFEAE2;
  --wa-inviato: #D9FDD3;
  --wa-ricevuto: #FFFFFF;
  --wa-testata: #F7F7F7;
  --wa-meta: #54656F;
  --wa-spunta: #53BDEB;

  /* Finestre macOS (illustrazioni): semafori e sfondo chiaro della scrivania */
  --mac-rosso: #FF5F57;
  --mac-giallo: #FEBC2E;
  --mac-verde: #28C840;
  --mac-cielo-1: #D6E4F7;
  --mac-cielo-2: #DDF1E3;
  --mac-cielo-3: #EEF1F6;

  /* Tipografia: stack di sistema, nessun font scaricato (come site-v4 hx-apple) */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Inter, system-ui, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Inter, system-ui, sans-serif;
  --corpo: 17px;
  --interlinea: 1.47;
  --tracking-titolo: -0.022em;
  --h1: clamp(2.125rem, 1.1rem + 3.1vw, 3.75rem);
  --h2: clamp(1.875rem, 1.2rem + 2.2vw, 3rem);
  --h3-grande: clamp(1.5rem, 1.2rem + 1vw, 2rem);
  --lead: clamp(1.0625rem, 0.95rem + 0.45vw, 1.3125rem);
  --piccolo: 0.8125rem;      /* 13px */
  --btn-testo: 1.0625rem;    /* 17px */

  /* Spazi */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;
  --largo: 1180px;
  --barra: 56px;

  /* Forme */
  --r-superficie: 22px;
  --r-campo: 12px;
  --r-pillola: 9999px;
  --ombra: 0 1px 2px rgb(0 0 0 / .04), 0 12px 40px -12px rgb(0 0 0 / .14);
  --vetro: rgb(245 245 247 / .8);

  /* Movimento */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --veloce: .18s;
}