/* The app's own page: white paper, quiet greys, the system font, the same
   780 pt column and type as a note in Monoway. */
:root {
  color-scheme: light dark;
  --paper: #fff;
  --ink: #262626;
  --body: #3b3b3b;
  --muted: #808080;
}
@media (prefers-color-scheme: dark) {
  :root { --paper: #1e1e1e; --ink: #ebebeb; --body: #d2d2d2; --muted: #a0a0a0; }
}
html, body { margin: 0; background: var(--paper); }
body {
  font: 18px/1.85 -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--body);
  -webkit-font-smoothing: antialiased;
}
main { max-width: 780px; margin: 0 auto; padding: 22vh 48px 96px; box-sizing: border-box; }
h1 { margin: 0 0 25px; font-size: 42px; line-height: 1.2; font-weight: 500; letter-spacing: -1.1px; color: var(--ink); }
p { margin: 0 0 24px; }
.soon { color: var(--muted); font-size: 15px; }
@media (max-width: 620px) {
  main { padding: 16vh 24px 64px; }
  h1 { font-size: 36px; }
}