:root { color-scheme: light dark; --bg:#1c1a22; --card:#262330; --ink:#f6f0e8; --muted:#b8afc5; --gold:#f5b84c; --red:#d6273b; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(720px,calc(100% - 32px)); margin:0 auto; padding:56px 0 72px; }
.brand { color:var(--gold); font:700 34px/1 Georgia,serif; text-decoration:none; }
.brand span { color:var(--red); }
h1 { margin:52px 0 8px; font:700 clamp(34px,7vw,54px)/1.08 Georgia,serif; }
h2 { margin:34px 0 8px; color:var(--gold); font:700 24px/1.2 Georgia,serif; }
p,li { color:var(--ink); }
.muted { color:var(--muted); }
.card { margin-top:28px; padding:22px; border:1px solid #494356; border-radius:18px; background:var(--card); }
a { color:var(--gold); }
nav { display:flex; gap:20px; margin-top:20px; }
footer { margin-top:52px; padding-top:20px; border-top:1px solid #494356; color:var(--muted); font-size:14px; }
@media (prefers-color-scheme:light) { :root { --bg:#f5eadb; --card:#ead5bd; --ink:#30251f; --muted:#6d5d52; } }