/* ============================================================
   KIRSPOC · SET PALETTE TEMATICI
   Modello: inchiostro (--text) a opacità calanti.
   Selettore: :root[data-theme="<id>"][data-palette="<fascia>"]
   9 temi × 4 fasce = 36 varianti. (Montagna, Gazzetta = light · Noir = misto chiaro/scuro)
   Generato: 04/06/2026
   ============================================================ */

/* ═══════════════════ TEMA: PRIMAVERA ═══════════════════ */
:root[data-theme="primavera"][data-palette="morning"] {
  --bg: #1B2E22;  --bg-2: #213527;  --bg-3: #283F2F;
  --rail: #142319;  --topbar: #1A2A20;
  --accent: #9FD18A;  --accent-soft: rgba(159, 209, 138, 0.15);  --accent-rgb: 159, 209, 138;
  --text: #EDF3E4;
  --text-dim:   rgba(237, 243, 228, 0.70);
  --text-mute:  rgba(237, 243, 228, 0.45);
  --text-faint: rgba(237, 243, 228, 0.28);
  --line:        rgba(237, 243, 228, 0.10);
  --line-strong: rgba(237, 243, 228, 0.22);
  --surface:     rgba(237, 243, 228, 0.04);
  --surface-hi:  rgba(237, 243, 228, 0.08);
  --warn: #E8C97A;  --ok: #8FCFAE;  --bad: #D9897A;
  --ok-rgb: 143, 207, 174;  --warn-rgb: 232, 201, 122;  --bad-rgb: 217, 137, 122;
  --pal-name: "Primavera";  --pal-greet: "Buongiorno";
}

:root[data-theme="primavera"][data-palette="day"] {
  --bg: #1E3326;  --bg-2: #243B2C;  --bg-3: #2C4634;
  --rail: #16251C;  --topbar: #1C2F23;
  --accent: #B4DD96;  --accent-soft: rgba(180, 221, 150, 0.15);  --accent-rgb: 180, 221, 150;
  --text: #F0F5E8;
  --text-dim:   rgba(240, 245, 232, 0.70);
  --text-mute:  rgba(240, 245, 232, 0.45);
  --text-faint: rgba(240, 245, 232, 0.28);
  --line:        rgba(240, 245, 232, 0.10);
  --line-strong: rgba(240, 245, 232, 0.22);
  --surface:     rgba(240, 245, 232, 0.04);
  --surface-hi:  rgba(240, 245, 232, 0.08);
  --warn: #E8C97A;  --ok: #8FCFAE;  --bad: #D9897A;
  --ok-rgb: 143, 207, 174;  --warn-rgb: 232, 201, 122;  --bad-rgb: 217, 137, 122;
  --pal-name: "Primavera";  --pal-greet: "Buon pomeriggio";
}

:root[data-theme="primavera"][data-palette="evening"] {
  --bg: #2A2438;  --bg-2: #312A41;  --bg-3: #3A324C;
  --rail: #1F1A2B;  --topbar: #272036;
  --accent: #C9A6D4;  --accent-soft: rgba(201, 166, 212, 0.15);  --accent-rgb: 201, 166, 212;
  --text: #EFE8F2;
  --text-dim:   rgba(239, 232, 242, 0.70);
  --text-mute:  rgba(239, 232, 242, 0.45);
  --text-faint: rgba(239, 232, 242, 0.28);
  --line:        rgba(239, 232, 242, 0.10);
  --line-strong: rgba(239, 232, 242, 0.22);
  --surface:     rgba(239, 232, 242, 0.04);
  --surface-hi:  rgba(239, 232, 242, 0.08);
  --warn: #E0C07A;  --ok: #90C9A8;  --bad: #D58A86;
  --ok-rgb: 144, 201, 168;  --warn-rgb: 224, 192, 122;  --bad-rgb: 213, 138, 134;
  --pal-name: "Primavera";  --pal-greet: "Buonasera";
}

:root[data-theme="primavera"][data-palette="night"] {
  --bg: #131F18;  --bg-2: #18261D;  --bg-3: #1E3024;
  --rail: #0D1611;  --topbar: #111D16;
  --accent: #7FB382;  --accent-soft: rgba(127, 179, 130, 0.15);  --accent-rgb: 127, 179, 130;
  --text: #DEE8DC;
  --text-dim:   rgba(222, 232, 220, 0.70);
  --text-mute:  rgba(222, 232, 220, 0.45);
  --text-faint: rgba(222, 232, 220, 0.28);
  --line:        rgba(222, 232, 220, 0.10);
  --line-strong: rgba(222, 232, 220, 0.22);
  --surface:     rgba(222, 232, 220, 0.04);
  --surface-hi:  rgba(222, 232, 220, 0.08);
  --warn: #CDB874;  --ok: #7FBE9A;  --bad: #C57F72;
  --ok-rgb: 127, 190, 154;  --warn-rgb: 205, 184, 116;  --bad-rgb: 197, 127, 114;
  --pal-name: "Primavera";  --pal-greet: "Buonanotte";
}

/* ═══════════════════ TEMA: ESTATE ═══════════════════ */
:root[data-theme="estate"][data-palette="morning"] {
  --bg: #2A2A1E;  --bg-2: #313024;  --bg-3: #3A392B;
  --rail: #1F1F15;  --topbar: #26261B;
  --accent: #E8C97A;  --accent-soft: rgba(232, 201, 122, 0.15);  --accent-rgb: 232, 201, 122;
  --text: #F5EFD8;
  --text-dim:   rgba(245, 239, 216, 0.70);
  --text-mute:  rgba(245, 239, 216, 0.45);
  --text-faint: rgba(245, 239, 216, 0.28);
  --line:        rgba(245, 239, 216, 0.10);
  --line-strong: rgba(245, 239, 216, 0.22);
  --surface:     rgba(245, 239, 216, 0.04);
  --surface-hi:  rgba(245, 239, 216, 0.08);
  --warn: #E8C97A;  --ok: #8FCFAE;  --bad: #D9897A;
  --ok-rgb: 143, 207, 174;  --warn-rgb: 232, 201, 122;  --bad-rgb: 217, 137, 122;
  --pal-name: "Estate";  --pal-greet: "Buongiorno";
}

:root[data-theme="estate"][data-palette="day"] {
  --bg: #14304A;  --bg-2: #193954;  --bg-3: #1F4463;
  --rail: #0E2438;  --topbar: #122B42;
  --accent: #5FB3D9;  --accent-soft: rgba(95, 179, 217, 0.15);  --accent-rgb: 95, 179, 217;
  --text: #E6F1F7;
  --text-dim:   rgba(230, 241, 247, 0.70);
  --text-mute:  rgba(230, 241, 247, 0.45);
  --text-faint: rgba(230, 241, 247, 0.28);
  --line:        rgba(230, 241, 247, 0.10);
  --line-strong: rgba(230, 241, 247, 0.22);
  --surface:     rgba(230, 241, 247, 0.04);
  --surface-hi:  rgba(230, 241, 247, 0.08);
  --warn: #E5C470;  --ok: #7FC4B0;  --bad: #E08A70;
  --ok-rgb: 127, 196, 176;  --warn-rgb: 229, 196, 112;  --bad-rgb: 224, 138, 112;
  --pal-name: "Estate";  --pal-greet: "Buon pomeriggio";
}

:root[data-theme="estate"][data-palette="evening"] {
  --bg: #3A2118;  --bg-2: #44281E;  --bg-3: #503025;
  --rail: #2B1711;  --topbar: #341D15;
  --accent: #E08A55;  --accent-soft: rgba(224, 138, 85, 0.15);  --accent-rgb: 224, 138, 85;
  --text: #F5E6DC;
  --text-dim:   rgba(245, 230, 220, 0.70);
  --text-mute:  rgba(245, 230, 220, 0.45);
  --text-faint: rgba(245, 230, 220, 0.28);
  --line:        rgba(245, 230, 220, 0.10);
  --line-strong: rgba(245, 230, 220, 0.22);
  --surface:     rgba(245, 230, 220, 0.04);
  --surface-hi:  rgba(245, 230, 220, 0.08);
  --warn: #E8B96A;  --ok: #94C49A;  --bad: #D77860;
  --ok-rgb: 148, 196, 154;  --warn-rgb: 232, 185, 106;  --bad-rgb: 215, 120, 96;
  --pal-name: "Estate";  --pal-greet: "Buonasera";
}

:root[data-theme="estate"][data-palette="night"] {
  --bg: #0F1B2E;  --bg-2: #142236;  --bg-3: #1A2B42;
  --rail: #0A1322;  --topbar: #0D1828;
  --accent: #C8A96A;  --accent-soft: rgba(200, 169, 106, 0.15);  --accent-rgb: 200, 169, 106;
  --text: #E4EAF2;
  --text-dim:   rgba(228, 234, 242, 0.70);
  --text-mute:  rgba(228, 234, 242, 0.45);
  --text-faint: rgba(228, 234, 242, 0.28);
  --line:        rgba(228, 234, 242, 0.10);
  --line-strong: rgba(228, 234, 242, 0.22);
  --surface:     rgba(228, 234, 242, 0.04);
  --surface-hi:  rgba(228, 234, 242, 0.08);
  --warn: #CFB36E;  --ok: #79B79C;  --bad: #C9806C;
  --ok-rgb: 121, 183, 156;  --warn-rgb: 207, 179, 110;  --bad-rgb: 201, 128, 108;
  --pal-name: "Estate";  --pal-greet: "Buonanotte";
}

/* ═══════════════════ TEMA: AUTUNNO ═══════════════════ */
:root[data-theme="autunno"][data-palette="morning"] {
  --bg: #2B2418;  --bg-2: #322A1D;  --bg-3: #3C3324;
  --rail: #201A11;  --topbar: #272016;
  --accent: #D9A86A;  --accent-soft: rgba(217, 168, 106, 0.15);  --accent-rgb: 217, 168, 106;
  --text: #F2E8D6;
  --text-dim:   rgba(242, 232, 214, 0.70);
  --text-mute:  rgba(242, 232, 214, 0.45);
  --text-faint: rgba(242, 232, 214, 0.28);
  --line:        rgba(242, 232, 214, 0.10);
  --line-strong: rgba(242, 232, 214, 0.22);
  --surface:     rgba(242, 232, 214, 0.04);
  --surface-hi:  rgba(242, 232, 214, 0.08);
  --warn: #E0B36A;  --ok: #9BBE86;  --bad: #D08260;
  --ok-rgb: 155, 190, 134;  --warn-rgb: 224, 179, 106;  --bad-rgb: 208, 130, 96;
  --pal-name: "Autunno";  --pal-greet: "Buongiorno";
}

:root[data-theme="autunno"][data-palette="day"] {
  --bg: #33281A;  --bg-2: #3B2F20;  --bg-3: #473827;
  --rail: #261E13;  --topbar: #2E2418;
  --accent: #E0A040;  --accent-soft: rgba(224, 160, 64, 0.15);  --accent-rgb: 224, 160, 64;
  --text: #F3E9D4;
  --text-dim:   rgba(243, 233, 212, 0.70);
  --text-mute:  rgba(243, 233, 212, 0.45);
  --text-faint: rgba(243, 233, 212, 0.28);
  --line:        rgba(243, 233, 212, 0.10);
  --line-strong: rgba(243, 233, 212, 0.22);
  --surface:     rgba(243, 233, 212, 0.04);
  --surface-hi:  rgba(243, 233, 212, 0.08);
  --warn: #E6B450;  --ok: #9DBE7E;  --bad: #D4825A;
  --ok-rgb: 157, 190, 126;  --warn-rgb: 230, 180, 80;  --bad-rgb: 212, 130, 90;
  --pal-name: "Autunno";  --pal-greet: "Buon pomeriggio";
}

:root[data-theme="autunno"][data-palette="evening"] {
  --bg: #2E1A18;  --bg-2: #37201D;  --bg-3: #432825;
  --rail: #221311;  --topbar: #2A1715;
  --accent: #C56B4A;  --accent-soft: rgba(197, 107, 74, 0.15);  --accent-rgb: 197, 107, 74;
  --text: #F0DDD4;
  --text-dim:   rgba(240, 221, 212, 0.70);
  --text-mute:  rgba(240, 221, 212, 0.45);
  --text-faint: rgba(240, 221, 212, 0.28);
  --line:        rgba(240, 221, 212, 0.10);
  --line-strong: rgba(240, 221, 212, 0.22);
  --surface:     rgba(240, 221, 212, 0.04);
  --surface-hi:  rgba(240, 221, 212, 0.08);
  --warn: #D9A05E;  --ok: #A0BC82;  --bad: #CF6B52;
  --ok-rgb: 160, 188, 130;  --warn-rgb: 217, 160, 94;  --bad-rgb: 207, 107, 82;
  --pal-name: "Autunno";  --pal-greet: "Buonasera";
}

:root[data-theme="autunno"][data-palette="night"] {
  --bg: #1E1611;  --bg-2: #241B15;  --bg-3: #2E231B;
  --rail: #16100C;  --topbar: #1B130F;
  --accent: #B58A5A;  --accent-soft: rgba(181, 138, 90, 0.15);  --accent-rgb: 181, 138, 90;
  --text: #E6DBC9;
  --text-dim:   rgba(230, 219, 201, 0.70);
  --text-mute:  rgba(230, 219, 201, 0.45);
  --text-faint: rgba(230, 219, 201, 0.28);
  --line:        rgba(230, 219, 201, 0.10);
  --line-strong: rgba(230, 219, 201, 0.22);
  --surface:     rgba(230, 219, 201, 0.04);
  --surface-hi:  rgba(230, 219, 201, 0.08);
  --warn: #C9A266;  --ok: #94B07A;  --bad: #C07858;
  --ok-rgb: 148, 176, 122;  --warn-rgb: 201, 162, 102;  --bad-rgb: 192, 120, 88;
  --pal-name: "Autunno";  --pal-greet: "Buonanotte";
}

/* ═══════════════════ TEMA: INVERNO ═══════════════════ */
:root[data-theme="inverno"][data-palette="morning"] {
  --bg: #1A2430;  --bg-2: #1F2B38;  --bg-3: #263342;
  --rail: #131A24;  --topbar: #18212C;
  --accent: #8FB8D4;  --accent-soft: rgba(143, 184, 212, 0.15);  --accent-rgb: 143, 184, 212;
  --text: #E8EFF5;
  --text-dim:   rgba(232, 239, 245, 0.70);
  --text-mute:  rgba(232, 239, 245, 0.45);
  --text-faint: rgba(232, 239, 245, 0.28);
  --line:        rgba(232, 239, 245, 0.10);
  --line-strong: rgba(232, 239, 245, 0.22);
  --surface:     rgba(232, 239, 245, 0.04);
  --surface-hi:  rgba(232, 239, 245, 0.08);
  --warn: #DCC487;  --ok: #8AC0AE;  --bad: #D08C8C;
  --ok-rgb: 138, 192, 174;  --warn-rgb: 220, 196, 135;  --bad-rgb: 208, 140, 140;
  --pal-name: "Inverno";  --pal-greet: "Buongiorno";
}

:root[data-theme="inverno"][data-palette="day"] {
  --bg: #232C36;  --bg-2: #293440;  --bg-3: #313E4C;
  --rail: #1A2129;  --topbar: #202832;
  --accent: #A8C4D8;  --accent-soft: rgba(168, 196, 216, 0.15);  --accent-rgb: 168, 196, 216;
  --text: #ECF0F4;
  --text-dim:   rgba(236, 240, 244, 0.70);
  --text-mute:  rgba(236, 240, 244, 0.45);
  --text-faint: rgba(236, 240, 244, 0.28);
  --line:        rgba(236, 240, 244, 0.10);
  --line-strong: rgba(236, 240, 244, 0.22);
  --surface:     rgba(236, 240, 244, 0.04);
  --surface-hi:  rgba(236, 240, 244, 0.08);
  --warn: #D9C28A;  --ok: #8FC2B2;  --bad: #CE8C8C;
  --ok-rgb: 143, 194, 178;  --warn-rgb: 217, 194, 138;  --bad-rgb: 206, 140, 140;
  --pal-name: "Inverno";  --pal-greet: "Buon pomeriggio";
}

:root[data-theme="inverno"][data-palette="evening"] {
  --bg: #241F33;  --bg-2: #2B253D;  --bg-3: #342D49;
  --rail: #1A1626;  --topbar: #211C30;
  --accent: #9A8FC4;  --accent-soft: rgba(154, 143, 196, 0.15);  --accent-rgb: 154, 143, 196;
  --text: #E8E4F0;
  --text-dim:   rgba(232, 228, 240, 0.70);
  --text-mute:  rgba(232, 228, 240, 0.45);
  --text-faint: rgba(232, 228, 240, 0.28);
  --line:        rgba(232, 228, 240, 0.10);
  --line-strong: rgba(232, 228, 240, 0.22);
  --surface:     rgba(232, 228, 240, 0.04);
  --surface-hi:  rgba(232, 228, 240, 0.08);
  --warn: #D2BC8E;  --ok: #8CBDB0;  --bad: #CB8A96;
  --ok-rgb: 140, 189, 176;  --warn-rgb: 210, 188, 142;  --bad-rgb: 203, 138, 150;
  --pal-name: "Inverno";  --pal-greet: "Buonasera";
}

:root[data-theme="inverno"][data-palette="night"] {
  --bg: #10151D;  --bg-2: #151B25;  --bg-3: #1C2430;
  --rail: #0B0F15;  --topbar: #0E131A;
  --accent: #6E8FB0;  --accent-soft: rgba(110, 143, 176, 0.15);  --accent-rgb: 110, 143, 176;
  --text: #DCE3EC;
  --text-dim:   rgba(220, 227, 236, 0.70);
  --text-mute:  rgba(220, 227, 236, 0.45);
  --text-faint: rgba(220, 227, 236, 0.28);
  --line:        rgba(220, 227, 236, 0.10);
  --line-strong: rgba(220, 227, 236, 0.22);
  --surface:     rgba(220, 227, 236, 0.04);
  --surface-hi:  rgba(220, 227, 236, 0.08);
  --warn: #C4B084;  --ok: #7EAE9E;  --bad: #BC8284;
  --ok-rgb: 126, 174, 158;  --warn-rgb: 196, 176, 132;  --bad-rgb: 188, 130, 132;
  --pal-name: "Inverno";  --pal-greet: "Buonanotte";
}

/* ═══════════════════ TEMA: SEASIDE ═══════════════════ */
:root[data-theme="seaside"][data-palette="morning"] {
  --bg: #1E2E30;  --bg-2: #243639;  --bg-3: #2B4144;
  --rail: #162224;  --topbar: #1C2A2C;
  --accent: #E6D2A8;  --accent-soft: rgba(230, 210, 168, 0.15);  --accent-rgb: 230, 210, 168;
  --text: #EAF1EF;
  --text-dim:   rgba(234, 241, 239, 0.70);
  --text-mute:  rgba(234, 241, 239, 0.45);
  --text-faint: rgba(234, 241, 239, 0.28);
  --line:        rgba(234, 241, 239, 0.10);
  --line-strong: rgba(234, 241, 239, 0.22);
  --surface:     rgba(234, 241, 239, 0.04);
  --surface-hi:  rgba(234, 241, 239, 0.08);
  --warn: #E3CC8C;  --ok: #7FC6B4;  --bad: #DC9080;
  --ok-rgb: 127, 198, 180;  --warn-rgb: 227, 204, 140;  --bad-rgb: 220, 144, 128;
  --pal-name: "Seaside";  --pal-greet: "Buongiorno";
}

:root[data-theme="seaside"][data-palette="day"] {
  --bg: #103A3E;  --bg-2: #154448;  --bg-3: #1B5054;
  --rail: #0B2C2F;  --topbar: #0F3438;
  --accent: #4FC2C4;  --accent-soft: rgba(79, 194, 196, 0.15);  --accent-rgb: 79, 194, 196;
  --text: #E0F2F1;
  --text-dim:   rgba(224, 242, 241, 0.70);
  --text-mute:  rgba(224, 242, 241, 0.45);
  --text-faint: rgba(224, 242, 241, 0.28);
  --line:        rgba(224, 242, 241, 0.10);
  --line-strong: rgba(224, 242, 241, 0.22);
  --surface:     rgba(224, 242, 241, 0.04);
  --surface-hi:  rgba(224, 242, 241, 0.08);
  --warn: #E0C57E;  --ok: #74C2B6;  --bad: #E08C72;
  --ok-rgb: 116, 194, 182;  --warn-rgb: 224, 197, 126;  --bad-rgb: 224, 140, 114;
  --pal-name: "Seaside";  --pal-greet: "Buon pomeriggio";
}

:root[data-theme="seaside"][data-palette="evening"] {
  --bg: #34211E;  --bg-2: #3E2824;  --bg-3: #4A302B;
  --rail: #271815;  --topbar: #301D19;
  --accent: #E89070;  --accent-soft: rgba(232, 144, 112, 0.15);  --accent-rgb: 232, 144, 112;
  --text: #F3E4DC;
  --text-dim:   rgba(243, 228, 220, 0.70);
  --text-mute:  rgba(243, 228, 220, 0.45);
  --text-faint: rgba(243, 228, 220, 0.28);
  --line:        rgba(243, 228, 220, 0.10);
  --line-strong: rgba(243, 228, 220, 0.22);
  --surface:     rgba(243, 228, 220, 0.04);
  --surface-hi:  rgba(243, 228, 220, 0.08);
  --warn: #E4BA76;  --ok: #90C2A4;  --bad: #DC7A60;
  --ok-rgb: 144, 194, 164;  --warn-rgb: 228, 186, 118;  --bad-rgb: 220, 122, 96;
  --pal-name: "Seaside";  --pal-greet: "Buonasera";
}

:root[data-theme="seaside"][data-palette="night"] {
  --bg: #0C1E26;  --bg-2: #11262F;  --bg-3: #17313B;
  --rail: #08161C;  --topbar: #0A1A22;
  --accent: #5AA8B0;  --accent-soft: rgba(90, 168, 176, 0.15);  --accent-rgb: 90, 168, 176;
  --text: #DBE8EC;
  --text-dim:   rgba(219, 232, 236, 0.70);
  --text-mute:  rgba(219, 232, 236, 0.45);
  --text-faint: rgba(219, 232, 236, 0.28);
  --line:        rgba(219, 232, 236, 0.10);
  --line-strong: rgba(219, 232, 236, 0.22);
  --surface:     rgba(219, 232, 236, 0.04);
  --surface-hi:  rgba(219, 232, 236, 0.08);
  --warn: #CDB678;  --ok: #76B2A6;  --bad: #C7836E;
  --ok-rgb: 118, 178, 166;  --warn-rgb: 205, 182, 120;  --bad-rgb: 199, 131, 110;
  --pal-name: "Seaside";  --pal-greet: "Buonanotte";
}

/* ═══════════════════ TEMA: URBAN ═══════════════════ */
:root[data-theme="urban"][data-palette="morning"] {
  --bg: #26262A;  --bg-2: #2D2D32;  --bg-3: #36363C;
  --rail: #1C1C1F;  --topbar: #222226;
  --accent: #D4A05A;  --accent-soft: rgba(212, 160, 90, 0.15);  --accent-rgb: 212, 160, 90;
  --text: #ECEAE6;
  --text-dim:   rgba(236, 234, 230, 0.70);
  --text-mute:  rgba(236, 234, 230, 0.45);
  --text-faint: rgba(236, 234, 230, 0.28);
  --line:        rgba(236, 234, 230, 0.10);
  --line-strong: rgba(236, 234, 230, 0.22);
  --surface:     rgba(236, 234, 230, 0.04);
  --surface-hi:  rgba(236, 234, 230, 0.08);
  --warn: #DDBE78;  --ok: #8DC0A2;  --bad: #D2887A;
  --ok-rgb: 141, 192, 162;  --warn-rgb: 221, 190, 120;  --bad-rgb: 210, 136, 122;
  --pal-name: "Urban";  --pal-greet: "Buongiorno";
}

:root[data-theme="urban"][data-palette="day"] {
  --bg: #2C2E32;  --bg-2: #33353A;  --bg-3: #3D4045;
  --rail: #212226;  --topbar: #28292E;
  --accent: #6FA8C4;  --accent-soft: rgba(111, 168, 196, 0.15);  --accent-rgb: 111, 168, 196;
  --text: #EBEDEF;
  --text-dim:   rgba(235, 237, 239, 0.70);
  --text-mute:  rgba(235, 237, 239, 0.45);
  --text-faint: rgba(235, 237, 239, 0.28);
  --line:        rgba(235, 237, 239, 0.10);
  --line-strong: rgba(235, 237, 239, 0.22);
  --surface:     rgba(235, 237, 239, 0.04);
  --surface-hi:  rgba(235, 237, 239, 0.08);
  --warn: #D7C088;  --ok: #86BCAC;  --bad: #CD8A8A;
  --ok-rgb: 134, 188, 172;  --warn-rgb: 215, 192, 136;  --bad-rgb: 205, 138, 138;
  --pal-name: "Urban";  --pal-greet: "Buon pomeriggio";
}

:root[data-theme="urban"][data-palette="evening"] {
  --bg: #2A2422;  --bg-2: #322B28;  --bg-3: #3C3430;
  --rail: #1F1A18;  --topbar: #26201E;
  --accent: #E0734A;  --accent-soft: rgba(224, 115, 74, 0.15);  --accent-rgb: 224, 115, 74;
  --text: #EEE6E0;
  --text-dim:   rgba(238, 230, 224, 0.70);
  --text-mute:  rgba(238, 230, 224, 0.45);
  --text-faint: rgba(238, 230, 224, 0.28);
  --line:        rgba(238, 230, 224, 0.10);
  --line-strong: rgba(238, 230, 224, 0.22);
  --surface:     rgba(238, 230, 224, 0.04);
  --surface-hi:  rgba(238, 230, 224, 0.08);
  --warn: #DFB068;  --ok: #94BE94;  --bad: #D86C50;
  --ok-rgb: 148, 190, 148;  --warn-rgb: 223, 176, 104;  --bad-rgb: 216, 108, 80;
  --pal-name: "Urban";  --pal-greet: "Buonasera";
}

:root[data-theme="urban"][data-palette="night"] {
  --bg: #161618;  --bg-2: #1C1C1F;  --bg-3: #242427;
  --rail: #0F0F11;  --topbar: #131315;
  --accent: #8FD14F;  --accent-soft: rgba(143, 209, 79, 0.15);  --accent-rgb: 143, 209, 79;
  --text: #E2E4DE;
  --text-dim:   rgba(226, 228, 222, 0.70);
  --text-mute:  rgba(226, 228, 222, 0.45);
  --text-faint: rgba(226, 228, 222, 0.28);
  --line:        rgba(226, 228, 222, 0.10);
  --line-strong: rgba(226, 228, 222, 0.22);
  --surface:     rgba(226, 228, 222, 0.04);
  --surface-hi:  rgba(226, 228, 222, 0.08);
  --warn: #C9B86E;  --ok: #80C77E;  --bad: #C47E72;
  --ok-rgb: 128, 199, 126;  --warn-rgb: 201, 184, 110;  --bad-rgb: 196, 126, 114;
  --pal-name: "Urban";  --pal-greet: "Buonanotte";
}

/* ═══════════════════ TEMA: MONTAGNA · LIGHT/SNOW ═══════════════════ */
:root[data-theme="montagna"][data-palette="morning"] {
  --bg: #EEF3F7;  --bg-2: #E5ECF2;  --bg-3: #DBE4EC;
  --rail: #D2DCE6;  --topbar: #E0E8F0;
  --accent: #3F7CB0;  --accent-soft: rgba(63, 124, 176, 0.15);  --accent-rgb: 63, 124, 176;
  --text: #1E2A33;
  --text-dim:   rgba(30, 42, 51, 0.70);
  --text-mute:  rgba(30, 42, 51, 0.45);
  --text-faint: rgba(30, 42, 51, 0.28);
  --line:        rgba(30, 42, 51, 0.10);
  --line-strong: rgba(30, 42, 51, 0.22);
  --surface:     rgba(30, 42, 51, 0.04);
  --surface-hi:  rgba(30, 42, 51, 0.08);
  --warn: #A9781F;  --ok: #357E5C;  --bad: #BC5142;
  --ok-rgb: 53, 126, 92;  --warn-rgb: 169, 120, 31;  --bad-rgb: 188, 81, 66;
  --pal-name: "Montagna";  --pal-greet: "Buongiorno";
}

:root[data-theme="montagna"][data-palette="day"] {
  --bg: #F6F8FA;  --bg-2: #ECF0F4;  --bg-3: #E1E8EE;
  --rail: #D6DEE6;  --topbar: #E9EEF2;
  --accent: #2F6E4E;  --accent-soft: rgba(47, 110, 78, 0.15);  --accent-rgb: 47, 110, 78;
  --text: #1A2630;
  --text-dim:   rgba(26, 38, 48, 0.70);
  --text-mute:  rgba(26, 38, 48, 0.45);
  --text-faint: rgba(26, 38, 48, 0.28);
  --line:        rgba(26, 38, 48, 0.10);
  --line-strong: rgba(26, 38, 48, 0.22);
  --surface:     rgba(26, 38, 48, 0.04);
  --surface-hi:  rgba(26, 38, 48, 0.08);
  --warn: #A6761F;  --ok: #357E5C;  --bad: #BA4F40;
  --ok-rgb: 53, 126, 92;  --warn-rgb: 166, 118, 31;  --bad-rgb: 186, 79, 64;
  --pal-name: "Montagna";  --pal-greet: "Buon pomeriggio";
}

:root[data-theme="montagna"][data-palette="evening"] {
  --bg: #F8F1ED;  --bg-2: #EFE5DF;  --bg-3: #E5D7CF;
  --rail: #DBCAC0;  --topbar: #EFE3DC;
  --accent: #BB5E6E;  --accent-soft: rgba(187, 94, 110, 0.15);  --accent-rgb: 187, 94, 110;
  --text: #2A2420;
  --text-dim:   rgba(42, 36, 32, 0.70);
  --text-mute:  rgba(42, 36, 32, 0.45);
  --text-faint: rgba(42, 36, 32, 0.28);
  --line:        rgba(42, 36, 32, 0.10);
  --line-strong: rgba(42, 36, 32, 0.22);
  --surface:     rgba(42, 36, 32, 0.04);
  --surface-hi:  rgba(42, 36, 32, 0.08);
  --warn: #AE7C26;  --ok: #3F8062;  --bad: #BC5446;
  --ok-rgb: 63, 128, 98;  --warn-rgb: 174, 124, 38;  --bad-rgb: 188, 84, 70;
  --pal-name: "Montagna";  --pal-greet: "Buonasera";
}

:root[data-theme="montagna"][data-palette="night"] {
  --bg: #D9E1E9;  --bg-2: #CFD9E2;  --bg-3: #C4D0DA;
  --rail: #B6C3CE;  --topbar: #CDD8E1;
  --accent: #345F8C;  --accent-soft: rgba(52, 95, 140, 0.15);  --accent-rgb: 52, 95, 140;
  --text: #1A242E;
  --text-dim:   rgba(26, 36, 46, 0.70);
  --text-mute:  rgba(26, 36, 46, 0.45);
  --text-faint: rgba(26, 36, 46, 0.28);
  --line:        rgba(26, 36, 46, 0.10);
  --line-strong: rgba(26, 36, 46, 0.22);
  --surface:     rgba(26, 36, 46, 0.04);
  --surface-hi:  rgba(26, 36, 46, 0.08);
  --warn: #8F691B;  --ok: #2E7052;  --bad: #A8463A;
  --ok-rgb: 46, 112, 82;  --warn-rgb: 143, 105, 27;  --bad-rgb: 168, 70, 58;
  --pal-name: "Montagna";  --pal-greet: "Buonanotte";
}

/* ═══════════════════ TEMA: GAZZETTA · LIGHT/NEWSPRINT ═══════════════════ */
/* Carta da giornale + inchiostro nero caldo + rosso testata. Abbinare a data-font="gazzetta". */
:root[data-theme="gazzetta"][data-palette="morning"] {
  --bg: #F4F1E8;  --bg-2: #ECE8DC;  --bg-3: #E3DECE;
  --rail: #DAD3C2;  --topbar: #EBE6D9;
  --accent: #A8362B;  --accent-soft: rgba(168, 54, 43, 0.15);  --accent-rgb: 168, 54, 43;
  --text: #1A1713;
  --text-dim:   rgba(26, 23, 19, 0.70);
  --text-mute:  rgba(26, 23, 19, 0.45);
  --text-faint: rgba(26, 23, 19, 0.28);
  --line:        rgba(26, 23, 19, 0.14);
  --line-strong: rgba(26, 23, 19, 0.28);
  --surface:     rgba(26, 23, 19, 0.03);
  --surface-hi:  rgba(26, 23, 19, 0.06);
  --warn: #9A6E1C;  --ok: #3C7A4E;  --bad: #A8362B;
  --ok-rgb: 60, 122, 78;  --warn-rgb: 154, 110, 28;  --bad-rgb: 168, 54, 43;
  --pal-name: "Gazzetta";  --pal-greet: "Buongiorno";
}

:root[data-theme="gazzetta"][data-palette="day"] {
  --bg: #F8F6F0;  --bg-2: #F0EDE4;  --bg-3: #E7E2D6;
  --rail: #DCD6C8;  --topbar: #F0ECE2;
  --accent: #9C3228;  --accent-soft: rgba(156, 50, 40, 0.15);  --accent-rgb: 156, 50, 40;
  --text: #15120E;
  --text-dim:   rgba(21, 18, 14, 0.70);
  --text-mute:  rgba(21, 18, 14, 0.45);
  --text-faint: rgba(21, 18, 14, 0.28);
  --line:        rgba(21, 18, 14, 0.14);
  --line-strong: rgba(21, 18, 14, 0.28);
  --surface:     rgba(21, 18, 14, 0.03);
  --surface-hi:  rgba(21, 18, 14, 0.06);
  --warn: #946A1A;  --ok: #3A764B;  --bad: #9C3228;
  --ok-rgb: 58, 118, 75;  --warn-rgb: 148, 106, 26;  --bad-rgb: 156, 50, 40;
  --pal-name: "Gazzetta";  --pal-greet: "Buon pomeriggio";
}

:root[data-theme="gazzetta"][data-palette="evening"] {
  --bg: #F1E9DC;  --bg-2: #E8DFCF;  --bg-3: #DED3BF;
  --rail: #D2C5AE;  --topbar: #E9E0D0;
  --accent: #A53E2C;  --accent-soft: rgba(165, 62, 44, 0.15);  --accent-rgb: 165, 62, 44;
  --text: #221B14;
  --text-dim:   rgba(34, 27, 20, 0.70);
  --text-mute:  rgba(34, 27, 20, 0.45);
  --text-faint: rgba(34, 27, 20, 0.28);
  --line:        rgba(34, 27, 20, 0.14);
  --line-strong: rgba(34, 27, 20, 0.28);
  --surface:     rgba(34, 27, 20, 0.03);
  --surface-hi:  rgba(34, 27, 20, 0.06);
  --warn: #9C7220;  --ok: #447C54;  --bad: #A53E2C;
  --ok-rgb: 68, 124, 84;  --warn-rgb: 156, 114, 32;  --bad-rgb: 165, 62, 44;
  --pal-name: "Gazzetta";  --pal-greet: "Buonasera";
}

:root[data-theme="gazzetta"][data-palette="night"] {
  --bg: #E4DDD0;  --bg-2: #DAD2C2;  --bg-3: #CFC6B4;
  --rail: #C2B79F;  --topbar: #DBD3C3;
  --accent: #8E3024;  --accent-soft: rgba(142, 48, 36, 0.15);  --accent-rgb: 142, 48, 36;
  --text: #1A1610;
  --text-dim:   rgba(26, 22, 16, 0.70);
  --text-mute:  rgba(26, 22, 16, 0.45);
  --text-faint: rgba(26, 22, 16, 0.28);
  --line:        rgba(26, 22, 16, 0.14);
  --line-strong: rgba(26, 22, 16, 0.28);
  --surface:     rgba(26, 22, 16, 0.03);
  --surface-hi:  rgba(26, 22, 16, 0.06);
  --warn: #876018;  --ok: #356E46;  --bad: #8E3024;
  --ok-rgb: 53, 110, 70;  --warn-rgb: 135, 96, 24;  --bad-rgb: 142, 48, 36;
  --pal-name: "Gazzetta";  --pal-greet: "Buonanotte";
}

/* ═══════════════════ TEMA: NOIR · BIANCO & NERO (day=light / night=dark) ═══════════════════ */
/* Monocromo da cinema. Matinée chiaro → high-key → noir → titoli di coda. Accent = contrasto massimo neutro. */
:root[data-theme="noir"][data-palette="morning"] {
  --bg: #EDEDED;  --bg-2: #E4E4E4;  --bg-3: #DADADA;
  --rail: #D0D0D0;  --topbar: #E6E6E6;
  --accent: #1A1A1A;  --accent-soft: rgba(26, 26, 26, 0.15);  --accent-rgb: 26, 26, 26;
  --text: #141414;
  --text-dim:   rgba(20, 20, 20, 0.70);
  --text-mute:  rgba(20, 20, 20, 0.45);
  --text-faint: rgba(20, 20, 20, 0.28);
  --line:        rgba(20, 20, 20, 0.13);
  --line-strong: rgba(20, 20, 20, 0.26);
  --surface:     rgba(20, 20, 20, 0.035);
  --surface-hi:  rgba(20, 20, 20, 0.07);
  --warn: #6B5C30;  --ok: #48634E;  --bad: #6E3A33;
  --ok-rgb: 72, 99, 78;  --warn-rgb: 107, 92, 48;  --bad-rgb: 110, 58, 51;
  --pal-name: "Bianco & Nero";  --pal-greet: "Buongiorno";
}

:root[data-theme="noir"][data-palette="day"] {
  --bg: #FAFAFA;  --bg-2: #F1F1F1;  --bg-3: #E8E8E8;
  --rail: #DEDEDE;  --topbar: #F2F2F2;
  --accent: #0A0A0A;  --accent-soft: rgba(10, 10, 10, 0.15);  --accent-rgb: 10, 10, 10;
  --text: #0D0D0D;
  --text-dim:   rgba(13, 13, 13, 0.70);
  --text-mute:  rgba(13, 13, 13, 0.45);
  --text-faint: rgba(13, 13, 13, 0.28);
  --line:        rgba(13, 13, 13, 0.13);
  --line-strong: rgba(13, 13, 13, 0.26);
  --surface:     rgba(13, 13, 13, 0.035);
  --surface-hi:  rgba(13, 13, 13, 0.07);
  --warn: #6A5A2C;  --ok: #3F5C48;  --bad: #6B362F;
  --ok-rgb: 63, 92, 72;  --warn-rgb: 106, 90, 44;  --bad-rgb: 107, 54, 47;
  --pal-name: "Bianco & Nero";  --pal-greet: "Buon pomeriggio";
}

:root[data-theme="noir"][data-palette="evening"] {
  --bg: #1A1A1A;  --bg-2: #202020;  --bg-3: #282828;
  --rail: #121212;  --topbar: #181818;
  --accent: #EAEAEA;  --accent-soft: rgba(234, 234, 234, 0.15);  --accent-rgb: 234, 234, 234;
  --text: #ECECEC;
  --text-dim:   rgba(236, 236, 236, 0.70);
  --text-mute:  rgba(236, 236, 236, 0.45);
  --text-faint: rgba(236, 236, 236, 0.28);
  --line:        rgba(236, 236, 236, 0.1);
  --line-strong: rgba(236, 236, 236, 0.22);
  --surface:     rgba(236, 236, 236, 0.04);
  --surface-hi:  rgba(236, 236, 236, 0.08);
  --warn: #BBA978;  --ok: #9CB1A2;  --bad: #C2918A;
  --ok-rgb: 156, 177, 162;  --warn-rgb: 187, 169, 120;  --bad-rgb: 194, 145, 138;
  --pal-name: "Bianco & Nero";  --pal-greet: "Buonasera";
}

:root[data-theme="noir"][data-palette="night"] {
  --bg: #0A0A0A;  --bg-2: #101010;  --bg-3: #181818;
  --rail: #040404;  --topbar: #0C0C0C;
  --accent: #F4F4F4;  --accent-soft: rgba(244, 244, 244, 0.15);  --accent-rgb: 244, 244, 244;
  --text: #EAEAEA;
  --text-dim:   rgba(234, 234, 234, 0.70);
  --text-mute:  rgba(234, 234, 234, 0.45);
  --text-faint: rgba(234, 234, 234, 0.28);
  --line:        rgba(234, 234, 234, 0.1);
  --line-strong: rgba(234, 234, 234, 0.22);
  --surface:     rgba(234, 234, 234, 0.04);
  --surface-hi:  rgba(234, 234, 234, 0.08);
  --warn: #B4A270;  --ok: #94AA9B;  --bad: #BC8A83;
  --ok-rgb: 148, 170, 155;  --warn-rgb: 180, 162, 112;  --bad-rgb: 188, 138, 131;
  --pal-name: "Bianco & Nero";  --pal-greet: "Buonanotte";
}