/**
 * Stile delle pagine legali (/privacy, /cookie).
 * File a parte perché index.html tiene il suo CSS inline e qui serve
 * solo una pagina di lettura: stessi colori e font del sito, nient'altro.
 */
:root {
  --bosco: #14302A; --ottone: #D1A86F; --calce: #F5F2EC;
  --inchiostro: #17221F; --tenue: #5D6A65; --riga: #DDD8CE;
  color-scheme: light;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--calce); color: var(--inchiostro);
  font-family: 'Outfit', 'Segoe UI', system-ui, sans-serif; font-size: 1.0625rem; line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
.contenitore { max-width: 46rem; margin-inline: auto; padding-inline: max(16px, env(safe-area-inset-left)); }
.testata { background: var(--bosco); padding-block: 20px; }
.marchio { font-family: 'Poppins', system-ui, sans-serif; font-weight: 700; font-size: 1.15rem; color: #fff; text-decoration: none; }
.marchio span { color: var(--ottone); }
main { padding-block: 56px 80px; }
.occhiello { font-size: .78rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--ottone); margin: 0 0 10px; }
h1, h2 { font-family: 'Poppins', system-ui, sans-serif; letter-spacing: -.01em; line-height: 1.15; }
h1 { font-size: clamp(2rem, 5vw, 2.6rem); margin: 0; }
h2 { font-size: 1.2rem; margin: 40px 0 10px; font-weight: 600; }
.data { color: var(--tenue); font-size: .92rem; margin: 8px 0 32px; }
ul { padding-left: 1.2em; }
li { margin-bottom: 8px; }
a { color: var(--bosco); overflow-wrap: anywhere; }
.torna { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--riga); color: var(--tenue); }
