/* Pagine del sito: testo grande e ad alto contrasto, come l'app. */
:root {
  --sfondo: #f4f7f5;
  --testo: #0b1f14;
  --tenue: #2e4a3a;
  --verde: #0b6b3f;
  --linea: #c3cec7;
  --oro: #ffc21a;
  --oro-chiaro: #ffe27a;
  --oro-scuro: #f0a500;
  --oro-spessore: #a86a00;
  --oro-testo: #1e1404;
}
@media (prefers-color-scheme: dark) {
  :root {
    --sfondo: #055227;
    --testo: #ffffff;
    --tenue: #e6f5eb;
    --verde: #ffc21a;
    --linea: #0e6c37;
  }
}
* { 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: 18px;
  background: linear-gradient(180deg, var(--oro-chiaro) 0%, var(--oro) 48%, var(--oro-scuro) 100%);
  color: var(--oro-testo); font-weight: 800; text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -3px 0 rgba(150, 80, 0, .3),
    0 5px 0 var(--oro-spessore), 0 14px 24px rgba(0, 0, 0, .35);
}
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--linea); color: var(--tenue); font-size: 16px; }