/* Colores de marca (src/ui/theme.ts). */
:root {
  --fondo: #F6F8FC;
  --texto: #0B1B33;
  --tenue: #4A5B78;
  --enlace: #006FE0;
  --borde: #DCE3EF;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #050A16;
    --texto: #EEF2FA;
    --tenue: #94A3B8;
    --enlace: #0A84FF;
    --borde: #22375E;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--fondo);
  color: var(--texto);
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 680px; margin: 0 auto; padding: 32px 16px 64px; }
h1 { font-size: 1.9rem; line-height: 1.2; margin: 0 0 4px; }
h2 { font-size: 1.3rem; margin: 2em 0 0.4em; padding-top: 1em; border-top: 1px solid var(--borde); }
h3 { font-size: 1.05rem; margin: 1.5em 0 0.3em; }
ul { padding-left: 1.2em; }
li { margin: 0.3em 0; }
a { color: var(--enlace); }
.marca { margin: 0 0 24px; font-weight: 700; letter-spacing: 0.02em; }
.marca a { color: var(--texto); text-decoration: none; }
.meta { color: var(--tenue); margin-top: 0; }