/* 10-base.css */
*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--superficie);
  color: var(--tinta);
  font: var(--passo-0)/1.55 var(--fonte-corpo);
}
a { color: var(--marca); text-underline-offset: 2px; }
:focus-visible { outline: 2px solid var(--marca); outline-offset: 2px; }
h1, h2, h3 { font-family: var(--fonte-titulo); line-height: 1.2; }
h1 { font-size: var(--passo-3); }
h2 { font-size: var(--passo-2); }
table { border-collapse: collapse; width: 100%; }
th, td { padding: var(--espaco-2) var(--espaco-3); text-align: left; }
thead th { background: var(--superficie-2); border-bottom: 1px solid var(--filete-forte); }
tbody tr + tr td { border-top: 1px solid var(--filete); }
td.dado, th.dado { font-family: var(--fonte-dado); font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}