:root { --bg:#14171f; --card:#1e2330; --text:#e8eaf0; --muted:#a9afc0; --accent:#ffb84d; --code-bg:#12141b; --code:#7ee0a0; --link:#7eb6ff; --foot:#6b7285; }
:root[data-theme="light"] { --bg:#f4ecd8; --card:#fbf6e9; --text:#2b2a26; --muted:#6b665a; --accent:#9a5200; --code-bg:#ebe1c8; --code:#1f6b3b; --link:#1a56b0; --foot:#7a7466; }
body { margin:0; font-family:system-ui,sans-serif; background:var(--bg); color:var(--text); line-height:1.6; }
#theme-toggle { position:absolute; top:14px; right:16px; background:var(--card); color:var(--text); border:1px solid var(--muted); border-radius:8px; padding:8px 14px; font-size:0.95rem; cursor:pointer; }
header { text-align:center; padding:60px 20px 30px; }
header h1 { font-size:2.6rem; margin:0; color:var(--accent); }
header p { color:var(--muted); margin-top:8px; }
main { max-width:720px; margin:0 auto; padding:0 20px 40px; }
section { background:var(--card); border-radius:12px; padding:20px 24px; margin-bottom:20px; }
h1, h2 { color:var(--accent); }
h2 { font-size:1.3rem; }
section h2 { margin-top:0; }
a { color:var(--link); }
code { background:var(--code-bg); padding:3px 8px; border-radius:6px; color:var(--code); }
a.button { display:inline-block; background:#5865f2; color:#fff; text-decoration:none; padding:10px 18px; border-radius:8px; margin-top:6px; }
footer { text-align:center; color:var(--foot); padding:20px; font-size:0.9rem; }
footer a { color:inherit; }
.page { padding-top:70px; }
.stand { color:var(--foot); margin-top:40px; }