/* Pagine del sito: testo grande e ad alto contrasto, come l'app. */
:root {
  --sfondo: #f7f4ec;
  --testo: #16212b;
  --tenue: #4a5560;
  --verde: #1f5e3a;
  --linea: #d9d2c0;
}
@media (prefers-color-scheme: dark) {
  :root {
    --sfondo: #0f2a1c;
    --testo: #f3efe4;
    --tenue: #c4cdc6;
    --verde: #f2c14e;
    --linea: #2f4c3b;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--sfondo);
  color: var(--testo);
  font: 19px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; }
header a { color: var(--verde); font-weight: 700; text-decoration: none; font-size: 22px; }
h1 { font-size: 34px; line-height: 1.2; margin: 28px 0 4px; }
h2 { font-size: 24px; margin: 36px 0 8px; }
p, li { margin: 0 0 12px; }
a { color: var(--verde); }
.data { color: var(--tenue); margin-bottom: 28px; }
.gioca {
  display: inline-block; margin-top: 16px; padding: 14px 28px; border-radius: 12px;
  background: #e7b54a; color: #16212b; font-weight: 700; text-decoration: none;
}
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--linea); color: var(--tenue); font-size: 16px; }