/* ============================================================
   RIGO — design tokens (sole variabili CSS).
   Gli stili visivi/componenti stanno in main.css (self-contained).
   Brand Manuela Rigo (paletta-rigo.md, 16 giu 2026).
   ============================================================ */
:root {
  --teal: #3A5D60;        /* principale / titoli scuri */
  --teal-dark: #2f4d50;
  --sage: #9AB89A;        /* accento naturale */
  --blush: #E8AEAF;       /* accento caldo / CTA */
  --lavender: #AAABB6;    /* neutro freddo — SOLO bordi e riempimenti, mai testo */
  --greige: #E4E2DD;      /* sfondi neutri / sezioni alternate */
  --offwhite: #FFF1F0;    /* sfondo base */

  /* Contrasto: il pubblico sono donne 40-60, si legge molto da telefono.
     Ogni colore usato per TESTO sta sopra 4.5:1 su --offwhite (WCAG AA).
     Misurato: fg 12.5:1 · muted 6.5:1 · soft 5.5:1 · teal 6.6:1 · kicker 5.0:1.
     I vecchi valori erano muted 4.34:1, lavender-su-testo 2.07:1, blush 1.72:1. */
  --fg: #20302f;
  --muted: #4d5a5c;       /* testo secondario (era #6f7378, sotto soglia) */
  --soft: #5f636b;        /* disclaimer e note (prima usava --lavender) */
  --kicker: #9E5256;      /* occhiello: blush portato a norma (era #E8AEAF, 1.72:1) */
  --card: #ffffff;
  --ring: rgba(58, 93, 96, 0.18);

  --font-title: "Anton", Impact, "Arial Narrow Bold", sans-serif;
  --font-body: "Red Hat Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --radius: 16px;
  --radius-sm: 10px;
  --maxw: 40rem;
}