/* Marrar — base element defaults (opt-in, minimal) */
.m-root, .m-body {
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--text-body);
  background: var(--surface-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.m-root h1, .m-root h2, .m-root h3, .m-root h4 {
  color: var(--text-strong);
  font-weight: var(--fw-bold);
  margin: 0;
  text-wrap: balance;
}
.m-root p { text-wrap: pretty; }
.m-root a { color: var(--text-link); text-decoration: none; transition: color var(--dur-fast) var(--ease-out); }
.m-root a:hover { color: var(--text-link-hover); }