/* css/variables.css — design token condivisi tra tutte le pagine.
   Prima erano ridichiarati identici in ogni :root di ogni file CSS (admin,
   appunti, archivio, archivio-guest, episodio, index, lab, lab-episodio,
   pricing) — spostati qui una volta sola. Va incluso PRIMA del CSS di
   pagina, così un file può ancora ridichiarare localmente un token per
   sovrascriverlo (vedi eccezioni sotto).

   NON qui, restano locali per motivo:
   - --rule: due valori diversi e legittimi, non un duplicato — #E5E7EB
     (freddo) su admin/archivio/archivio-guest/index/pricing, #E8E4DA
     (caldo) su appunti/episodio/lab/lab-episodio. episodio.css tiene
     entrambi (l'altro è --rule-cool) perché li usa tutti e due.
   - --radius: 10px ovunque tranne admin.css (8px, pannello con angoli più
     netti) — admin.css ridichiara --radius: 8px dopo questo file per
     sovrascrivere l'8px locale.
*/
:root {
  --ink:         #111827;
  --body-text:   #374151;
  --mid:         #6B7280;
  --light:       #9CA3AF;
  --night:       #0D1B2E;
  --white:       #FFFFFF;
  --paper:       #FDFCF9;
  --canvas:      #F9FAFB;

  --blue:        #4B6BF5;
  --blue-h:      #3B5AE0;
  --blue-light:  #6B83F7;
  --blue-pale:   #EEF2FF;

  /* stesso colore, due nomi storici: --yellow/--yellow-h nelle pagine
     marketing (archivio/index/pricing), --marker/--marker-deep in quelle
     editoriali (appunti/episodio/lab) e in admin. Entrambi qui per non
     dover rinominare ogni singolo uso nei file esistenti. */
  --yellow:      #F5C518;
  --yellow-h:    #E0B400;
  --marker:      #F5C518;
  --marker-deep: #E0B400;

  --radius:      10px;
  --radius-pill: 100px;
}