:root { --bg: #f4f1ec; --ink: #171c33; --muted: rgba(23,28,51,.66); --accent: #8a5a1f; --line: rgba(23,28,51,.12); }
@media (prefers-color-scheme: dark) { :root { --bg: #0a0e26; --ink: #f5f2ec; --muted: rgba(245,242,236,.66); --accent: #e9c994; --line: rgba(255,255,255,.12); } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 "Manrope", system-ui, -apple-system, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 56px 16px 80px; }
h1, h2 { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; line-height: 1.1; }
h1 { font-size: 44px; margin: 16px 0 8px; } h2 { font-size: 28px; margin: 40px 0 8px; }
a { color: var(--accent); } p, li { color: var(--ink); } .muted { color: var(--muted); }
header img { width: 72px; height: 72px; border-radius: 16px; }
nav { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--line); display: flex; gap: 20px; flex-wrap: wrap; }