:root { color-scheme: dark light; --bg:#0b0f14; --card:#141b24; --text:#e8eef5; --muted:#93a1b2; --accent:#34e0a1; --warn:#ffb347; }
@media (prefers-color-scheme: light) { :root { --bg:#f5f7fa; --card:#fff; --text:#0f1720; --muted:#566475; --accent:#0a9f6c; --warn:#b36a00; } }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.55 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif; background:var(--bg); color:var(--text); }
main { max-width:760px; margin:0 auto; padding:28px 18px 64px; }
h1 { font-size:2rem; margin:0 0 6px; } h2 { margin:34px 0 8px; font-size:1.3rem; } h3 { margin:20px 0 4px; }
p, li { color:var(--text); } .muted { color:var(--muted); }
.card { background:var(--card); border-radius:16px; padding:16px 18px; margin:14px 0; }
.warn { border-left:4px solid var(--warn); }
a { color:var(--accent); } nav a { margin-right:14px; }
code { background:rgba(127,127,127,.18); padding:1px 6px; border-radius:6px; }
esp-web-install-button button { background:var(--accent); color:#000; border:0; border-radius:12px; padding:12px 20px; font-size:1rem; font-weight:600; cursor:pointer; }
footer { margin-top:48px; font-size:.85rem; color:var(--muted); }