:root { --bg:#f6f3ee; --fg:#2b2a28; --muted:#8a857c; --accent:#b5652b; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#1d1c1a; --fg:#e8e3da; --muted:#8f897f; --accent:#d9894f; }
}
* { box-sizing: border-box; }
html, body { margin:0; height:100%; }
body {
  background:var(--bg); color:var(--fg);
  font: 17px/1.6 Georgia, "Times New Roman", serif;
  display:flex; align-items:center; justify-content:center; padding:2rem;
}
main { max-width: 32rem; }
h1 { font-weight:normal; font-size:2.1rem; margin:0 0 .4rem; letter-spacing:.01em; }
h1 span { color:var(--accent); }
p { margin:.6rem 0; }
.muted { color:var(--muted); font-size:.9rem; }
a { color:var(--accent); text-decoration:none; border-bottom:1px solid currentColor; }
footer { margin-top:2.5rem; }