/* Anteprime palette — solo per la scelta, non va nel sito finale.
   A = attuale (calda) · B Petrolio · C Ardesia · D Blu officina · E Pineta */

/* ---------- B · Petrolio: carta calda invariata, scuri e sezioni alternate fredde ---------- */
[data-pal="b"]{
  --surface:#E5EAEA; --line:#D5D6D0; --line-2:#E4E3DC;
  --text:#141B1E; --text-2:#4F5557; --text-3:#767B7C;
  --ele:#1E5E78; --gas:#2B6A55; --focus:#1E5E78;
}
[data-pal="b"] .fam-ele{--fam-soft:#D9E7EC;--fam-l:#79B9D1}
[data-pal="b"] .dark{
  --bg:#0F2A33; --surface:#123340; --card:#163A47; --line:#24505E; --line-2:#1B4251;
  --text:#E9EFEF; --text-2:#A3B7BB; --text-3:#7D969C; --on-secondary:#0F2A33;
}
[data-pal="b"] .dark.contour::before{background:#1E4855}
[data-pal="b"] .dark .ticket-hd{background:#0A1F26}

/* ---------- C · Ardesia: grigio freddo neutro, grafite azzurrata ---------- */
[data-pal="c"]{
  --bg:#EEF0EF; --surface:#E2E6E7; --card:#FAFBFA; --line:#D2D8DA; --line-2:#E1E6E7;
  --text:#151A1F; --text-2:#4E5760; --text-3:#76808A;
  --ele:#2A5E8E; --gas:#2B6C60; --focus:#2A5E8E;
}
[data-pal="c"] .fam-mec{--fam-soft:#EDE6D3}
[data-pal="c"] .fam-gas{--fam-soft:#D8E9E4;--fam-l:#78C2AE}
[data-pal="c"] .dark{
  --bg:#161C22; --surface:#1C242B; --card:#212A32; --line:#323D47; --line-2:#28323B;
  --text:#EAEEF1; --text-2:#A0AAB3; --text-3:#7C8690; --on-secondary:#161C22;
}
[data-pal="c"] .dark.contour::before{background:#29343E}
[data-pal="c"] .dark .ticket-hd{background:#0E1318}

/* ---------- D · Blu officina: carta ghiaccio, inchiostro e scuri blu notte ---------- */
[data-pal="d"]{
  --bg:#EDF1F5; --surface:#E0E7EE; --card:#FAFCFD; --line:#CDD7E1; --line-2:#DFE6ED;
  --text:#0F1A2A; --text-2:#465469; --text-3:#6B798D;
  --mec:#8A6400; --ele:#1D5FA8; --gas:#0E7468; --focus:#1D5FA8;
}
[data-pal="d"] .fam-ele{--fam-soft:#D9E6F5;--fam-l:#7DB3EE}
[data-pal="d"] .fam-gas{--fam-soft:#D3ECE8;--fam-l:#5FC9B8}
[data-pal="d"] .fam-mec{--fam-soft:#EEE6D0}
[data-pal="d"] .dark{
  --bg:#0E1B2C; --surface:#13233A; --card:#172A44; --line:#25395A; --line-2:#1C3050;
  --text:#E9EFF6; --text-2:#9FB0C4; --text-3:#7A8BA0; --on-secondary:#0E1B2C;
}
[data-pal="d"] .dark.contour::before{background:#1F3452}
[data-pal="d"] .dark .ticket-hd{background:#09131F}

/* ---------- E · Pineta: grigio salvia, scuri verde abete (il bosco dell'Amiata) ---------- */
[data-pal="e"]{
  --bg:#EEF1EC; --surface:#E1E8E2; --card:#FAFBF8; --line:#D0D9D1; --line-2:#E0E6E0;
  --text:#131A17; --text-2:#4C5952; --text-3:#748079;
  --ele:#285A80; --gas:#2A6A4B; --focus:#285A80;
}
[data-pal="e"] .dark{
  --bg:#12201B; --surface:#172923; --card:#1B2F28; --line:#2A4239; --line-2:#21372F;
  --text:#E8EFEA; --text-2:#A0B3A8; --text-3:#7B8F84; --on-secondary:#12201B;
}
[data-pal="e"] .dark.contour::before{background:#24392F}
[data-pal="e"] .dark .ticket-hd{background:#0B1612}

/* ---------- selettore ---------- */
.palsw{position:fixed;left:14px;bottom:14px;z-index:300;display:flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:999px;box-shadow:0 10px 30px -12px rgba(0,0,0,.4);font:600 12px/1 "JetBrains Mono",monospace;color:#222}
.palsw button{all:unset;cursor:pointer;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:700;border:2px solid transparent;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.palsw button[aria-pressed="true"]{border-color:#FFC700;box-shadow:0 0 0 2px #222}
.palsw .nm{min-width:96px;padding-left:4px}
@media (max-width:960px){.palsw{bottom:84px}}