/* legal.css — stile condiviso delle pagine statiche di frontend/public/
   (privacy.html, terms.html, disclaimer.html, changelog.html).
   Sono fuori da React, quindi i colori sono scritti per esteso: sono gli
   stessi token Cogitator di frontend/src/index.css. Tema unico, nessuna
   modalita' chiara (guideline par. 6). */

:root {
  --void: #050906;
  --panel-2: #101A13;
  --phos-dim: #5B8E6D;
  --phos-body: #96D8AB;
  --phos: #52E88C;
  --rule: #1C3323;
  --rule-hot: #2F5C3D;
  --cyan: #5AD4DE;
  --mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--void);
  color: var(--phos-body);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

.wrap { max-width: 72ch; margin: 0 auto; padding: 26px 24px 80px; }

.top {
  border-bottom: 1px solid var(--rule-hot);
  margin-bottom: 34px;
  padding-bottom: 14px;
}
.top a {
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--phos);
  text-decoration: none;
}
.top a:hover { color: var(--cyan); }

h1 {
  font-family: var(--mono);
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--phos);
  margin: 0 0 6px;
}
h2 {
  font-family: var(--mono);
  font-weight: 600;
  font-size: 13.5px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--phos);
  margin: 36px 0 10px;
}

.updated {
  font-family: var(--mono);
  font-size: 11.5px;
  letter-spacing: 0.06em;
  color: var(--phos-dim);
  margin: 0 0 4px;
}

p { margin: 0 0 14px; }
ul { margin: 0 0 14px; padding-left: 20px; }
li { margin-bottom: 7px; }
a { color: var(--cyan); }
a:hover { color: var(--phos); }
strong { color: var(--phos-body); font-weight: 600; }
code { font-family: var(--mono); font-size: 0.9em; color: var(--phos); }

/* changelog: numero di versione in mono, spento */
.ver {
  font-family: var(--mono);
  font-weight: 600;
  font-size: 13.5px;
  letter-spacing: 0.09em;
  color: var(--phos);
  margin: 34px 0 4px;
}
.ver .tag { color: var(--phos-dim); }