/* tokens.css — design tokens del tema ImpulsoFuturo.
   Unica fonte di verita' per colori, font e spacing.
   Palette brand Isabella Flecchia: verde, nero, bianco, grigi.
   Revisione 7 giugno 2026: introdotto un oro scuro (--gold) come
   UNICO accento grafico, e il bianco come colore di testo sui fondi
   verdi (il grigio su verde era poco leggibile). Vedi brand-identity.md
   sez. 1 per il ruolo semantico di ogni colore. */

:root {
	/* ── Brand canonici ───────────────────────────────────────────── */
	--if-green:        #2D6A4F;
	--if-ink:          #2C3E50;
	--if-white:        #FFFFFF;
	--if-gray-light:   #F0F0F0;
	--if-gray:         #DAD6D6;

	/* ── Varianti derivate (mantengono identita' brand) ──────────── */
	--if-green-deep:   #1F4F39;   /* hover scuri, CTA premute */
	--if-green-soft:   #3F8865;   /* fill secondari, illustrazioni */
	--if-green-ink:    #0F2A1F;   /* sfondi premium scuri, footer alt */
	--if-green-wash:   #E8EFE9;   /* tint verdissimo per sezioni soft */
	--if-ink-soft:     #3D4A55;   /* body text alternativo */
	--if-muted:        #5A6671;   /* meta, didascalie */

	/* ── Oro: scala a 3 livelli (campione cliente 9 giu 2026) ─────
	   L'oro base e' campionato dall'allegato cliente (stima ~#AD941F,
	   sostituire qui l'HEX esatto quando confermato). Come testo piccolo
	   fallisce AA sia su verde (~3.2:1) sia su ivory (~2.6:1): per questo
	   esistono le varianti text (su fondi verdi, ~5.3:1) e deep (su fondi
	   chiari, ~4.8:1), hue-matched al campione. REGOLA: --gold solo per
	   grafica (righe, barre, fill, sfondi CTA); mai come colore testo. */
	--if-gold:         #AD941F;   /* base cliente: SOLO grafica e sfondi CTA */
	--if-gold-text:    #D9C25A;   /* testo oro su fondi verdi/scuri */
	--if-gold-deep:    #7A680F;   /* testo oro su fondi chiari */

	/* ── Alias di compatibilita' (NON usare in codice nuovo) ─────
	   ivory/paper/amber/mint sono nomi storici dell'handoff Claude
	   Design; mantenuti come puntatori per evitare refactor a tappeto
	   in sections.css. Tutti puntano alla palette brand canonica. */
	--if-ivory:        var(--if-gray-light);
	--if-ivory-deep:   var(--if-gray);
	--if-paper:        var(--if-white);
	--if-amber:        var(--if-green-soft);
	--if-amber-soft:   var(--if-gray);
	--if-mint:         var(--if-green-soft);
	--if-mint-bright:  var(--if-gray);
	--if-mint-soft:    var(--if-green-wash);
	--if-mint-deep:    var(--if-green-deep);

	/* ── Rules / dividers ───────────────────────────────────────── */
	--if-rule:         rgba(45, 106, 79, 0.18);
	--if-rule-light:   rgba(0, 0, 0, 0.08);

	/* ── Alias semantici corti (uso preferenziale nel codice) ────── */
	--green:           var(--if-green);
	--green-deep:      var(--if-green-deep);
	--green-soft:      var(--if-green-soft);
	--green-ink:       var(--if-green-ink);
	--green-wash:      var(--if-green-wash);
	--ink:             var(--if-ink);
	--ink-soft:        var(--if-ink-soft);
	--muted:           var(--if-muted);
	--gold:            var(--if-gold);
	--gold-text:       var(--if-gold-text);
	--gold-deep:       var(--if-gold-deep);
	--white:           var(--if-white);
	--gray:            var(--if-gray);
	--gray-light:      var(--if-gray-light);
	--ivory:           var(--if-ivory);
	--ivory-deep:      var(--if-ivory-deep);
	--paper:           var(--if-paper);
	--amber:           var(--if-amber);
	--amber-soft:      var(--if-amber-soft);
	--mint:            var(--if-mint);
	--mint-bright:     var(--if-mint-bright);
	--mint-soft:       var(--if-mint-soft);
	--rule:            var(--if-rule);

	/* ── Typography ─────────────────────────────────────────────── */
	--if-font-serif:   "Newsreader", "Source Serif 4", Georgia, serif;
	--if-font-sans:    "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--serif:           var(--if-font-serif);
	--sans:            var(--if-font-sans);

	/* ── Layout ─────────────────────────────────────────────────── */
	--if-container:    1320px;
	--if-gutter:       clamp(24px, 4vw, 56px);
	--container:       var(--if-container);
	--gutter:          var(--if-gutter);

	/* ── Spacing scale (vw-fluid) ───────────────────────────────── */
	--if-pad-sm:       clamp(40px, 5vw, 64px);
	--if-pad-md:       clamp(56px, 7vw, 96px);
	--if-pad-lg:       clamp(72px, 9vw, 128px);

	/* ── Motion: easing e durate coordinate (revisione grafica giu 2026) ── */
	--ease:            cubic-bezier(0.22, 1, 0.36, 1);  /* out-expo morbido */
	--ease-out:        cubic-bezier(0.16, 1, 0.3, 1);
	--dur-fast:        0.25s;
	--dur:             0.45s;
	--dur-slow:        0.75s;
}