/* Reset curto e tipografia. Depende de tokens.css. */

* { box-sizing: border-box }
html, body { height: 100% }

body {
  margin: 0;
  background: var(--bg);
  color: var(--tx);
  font-family: var(--fonte);
  -webkit-font-smoothing: antialiased;
}

button, input, select, textarea { font-family: inherit }
button { cursor: pointer }
img { max-width: 100% }

/* números em coluna não dançam */
.tn { font-variant-numeric: tabular-nums }

:focus-visible { outline: 2px solid var(--pr); outline-offset: 2px }

/* O atributo `hidden` tem de vencer qualquer `display` do componente.
   Sem isso, esconder um campo com `el.hidden = true` não faz nada. */
[hidden] { display: none !important }