/* Tipografía base. */
body {
  font-family: var(--font-base);
  font-size: var(--fs-base);
  color: var(--color-ink);
  background: var(--color-bg);
}
h1, h2, h3, h4 { font-family: var(--font-heading); line-height: 1.2; color: var(--color-ink); }
h1 { font-size: var(--fs-xlarge); }
h2 { font-size: var(--fs-large); }
h3 { font-size: var(--fs-medium); }
p { margin-bottom: var(--sp-s); }
a { text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--color-primary-dark); }
small, .text-small { font-size: var(--fs-small); }
strong { font-weight: 700; }

.section__title { font-size: var(--fs-large); margin-bottom: var(--sp-m); }
.page-title { font-size: var(--fs-xlarge); margin-bottom: var(--sp-m); }

/* Lectura cómoda en contenido editorial. */
.prop-descripcion, .page-content__body { max-width: 70ch; }
.prop-descripcion p, .page-content__body p { color: var(--color-muted); }