:root { color-scheme: light dark; --fondo: #fff; --texto: #1b1f24; --suave: #5b6470; --acento: #0a7cff; }
@media (prefers-color-scheme: dark) { :root { --fondo: #0d1117; --texto: #e6edf3; --suave: #9aa4b0; --acento: #4ea1ff; } }
body { margin: 0; background: var(--fondo); color: var(--texto); font: 17px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 48px; }
h1 { margin: 0 0 4px; font-size: 1.9rem; }
h2 { font-size: 1.15rem; margin-top: 28px; }
.sub, .pie { color: var(--suave); }
.pie { font-size: .9rem; margin-top: 32px; }
a { color: var(--acento); }
code { font-size: .92em; }
hr { border: 0; border-top: 1px solid var(--suave); opacity: .3; margin: 40px 0; }