/* ───────────────────────────────────────────────────────────────
   Cesena in Linea (26CIL) · Color tokens
   ---------------------------------------------------------------
   valori PROVVISORI letti a vista dalle prove di stampa, NON
   approvati; la tavola di docs/tema-26cil li sostituisce, vedi
   piano Task 9-10.

   Nessun contrasto in questo file è verificato: le sigle "AA" che
   compaiono nei commenti descrivono solo l'INTENTO ereditato da
   26fl (quale coppia era pensata per testo/superficie), non una
   misura fatta su questi valori. Contrasto NON verificato sui
   valori provvisori; la verifica vincolante arriva con la tavola
   (Task 9-10).

   Sei primitive di partenza (spec §9): navy profondo, blu medio,
   azzurro chiaro, arancio ocra, crema, bianco. Sotto sono agganciate
   ai nomi storici delle variabili (--fl-orange, --fl-yellow, ecc.)
   perché web/kit li referenzia direttamente: cambiano i valori,
   non i nomi, cosi' i componenti del kit restano invariati.
   Le rampe (orange/yellow/neutral) sono derivate con lo stesso
   criterio di 26fl: tonalità e saturazione fissate sulla primitiva
   di base, luminosità graduata dal tint più chiaro all'ombra più
   scura.
   ─────────────────────────────────────────────────────────────── */

:root {
  /* ── Sei primitive 26CIL (provvisorie, lette a vista) ─────── */
  --cil-navy:       #1E3A5F;   /* navy profondo */
  --cil-blu-medio:  #4E86C0;   /* blu medio */
  --cil-azzurro:    #A9C6E0;   /* azzurro chiaro */
  --cil-ocra:       #E8A33D;   /* arancio ocra */
  --cil-crema:      #EFEAE0;   /* crema */
  --cil-bianco:     #FFFFFF;   /* bianco */

  /* ── Alias storici (nomi ereditati da 26fl, referenziati da
         web/kit): ruoli invariati, tonalità 26CIL ─────────────── */
  --fl-orange:      var(--cil-ocra);        /* ruolo: azione primaria */
  --fl-yellow:      var(--cil-blu-medio);   /* ruolo: accento */
  --fl-warm-black:  var(--cil-navy);        /* ruolo: inchiostro/testo */
  --fl-warm-white:  var(--cil-crema);       /* ruolo: superficie chiara */
  --fl-pink:        var(--cil-azzurro);     /* ruolo: tono cipria/non-allarme */

  /* ── Orange ramp (azione primaria, base = arancio ocra) ────── */
  --orange-50:   #FDF5EA;
  --orange-100:  #F9E8CE;
  --orange-200:  #F4D2A0;
  --orange-300:  #EEB96C;
  --orange-400:  var(--fl-orange);   /* = ocra, fills / large UI */
  --orange-500:  #E59826;
  --orange-600:  #C78018;   /* hover on fills */
  --orange-700:  #A26813;   /* pensato per testo/link su fondi chiari, contrasto NON verificato */
  --orange-800:  #7E510F;

  /* ── Yellow ramp (accento, base = blu medio) ──────────────── */
  --yellow-50:   #B6CDE5;
  --yellow-100:  #9FBEDD;
  --yellow-200:  #7CA5D0;
  --yellow-300:  var(--fl-yellow);   /* = blu medio */
  --yellow-400:  #3D74AC;
  --yellow-500:  #366698;
  --yellow-700:  #224160;   /* pensato per testo su fondi chiari, contrasto NON verificato */

  /* ── Neutral ramp (inchiostro + superfici + bordi, base = navy) ─ */
  --neutral-0:    var(--cil-bianco);
  --neutral-25:   var(--fl-warm-white);   /* crema, L≈90.8% */
  --neutral-50:   #E5E6E8;   /* corretto: doveva stare sopra crema, non sotto (finding review) */
  --neutral-100:  #E2E4E6;
  --neutral-200:  #E0E2E4;
  --neutral-300:  #CDD1D8;   /* hairline borders */
  --neutral-400:  #ACB7C6;
  --neutral-500:  #7E96B5;
  --neutral-600:  #5278AA;   /* testo attenuato, contrasto NON verificato sui valori provvisori */
  --neutral-700:  #3B5F8F;
  --neutral-800:  #294974;
  --neutral-900:  var(--fl-warm-black);   /* navy profondo, body text */

  /* ── Semantic status (invariati: non fanno parte delle sei
         primitive di spec §9, in attesa di conferma anch'essi) ── */
  --success-100: #DCEFE2;
  --success-500: #2F8F5B;
  --success-700: #1E6B41;   /* testo, contrasto NON verificato */
  --warning-100: #FFE8C2;
  --warning-500: #E08A12;
  --warning-700: #8A5410;   /* testo, contrasto NON verificato */
  --danger-100:  #FBDAD3;
  --danger-500:  #D2402A;
  --danger-700:  #A52C1B;   /* testo, contrasto NON verificato */
  --info-100:    #D9E9EA;
  --info-500:    #2F7E84;
  --info-700:    #1E5A5F;   /* testo, contrasto NON verificato */

  /* ── Semantic aliases (use these in components) ───────────── */
  --canvas:            var(--neutral-100);  /* app background */
  --canvas-raised:     var(--neutral-50);
  --surface:           var(--neutral-0);    /* cards / sheets */
  --surface-warm:      var(--neutral-25);   /* crema surface */
  --surface-sunken:    var(--neutral-100);

  --text:              var(--neutral-900);
  --text-muted:        var(--neutral-600);
  --text-subtle:       var(--neutral-600);
  --text-inverse:      var(--fl-warm-white);
  --text-on-primary:   var(--fl-warm-black);   /* navy, non crema/bianco su ocra (spec §9) */
  --text-on-accent:    var(--neutral-900);
  --text-link:         var(--orange-700);

  --border:            var(--neutral-300);
  --border-strong:     var(--neutral-400);
  --border-subtle:     var(--neutral-200);
  --ring:              var(--orange-700);   /* focus ring */

  --primary:           var(--orange-600);
  --primary-hover:     var(--orange-700);
  --primary-active:    var(--orange-800);
  --primary-soft:      var(--orange-50);
  --primary-text:      var(--orange-700);

  --accent:            var(--yellow-300);
  --accent-hover:      var(--yellow-400);
  --accent-soft:       var(--yellow-50);

  --overlay:            rgba(30, 58, 95, 0.52);

  /* ── Cipria (tono non-allarmante), base = azzurro chiaro ─── */
  --cipria:            var(--fl-pink);   /* azzurro chiaro */
  --cipria-soft:       #D7E4F0;          /* tint chiaro */
  --cipria-dark:       #3C526B;          /* ombra scura, alternativa non
                                            allarmante al rosso */
}