:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #f5f0e6;
  color: #2c261c;
  font: 1.05rem/1.7 system-ui, sans-serif;
}
header, main, footer { max-width: 760px; margin: auto; padding: 1.5rem; }
header { border-bottom: 1px solid #9e968a; }
nav { display: flex; flex-wrap: wrap; gap: 1rem; }
a { color: #765400; text-underline-offset: 0.2em; }
h1, h2 { line-height: 1.25; }
h1 { font-size: clamp(2rem, 6vw, 3rem); }
h2 { margin-top: 2rem; }
footer { border-top: 1px solid #9e968a; }
@media (prefers-color-scheme: dark) {
  body { background: #17140f; color: #f5f0e6; }
  a { color: #ffd273; }
}