/* ============================================================
   MAMMA LIBERA IN 40 GIORNI. DESIGN TOKEN (unica fonte di verità)
   Palette: nero · bianco · UN SOLO rosa chiaro · CTA verde (come Mario)
   v2.2 (09/10/2026): scala dei testi RESPONSIVE. Su telefono i corpi sono
   quelli della landing di Mario (16px di testo, titoli 24-28px); crescono
   a 610px e a 987px. Spazi e raggi restano in sequenza di Fibonacci.
   ============================================================ */
:root{
  /* colori di marca */
  --ml-black:#0B0B0C; --ml-black-2:#151517; --ml-ink:#0B0B0C;
  --ml-white:#FFFFFF; --ml-paper:#F6F6F8; --ml-mist:#E7E7EB;
  --ml-muted:#6B6B72; --ml-muted-dark:#A1A1AA;
  /* UN SOLO ROSA: il rosa chiaro. Niente fucsia, niente rosa scuro (decisione 09/10/2026).
     Sul nero il rosa è testo/accento; sul bianco il rosa è SOLO sfondo di evidenziazione con testo nero. */
  --ml-pink:#FFD1E3; --ml-pink-soft:#FFD1E3; --ml-pink-tint:#FFF0F6;
  --ml-pink-glow:rgba(255,209,227,.35);
  /* azione: il verde dei pulsanti (e della spunta anti-guru) */
  --ml-cta:#3DDC84; --ml-cta-2:#22C55E; --ml-cta-text:#FFFFFF; --ml-cta-glow:rgba(61,220,132,.35);
  /* rosso e verde SOLO nella tabella "Vecchio vs Mamma Libera" (decisione 09/10/2026). Da nessun'altra parte. */
  --ml-yes:#16A34A; --ml-yes-bg:#F0FDF4; --ml-no:#DC2626; --ml-no-bg:#FFF1F2;
  --ml-trust:#00B67A;
  /* tipografia: valori TELEFONO (< 610px) */
  --font-display:"Anton","Oswald","Bebas Neue",Impact,"Arial Narrow",sans-serif;
  --font-text:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --t-1:12px;   /* occhielli, etichette, didascalie */
  --t-2:16px;   /* corpo del testo */
  --t-secondary:calc(var(--t-2) - 2px); /* testi secondari, come la subheadline */
  --t-3:24px;   /* titoli delle card, H2 */
  --t-4:34px;   /* H2 grandi, numeroni */
  --t-5:48px;   /* numeroni grandi */
  --t-h1:clamp(22px,6.6vw,50px); /* headline del hero: 5 righe su telefono, 4 righe da 610px */
  --lh-display:1.15; --lh-text:1.55; --ls-caps:.08em; --ls-display:.01em; --ls-cta:.02em;
  /* spazio (Fibonacci) */
  --s-1:3px; --s-2:5px; --s-3:8px; --s-4:13px; --s-5:21px; --s-6:34px; --s-7:55px; --s-8:89px; --s-9:144px; --s-10:233px;
  --p-card:21px;      /* padding interno delle card (34 da desktop) */
  --p-sec:34px;       /* padding verticale delle sezioni (55 da desktop) */
  /* larghezze */
  --w-text:610px; --w-container:987px; --w-page:1597px;
  /* raggi, bordi, altezze */
  --r-1:5px; --r-2:8px; --r-3:13px; --r-4:21px; --r-5:34px; --r-pill:987px;
  --b-1:1px; --b-2:3px; --b-3:5px;
  --h-bar:34px; --h-cta:50px; --h-touch:50px;
  /* ombre */
  --sh-card:0 13px 34px rgba(0,0,0,.08);
  --sh-cta:0 8px 21px var(--ml-cta-glow);
  --sh-glow:0 0 34px var(--ml-pink-glow);
  /* tempi */
  --d-1:144ms; --d-2:233ms; --d-3:377ms;
  /* z-index */
  --z-content:1; --z-pill:8; --z-tape:13; --z-sticky:55; --z-bar:89; --z-modal:144;
}
@media (min-width:610px){
  :root{ --t-1:13px; --t-2:17px; --t-3:28px; --t-4:44px; --t-5:64px; --h-cta:55px; --h-touch:55px; --t-h1:clamp(22px,5.1vw,50px); }
}
@media (min-width:987px){
  :root{ --t-1:13px; --t-2:18px; --t-3:34px; --t-4:55px; --t-5:89px; --p-card:34px; --p-sec:55px; --lh-text:1.6; }
}