/* GENERATO da strumenti/genera_temi.py: non modificare a mano.
 * Ogni stile vale sull'elemento <html> (data-stile, data-tema) e sulle anteprime del profilo
 * (elementi con data-stile dentro la pagina). data-tema: auto | chiaro | scuro. */

:root {
  color-scheme: light;
  --bg: #f3f5f7;
  --surface: #ffffff;
  --surface-2: #eaeef2;
  --line: #d8dee5;
  --line-strong: #7b8794;
  --ink: #16212c;
  --muted: #55626f;
  --accent: #0b6b70;
  --accent-ink: #ffffff;
  --accent-soft: #d9eeee;
  --ok: #1b6e31;
  --ok-soft: #ddf1e3;
  --err: #ad231b;
  --err-soft: #f9e1de;
  --warn: #7f5200;
  --warn-soft: #fbf0d6;
  --mark: #f6e3a6;
  --mark-ink: #16212c;
  --agente: #edf1f5;
  --cittadino: #dff0ee;
  --nav: #ffffff;
  --nav-ink: #26323e;
  --nav-muted: #5d6a77;
  --nav-active: #d9eeee;
  --nav-active-ink: #07565a;
  --nav-focus: #0b6b70;
  --focus: #0b6b70;
}

/* Nexus */
[data-stile="nexus"] {
  color-scheme: light;
  --bg: #f3f5f7;
  --surface: #ffffff;
  --surface-2: #eaeef2;
  --line: #d8dee5;
  --line-strong: #7b8794;
  --ink: #16212c;
  --muted: #55626f;
  --accent: #0b6b70;
  --accent-ink: #ffffff;
  --accent-soft: #d9eeee;
  --ok: #1b6e31;
  --ok-soft: #ddf1e3;
  --err: #ad231b;
  --err-soft: #f9e1de;
  --warn: #7f5200;
  --warn-soft: #fbf0d6;
  --mark: #f6e3a6;
  --mark-ink: #16212c;
  --agente: #edf1f5;
  --cittadino: #dff0ee;
  --nav: #ffffff;
  --nav-ink: #26323e;
  --nav-muted: #5d6a77;
  --nav-active: #d9eeee;
  --nav-active-ink: #07565a;
  --nav-focus: #0b6b70;
  --focus: #0b6b70;
}

[data-tema="scuro"][data-stile="nexus"],
[data-tema="scuro"] [data-stile="nexus"] {
  color-scheme: dark;
  --bg: #0e1419;
  --surface: #162029;
  --surface-2: #1c2833;
  --line: #2a3743;
  --line-strong: #6b7a89;
  --ink: #e3e9ee;
  --muted: #9eabb8;
  --accent: #5cc0c3;
  --accent-ink: #04191a;
  --accent-soft: #15393b;
  --ok: #74d38c;
  --ok-soft: #15321f;
  --err: #f39389;
  --err-soft: #3b1a17;
  --warn: #eab755;
  --warn-soft: #392b10;
  --mark: #6a5512;
  --mark-ink: #fdf7e4;
  --agente: #1e2a35;
  --cittadino: #15302f;
  --nav: #121a21;
  --nav-ink: #d3dbe2;
  --nav-muted: #94a1ae;
  --nav-active: #15393b;
  --nav-active-ink: #8fdcdf;
  --nav-focus: #5cc0c3;
  --focus: #5cc0c3;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-stile="nexus"],
[data-tema="auto"] [data-stile="nexus"] {
  color-scheme: dark;
  --bg: #0e1419;
  --surface: #162029;
  --surface-2: #1c2833;
  --line: #2a3743;
  --line-strong: #6b7a89;
  --ink: #e3e9ee;
  --muted: #9eabb8;
  --accent: #5cc0c3;
  --accent-ink: #04191a;
  --accent-soft: #15393b;
  --ok: #74d38c;
  --ok-soft: #15321f;
  --err: #f39389;
  --err-soft: #3b1a17;
  --warn: #eab755;
  --warn-soft: #392b10;
  --mark: #6a5512;
  --mark-ink: #fdf7e4;
  --agente: #1e2a35;
  --cittadino: #15302f;
  --nav: #121a21;
  --nav-ink: #d3dbe2;
  --nav-muted: #94a1ae;
  --nav-active: #15393b;
  --nav-active-ink: #8fdcdf;
  --nav-focus: #5cc0c3;
  --focus: #5cc0c3;
}
}

/* Istituzionale */
[data-stile="istituzionale"] {
  color-scheme: light;
  --bg: #f1f5f9;
  --surface: #ffffff;
  --surface-2: #e7eef5;
  --line: #d3dde8;
  --line-strong: #768aa0;
  --ink: #17324d;
  --muted: #4b5f74;
  --accent: #0066cc;
  --accent-ink: #ffffff;
  --accent-soft: #e0ecf9;
  --ok: #00704c;
  --ok-soft: #dcf2e9;
  --err: #b0213b;
  --err-soft: #fbe2e6;
  --warn: #7d4f00;
  --warn-soft: #fcefd6;
  --mark: #ffe58f;
  --mark-ink: #17324d;
  --agente: #edf2f7;
  --cittadino: #e0ecf9;
  --nav: #00264d;
  --nav-ink: #e8f0f8;
  --nav-muted: #a9bfd6;
  --nav-active: #0066cc;
  --nav-active-ink: #ffffff;
  --nav-focus: #8cc4ff;
  --focus: #0066cc;
}

[data-tema="scuro"][data-stile="istituzionale"],
[data-tema="scuro"] [data-stile="istituzionale"] {
  color-scheme: dark;
  --bg: #0b1622;
  --surface: #122133;
  --surface-2: #182b41;
  --line: #273e57;
  --line-strong: #6c84a0;
  --ink: #e5edf6;
  --muted: #a6b8cb;
  --accent: #6db1ff;
  --accent-ink: #04213f;
  --accent-soft: #16324f;
  --ok: #62d4a3;
  --ok-soft: #0f3229;
  --err: #ff8d9e;
  --err-soft: #3c1820;
  --warn: #f2bf5e;
  --warn-soft: #3a2b10;
  --mark: #655112;
  --mark-ink: #fff8e1;
  --agente: #182a3e;
  --cittadino: #16324f;
  --nav: #08121c;
  --nav-ink: #d7e3f0;
  --nav-muted: #93a8bf;
  --nav-active: #1b4f86;
  --nav-active-ink: #ffffff;
  --nav-focus: #6db1ff;
  --focus: #6db1ff;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-stile="istituzionale"],
[data-tema="auto"] [data-stile="istituzionale"] {
  color-scheme: dark;
  --bg: #0b1622;
  --surface: #122133;
  --surface-2: #182b41;
  --line: #273e57;
  --line-strong: #6c84a0;
  --ink: #e5edf6;
  --muted: #a6b8cb;
  --accent: #6db1ff;
  --accent-ink: #04213f;
  --accent-soft: #16324f;
  --ok: #62d4a3;
  --ok-soft: #0f3229;
  --err: #ff8d9e;
  --err-soft: #3c1820;
  --warn: #f2bf5e;
  --warn-soft: #3a2b10;
  --mark: #655112;
  --mark-ink: #fff8e1;
  --agente: #182a3e;
  --cittadino: #16324f;
  --nav: #08121c;
  --nav-ink: #d7e3f0;
  --nav-muted: #93a8bf;
  --nav-active: #1b4f86;
  --nav-active-ink: #ffffff;
  --nav-focus: #6db1ff;
  --focus: #6db1ff;
}
}

/* Alto contrasto */
[data-stile="contrasto"] {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f0f0f0;
  --line: #000000;
  --line-strong: #000000;
  --ink: #000000;
  --muted: #262626;
  --accent: #0029a3;
  --accent-ink: #ffffff;
  --accent-soft: #e6ebfa;
  --ok: #004d1a;
  --ok-soft: #e3f5e8;
  --err: #8f0000;
  --err-soft: #ffe8e8;
  --warn: #4d3300;
  --warn-soft: #fff2cc;
  --mark: #ffff00;
  --mark-ink: #000000;
  --agente: #f0f0f0;
  --cittadino: #e6ebfa;
  --nav: #000000;
  --nav-ink: #ffffff;
  --nav-muted: #e0e0e0;
  --nav-active: #ffff00;
  --nav-active-ink: #000000;
  --nav-focus: #ff7ad9;
  --focus: #c4007a;
}

[data-tema="scuro"][data-stile="contrasto"],
[data-tema="scuro"] [data-stile="contrasto"] {
  color-scheme: dark;
  --bg: #000000;
  --surface: #000000;
  --surface-2: #1a1a1a;
  --line: #ffffff;
  --line-strong: #ffffff;
  --ink: #ffffff;
  --muted: #e6e6e6;
  --accent: #ffd400;
  --accent-ink: #000000;
  --accent-soft: #2e2600;
  --ok: #85ffa4;
  --ok-soft: #002b10;
  --err: #ffa3a3;
  --err-soft: #3d0000;
  --warn: #ffd685;
  --warn-soft: #332400;
  --mark: #ffd400;
  --mark-ink: #000000;
  --agente: #1a1a1a;
  --cittadino: #14142e;
  --nav: #000000;
  --nav-ink: #ffffff;
  --nav-muted: #e6e6e6;
  --nav-active: #ffd400;
  --nav-active-ink: #000000;
  --nav-focus: #ff7ad9;
  --focus: #ff7ad9;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-stile="contrasto"],
[data-tema="auto"] [data-stile="contrasto"] {
  color-scheme: dark;
  --bg: #000000;
  --surface: #000000;
  --surface-2: #1a1a1a;
  --line: #ffffff;
  --line-strong: #ffffff;
  --ink: #ffffff;
  --muted: #e6e6e6;
  --accent: #ffd400;
  --accent-ink: #000000;
  --accent-soft: #2e2600;
  --ok: #85ffa4;
  --ok-soft: #002b10;
  --err: #ffa3a3;
  --err-soft: #3d0000;
  --warn: #ffd685;
  --warn-soft: #332400;
  --mark: #ffd400;
  --mark-ink: #000000;
  --agente: #1a1a1a;
  --cittadino: #14142e;
  --nav: #000000;
  --nav-ink: #ffffff;
  --nav-muted: #e6e6e6;
  --nav-active: #ffd400;
  --nav-active-ink: #000000;
  --nav-focus: #ff7ad9;
  --focus: #ff7ad9;
}
}

/* Carta */
[data-stile="carta"] {
  color-scheme: light;
  --bg: #f7f2e8;
  --surface: #fffdf8;
  --surface-2: #f0e9da;
  --line: #e2d8c4;
  --line-strong: #857862;
  --ink: #2b2419;
  --muted: #5b5141;
  --accent: #8a3a12;
  --accent-ink: #fffdf8;
  --accent-soft: #f5e3d6;
  --ok: #2f6a2c;
  --ok-soft: #e3efd9;
  --err: #a3271c;
  --err-soft: #f8e1dc;
  --warn: #744a00;
  --warn-soft: #f6ead0;
  --mark: #f3df9a;
  --mark-ink: #2b2419;
  --agente: #f3ede1;
  --cittadino: #f5e3d6;
  --nav: #fbf7ef;
  --nav-ink: #2b2419;
  --nav-muted: #5b5141;
  --nav-active: #f0e1cf;
  --nav-active-ink: #6b2c0d;
  --nav-focus: #8a3a12;
  --focus: #8a3a12;
}

[data-tema="scuro"][data-stile="carta"],
[data-tema="scuro"] [data-stile="carta"] {
  color-scheme: dark;
  --bg: #1b1813;
  --surface: #24201a;
  --surface-2: #2c2720;
  --line: #3a342b;
  --line-strong: #8a7f6d;
  --ink: #f1eadc;
  --muted: #c2b6a0;
  --accent: #eba77f;
  --accent-ink: #2a1206;
  --accent-soft: #3d2618;
  --ok: #9fd58f;
  --ok-soft: #1f3119;
  --err: #f4a093;
  --err-soft: #3d1d18;
  --warn: #e9c26b;
  --warn-soft: #3a2d12;
  --mark: #6b5414;
  --mark-ink: #fbf3dc;
  --agente: #2a251e;
  --cittadino: #3a2a1f;
  --nav: #1f1b16;
  --nav-ink: #ece3d2;
  --nav-muted: #b8ab94;
  --nav-active: #3d2618;
  --nav-active-ink: #f6c3a3;
  --nav-focus: #eba77f;
  --focus: #eba77f;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-stile="carta"],
[data-tema="auto"] [data-stile="carta"] {
  color-scheme: dark;
  --bg: #1b1813;
  --surface: #24201a;
  --surface-2: #2c2720;
  --line: #3a342b;
  --line-strong: #8a7f6d;
  --ink: #f1eadc;
  --muted: #c2b6a0;
  --accent: #eba77f;
  --accent-ink: #2a1206;
  --accent-soft: #3d2618;
  --ok: #9fd58f;
  --ok-soft: #1f3119;
  --err: #f4a093;
  --err-soft: #3d1d18;
  --warn: #e9c26b;
  --warn-soft: #3a2d12;
  --mark: #6b5414;
  --mark-ink: #fbf3dc;
  --agente: #2a251e;
  --cittadino: #3a2a1f;
  --nav: #1f1b16;
  --nav-ink: #ece3d2;
  --nav-muted: #b8ab94;
  --nav-active: #3d2618;
  --nav-active-ink: #f6c3a3;
  --nav-focus: #eba77f;
  --focus: #eba77f;
}
}

/* Ardesia */
[data-stile="ardesia"] {
  color-scheme: light;
  --bg: #eef1f4;
  --surface: #ffffff;
  --surface-2: #e4e8ed;
  --line: #d0d7df;
  --line-strong: #6f7c89;
  --ink: #1b2430;
  --muted: #4f5b68;
  --accent: #9a4a00;
  --accent-ink: #ffffff;
  --accent-soft: #fbe9d4;
  --ok: #1b6e31;
  --ok-soft: #ddf1e3;
  --err: #ad231b;
  --err-soft: #f9e1de;
  --warn: #7a4f00;
  --warn-soft: #fbf0d6;
  --mark: #f6e3a6;
  --mark-ink: #1b2430;
  --agente: #e9edf1;
  --cittadino: #fbe9d4;
  --nav: #1f2933;
  --nav-ink: #e8edf2;
  --nav-muted: #a8b4c0;
  --nav-active: #3a4754;
  --nav-active-ink: #ffd08a;
  --nav-focus: #ffb347;
  --focus: #9a4a00;
}

[data-tema="scuro"][data-stile="ardesia"],
[data-tema="scuro"] [data-stile="ardesia"] {
  color-scheme: dark;
  --bg: #12171c;
  --surface: #1a2027;
  --surface-2: #212932;
  --line: #2e3842;
  --line-strong: #6e7b88;
  --ink: #e6ebf0;
  --muted: #a4b0bc;
  --accent: #f5b54a;
  --accent-ink: #241500;
  --accent-soft: #3a2a0f;
  --ok: #74d38c;
  --ok-soft: #15321f;
  --err: #f39389;
  --err-soft: #3b1a17;
  --warn: #eab755;
  --warn-soft: #392b10;
  --mark: #6a5512;
  --mark-ink: #fdf7e4;
  --agente: #1f262e;
  --cittadino: #33280f;
  --nav: #0d1115;
  --nav-ink: #dfe5ea;
  --nav-muted: #98a5b1;
  --nav-active: #2b2412;
  --nav-active-ink: #ffd08a;
  --nav-focus: #f5b54a;
  --focus: #f5b54a;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-stile="ardesia"],
[data-tema="auto"] [data-stile="ardesia"] {
  color-scheme: dark;
  --bg: #12171c;
  --surface: #1a2027;
  --surface-2: #212932;
  --line: #2e3842;
  --line-strong: #6e7b88;
  --ink: #e6ebf0;
  --muted: #a4b0bc;
  --accent: #f5b54a;
  --accent-ink: #241500;
  --accent-soft: #3a2a0f;
  --ok: #74d38c;
  --ok-soft: #15321f;
  --err: #f39389;
  --err-soft: #3b1a17;
  --warn: #eab755;
  --warn-soft: #392b10;
  --mark: #6a5512;
  --mark-ink: #fdf7e4;
  --agente: #1f262e;
  --cittadino: #33280f;
  --nav: #0d1115;
  --nav-ink: #dfe5ea;
  --nav-muted: #98a5b1;
  --nav-active: #2b2412;
  --nav-active-ink: #ffd08a;
  --nav-focus: #f5b54a;
  --focus: #f5b54a;
}
}

/* Mare di Anzio */
[data-stile="mare"] {
  color-scheme: light;
  --bg: #f5f0e6;
  --surface: #fffdf9;
  --surface-2: #ede5d6;
  --line: #ddd2bf;
  --line-strong: #827762;
  --ink: #14243a;
  --muted: #4a5768;
  --accent: #a03a20;
  --accent-ink: #ffffff;
  --accent-soft: #f6e0d6;
  --ok: #1d6b45;
  --ok-soft: #dcefe4;
  --err: #a8231f;
  --err-soft: #f8e0dd;
  --warn: #744b00;
  --warn-soft: #f6ead0;
  --mark: #f4dc8f;
  --mark-ink: #14243a;
  --agente: #efe8db;
  --cittadino: #e3ebf3;
  --nav: #0b2545;
  --nav-ink: #eef3f9;
  --nav-muted: #a9bdd3;
  --nav-active: #1f4c7a;
  --nav-active-ink: #ffffff;
  --nav-focus: #f2b8a0;
  --focus: #a03a20;
}

[data-tema="scuro"][data-stile="mare"],
[data-tema="scuro"] [data-stile="mare"] {
  color-scheme: dark;
  --bg: #0a1626;
  --surface: #102036;
  --surface-2: #172a44;
  --line: #24395a;
  --line-strong: #6d84a3;
  --ink: #e8eef6;
  --muted: #a7b7ca;
  --accent: #f29a7a;
  --accent-ink: #2b0d03;
  --accent-soft: #3b2018;
  --ok: #6fd4a0;
  --ok-soft: #0f3326;
  --err: #ff8f8a;
  --err-soft: #3c1818;
  --warn: #f0c062;
  --warn-soft: #3a2c10;
  --mark: #655214;
  --mark-ink: #fff6dc;
  --agente: #152741;
  --cittadino: #2a2433;
  --nav: #071322;
  --nav-ink: #dbe6f2;
  --nav-muted: #91a7c0;
  --nav-active: #1f3f66;
  --nav-active-ink: #ffffff;
  --nav-focus: #f29a7a;
  --focus: #f29a7a;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-stile="mare"],
[data-tema="auto"] [data-stile="mare"] {
  color-scheme: dark;
  --bg: #0a1626;
  --surface: #102036;
  --surface-2: #172a44;
  --line: #24395a;
  --line-strong: #6d84a3;
  --ink: #e8eef6;
  --muted: #a7b7ca;
  --accent: #f29a7a;
  --accent-ink: #2b0d03;
  --accent-soft: #3b2018;
  --ok: #6fd4a0;
  --ok-soft: #0f3326;
  --err: #ff8f8a;
  --err-soft: #3c1818;
  --warn: #f0c062;
  --warn-soft: #3a2c10;
  --mark: #655214;
  --mark-ink: #fff6dc;
  --agente: #152741;
  --cittadino: #2a2433;
  --nav: #071322;
  --nav-ink: #dbe6f2;
  --nav-muted: #91a7c0;
  --nav-active: #1f3f66;
  --nav-active-ink: #ffffff;
  --nav-focus: #f29a7a;
  --focus: #f29a7a;
}
}

/* Bosco */
[data-stile="bosco"] {
  color-scheme: light;
  --bg: #f2f5f0;
  --surface: #ffffff;
  --surface-2: #e7ede4;
  --line: #d3dccf;
  --line-strong: #6f7d6b;
  --ink: #1a2a1c;
  --muted: #4c5c4d;
  --accent: #2e6b34;
  --accent-ink: #ffffff;
  --accent-soft: #dcefdc;
  --ok: #1b6e31;
  --ok-soft: #ddf1e3;
  --err: #a8251c;
  --err-soft: #f8e1dc;
  --warn: #744b00;
  --warn-soft: #f7ecd2;
  --mark: #efe19a;
  --mark-ink: #1a2a1c;
  --agente: #ebf0e8;
  --cittadino: #dcefdc;
  --nav: #234d2a;
  --nav-ink: #eef5ec;
  --nav-muted: #b4ccb2;
  --nav-active: #3c7344;
  --nav-active-ink: #ffffff;
  --nav-focus: #b9f0b0;
  --focus: #2e6b34;
}

[data-tema="scuro"][data-stile="bosco"],
[data-tema="scuro"] [data-stile="bosco"] {
  color-scheme: dark;
  --bg: #0f1610;
  --surface: #162018;
  --surface-2: #1d2a20;
  --line: #2a3a2d;
  --line-strong: #6b7f6d;
  --ink: #e4ede3;
  --muted: #a6b8a6;
  --accent: #8fd49a;
  --accent-ink: #062109;
  --accent-soft: #1c3a22;
  --ok: #74d38c;
  --ok-soft: #15321f;
  --err: #f39389;
  --err-soft: #3b1a17;
  --warn: #e6bd5c;
  --warn-soft: #382b10;
  --mark: #66561a;
  --mark-ink: #fbf6e2;
  --agente: #1b261d;
  --cittadino: #1c3a22;
  --nav: #0b120c;
  --nav-ink: #dce8da;
  --nav-muted: #9db29c;
  --nav-active: #1f4127;
  --nav-active-ink: #c9f5cf;
  --nav-focus: #8fd49a;
  --focus: #8fd49a;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-stile="bosco"],
[data-tema="auto"] [data-stile="bosco"] {
  color-scheme: dark;
  --bg: #0f1610;
  --surface: #162018;
  --surface-2: #1d2a20;
  --line: #2a3a2d;
  --line-strong: #6b7f6d;
  --ink: #e4ede3;
  --muted: #a6b8a6;
  --accent: #8fd49a;
  --accent-ink: #062109;
  --accent-soft: #1c3a22;
  --ok: #74d38c;
  --ok-soft: #15321f;
  --err: #f39389;
  --err-soft: #3b1a17;
  --warn: #e6bd5c;
  --warn-soft: #382b10;
  --mark: #66561a;
  --mark-ink: #fbf6e2;
  --agente: #1b261d;
  --cittadino: #1c3a22;
  --nav: #0b120c;
  --nav-ink: #dce8da;
  --nav-muted: #9db29c;
  --nav-active: #1f4127;
  --nav-active-ink: #c9f5cf;
  --nav-focus: #8fd49a;
  --focus: #8fd49a;
}
}

/* accento: blu */
[data-tema="chiaro"][data-accento="blu"]:not([data-stile="contrasto"]),
[data-tema="auto"][data-accento="blu"]:not([data-stile="contrasto"]) {
  --accent: #1d4ed8;
  --accent-ink: #ffffff;
  --accent-soft: #dfe8fb;
  --focus: #1d4ed8;
}

[data-tema="scuro"][data-accento="blu"]:not([data-stile="contrasto"]) {
  --accent: #8ab4ff;
  --accent-ink: #071a33;
  --accent-soft: #172c4d;
  --focus: #8ab4ff;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-accento="blu"]:not([data-stile="contrasto"]) {
  --accent: #8ab4ff;
  --accent-ink: #071a33;
  --accent-soft: #172c4d;
  --focus: #8ab4ff;
}
}

/* accento: petrolio */
[data-tema="chiaro"][data-accento="petrolio"]:not([data-stile="contrasto"]),
[data-tema="auto"][data-accento="petrolio"]:not([data-stile="contrasto"]) {
  --accent: #0b6b70;
  --accent-ink: #ffffff;
  --accent-soft: #d9eeee;
  --focus: #0b6b70;
}

[data-tema="scuro"][data-accento="petrolio"]:not([data-stile="contrasto"]) {
  --accent: #5cc0c3;
  --accent-ink: #04191a;
  --accent-soft: #15393b;
  --focus: #5cc0c3;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-accento="petrolio"]:not([data-stile="contrasto"]) {
  --accent: #5cc0c3;
  --accent-ink: #04191a;
  --accent-soft: #15393b;
  --focus: #5cc0c3;
}
}

/* accento: verde */
[data-tema="chiaro"][data-accento="verde"]:not([data-stile="contrasto"]),
[data-tema="auto"][data-accento="verde"]:not([data-stile="contrasto"]) {
  --accent: #1d6b33;
  --accent-ink: #ffffff;
  --accent-soft: #dcefe0;
  --focus: #1d6b33;
}

[data-tema="scuro"][data-accento="verde"]:not([data-stile="contrasto"]) {
  --accent: #7ad596;
  --accent-ink: #04210f;
  --accent-soft: #12331f;
  --focus: #7ad596;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-accento="verde"]:not([data-stile="contrasto"]) {
  --accent: #7ad596;
  --accent-ink: #04210f;
  --accent-soft: #12331f;
  --focus: #7ad596;
}
}

/* accento: viola */
[data-tema="chiaro"][data-accento="viola"]:not([data-stile="contrasto"]),
[data-tema="auto"][data-accento="viola"]:not([data-stile="contrasto"]) {
  --accent: #6d28d9;
  --accent-ink: #ffffff;
  --accent-soft: #ece3fb;
  --focus: #6d28d9;
}

[data-tema="scuro"][data-accento="viola"]:not([data-stile="contrasto"]) {
  --accent: #bea6ff;
  --accent-ink: #160a33;
  --accent-soft: #2a1f47;
  --focus: #bea6ff;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-accento="viola"]:not([data-stile="contrasto"]) {
  --accent: #bea6ff;
  --accent-ink: #160a33;
  --accent-soft: #2a1f47;
  --focus: #bea6ff;
}
}

/* accento: bordeaux */
[data-tema="chiaro"][data-accento="bordeaux"]:not([data-stile="contrasto"]),
[data-tema="auto"][data-accento="bordeaux"]:not([data-stile="contrasto"]) {
  --accent: #9f1239;
  --accent-ink: #ffffff;
  --accent-soft: #fbe4ea;
  --focus: #9f1239;
}

[data-tema="scuro"][data-accento="bordeaux"]:not([data-stile="contrasto"]) {
  --accent: #ff9bb3;
  --accent-ink: #2b0610;
  --accent-soft: #3d1520;
  --focus: #ff9bb3;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-accento="bordeaux"]:not([data-stile="contrasto"]) {
  --accent: #ff9bb3;
  --accent-ink: #2b0610;
  --accent-soft: #3d1520;
  --focus: #ff9bb3;
}
}

/* accento: arancio */
[data-tema="chiaro"][data-accento="arancio"]:not([data-stile="contrasto"]),
[data-tema="auto"][data-accento="arancio"]:not([data-stile="contrasto"]) {
  --accent: #9a4a07;
  --accent-ink: #ffffff;
  --accent-soft: #fbe9d6;
  --focus: #9a4a07;
}

[data-tema="scuro"][data-accento="arancio"]:not([data-stile="contrasto"]) {
  --accent: #f6a35c;
  --accent-ink: #2a1302;
  --accent-soft: #3b2410;
  --focus: #f6a35c;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-accento="arancio"]:not([data-stile="contrasto"]) {
  --accent: #f6a35c;
  --accent-ink: #2a1302;
  --accent-soft: #3b2410;
  --focus: #f6a35c;
}
}

/* accento: grafite */
[data-tema="chiaro"][data-accento="grafite"]:not([data-stile="contrasto"]),
[data-tema="auto"][data-accento="grafite"]:not([data-stile="contrasto"]) {
  --accent: #3f4a56;
  --accent-ink: #ffffff;
  --accent-soft: #e5e9ee;
  --focus: #3f4a56;
}

[data-tema="scuro"][data-accento="grafite"]:not([data-stile="contrasto"]) {
  --accent: #c3cdd8;
  --accent-ink: #0e1419;
  --accent-soft: #26303a;
  --focus: #c3cdd8;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-accento="grafite"]:not([data-stile="contrasto"]) {
  --accent: #c3cdd8;
  --accent-ink: #0e1419;
  --accent-soft: #26303a;
  --focus: #c3cdd8;
}
}

/* menu: scuro */
[data-tema="chiaro"][data-menu="scuro"]:not([data-stile="contrasto"]),
[data-tema="auto"][data-menu="scuro"]:not([data-stile="contrasto"]) {
  --nav: #111a22;
  --nav-ink: #e6edf3;
  --nav-muted: #a3b2c0;
  --nav-active: #2c3d4d;
  --nav-active-ink: #ffffff;
  --nav-focus: #7cc4ff;
}

[data-tema="scuro"][data-menu="scuro"]:not([data-stile="contrasto"]) {
  --nav: #090e13;
  --nav-ink: #dfe6ec;
  --nav-muted: #98a7b5;
  --nav-active: #24323f;
  --nav-active-ink: #ffffff;
  --nav-focus: #7cc4ff;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-menu="scuro"]:not([data-stile="contrasto"]) {
  --nav: #090e13;
  --nav-ink: #dfe6ec;
  --nav-muted: #98a7b5;
  --nav-active: #24323f;
  --nav-active-ink: #ffffff;
  --nav-focus: #7cc4ff;
}
}

/* menu: chiaro */
[data-tema="chiaro"][data-menu="chiaro"]:not([data-stile="contrasto"]),
[data-tema="auto"][data-menu="chiaro"]:not([data-stile="contrasto"]) {
  --nav: #ffffff;
  --nav-ink: #1f2a35;
  --nav-muted: #56636f;
  --nav-active: #e3e9ef;
  --nav-active-ink: #0f1720;
  --nav-focus: #1d4ed8;
}

[data-tema="scuro"][data-menu="chiaro"]:not([data-stile="contrasto"]) {
  --nav: #1c2733;
  --nav-ink: #e6edf3;
  --nav-muted: #a7b5c3;
  --nav-active: #2f3f50;
  --nav-active-ink: #ffffff;
  --nav-focus: #8ab4ff;
}

@media (prefers-color-scheme: dark) {
[data-tema="auto"][data-menu="chiaro"]:not([data-stile="contrasto"]) {
  --nav: #1c2733;
  --nav-ink: #e6edf3;
  --nav-muted: #a7b5c3;
  --nav-active: #2f3f50;
  --nav-active-ink: #ffffff;
  --nav-focus: #8ab4ff;
}
}