/* line.css — Design system "Burraco Gold" (export tool "Line"): i token di colore con i NOMI del
 * design (--bg, --pannello, --testo, --oro, --verde-*, ecc.), così il markup del redesign (che usa
 * var(--bg) e simili) si tematizza da solo. I valori sono gli stessi dell'export, qui agganciati
 * all'attributo data-aspetto="dark|light" su <html> (lo stesso che usa il resto dell'app): lo
 * switcher del tema in alto (sole/luna) e Impostazioni cambiano data-aspetto e tutto segue.
 * NB: i nomi di questi token non collidono con quelli dell'app (--a-*, --t-*). Il tavolo di gioco non li usa.
 * I selettori accettano data-aspetto anche su un elemento interno ("isola" a tema): la pagina
 * /design-system li usa per mostrare i due temi affiancati, come gia' fa aspetto.css. */

:root, [data-aspetto="dark"] {
  --bg:#12100D;--pannello:#1B1814;--pannello2:#221E19;--chip:#24201A;--linea:#3A342B;--linea2:#51493D;
  --linea3:#4A4237;--tratteggio:#5A5040;--tratteggio2:#8A7B5C;--testo:#F3EEE4;--testo2:#E2DACC;--testo3:#DDD5C7;
  --muto:#C9BFAE;--oro-chiaro:#F2CC72;--oro-chip:#2E2614;--oro-sel:#2A2213;--oro-sotto:#D9C9A2;
  /* accenti nella tinta bruna della palette (prima verdi del tema verde); verde solo per gli stati */
  --oro-bordo:#4A3B17;--verde-bg:#15120E;--verde-bordo:#3A342B;--verde-t1:#D9C9A2;--verde-t2:#E2DACC;
  --verde-traccia:#100E0B;--verde-testo:#6FD3A0;--verde-punto:#5FCB8E;--panno:#1A3A30;--panno-bordo:#275446;
  --panno-t1:#DCEFE6;--panno-t2:#A9CFC0;--riga-attiva:#26211A;--partita-bg:#1E1A14;--oro:#E2B44B;
  --oro-testo:#E2B44B;--blu-testo:#8FB4FF;--rosso-testo:#FF9A9A;--rosso-bg:#2E1716;--rosso-bordo:#5A2A27;
  --velo:rgba(8,7,5,0.72);--su-oro:#1B1405;
}

html[data-aspetto="light"], [data-aspetto="light"] {
  --bg:#F7F3EA;--pannello:#FFFFFF;--pannello2:#EFE8DA;--chip:#EFE8DA;--linea:#D6CBB6;--linea2:#B3A68E;
  --linea3:#B9AC94;--tratteggio:#A89A80;--tratteggio2:#9A8455;--testo:#1C1814;--testo2:#3A332A;--testo3:#2F2921;
  --muto:#4F473B;--oro-chiaro:#7E5A0C;--oro-chip:#F6E7C2;--oro-sel:#FBF0D6;--oro-sotto:#6B5320;
  /* accenti nella tinta avorio della palette (prima verde menta: stonava con l'avorio); verde solo per gli stati */
  --oro-bordo:#E3C77E;--verde-bg:#F3ECDD;--verde-bordo:#DCCDAF;--verde-t1:#6B5320;--verde-t2:#4F3D18;
  --verde-traccia:#E9DFC8;--verde-testo:#15623D;--verde-punto:#2FA36B;--panno:#DCEEE5;--panno-bordo:#A9D3BF;
  --panno-t1:#1D4536;--panno-t2:#2E6B50;--riga-attiva:#F4EEE1;--partita-bg:#F3ECDD;--oro:#E2B44B;
  --oro-testo:#77540B;--blu-testo:#2A55B8;--rosso-testo:#B3261E;--rosso-bg:#FBE9E7;--rosso-bordo:#F0C2BC;
  --velo:rgba(40,32,20,0.38);--su-oro:#1B1405;
}

/* I TEMI (Verde Feltro, i sette Élite, i sedici del Negozio), in scuro e chiaro, sono in public/bl/temi-sito.css
 * (generato da scripts/genera-temi.mjs dal kit "Temi Burraco Gold" del 29/10): ridefiniscono questi stessi nomi.
 * I valori qui sopra restano la base (senza data-palette: anteprime del catalogo /design-system). */

/* Panno del mini tavolo (pop-up "Crea un tavolo") */
:root, [data-aspetto="dark"] { --felt:#1D4A3B;--felt-bordo:#2A5E4C;--felt-scuro:#163A2E;--felt-testo:#EAF4EE;--felt-muto:#A9CFC0;--felt-linea:#3C7A64; }
/* (in Light il mini tavolo resta verde scuro: il verde chiaro e' stato tolto) */

/* Notifica "Invito a giocare" (banner in cima alla Home) */
:root, [data-aspetto="dark"] {
  --invito-bg:linear-gradient(135deg, #3A2C0E 0%, #241A07 100%);--invito-bordo:#C9962E;--invito-ombra:rgba(0,0,0,0.45);--invito-testo:#F6E7C2;
  --invito-chip:rgba(242,204,114,0.14);--invito-traccia:rgba(242,204,114,0.15);--invito-barra:#E2B44B;--invito-btn-bg:#E2B44B;--invito-btn-testo:#1B1405;
  --invito-btn-bordo:#E2B44B;--invito-av-bg:#E2B44B;--invito-av-testo:#1B1405;--invito-av-bordo:#E2B44B;--invito-rif:#C9962E;
}

html[data-aspetto="light"], [data-aspetto="light"] {
  --invito-bg:linear-gradient(135deg, #FBF0D6 0%, #F3DDA4 100%);--invito-bordo:#D9B45E;--invito-ombra:rgba(140,100,20,0.18);--invito-testo:#1B1405;
  --invito-chip:rgba(27,20,5,0.10);--invito-traccia:rgba(201,150,46,0.18);--invito-barra:#C9962E;--invito-btn-bg:#E2B44B;--invito-btn-testo:#1B1405;
  --invito-btn-bordo:#C9962E;--invito-av-bg:#FFFFFF;--invito-av-testo:#8A6210;--invito-av-bordo:#D9B45E;--invito-rif:#A87A1C;
}

/* Pallino delle notifiche (campanella nell'header): rosso nei temi scuri, azzurro chiaro nei temi chiari */
:root, [data-aspetto="dark"] { --notifica: #FF6B5E; }
html[data-aspetto="light"], [data-aspetto="light"] { --notifica: #3BA4E8; }
/* Testo sopra il colore delle notifiche (numero dei non letti nei badge): scuro sui toni chiari (rosso, oro, azzurro), bianco sul viola Élite chiaro */
:root, [data-aspetto="dark"] { --su-notifica: #1B1405; }
html[data-aspetto="light"], [data-aspetto="light"] { --su-notifica: #0A1A26; }

/* Élite (marchio ÉLITE accanto al logo, oro patinato): ora sul tema Viola Élite, in public/bl/temi-sito.css */