:root { --fondo: #f6f5f1; --tinta: #16171b; --suave: #5d6068; --linea: #dedcd5; }
@media (prefers-color-scheme: dark) { :root { --fondo: #121317; --tinta: #f1efe9; --suave: #9a9ca4; --linea: #2a2c33; } }
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body {
  background: var(--fondo); color: var(--tinta);
  font: 17px/1.55 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  display: grid; place-items: center; padding: 32px 16px;
}
main { max-width: 34rem; width: 100%; }
h1 { font-size: clamp(2.6rem, 9vw, 4.2rem); font-weight: 800; letter-spacing: -0.04em; line-height: 1; }
.linea { border-top: 1px solid var(--linea); margin: 28px 0 22px; }
p { color: var(--suave); }
p + p { margin-top: 10px; }
a { color: var(--tinta); text-underline-offset: 3px; }