/* ============================================================
   ES — COLOR SYSTEM v2.0 (FREEZE)
   Snippet WPCB ridotto al minimo: solo mappature semantiche.

   ┌─ COME FUNZIONA ───────────────────────────────────────────┐
   │                                                           │
   │ Tutti i colori "fisici" vivono nel Customizer GP come     │
   │ Global Colors (palette di 36 slot). Da WordPress il Block │
   │ Editor genera automaticamente le variabili CSS:           │
   │   --wp--preset--color--sky-700                            │
   │   --wp--preset--color--amber-main                         │
   │   ...                                                     │
   │                                                           │
   │ Questo snippet espone solo i TOKEN SEMANTICI --es-* che   │
   │ puntano alle variabili Gutenberg. I markup GB esistenti   │
   │ usano i --es-* e non si accorgono di niente.              │
   │                                                           │
   │ Per cambiare un colore: si va nel Customizer GP, si       │
   │ modifica l'HEX dello slug interessato, si pubblica.       │
   │ Niente più tdrayson, niente più HEX hardcoded qui.        │
   │                                                           │
   │ Il secondo argomento di ogni var() è un FALLBACK HEX, in  │
   │ caso la palette Gutenberg non emetta la variabile attesa. │
   │                                                           │
   └───────────────────────────────────────────────────────────┘

   Changelog v2.0 (vs v1.3.3):
   - Rimossi i primitivi --color-* (ora vivono nel Customizer)
   - Tutti i --es-* puntano a --wp--preset--color--SLUG
   - Aggiunto fallback HEX inline per resilienza
   - Aggiornati i 2 blu brand ai valori del contagocce su brand book
     (sky-700 #4B739A, sky-900 #2F4D71)

   Nota minifier WPCB: tutti gli HEX qui sono safe (no 6 cifre uguali).
   Per il bianco si usa #fff (3 cifre).
   ============================================================ */

:root {

  /* ── Surface / Layout ─────────────────────────────────── */
  --es-bg:             var(--wp--preset--color--stone-50,    #FAFAF9);
  --es-bg-warm:        var(--wp--preset--color--cream,       #FFF4E0);
  --es-surface:        var(--wp--preset--color--white,       #fff);
  --es-border:         var(--wp--preset--color--stone-200,   #E7E5E4);

  /* ── Testo ────────────────────────────────────────────── */
  --es-text:           var(--wp--preset--color--stone-950,   #0C0A09);
  --es-text-muted:     var(--wp--preset--color--gray,        #575756);

  /* ── Primary — blu brand ──────────────────────────────── */
  --es-primary:        var(--wp--preset--color--sky-900,     #2F4D71);
  --es-primary-mid:    var(--wp--preset--color--sky-700,     #4B739A);
  --es-primary-hover:  var(--wp--preset--color--sky-800,     #3C6086);
  --es-primary-subtle: var(--wp--preset--color--sky-100,     #E4F0FD);

  /* ── Accent — amber brand ─────────────────────────────── */
  --es-accent:         var(--wp--preset--color--amber-main,  #EEAA66);
  --es-accent-light:   var(--wp--preset--color--amber-light, #F6DBB7);
  --es-accent-subtle:  var(--wp--preset--color--cream,       #FFF4E0);

  /* ── Struttura sito ───────────────────────────────────── */
  --es-header:         var(--wp--preset--color--sky-950,     #142539);
  --es-footer:         var(--wp--preset--color--sky-950,     #142539);
  --es-cta-text:       var(--wp--preset--color--white,       #fff);
  --es-cta-accent-text:var(--wp--preset--color--stone-950,   #0C0A09);


  /* ══════════════════════════════════════════════════════
     CATEGORIE SUMMER — tag, sfondi card, pseudo-elementi.
     MAI per CTA, heading, link, navigation.
     ══════════════════════════════════════════════════════ */

  /* Sport e Avventura — caldo/energico (brand amber) */
  --es-cat-sport:        var(--wp--preset--color--amber-main,  #EEAA66);
  --es-cat-sport-soft:   var(--wp--preset--color--amber-light, #F6DBB7);

  /* Immersione linguistica — accademico (brand sky) */
  --es-cat-immersione:       var(--wp--preset--color--sky-700, #4B739A);
  --es-cat-immersione-soft:  var(--wp--preset--color--sky-100, #E4F0FD);

  /* Programmi Teen — flagship (brand sky scuro) */
  --es-cat-teen:        var(--wp--preset--color--sky-900,     #2F4D71);
  --es-cat-teen-soft:   var(--wp--preset--color--sky-200,     #CCDFF3);

  /* Volontariato — natura/sociale (auxiliary emerald) */
  --es-cat-volontariato:       var(--wp--preset--color--emerald-500, #00BC7D);
  --es-cat-volontariato-soft:  var(--wp--preset--color--emerald-100, #D0FAE5);
  --es-cat-volontariato-text:  var(--wp--preset--color--emerald-700, #007A55);

  /* Leadership — soft skills (auxiliary rose) */
  --es-cat-leadership:       var(--wp--preset--color--rose-500, #FF2056);
  --es-cat-leadership-soft:  var(--wp--preset--color--rose-100, #FFE4E6);
  --es-cat-leadership-text:  var(--wp--preset--color--rose-700, #C70036);

  /* Certificazioni — neutrale formale (brand stone) */
  --es-cat-certificazioni:       var(--wp--preset--color--stone-500, #79716B);
  --es-cat-certificazioni-soft:  var(--wp--preset--color--stone-200, #E7E5E4);
  --es-cat-certificazioni-text:  var(--wp--preset--color--stone-700, #44403B);
}

/* ============================================================
   NOTE PER IL FUTURO
   ============================================================
   - Se aggiungi un nuovo --es-* token, mappalo qui sempre come
     var(--wp--preset--color--SLUG, #FALLBACK). Mai HEX nudi.
   - Se elimini uno slug dalla palette del Customizer, il fallback
     HEX qui prende il sopravvento — quindi nessuna rottura visiva,
     ma il colore non sarà più modificabile dal Customizer.
   - Token --es-steps-* visti nei markup summer NON sono definiti
     qui (né lo erano nella v1.3.3). Sono broken references che
     cadono in inherit. Se vuoi farli funzionare in futuro,
     aggiungili in questo blocco mappandoli su slug della palette.
   ============================================================ */