:root { --fondo: #faf9f7; --tinta: #1b1a1f; --suave: #5d5b66; --linea: #e4e1dc; --acento: #6d28d9; }
@media (prefers-color-scheme: dark) { :root { --fondo: #121116; --tinta: #ecebf1; --suave: #a9a6b4; --linea: #2a2832; --acento: #a78bfa; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fondo); color: var(--tinta); font: 17px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 46rem; margin: 0 auto; padding: 3rem 1rem 4rem; }
header { border-bottom: 1px solid var(--linea); padding-bottom: 1.25rem; margin-bottom: 2rem; }
nav a { color: var(--suave); margin-right: 1.25rem; font-size: .95rem; }
h1 { font-size: 2rem; line-height: 1.2; margin: 1rem 0 .25rem; }
h2 { font-size: 1.15rem; margin: 2rem 0 .5rem; }
p, li { color: var(--tinta); }
.fecha, .nota { color: var(--suave); font-size: .92rem; }
a { color: var(--acento); }
hr { border: 0; border-top: 1px solid var(--linea); margin: 2.5rem 0; }