/* 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;
}

/* 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="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; }
/* (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="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; }
/* 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; }
html[data-aspetto="light"][data-palette="elite"], [data-aspetto="light"][data-palette="elite"] { --su-notifica: #FFFFFF; }

/* ===================== Élite (solo abbonati) =====================
 * Due temi costruiti sul viola Élite del sito (#5B4BD1, pulsante "Passa a Élite" e badge), con l'oro di Burraco Gold.
 * Leggibilita' verificata col rapporto di contrasto WCAG: testo principale >= 10:1 su ogni superficie (AAA e' 7:1),
 * testo secondario >= 6.5:1, oro e verdi di stato >= 5:1, pulsante oro 9.5:1.
 * Élite Dark: indaco-viola profondo ma luminoso (non nero), superfici a gradini netti (fondo < pannello < pannello2 < chip),
 *   bordi visibili, filo d'oro sul bordo alto dei riquadri, alone viola e riflesso d'oro dall'alto.
 * Élite Light: madreperla lilla, riquadri bianchi con ombra morbida viola, accenti viola Élite, dettagli d'oro.
 * Finiture comuni: testata in vetro con filo d'oro, marchio "ELITE" accanto al logo. */
html[data-aspetto="dark"][data-palette="elite"], [data-aspetto="dark"][data-palette="elite"] {
  --bg:#1E1842;--pannello:#2B2460;--pannello2:#352D70;--chip:#3A3179;--linea:#52478F;--linea2:#6B5FAD;--linea3:#7A6EBA;--tratteggio:#7A6EBA;--tratteggio2:#B3A9E6;
  --testo:#F7F5FF;--testo2:#E6E1FA;--testo3:#DCD6F4;--muto:#C9C1EC;
  --oro:#E7BC52;--oro-testo:#F3CD6A;--oro-chiaro:#F6D98A;--oro-chip:#3E3318;--oro-sel:#3D3163;--oro-sotto:#E3D3A8;--oro-bordo:#8A6F2A;--su-oro:#1B1405;
  --verde-bg:#272058;--verde-bordo:#5547A0;--verde-t1:#D0C8F4;--verde-t2:#E5E0F8;--verde-traccia:#1A1439;--verde-testo:#7FE0AE;--verde-punto:#6FD89C;
  --panno:#30286A;--panno-bordo:#4C4194;--panno-t1:#EEEAFC;--panno-t2:#C2B9EA;--riga-attiva:#3A3178;--partita-bg:#272055;
  --blu-testo:#A9C4FF;--rosso-testo:#FFA3A3;--rosso-bg:#3E1C2C;--rosso-bordo:#7A3448;--velo:rgba(12,8,30,0.74);
  --viola-elite:#5B4BD1;--viola-testo:#B0A5FF;--notifica:#FF7A6E;
  --card-ombra: inset 0 1px 0 rgba(243,205,106,.18), 0 14px 32px -18px rgba(4,2,16,.85);
  --invito-bg:linear-gradient(135deg, #3B2F7A 0%, #2A2160 55%, #4A3A1A 100%);--invito-bordo:#C9A24A;--invito-testo:#F7F2E2;
}
html.desk[data-aspetto="dark"][data-tema="design"][data-palette="elite"] { --felt: #3A2F7C; --felt-scuro: #241C55; --felt-bordo: #5A4DA6; --felt-testo: #F5F2FF; --felt-muto: #CEC6EE; --felt-zona: rgba(10,6,30,.24); }
[data-aspetto="dark"][data-tema="design"][data-palette="elite"], [data-aspetto="dark"][data-palette="elite"] [data-tema="design"] { --tavolo-base: #3A2F7C; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #43378B 0%, #2C2363 62%, #221B50 100%); }
html[data-aspetto="light"][data-palette="elite"], [data-aspetto="light"][data-palette="elite"] {
  --bg:#E2D9F6;--pannello:#FBF9FF;--pannello2:#EAE3FB;--chip:#E6DEFA;--linea:#C3B4EA;--linea2:#9483D6;--linea3:#AE9FE2;--tratteggio:#9483D6;--tratteggio2:#5B4BD1;
  --testo:#130E2A;--testo2:#2A2250;--testo3:#211A42;--muto:#41386B;
  --oro:#E2B44B;--oro-testo:#7D570A;--oro-chiaro:#73500A;--oro-chip:#F7E8C2;--oro-sel:#FAF0D8;--oro-sotto:#6B5320;--oro-bordo:#C9A048;--su-oro:#1B1405;
  --verde-bg:#ECE5FC;--verde-bordo:#C4B6EF;--verde-t1:#4232BC;--verde-t2:#33278E;--verde-traccia:#D9CEF6;--verde-testo:#15623D;--verde-punto:#2FA36B;
  --panno:#E8E0FB;--panno-bordo:#BCADEB;--panno-t1:#22176A;--panno-t2:#4232BC;--riga-attiva:#EDE6FC;--partita-bg:#ECE5FC;
  --blu-testo:#2A55B8;--rosso-testo:#A8231B;--rosso-bg:#FBE7E6;--rosso-bordo:#EBB9B3;--velo:rgba(30,20,70,0.40);
  --viola-elite:#5B4BD1;--viola-testo:#4232BC;--notifica:#5B4BD1;
  --card-ombra: inset 0 1px 0 rgba(255,255,255,.85), 0 1px 2px rgba(48,30,120,.08), 0 16px 34px -20px rgba(70,50,170,.45);
  --invito-bg:linear-gradient(135deg, #FBF9FF 0%, #E9E1FB 60%, #F6E7C2 100%);--invito-bordo:#C9A048;--invito-testo:#130E2A;
}
html.desk[data-aspetto="light"][data-tema="design"][data-palette="elite"] { --felt: #DDD3F5; --felt-scuro: #C8BBEE; --felt-bordo: #9F8FDB; --felt-testo: #19113F; --felt-muto: #40347F; --felt-zona: rgba(40,25,110,.08); }
[data-aspetto="light"][data-tema="design"][data-palette="elite"], [data-aspetto="light"][data-palette="elite"] [data-tema="design"] { --tavolo-base: #DDD3F5; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #EAE3FB 0%, #DAD0F4 60%, #C8BBEE 100%); }

/* finiture premium */
html[data-aspetto="dark"][data-palette="elite"] body { background:
  radial-gradient(60% 40% at 88% -6%, rgba(231,188,82,.12) 0%, rgba(231,188,82,0) 70%) fixed,
  radial-gradient(110% 60% at 45% -14%, rgba(124,108,240,.48) 0%, rgba(124,108,240,0) 64%) fixed, var(--bg); }
html[data-aspetto="light"][data-palette="elite"] body { background:
  radial-gradient(60% 40% at 90% -8%, rgba(226,180,75,.20) 0%, rgba(226,180,75,0) 70%) fixed,
  radial-gradient(85% 55% at 6% -12%, rgba(91,75,209,.26) 0%, rgba(91,75,209,0) 70%) fixed, var(--bg); }
html[data-palette="elite"] header[class*="topbar"] { box-shadow: inset 0 -1px 0 rgba(226,180,75,.6); backdrop-filter: saturate(1.25) blur(8px); -webkit-backdrop-filter: saturate(1.25) blur(8px); }
html[data-aspetto="dark"][data-palette="elite"] header[class*="topbar"] { background: rgba(30,24,66,.82) !important; }
html[data-aspetto="light"][data-palette="elite"] header[class*="topbar"] { background: rgba(251,249,255,.84) !important; }
/* marchio ELITE accanto al logo "Burraco Gold" (solo gli abbonati hanno questa palette) */
html[data-palette="elite"] [class*="brandNome"]::after { content: "ÉLITE"; display: inline-block; margin-left: 10px; padding: 5px 10px 4px; border-radius: 7px; vertical-align: 4px;
  font: 800 15px/1 'Figtree', system-ui, sans-serif; letter-spacing: .16em; color: #fff; background: linear-gradient(135deg, #6B5BE0, #4A3BB8); box-shadow: inset 0 0 0 1px rgba(226,180,75,.55); }
/* banner "Hai una partita in corso": oro su pannello (la velatura oro sul fondo viola diventava marrone) */
html[data-palette="elite"] [class*="avvisoPartita"] { background: color-mix(in srgb, var(--oro) 13%, var(--pannello)); }

/* ORO PATINATO (Élite, scuro e chiaro): un oro brunito a riflessi, come un metallo invecchiato.
 * Riquadri: bordo da 2 px dipinto col gradiente (fondo pannello su padding-box, oro su border-box). */
html[data-palette="elite"] {
  --oro-patina: linear-gradient(135deg, #7A5A1E 0%, #C9A04A 18%, #F0DA9C 32%, #A67E2F 50%, #DDBD6E 68%, #8B6A27 84%, #CFAE5E 100%);
  --card-bordo: transparent; --card-bordo-spessore: 2px;
  --card-fondo: linear-gradient(var(--pannello), var(--pannello)) padding-box, var(--oro-patina) border-box;
}
html[data-palette="elite"] header[class*="topbar"] { box-shadow: none; border-bottom: 1.5px solid transparent; border-image: var(--oro-patina) 1; }
/* linguette della lobby (Home): la sagoma della scelta col bordo oro da 2 px del riquadro sotto (28/10: era viola, "rotto") */
html[data-palette="elite"] .bg-linguetta { --linguetta-bordo: #C9A04A; --linguetta-spessore: 2px; }
html[data-palette="elite"] [class*="brandNome"]::after { box-shadow: none; border: 1px solid transparent;
  background: linear-gradient(135deg, #6B5BE0, #4A3BB8) padding-box, var(--oro-patina) border-box; }

/* ===================== Temi in versione CHIARA (catalogo /design-system, 27 ott 2026) =====================
 * Ogni tema ha chiaro e scuro: data-palette = tema, data-aspetto = modalità (Impostazioni: scuro, chiaro, automatico).
 * Notte e Vino chiari riusano i colori di Cielo e Cipria (stessa tinta); Verde chiaro = la vecchia Salvia; Ardesia chiaro =
 * Cielo quasi senza tinta. Approvati da Andrea il 27/10. */
/* verde chiaro (la vecchia Salvia) */
html[data-aspetto="light"][data-palette="verde"], [data-aspetto="light"][data-palette="verde"] {
  --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-aspetto="light"][data-tema="design"][data-palette="verde"] { --felt: #D6EAE0; --felt-scuro: #BBD7C9; --felt-bordo: #9CC7B2; --felt-testo: #143625; --felt-muto: #2F5E47; --felt-zona: rgba(20,40,60,.10); }
[data-aspetto="light"][data-tema="design"][data-palette="verde"], [data-aspetto="light"][data-palette="verde"] [data-tema="design"] { --tavolo-base: #D6EAE0; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #D6EAE0 0%, #BBD7C9 100%); }
/* notte chiaro (= Cielo) */
html[data-aspetto="light"][data-palette="notte"], [data-aspetto="light"][data-palette="notte"] {
  --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-aspetto="light"][data-tema="design"][data-palette="notte"] { --felt: #D6E2EA; --felt-scuro: #BBCBD7; --felt-bordo: #9CB5C7; --felt-testo: #142836; --felt-muto: #2F4A5E; --felt-zona: rgba(20,40,60,.10); }
[data-aspetto="light"][data-tema="design"][data-palette="notte"], [data-aspetto="light"][data-palette="notte"] [data-tema="design"] { --tavolo-base: #D6E2EA; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #D6E2EA 0%, #BBCBD7 100%); }
/* vino chiaro (= Cipria) */
html[data-aspetto="light"][data-palette="vino"], [data-aspetto="light"][data-palette="vino"] {
  --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-aspetto="light"][data-tema="design"][data-palette="vino"] { --felt: #EAD6DB; --felt-scuro: #D7BBC2; --felt-bordo: #C79CA7; --felt-testo: #36141C; --felt-muto: #5E2F3B; --felt-zona: rgba(20,40,60,.10); }
[data-aspetto="light"][data-tema="design"][data-palette="vino"], [data-aspetto="light"][data-palette="vino"] [data-tema="design"] { --tavolo-base: #EAD6DB; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #EAD6DB 0%, #D7BBC2 100%); }
/* ardesia chiaro (Cielo senza tinta) */
html[data-aspetto="light"][data-palette="ardesia"], [data-aspetto="light"][data-palette="ardesia"] {
  --bg:#EFF1F2;--pannello:#FFFFFF;--pannello2:#E2E5E7;--chip:#E2E5E7;--linea:#C2C7CA;--linea2:#9CA1A5;--linea3:#A2A7AB;--tratteggio:#909598;--tratteggio2:#70797F;--testo:#171819;--testo2:#303234;--testo3:#26282A;--muto:#434547;--verde-bg:#EBEDEE;--verde-bordo:#C3C8CB;--verde-t1:#464E53;--verde-t2:#3C4145;--verde-traccia:#D7DADC;--panno:#E3E5E7;--panno-bordo:#B9BFC3;--panno-t1:#2D3235;--panno-t2:#464E53;--riga-attiva:#EEEFF0;--partita-bg:#EBEDEE;
}
html.desk[data-aspetto="light"][data-tema="design"][data-palette="ardesia"] { --felt: #DEE0E2; --felt-scuro: #C6C9CC; --felt-bordo: #ADB2B6; --felt-testo: #212629; --felt-muto: #41474C; --felt-zona: rgba(20,40,60,.10); }
[data-aspetto="light"][data-tema="design"][data-palette="ardesia"], [data-aspetto="light"][data-palette="ardesia"] [data-tema="design"] { --tavolo-base: #DEE0E2; --tavolo-sfondo: radial-gradient(ellipse 75% 80% at 50% 45%, #DEE0E2 0%, #C6C9CC 100%); }