:root { --bg:#F4EFE7; --text:#2E2420; --muted:#6F6158; --accent:#A4623C; }
@media (prefers-color-scheme: dark) { :root { --bg:#1C1512; --text:#EFE4D6; --muted:#B9A99B; --accent:#D99A72; } }
body { margin:0; background:var(--bg); color:var(--text); font:17px/1.6 Georgia, "Times New Roman", serif; }
main { max-width:680px; margin:0 auto; padding:48px 20px 80px; }
h1 { font-weight:400; font-size:40px; line-height:1.1; margin:0 0 8px; }
h2 { font-weight:400; font-size:24px; margin:36px 0 8px; color:var(--accent); }
p, li { color:var(--text); } .muted { color:var(--muted); font-size:15px; }
a { color:var(--accent); }
.logo { display:block; width:240px; max-width:70%; height:auto; margin:0 0 28px; }
.links { list-style:none; padding:0; margin:28px 0 0; } .links li { margin:10px 0; font-size:19px; }
.footer { margin-top:56px; }