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); }

/* static/css/base.css — ritmo vertical das seções da landing */
[data-theme="dark"] section {
  padding-top: var(--space-8);     /* 48px */
  padding-bottom: var(--space-8);  /* 48px */
}

/* 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; }