/* =====================================================================
   Token di design Fattoria dei Talenti — v1 (09/10/2026)
   Unica fonte di colori, tipografia e spaziature per tutte le landing.
   Regole di brand: marketing-fdt/landing/CLAUDE.md §8.
   Un valore nuovo si aggiunge QUI, con il contrasto calcolato, poi si usa.
   ===================================================================== */

/* Font self-hosted (licenza OFL, pacchetti fontsource). Max 3 file. */
@font-face {
  font-family: "Oswald";
  src: url("/shared/fonts/oswald-600.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("/shared/fonts/nunito-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("/shared/fonts/nunito-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  /* --- Colori del brand ---------------------------------------------
     Contrasti su bianco: verde 8,8:1 · verde scuro 12,4:1 · testo 15:1.
     Giallo MAI come testo su bianco (1,7:1): solo sfondo o accento.
     Giallo su verde scuro: 7,4:1 · verde su giallo: 5,3:1.            */
  --verde: #0c553e;
  --verde-scuro: #083d2c;
  --verde-notte: #052a1f;      /* fondo dell'hero, più profondo del verde scuro */
  --verde-chiaro: #e6efe9;     /* fondi di sezione alternati */
  --verde-velo: #f3f7f4;
  --giallo: #fbbf3b;
  --giallo-scuro: #d99e1c;
  --giallo-chiaro: #fff4d6;
  --bianco: #ffffff;
  --testo: #1d2b24;            /* 15:1 su bianco */
  --testo-tenue: #4a5a52;      /* 7,3:1 su bianco, 6,2:1 sul verde chiaro */
  --bordo: #c9d6cd;

  /* --- Tipografia ---------------------------------------------------- */
  --font-titoli: "Oswald", "Arial Narrow", Arial, sans-serif;
  --font-testo: "Nunito", "Segoe UI", Arial, sans-serif;
  /* scala fluida: da 360 px a 1280 px di larghezza */
  --t-corpo: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);   /* 17 → 19 px */
  --t-piccolo: 1rem;                                       /* 16 px: minimo assoluto */
  --t-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --t-h2: clamp(2rem, 1.55rem + 2vw, 3.25rem);
  --t-h1: clamp(2.6rem, 1.9rem + 3.4vw, 4.75rem);
  --interlinea: 1.55;

  /* --- Spaziature (scala fluida) ------------------------------------- */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: clamp(2rem, 1.6rem + 1.6vw, 3rem);
  --s-7: clamp(3rem, 2.2rem + 3.4vw, 5.5rem);
  --s-8: clamp(4rem, 2.8rem + 5vw, 7.5rem);
  --gutter: clamp(1rem, 0.5rem + 2.4vw, 2.5rem);           /* 16 px minimo ai lati */
  --larghezza: 72rem;
  --larghezza-testo: 40rem;

  /* --- Forme e ombre ------------------------------------------------- */
  --raggio: 14px;
  --raggio-piccolo: 10px;
  --ombra-scheda: 0 24px 60px -18px rgba(5, 42, 31, 0.45), 0 4px 14px rgba(5, 42, 31, 0.12);
  --ombra-leggera: 0 10px 30px -12px rgba(5, 42, 31, 0.22);

  /* --- Movimento: solo transform e opacity --------------------------- */
  --durata: 0.7s;
  --curva: cubic-bezier(0.22, 1, 0.36, 1);
}