:root {
  color-scheme: light dark;
  --fundo: #fdfbf7;
  --texto: #2a2522;
  --suave: #6b625c;
  --link: #9a4a1f;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fundo: #1c1917;
    --texto: #ece7e2;
    --suave: #a8a09a;
    --link: #f0a070;
  }
}

body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

main {
  max-width: 44rem;
  margin: 0 auto;
  padding: 2rem 1rem 4rem;
}

h1 { line-height: 1.2; }
h2 { margin-top: 2rem; font-size: 1.2rem; }
a { color: var(--link); }
.meta { color: var(--suave); margin-top: -0.5rem; }
code { font-size: 0.9em; overflow-wrap: anywhere; }

.idioma {
  max-width: 44rem;
  margin: 0 auto;
  padding: 1rem 1rem 0;
  text-align: right;
  font-size: 0.9rem;
  color: var(--suave);
}

.aviso {
  border-left: 3px solid var(--link);
  padding-left: 0.75rem;
}