/* 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;
  --oro-bordo:#4A3B17;--verde-bg:#16231D;--verde-bordo:#24443A;--verde-t1:#B5DACA;--verde-t2:#CFE3D9;
  --verde-traccia:#0F1A15;--verde-testo:#6FD3A0;--verde-punto:#5FCB8E;--panno:#1A3A30;--panno-bordo:#275446;
  --panno-t1:#DCEFE6;--panno-t2:#A9CFC0;--riga-attiva:#232A1F;--partita-bg:#15291F;--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;
  --oro-bordo:#E3C77E;--verde-bg:#E6F3EC;--verde-bordo:#B5D9C6;--verde-t1:#2E6B50;--verde-t2:#2D5444;
  --verde-traccia:#CDE6D8;--verde-testo:#1F7A4D;--verde-punto:#2FA36B;--panno:#DCEEE5;--panno-bordo:#A9D3BF;
  --panno-t1:#1D4536;--panno-t2:#2E6B50;--riga-attiva:#EAF4EC;--partita-bg:#E6F3EC;--oro:#E2B44B;
  --oro-testo:#8A6210;--blu-testo:#2A55B8;--rosso-testo:#B3261E;--rosso-bg:#FBE9E7;--rosso-bordo:#F0C2BC;
  --velo:rgba(40,32,20,0.38);--su-oro:#1B1405;
}

/* Tema VERDE (base, "verde scuro" del design): data-aspetto="dark" + data-palette="verde" (preferenza aspetto "verde") */
html[data-aspetto="dark"][data-palette="verde"], [data-aspetto="dark"][data-palette="verde"] {
  --bg:#0F2A21;--pannello:#14352A;--pannello2:#183C30;--chip:#1C4436;--linea:#285444;--linea2:#386B58;
  --linea3:#4A7F6B;--tratteggio:#4A7F6B;--tratteggio2:#8FB8A6;--testo:#F2F6F1;--testo2:#E0EBE4;--testo3:#D3E2D9;
  --muto:#BBD0C5;--oro-chiaro:#F2CC72;--oro-chip:#2E2E14;--oro-sel:#25301A;--oro-sotto:#D9C9A2;
  --oro-bordo:#5A4A1C;--verde-bg:#0B211A;--verde-bordo:#2F6150;--verde-t1:#B5DACA;--verde-t2:#D6EBE0;
  --verde-traccia:#071812;--verde-testo:#7FE0AE;--verde-punto:#6FD89C;--panno:#1A3A30;--panno-bordo:#275446;
  --panno-t1:#DCEFE6;--panno-t2:#A9CFC0;--riga-attiva:#1B4033;--partita-bg:#15291F;--oro:#E2B44B;
  --oro-testo:#F0C35A;--blu-testo:#A5C4FF;--rosso-testo:#FFAAAA;--rosso-bg:#3A1A18;--rosso-bordo:#6A2E2A;
  --velo:rgba(4,14,10,0.72);
}


/* Palette ricavate dai tre design (verde, scuro, chiaro): stessi chiari/scuri, la tinta della palette.
 * Scure (Notte, Vino, Ardesia) dalla palette verde; chiare (Salvia, Cielo, Cipria) dal tema chiaro.
 * Generate da uno script: oro, rossi e verdi di stato restano quelli del design. */
html[data-aspetto="dark"][data-palette="notte"], [data-aspetto="dark"][data-palette="notte"] {
  --bg:#0E172B;--pannello:#131E36;--pannello2:#17223D;--chip:#1B2845;--linea:#273555;--linea2:#37476C;--linea3:#495980;--tratteggio:#495980;--tratteggio2:#8E9BB9;--testo:#F1F2F6;--testo2:#E0E3EB;--testo3:#D3D7E2;--muto:#BAC1D1;--oro-chip:#2E2E14;--oro-sel:#192031;--oro-bordo:#5A4A1C;--verde-bg:#0A1122;--verde-bordo:#2E3D62;--verde-t1:#B4C0DB;--verde-t2:#D5DCEC;--verde-traccia:#070C18;--panno:#19233B;--panno-bordo:#263455;--panno-t1:#DCE2EF;--panno-t2:#A8B4D0;--riga-attiva:#1A2641;--partita-bg:#141B2A;--oro-testo:#F0C35A;--velo:rgba(4,8,14,0.72);
}
html.desk[data-tema="design"][data-palette="notte"] { --felt: #1C2A4B; --felt-scuro: #10192F; --felt-bordo: #2D3E67; --felt-testo: #EEF0F6; --felt-muto: #B6C0D7; --felt-zona: rgba(0,0,0,.26); }
[data-tema="design"][data-palette="notte"], [data-palette="notte"] [data-tema="design"] { --tavolo-base: #1C2A4B; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #1C2A4B 0%, #10192F 100%); }
html[data-aspetto="dark"][data-palette="vino"], [data-aspetto="dark"][data-palette="vino"] {
  --bg:#2A0F16;--pannello:#35141C;--pannello2:#3C1821;--chip:#441C26;--linea:#542833;--linea2:#6B3845;--linea3:#7F4A57;--tratteggio:#7F4A57;--tratteggio2:#B88F99;--testo:#F6F1F2;--testo2:#EBE0E3;--testo3:#E2D3D7;--muto:#D0BBC0;--oro-chip:#2E2E14;--oro-sel:#301A1F;--oro-bordo:#5A4A1C;--verde-bg:#210B10;--verde-bordo:#612F3B;--verde-t1:#DAB5BE;--verde-t2:#EBD6DB;--verde-traccia:#18070B;--panno:#3A1A22;--panno-bordo:#542732;--panno-t1:#EFDCE1;--panno-t2:#CFA9B2;--riga-attiva:#401B24;--partita-bg:#29151A;--oro-testo:#F0C35A;--velo:rgba(4,8,14,0.72);
}
html.desk[data-tema="design"][data-palette="vino"] { --felt: #4A1D28; --felt-scuro: #2E1118; --felt-bordo: #662E3C; --felt-testo: #F6EEF0; --felt-muto: #D6B7BF; --felt-zona: rgba(0,0,0,.26); }
[data-tema="design"][data-palette="vino"], [data-palette="vino"] [data-tema="design"] { --tavolo-base: #4A1D28; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #4A1D28 0%, #2E1118 100%); }
html[data-aspetto="dark"][data-palette="ardesia"], [data-aspetto="dark"][data-palette="ardesia"] {
  --bg:#1A1C1F;--pannello:#212428;--pannello2:#26292E;--chip:#2C2F34;--linea:#393D43;--linea2:#4C5157;--linea3:#5F646A;--tratteggio:#5F646A;--tratteggio2:#9FA3A8;--testo:#F3F3F4;--testo2:#E4E5E7;--testo3:#D9DADC;--muto:#C3C5C8;--oro-chip:#2E2E14;--oro-sel:#232527;--oro-bordo:#5A4A1C;--verde-bg:#141618;--verde-bordo:#42474E;--verde-t1:#C3C7CC;--verde-t2:#DEE0E3;--verde-traccia:#0E0F11;--panno:#26292E;--panno-bordo:#393D42;--panno-t1:#E3E5E8;--panno-t2:#B8BBC0;--riga-attiva:#292D32;--partita-bg:#1D1F21;--oro-testo:#F0C35A;--velo:rgba(4,8,14,0.72);
}
html.desk[data-tema="design"][data-palette="ardesia"] { --felt: #2F3338; --felt-scuro: #1C1F23; --felt-bordo: #444950; --felt-testo: #F1F2F3; --felt-muto: #C3C6CA; --felt-zona: rgba(0,0,0,.26); }
[data-tema="design"][data-palette="ardesia"], [data-palette="ardesia"] [data-tema="design"] { --tavolo-base: #2F3338; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #2F3338 0%, #1C1F23 100%); }
html[data-aspetto="light"][data-palette="salvia"], [data-aspetto="light"][data-palette="salvia"] {
  --bg:#EAF7F0;--pannello:#FFFFFF;--pannello2:#DAEFE4;--chip:#DAEFE4;--linea:#B6D6C6;--linea2:#8EB3A0;--linea3:#94B9A6;--tratteggio:#80A894;--tratteggio2:#559A78;--testo:#141C18;--testo2:#2A3A32;--testo3:#212F28;--muto:#3B4F45;--verde-bg:#E6F3EC;--verde-bordo:#B5D9C7;--verde-t1:#2E6B4D;--verde-t2:#2D5440;--verde-traccia:#CDE6DA;--panno:#DCEEE5;--panno-bordo:#A9D3BE;--panno-t1:#1D4531;--panno-t2:#2E6B4D;--riga-attiva:#EAF4EF;--partita-bg:#E6F3EC;
}
html.desk[data-tema="design"][data-palette="salvia"] { --felt: #D6EAE0; --felt-scuro: #BBD7C9; --felt-bordo: #9CC7B2; --felt-testo: #143625; --felt-muto: #2F5E47; --felt-zona: rgba(20,40,60,.10); }
[data-tema="design"][data-palette="salvia"], [data-palette="salvia"] [data-tema="design"] { --tavolo-base: #D6EAE0; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #D6EAE0 0%, #BBD7C9 100%); }
html[data-aspetto="light"][data-palette="cielo"], [data-aspetto="light"][data-palette="cielo"] {
  --bg:#EAF2F7;--pannello:#FFFFFF;--pannello2:#DAE6EF;--chip:#DAE6EF;--linea:#B6C9D6;--linea2:#8EA4B3;--linea3:#94AAB9;--tratteggio:#8097A8;--tratteggio2:#557D9A;--testo:#14191C;--testo2:#2A333A;--testo3:#21292F;--muto:#3B474F;--verde-bg:#E6EEF3;--verde-bordo:#B5CAD9;--verde-t1:#2E526B;--verde-t2:#2D4454;--verde-traccia:#CDDCE6;--panno:#DCE6EE;--panno-bordo:#A9C2D3;--panno-t1:#1D3445;--panno-t2:#2E526B;--riga-attiva:#EAF0F4;--partita-bg:#E6EEF3;
}
html.desk[data-tema="design"][data-palette="cielo"] { --felt: #D6E2EA; --felt-scuro: #BBCBD7; --felt-bordo: #9CB5C7; --felt-testo: #142836; --felt-muto: #2F4A5E; --felt-zona: rgba(20,40,60,.10); }
[data-tema="design"][data-palette="cielo"], [data-palette="cielo"] [data-tema="design"] { --tavolo-base: #D6E2EA; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #D6E2EA 0%, #BBCBD7 100%); }
html[data-aspetto="light"][data-palette="cipria"], [data-aspetto="light"][data-palette="cipria"] {
  --bg:#F7EAED;--pannello:#FFFFFF;--pannello2:#EFDADF;--chip:#EFDADF;--linea:#D6B6BE;--linea2:#B38E97;--linea3:#B9949D;--tratteggio:#A8808A;--tratteggio2:#9A5566;--testo:#1C1416;--testo2:#3A2A2E;--testo3:#2F2124;--muto:#4F3B40;--verde-bg:#F3E6E9;--verde-bordo:#D9B5BE;--verde-t1:#6B2E3D;--verde-t2:#542D37;--verde-traccia:#E6CDD3;--panno:#EEDCE0;--panno-bordo:#D3A9B3;--panno-t1:#451D27;--panno-t2:#6B2E3D;--riga-attiva:#F4EAEC;--partita-bg:#F3E6E9;
}
html.desk[data-tema="design"][data-palette="cipria"] { --felt: #EAD6DB; --felt-scuro: #D7BBC2; --felt-bordo: #C79CA7; --felt-testo: #36141C; --felt-muto: #5E2F3B; --felt-zona: rgba(20,40,60,.10); }
[data-tema="design"][data-palette="cipria"], [data-palette="cipria"] [data-tema="design"] { --tavolo-base: #EAD6DB; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #EAD6DB 0%, #D7BBC2 100%); }


/* 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; }
html[data-aspetto="light"], [data-aspetto="light"] { --felt:#CFE6DA;--felt-bordo:#A9D3BF;--felt-scuro:#B7D8C7;--felt-testo:#12352A;--felt-muto:#2E5E4C;--felt-linea:#7FB39C; }

/* 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="dark"][data-palette="verde"], [data-aspetto="dark"][data-palette="verde"] {
  --invito-bg:linear-gradient(135deg, #1E5240 0%, #2F5530 55%, #5C5320 100%);--invito-bordo:#D9B45E;--invito-ombra:rgba(0,0,0,0.4);--invito-testo:#F6EED6;
  --invito-chip:rgba(242,204,114,0.16);--invito-traccia:rgba(242,204,114,0.18);--invito-rif:#D9B45E;
}
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, oro nel verde, azzurro chiaro nei temi chiari */
:root, [data-aspetto="dark"] { --notifica: #FF6B5E; }
html[data-aspetto="dark"][data-palette="verde"], [data-aspetto="dark"][data-palette="verde"] { --notifica: #F2CC72; }
html[data-aspetto="light"], [data-aspetto="light"] { --notifica: #3BA4E8; }

/* Elite: viola Elite (#5B4BD1) e oro, scuro e chiaro (ricavata da Notte e Cielo ruotando la tinta). Solo per gli Elite. */
html[data-aspetto="dark"][data-palette="elite"], [data-aspetto="dark"][data-palette="elite"] {
  --bg:#120A2F;--pannello:#170F3A;--pannello2:#1C1242;--chip:#20164A;--linea:#2D215B;--linea2:#3E3073;--linea3:#504287;--tratteggio:#504287;--tratteggio2:#9389BE;--testo:#F2F0F7;--testo2:#E1DFEC;--testo3:#D5D1E4;--muto:#BDB7D4;--oro-chip:#2E2E14;--oro-sel:#1C1634;--oro-bordo:#5A4A1C;--verde-bg:#0D0725;--verde-bordo:#342868;--verde-t1:#B9AFE0;--verde-t2:#D8D2EF;--verde-traccia:#09051A;--panno:#1D153F;--panno-bordo:#2C205B;--panno-t1:#DEDAF1;--panno-t2:#ADA3D5;--riga-attiva:#1F1546;--partita-bg:#17112D;--oro-testo:#F0C35A;--velo:rgba(5, 3, 15,0.72);
}
html.desk[data-aspetto="dark"][data-tema="design"][data-palette="elite"] { --felt: #221651; --felt-scuro: #140C33; --felt-bordo: #34266E; --felt-testo: #EFEDF7; --felt-muto: #BAB2DB; --felt-zona: rgba(0, 0, 0,.26); }
[data-aspetto="dark"][data-tema="design"][data-palette="elite"], [data-aspetto="dark"][data-palette="elite"] [data-tema="design"] { --tavolo-base: #221651; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #221651 0%, #140C33 100%); }
html[data-aspetto="light"][data-palette="elite"], [data-aspetto="light"][data-palette="elite"] {
  --bg:#ECE8F9;--pannello:#FFFFFF;--pannello2:#DDD7F2;--chip:#DDD7F2;--linea:#BAB2DA;--linea2:#9389B8;--linea3:#998FBE;--tratteggio:#857BAD;--tratteggio2:#5E4CA3;--testo:#15131D;--testo2:#2C283C;--testo3:#231F31;--muto:#3D3952;--verde-bg:#E8E4F5;--verde-bordo:#B9B0DE;--verde-t1:#362673;--verde-t2:#322859;--verde-traccia:#D0CAE9;--panno:#DEDAF0;--panno-bordo:#AEA4D8;--panno-t1:#22184A;--panno-t2:#362673;--riga-attiva:#EBE9F5;--partita-bg:#E8E4F5;
}
html.desk[data-aspetto="light"][data-tema="design"][data-palette="elite"] { --felt: #D8D3EC; --felt-scuro: #BEB7DB; --felt-bordo: #A197CC; --felt-testo: #18103A; --felt-muto: #352964; --felt-zona: rgba(25, 15, 65,.10); }
[data-aspetto="light"][data-tema="design"][data-palette="elite"], [data-aspetto="light"][data-palette="elite"] [data-tema="design"] { --tavolo-base: #D8D3EC; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #D8D3EC 0%, #BEB7DB 100%); }
/* finitura premium: un alone viola dall'alto e un filo d'oro sotto la testata */
html[data-aspetto="dark"][data-palette="elite"] body { background: radial-gradient(120% 60% at 50% -10%, rgba(91,75,209,.38) 0%, rgba(91,75,209,0) 60%) fixed, var(--bg); }
html[data-aspetto="light"][data-palette="elite"] body { background: radial-gradient(120% 60% at 50% -10%, rgba(91,75,209,.20) 0%, rgba(91,75,209,0) 60%) fixed, var(--bg); }
html[data-palette="elite"] header { box-shadow: inset 0 -1px 0 rgba(226,180,75,.45); }