/* Tema comune: il verde e l'ottone delle insegne dei pub inglesi. I reparti cambiano i colori, non la struttura. */
:root {
  --fondo: #14302a; --tavola: #1b3e36; --tavola-2: #245046; --filo: #3a6155;
  --testo: #f1e9d6; --testo-2: #c6cdb9; --spento: #93a99b;
  --ottone: #d0aa52; --ottone-scuro: #a5832f; --su-ottone: #1b1505; --mattone: #d7694b; --oliva: #a9bf74;
  --insegna: Rockwell, "Roboto Slab", "Sitka Heading", "Bookman Old Style", Georgia, serif;
  --lettura: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;
  --comandi: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --fondo: #f1ead8; --tavola: #fbf7ec; --tavola-2: #e9e1cb; --filo: #c8c0a4;
    --testo: #14302a; --testo-2: #33524a; --spento: #5e7468;
    --ottone: #7f6113; --ottone-scuro: #5f480c; --su-ottone: #fbf7ec; --mattone: #a33d22; --oliva: #4e6516;
    color-scheme: light;
  }
}
body[data-tema="torba"] { --fondo: #1d2528; --tavola: #283337; --tavola-2: #323f44; --filo: #47585e; --ottone: #c8a2d4; --ottone-scuro: #9a76a8; --su-ottone: #1c1420; --testo-2: #c7cdc9; --spento: #94a3a3; }
@media (prefers-color-scheme: light) {
  body[data-tema="torba"]:not([data-theme="dark"]) { --fondo: #ece9e3; --tavola: #f9f7f3; --tavola-2: #e2ded6; --filo: #bdb8ad; --testo: #20292c; --testo-2: #3f4b4f; --spento: #66716f; --ottone: #6d4380; --ottone-scuro: #4f2f5f; --su-ottone: #f9f7f3; }
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--fondo); color: var(--testo); font: 16px/1.5 var(--comandi); -webkit-text-size-adjust: 100%; }
a { color: var(--ottone); }
h1, h2, h3 { font-family: var(--insegna); font-weight: 600; line-height: 1.2; margin: 0 0 .5em; text-wrap: balance; }
h1 { font-size: 1.8rem; } h2 { font-size: 1.3rem; margin-top: 1.7em; } h3 { font-size: 1.05rem; margin-top: 1.3em; }
p { margin: 0 0 .8em; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--ottone); outline-offset: 2px; }
.spento { color: var(--spento); } .piccolo { font-size: .87rem; }
.bottone { display: inline-block; background: var(--ottone); color: var(--su-ottone); border: 0; border-radius: 3px; padding: .55em 1em; font-weight: 600; cursor: pointer; text-decoration: none; }
.bottone.secondario { background: none; color: var(--testo); box-shadow: inset 0 0 0 1px var(--filo); font-weight: 500; }
.bottone:disabled { opacity: .5; cursor: default; }
.campo { display: block; margin-bottom: 12px; }
.campo > span { display: block; font-size: .87rem; color: var(--testo-2); margin-bottom: 3px; }
input[type=text], input[type=password], input[type=number], input[type=date], input[type=search], input:not([type]), select, textarea {
  width: 100%; background: var(--tavola); border: 1px solid var(--filo); border-radius: 3px; padding: .5em .6em; }
.errore { color: var(--mattone); }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }