/* ─────────────────────────────────────────────────────────────
   CdL THEME — TOKENS
   Consulenti del Lavoro · layer di personalizzazione

   Questo file contiene SOLO i token che divergono da UI Kit Italia.
   Il design system AGID in _ds/ non va mai modificato.

   Caricato DOPO gli stylesheet del kit: la cascata fa il resto.
   Ogni riga qui è una decisione di brand, e questo file è la
   specifica che gli sviluppatori tradurranno in @theme (Tailwind v4).

   STATO: colori e forma consolidati. Tipografia in attesa
   (il kit resta su Titillium Web).
   ───────────────────────────────────────────────────────────── */

:root {

  /* ── VERDI DI BRAND ─────────────────────────────────────────
     Tre verdi con ruoli distinti e non interscambiabili.
     Quando si parla di "verde primario" si intende sempre
     #65b22e; "verde secondario" sempre #429c2b.

     - primario   #65b22e  fondi pieni (barra top, button primario,
                           titoli su fondo scuro)
     - secondario #429c2b  campionato dal ".it" del logo:
                           H1 hero, H2 di sezione, hover del
                           button primario
     - scuro      #3c6f1a  testo verde su fondo chiaro, bottoni
                           secondario/terziario
     ───────────────────────────────────────────────────────────── */
  --primary-green: #65b22e;
  --secondary-green: #429c2b;
  --text-primary-dark: #3c6f1a;

  /* rampa di supporto */
  --color-green-97: #f2f9ec;   /* hover voci menu e dropdown */
  --color-green-87: #d8ecc4;   /* superficie selezionata */
  --color-green-48: #6fb838;
  --color-green-20: #2e5613;   /* pressed */

  /* ── INK NEUTRO ─────────────────────────────────────────────
     Il blu istituzionale è uscito dal tema (delta 21): il colore
     di testo enfatizzato, link, eyebrow, sottotitoli e footer è
     ora --ink, il grigio del logotipo — non più blu, quindi non
     più chiamato "blue". I due blu WebTV restano colori di
     sezione, riservati alla sezione Web TV: il primario come
     fondo, il secondario come bordo e variante scura.
     ───────────────────────────────────────────────────────────── */
  --ink: #242424;
  --surface-dark: #232323;
  --surface-dark-raised: #242424;
  --webtv-blue-primary: #0d528a;
  --webtv-blue-secondary: #0a3f6b;

  /* ── TESTO ──────────────────────────────────────────────────
     Tutta la scala testo deriva da --ink, così testo e superfici
     scure appartengono alla stessa famiglia di grigio (delta 22).
     ───────────────────────────────────────────────────────────── */
  --color-cool-96: #f8f9fa;   /* fondo recessed CdL — sostituisce --color-gray-96 del kit */
  --text-heading: var(--ink);
  --text-base: var(--ink);
  --text-secondary: #505050;
  --text-muted: #63676d;

  /* ── MAPPATURA SUI TOKEN AGID ───────────────────────────────
     Ridichiarare questi token ri-veste ogni componente del kit
     senza toccarne il codice. Regola AGID rispettata: hover e
     pressed sono sempre più scuri del default.
     ───────────────────────────────────────────────────────────── */
  --background-primary: var(--primary-green);
  --background-primary-hover: var(--secondary-green);
  --background-primary-active: var(--color-green-20);
  --background-primary-light: var(--color-green-87);
  --background-primary-lighter: var(--color-green-97);
  --border-primary: var(--primary-green);
  --border-primary-hover: var(--secondary-green);
  --border-primary-active: var(--color-green-20);
  --text-primary: var(--text-primary-dark);
  --text-primary-hover: var(--color-green-20);

  /* ── FORMA ──────────────────────────────────────────────────
     Il kit ha un raggio unico di 4px per tutti i componenti.
     Il CdL adotta 15px per card e immagini di sezione, con una
     eccezione esplicita: i pannelli dropdown del menu restano
     squadrati (0), come i campi form del kit.
     ───────────────────────────────────────────────────────────── */
  --cdl-radius-card: 15px;
  --cdl-radius-dropdown: 0;

  /* ── TIPOGRAFIA ─────────────────────────────────────────────
     Il CdL sostituisce l'intero sistema tipografico del kit
     (Titillium Web per UI/heading, Lora per il long-form,
     Roboto Mono per codice) con un unico font: **Open Sans**.
     Nessun secondo font, nemmeno per i blocchi editoriali —
     la Rivista di categoria usava Lora e passa a Open Sans.
     Le cifre sono tabellari (`tabular-nums`) per date, orari,
     importi e Albo Unico.
     ───────────────────────────────────────────────────────────── */
  --font-sans: 'Open Sans', system-ui, sans-serif;

/* ── BUTTON ─────────────────────────────────────────────────
     Primario: fondo verde primario, testo blu istituzionale;
     hover fondo verde secondario, testo bianco.
     Secondario: fondo bianco, testo verde scuro;
     hover fondo verde secondario, testo bianco.
     Terziario: senza sfondo, bordo verde secondario, testo
     verde scuro; hover fondo verde chiarissimo (--color-green-87).
     Terziario su fondo scuro: bordo e testo bianchi;
     hover fondo bianco, testo blu istituzionale.
     ───────────────────────────────────────────────────────────── */

}