/* ══ TOKEN ═════════════════════════════════════════════════════════════
   Unica origine della palette. Prima viveva solo dentro style.css, che
   però le due pagine autonome (ricorso, verifica) non caricano: avevano
   quindi una TERZA copia dei colori, scritta a mano e ormai divergente -
   erano rimaste al vecchio #0c0d18 mentre il pannello era già neutro.

   Questo file non contiene nessuna regola di layout, solo variabili: può
   essere caricato ovunque senza rischiare di ridisegnare una pagina.
   L'ordine dei blocchi è quello originale, perché gli ultimi sovrascrivono
   i primi. */

:root{
    --bg:#0c0d18; --card:#101126; --card2:#0d0e1e; --gold:#c8a94f; --gold2:#ffe08a;
    --ink:#e8dcc8; --muted:#8a869c; --line:rgba(223,228,242,.15); --line-soft:rgba(223,228,242,.09);
    --line-gold:rgba(var(--gold-rgb), 0.45); --line-gold-soft:rgba(var(--gold-rgb), 0.26);
    --serif:"Iowan Old Style","Palatino Linotype",Georgia,serif;
  }

:root { --topbar-h: 62px; }

:root {
  --fill-cat-blue-1: #21242a;
  --fill-cat-blue-2: #252a32;
  --fill-cat-copper-1: #282223;
  --fill-cat-copper-2: #312626;
  --fill-cat-pink-2: #31222b;
  --fill-cat-violet-1: #24232c;
  --fill-cat-violet-2: #2a2834;
  --fill-danger-1: #2c2427;
  --fill-danger-2: #382a2c;
  --fill-danger-dim-1: #2a2225;
  --fill-danger-dim-2: #352628;
  --fill-danger-dim-3: #4b2e2f;
  --fill-gold-1: #2a2724;
  --fill-gold-2: #343027;
  --fill-gold-3: #49412c;
  --fill-gold-4: #695b35;
  --fill-ok-1: #252927;
  --fill-ok-2: #2c332d;
  --fill-warn-1: #2c2723;
  --fill-warn-2: #372f26;
}

:root {
  --gold-rgb:       200, 169, 79;
  --gold2-rgb:      255, 224, 138;
  --ok-rgb:         143, 191, 122;
  --danger-rgb:     229, 128, 121;
  --danger-dim-rgb: 209, 97, 90;
  --warn-rgb:       224, 162, 74;
  /* Tinte di categoria: due blu e due rosa erano lo stesso ruolo scritto
     in due modi, quindi restano quattro famiglie in tutto. */
  --cat-blue-rgb:   95, 127, 160;
  --cat-violet-rgb: 125, 111, 176;
  --cat-copper-rgb: 181, 101, 74;
  --cat-pink-rgb:   181, 74, 110;
}

:root {
  --ok:         #8fbf7a;   /* positivo, attivo, riuscito */
  --danger:     #e58079;   /* errore e valori negativi - TESTO (6.1 su scheda) */
  --danger-dim: #d1615a;   /* bordi e sfondi di pericolo */
  --warn:       #e0a24a;   /* attenzione */
  --ok-hi:      #a7d089;   /* verde chiaro: secondo tono dei gradienti */
  --text-2:     #c3bdd0;   /* testo secondario (fra --ink e --muted) */
}

:root {
  /* Famiglie */
  --ui: system-ui, "Segoe UI", Roboto, sans-serif;
  /* Georgia prima di Palatino: è disegnata per lo schermo ed è presente
     ovunque. Iowan resta in testa per i Mac che ce l'hanno. */
  --display: "Iowan Old Style", Georgia, "Palatino Linotype", serif;
  --serif: var(--ui);

  /* Scala - otto gradini, dal numero grande al micro-badge.
     Il pavimento dell'interfaccia è 12px; 11px resta solo per conteggi e
     badge densi, dove il testo è una parola sola e già contestualizzata. */
  --fs-display: 26px;   /* numeri KPI */
  --fs-xl:      22px;   /* statistiche grandi */
  --fs-lg:      17px;   /* titolo di vista */
  --fs-md:      16px;   /* titolo di sezione / scheda aperta */
  --fs-sm:      14px;   /* titolo di card, marchio */
  --fs-body:    13px;   /* testo corrente, valori */
  --fs-ui:      12px;   /* pulsanti, etichette, meta */
  --fs-micro:   11px;   /* badge e conteggi, con parsimonia */

  --lh-tight: 1.2;      /* display e titoli */
  --lh-body: 1.45;      /* testo corrente */
  --tr-caps: .08em;     /* maiuscoletto: senza spaziatura si impasta */
}

:root { --w-normal: 400; --w-strong: 600; }

:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
}

:root { --card: #191a3f; }

:root {
  --fs-display: 30px;   /* era 26 */
  --fs-xl:      24px;   /* era 22 */
  --fs-lg:      20px;   /* era 17 */
  --fs-md:      18px;   /* era 16 */
  --fs-sm:      16px;   /* era 14 */
  --fs-body:    15px;   /* era 13 - dentro i 15-16 raccomandati */
  --fs-ui:      13px;   /* era 12 */
  --fs-micro:   12px;   /* era 11 - il pavimento sale con tutto il resto */
}

:root {
  --tone-green:    #8fbf7a;
  --tone-green-hi: #a7d089;
  --tone-amber:    #e0a24a;
  --tone-red:      #d1615a;
  --tone-red-hi:   #e58079;
}

:root {
  --card:  #1c1c20;   /* era #191a3f (43% sat) → 7% */
  --card2: #141417;   /* era #0d0e1e (40% sat) → coerente con --card */
}

:root {
  --fill-neutral: #27272b;   /* bianco 5% sulla scheda - pastiglie di stato */
  --well-1:       #121215;   /* incavo dei campi */
  --well-2:       #111113;   /* incavo profondo (textarea) */
  --well-3:       #0e0e10;   /* pulsanti fantasma */
}

:root {
  /* Superficie neutra sollevata: un grigio, non una tinta annacquata. */
  --surface-2: #26262a;
  /* Un gradino sopra: intestazioni al passaggio del mouse. */
  --surface-3: #2f2f34;
  /* Ogni riempimento colorato diventa neutro o sparisce. */
  --fill-gold-1: transparent;   --fill-gold-2: var(--surface-2);
  --fill-gold-3: var(--surface-2); --fill-gold-4: var(--gold);
  --fill-ok-1: transparent;     --fill-ok-2: transparent;
  --fill-warn-1: transparent;   --fill-warn-2: transparent;
  --fill-danger-1: transparent; --fill-danger-2: transparent;
  --fill-danger-dim-1: transparent; --fill-danger-dim-2: transparent;
  --fill-danger-dim-3: var(--surface-2);
  --fill-cat-blue-1: transparent;   --fill-cat-blue-2: transparent;
  --fill-cat-violet-1: transparent; --fill-cat-violet-2: transparent;
  --fill-cat-copper-1: transparent; --fill-cat-copper-2: transparent;
  --fill-cat-pink-2: transparent;
  --fill-neutral: var(--surface-2);
}

:root { --bg: #0d0d0f; }