:root, body, .pannello, .card, .legenda {
  --bg: #14161d;
  --pannello: #1a1e28;
  --testo: #ede8dc;
  --tenue: #b0aa9b;
  --oro: #d9b36c;
  --oro-chiaro: #e9cc92;
  --linea: #333c4e;
}

body {
  background: #14161d !important;
  color: #ede8dc !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

h1, h2, .titolo, [class*="titolo"] {
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif !important;
  color: #f4efe4 !important;
  letter-spacing: -.01em;
}
h1, .titolo { font-size: clamp(1.5rem, 2.4vw, 2.1rem) !important; line-height: 1.2 !important; }

[style*="#D9AA47"], [style*="#d9aa47"] { color: #d9b36c !important; }
a, .accento, strong { color: #e4c58c; }
button, .bottone, [class*="btn"] {
  background: #d9b36c !important; color: #241c0c !important;
  border-color: #d9b36c !important; border-radius: 999px !important;
  font-weight: 600 !important;
}
button.secondario, [class*="btn"][class*="sec"] {
  background: transparent !important; color: #e4c58c !important;
  border: 1px solid #333c4e !important;
}

.pannello, .card, .legenda, aside, [class*="panel"], [class*="pannello"] {
  background: rgba(26,30,40,.92) !important;
  border: 1px solid #333c4e !important;
  border-radius: 14px !important;
}

li, li * { font-size: 13.5px !important; line-height: 1.5 !important; }
li strong, li b { font-size: 13.5px !important; color: #ede8dc !important; }
[class*="comunit"] li, .legenda li { margin-bottom: .55rem; }
[class*="comunit"], .legenda { max-height: 46vh; overflow-y: auto; }

[class*="barra"], nav { backdrop-filter: blur(8px); }