/* Le pagine web di ricordario.app: i token di SpaceTheme.coppia e
   coppiaNotte (space_theme.dart), a mano perché qui Flutter non c'è. */
:root {
  --fondo: #fbf7f9;
  --testo: #3a2a46;
  --tenue: #655570;
  --accento: #c93a6e;
  --link: #a82b59;
  --strato: #f3ecf1;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #16101b;
    --testo: #f3eaf6;
    --tenue: #b8a7c3;
    --link: #f27fa8;
    --strato: #2e2535;
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--fondo);
  color: var(--testo);
  font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
}
main {
  width: 100%;
  max-width: 440px;
  background: var(--strato);
  border-radius: 22px;
  padding: 32px 24px;
  text-align: center;
}
.marchio {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: var(--accento);
  margin: 0 auto 20px;
}
h1 { font-size: 26px; line-height: 1.2; margin: 0 0 12px; }
p { margin: 0 0 12px; color: var(--tenue); }
p.forte { color: var(--testo); }
a { color: var(--link); }
footer { margin-top: 24px; font-size: 14px; color: var(--tenue); }