/* ============================================================
   BASE — reset e tipografia do documento.
   ============================================================ */

* { box-sizing: border-box; }
/* Controles de formulário não herdam a fonte do body por padrão (UA stylesheet) */
button, input, select, textarea { font-family: inherit; }

/* Sem sublinhado por padrão.
   Quase todo <a> deste sistema é botão, aba, atalho ou cartão inteiro — coisas
   que o sublinhado do navegador só suja. Cada componente vinha desligando por
   conta própria (havia mais de uma dúzia de `text-decoration: none`), e todo
   componente novo nascia sublinhado até alguém reparar.
   Link de texto corrido pede o sublinhado de volta, explicitamente: é o que
   .auth-link e .plan-inline-link fazem. */
a { text-decoration: none; }
html, body { margin: 0; padding: 0; height: 100%; }
body {
  font-family: var(--sans);
  background: var(--bg);
  color: var(--fg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Inter: alternativas de 1/l/I mais legíveis e numerais alinhados em colunas */
  font-feature-settings: 'cv05' 1, 'cv08' 1, 'tnum' 1;
  font-optical-sizing: auto;
  transition: background 0.4s ease, color 0.4s ease;
  overflow: hidden;
}