:root {
  --bg: #14100e;
  --fg: #f7e9d6;
  --dim: #b8a894;
  --accent: #ff9d43;
}
@media (prefers-color-scheme: light) {
  :root { --bg: #f7e9d6; --fg: #14100e; --dim: #5c4f44; --accent: #c4621a; }
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: var(--bg);
  color: var(--fg);
  font: 17px/1.5 -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
}
main { max-width: 32rem; margin: 0 auto; width: 100%; }
h1 { color: var(--accent); font-size: 2.5rem; margin: 0 0 .5rem; letter-spacing: -.02em; }
p { margin: 0 0 1rem; }
.soon { color: var(--dim); }
a { color: var(--accent); }
footer { max-width: 32rem; margin: 3rem auto 0; width: 100%; color: var(--dim); font-size: .9rem; }