/* Hermes Lab shared design tokens.

   TASK-021 aveva estratto 17 nomi (--hl-*) dai valori ripetuti nei moduli.
   Qui sotto quel livello resta intatto, e sopra viene aggiunto un livello
   primitivo (--h-*).

   Due livelli, con ruoli distinti:

     L1  --h-*    primitivi. Le superfici che il sito usa davvero piu' la
                  struttura presa dal riferimento visuale DRVO dark edition:
                  codifica a colori per tipo di entita', raggi, ombra,
                  spaziatura, scala tipografica, altezza dei controlli.

     L2  --hl-*   alias. Quelli che i 27 moduli leggono davvero. Ogni nome
                  e ogni valore resta identico a TASK-021.

   Dal riferimento si prende la STRUTTURA, non la palette. Quel file e' una
   app scura a superficie unica; Hermes Lab ha due superfici, pagina scura
   con pannelli pergamena sopra, e le mantiene. Di conseguenza la codifica
   per tipo esiste in due varianti, una per fondo, entrambe prese dal
   riferimento: la variante su pergamena e' il suo blocco chiaro, quella su
   fondo scuro e' il suo blocco scuro effettivo.

   Nota sul riferimento: drvo_zivota_dark_app_fixed.html ha sei blocchi
   :root e per i valori scuri vale l'ultimo. I suoi due blocchi
   prefers-color-scheme:light sono disattivati di proposito, ma il primo
   contiene una palette chiara calda completa: e' da li' che viene la
   variante su pergamena. */

:root{
  color-scheme:dark;

  /* ============================================================
     L1 - SUPERFICI
     I valori del sito, non del riferimento. Qui non si introduce
     nessun colore nuovo: si danno nomi a literal gia' ripetuti nei
     moduli, cosi' smettono di essere ridigitati pagina per pagina.
     ============================================================ */

  /* la pagina */
  --h-page:#070a0f;
  --h-slate:#111827;

  /* i pannelli, dal piu' chiaro al piu' saturo */
  --h-panel-hi:#fff7e8;
  --h-panel-hi-2:#fbf3e6;
  --h-panel:#f7efe2;
  --h-panel-2:#f6ecd9;
  --h-panel-3:#eadac4;

  /* inchiostro sui pannelli */
  --h-ink:#21170f;
  --h-ink-2:#6d4615;
  --h-ink-3:#3b2d21;
  --h-line:#5a4632;

  /* inchiostro sulla pagina scura */
  --h-on-dark:#fff2c5;

  /* oro. Tre ruoli distinti, non tre sfumature intercambiabili:
     --h-gold e' decorativo e sulla pergamena sta a 1.74, quindi vale per
     bordi e filetti o sopra la pagina scura, mai per il testo;
     --h-accent e' l'oro leggibile come testo sui pannelli (4.63);
     --h-accent-strong e' la variante forte (9.16). */
  --h-gold:#d9b35c;
  --h-accent:#8d641c;
  --h-accent-strong:#5a3811;

  /* ============================================================
     L1 - CODIFICA PER TIPO DI ENTITA'
     Un colore per tipo, ripreso dal riferimento. Due varianti perche'
     il sito ha due fondi: usare --h-t-* dentro i pannelli pergamena e
     --h-t-*-on-dark sopra la pagina scura o dentro l'SVG. I rapporti di
     contrasto delle due serie sono verificati da
     scripts/frontend/token_map.py e riportati in
     reports/frontend-token-map.md.
     ============================================================ */

  /* Su pergamena. Tutte le varianti superano 4.5 tranne --h-t-sefira, che
     sta a 4.15: va bene per dischi, punti e bordi, ma per l'oro come testo
     si usa --h-accent. Non e' stato scurito perche' a quel punto sarebbe
     indistinguibile da --h-t-lanac. */
  --h-t-sefira:#9a6a00;   /* oro      */
  --h-t-staza:#5b32c0;    /* viola    */
  --h-t-slovo:#00786c;    /* turchese */
  --h-t-trokut:#b8460a;   /* arancio  */
  --h-t-lanac:#8a6800;    /* giallo   */
  --h-t-svijet:#1d7a37;   /* verde    */
  --h-t-stup:#14509b;     /* blu      */
  --h-t-obitelj:#00776e;  /* acqua    */
  --h-t-tarot:#b32a6c;    /* rosa     */
  --h-t-prag:#4b5563;     /* argento  */
  --h-t-unos:#5b6673;     /* grigio   */
  --h-t-munja:#8a6800;    /* saetta   */
  --h-t-zmija:#1d7a37;    /* serpente */
  --h-t-tijelo:#b3352f;   /* corpo    */
  --h-mercy:#14509b;
  --h-severity:#b3352f;

  /* sulla pagina scura */
  --h-t-sefira-on-dark:#ffbf35;
  --h-t-staza-on-dark:#b878ff;
  --h-t-slovo-on-dark:#20f0d0;
  --h-t-trokut-on-dark:#ff742e;
  --h-t-lanac-on-dark:#ffd42a;
  --h-t-svijet-on-dark:#36e77b;
  --h-t-stup-on-dark:#3f9dff;
  --h-t-obitelj-on-dark:#16d8d0;
  --h-t-tarot-on-dark:#ff4fa3;
  --h-t-prag-on-dark:#f3f7ff;
  --h-t-unos-on-dark:#c3d0df;
  --h-t-munja-on-dark:#ffe52f;
  --h-t-zmija-on-dark:#52ed63;
  --h-t-tijelo-on-dark:#ff6868;
  --h-mercy-on-dark:#3f9dff;
  --h-severity-on-dark:#ff5757;

  /* ============================================================
     L1 - FORMA E RITMO
     Questa parte viene dal riferimento tale e quale: e' la struttura,
     ed e' indipendente dalla palette.
     ============================================================ */
  --h-r:8px;
  --h-r-pop:16px;
  --h-shadow:0 22px 70px rgba(0,0,0,.62);
  --h-pad:clamp(16px,2.2vw,28px);
  --h-font-size:21px;
  --h-line-height:1.68;
  --h-tap:46px;           /* altezza minima dei controlli premibili */

  /* ============================================================
     L1 - ALPHA RICORRENTI
     Tenute come literal e non come color-mix perche' i moduli le usano
     gia' in questa forma esatta: l'estrazione deve restare a resa
     invariata.
     ============================================================ */
  --h-a-gold-56:rgba(217,179,92,.56);
  --h-a-gold-42:rgba(217,179,92,.42);
  --h-a-gold-30:rgba(217,179,92,.30);
  --h-a-gold-28:rgba(217,179,92,.28);
  --h-a-gold-26:rgba(217,179,92,.26);
  --h-a-gold-25:rgba(217,179,92,.25);
  --h-a-gold-16:rgba(217,179,92,.16);
  --h-a-gold-10:rgba(217,179,92,.10);
  --h-a-brown-24:rgba(90,56,17,.24);
  --h-a-brown-20:rgba(90,56,17,.20);
  --h-a-brown-18:rgba(90,56,17,.18);
  --h-a-brown-13:rgba(50,35,18,.13);
  --h-a-black-62:rgba(0,0,0,.62);
  --h-a-black-55:rgba(0,0,0,.55);
  --h-a-white-08:rgba(255,255,255,.08);
  --h-a-white-035:rgba(255,255,255,.035);

  /* ===== TASK-049: literal ricorrenti promossi a token (F2) ===== */
  /* superfici aggiuntive */
  --h-page-2:#0d121b;
  --h-white:#ffffff;
  /* pannelli aggiuntivi */
  --h-panel-hi-3:#f8efe0;
  --h-panel-4:#e8d8bd;
  --h-panel-5:#efe2cf;
  --h-panel-6:#f5eddf;
  /* inchiostro sui pannelli, aggiuntivo */
  --h-ink-4:#16120e;
  --h-ink-5:#1d1710;
  --h-ink-6:#20170f;
  --h-ink-7:#33261a;
  /* inchiostro sulla pagina scura, aggiuntivo */
  --h-on-dark-2:#e9deca;
  --h-on-dark-3:#b9ad9b;
  --h-on-dark-4:#d9ceb9;
  --h-on-dark-5:#cfc4b4;
  /* accento, aggiuntivo */
  --h-accent-2:#7a5218;
  /* alpha aggiuntive di famiglie gia' esistenti */
  --h-a-gold-38:rgba(217,179,92,.38);
  --h-a-gold-35:rgba(217,179,92,.35);
  --h-a-gold-34:rgba(217,179,92,.34);
  --h-a-gold-32:rgba(217,179,92,.32);
  --h-a-gold-24:rgba(217,179,92,.24);
  --h-a-gold-22:rgba(217,179,92,.22);
  --h-a-gold-20:rgba(217,179,92,.20);
  --h-a-gold-18:rgba(217,179,92,.18);
  --h-a-gold-14:rgba(217,179,92,.14);
  --h-a-gold-13:rgba(217,179,92,.13);
  --h-a-gold-12:rgba(217,179,92,.12);
  --h-a-brown-22:rgba(90,56,17,.22);
  --h-a-brown-10:rgba(50,35,18,.10);
  --h-a-black-34:rgba(0,0,0,.34);
  --h-a-black-30:rgba(0,0,0,.30);
  --h-a-black-28:rgba(0,0,0,.28);
  --h-a-black-25:rgba(0,0,0,.25);
  --h-a-black-24:rgba(0,0,0,.24);
  --h-a-black-20:rgba(0,0,0,.20);
  --h-a-white-12:rgba(255,255,255,.12);
  --h-a-white-07:rgba(255,255,255,.07);
  --h-a-white-045:rgba(255,255,255,.045);
  --h-a-white-03:rgba(255,255,255,.03);
  --h-a-white-012:rgba(255,255,255,.012);
  --h-a-panel-6-94:rgba(245,237,223,.94);
  --h-a-accent-12:rgba(141,100,28,.12);
  /* alpha di famiglie nuove (motivate nel report TASK-049) */
  --h-a-page-90:rgba(7,10,15,.90);
  --h-a-page-9:rgba(7,10,15,.9);
  --h-a-page-88:rgba(7,10,15,.88);
  --h-a-page-86:rgba(7,10,15,.86);
  --h-a-page-75:rgba(7,10,15,.75);
  --h-a-page-72:rgba(7,10,15,.72);
  --h-a-page-52:rgba(7,10,15,.52);
  --h-a-page-44:rgba(7,10,15,.44);
  --h-a-page-42:rgba(7,10,15,.42);
  --h-a-violet-10:rgba(155,130,232,.10);
  --h-a-sky-10:rgba(110,197,255,.10);
  --h-a-sky-08:rgba(110,197,255,.08);
  --h-a-danger-18:rgba(214,91,82,.18);
  --h-a-danger-soft-55:rgba(255,170,160,.55);
  /* ===== fine blocco TASK-049 ===== */

  /* ============================================================
     L2 - ALIAS CONSUMATI DAI MODULI
     Resa invariata rispetto a TASK-021: nessun valore cambia.
     ============================================================ */
  --hl-bg:var(--h-page);
  --hl-panel:var(--h-panel);
  --hl-panel-text:#241b13;
  --hl-panel-text-strong:#23180d;
  --hl-accent:var(--h-accent);
  --hl-accent-strong:var(--h-accent-strong);
  --hl-gold:var(--h-gold);
  --hl-muted:#d8cdbb;
  --hl-highlight:#ffe2a0;
  --hl-chip-bg:#fff8ec;
  --hl-chip-hover:#f0dfc0;
  --hl-on-dark:var(--h-on-dark);
  --hl-border-gold-strong:var(--h-a-gold-56);
  --hl-border-gold:var(--h-a-gold-26);
  --hl-border-gold-soft:var(--h-a-gold-10);
  --hl-border-brown:var(--h-a-brown-24);
  --hl-overlay:var(--h-a-black-55);
}