:root {
  --bg-color: #fcfbf9;
  --text-color: #333;
  --link-color: #8b4513;
  --max-width: 800px;
}
@media (prefers-color-scheme: dark) {
  :root { --bg-color: #1a1a1a; --text-color: #eee; --link-color: #d2a173; }
}
body {
  font-family: system-ui, sans-serif;
  line-height: 1.6;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 20px;
  background-color: var(--bg-color);
  color: var(--text-color);
}
header, footer { padding: 1rem 0; }
a { color: var(--link-color); padding: 5px; }
nav ul { list-style: none; padding: 0; display: flex; gap: 15px; }
button { padding: 12px 20px; cursor: pointer; }
input { padding: 12px; }
h1, h2 { color: var(--link-color); }
footer { border-top: 1px solid #ccc; font-size: 0.9rem; }