body {
  background-color: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
  color: var(--text);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-tight);
}
a { color: var(--primary); text-decoration: none; }
::selection { background: var(--accent); color: var(--on-primary); }

/* Ritmo vertical: controlado pelas utilities (py-20 etc.) em cada secao.
   A regra generica [data-theme="dark"] section { padding } foi removida —
   por especificidade ela sobrescrevia qualquer py-* do Tailwind e deixava
   o espacamento irregular entre secoes. */

/* static/css/base.css — compensa o header fixo ao rolar pra um âncora */
[data-theme="dark"] section[id] {
  scroll-margin-top: 88px;
}
html { scroll-behavior: smooth; }