/* base.css — a fonte, o reset mínimo e o que vale para a tela inteira. */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/geist-variable.woff2') format('woff2');
}

/* 🔴 SETA NO BOTÃO, MÃO SÓ NO LINK (D719, 03/10/2026 — prancha da revisão Apple, R4: *"Mãozinha só em link"*). Revoga a mão em tudo de 04/09: no Mac, botão e controle mostram a seta, e o que diz que ele se clica é o desenho e o realce; a mão fica para o texto que leva a outro lugar. Dois tokens, um papel cada: `--cursor-acao` (botão, linha, controle) e `--cursor-link` (link). Nunca escrever `pointer` à mão. */
:root { color-scheme: light; --cursor-acao: default; --cursor-link: pointer; }
:root[data-modo="escuro"] { color-scheme: dark; }

html, body { height: 100%; }
body {
  margin: 0;
  background: var(--cor-fundo);
  color: var(--cor-texto);
  font: var(--type-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Números sempre alinhados (tokens.json: "tabular-nums sempre"). */
table, .tabular { font-variant-numeric: tabular-nums; }

/* Foco visível só no teclado; o anel é o do guia. */
:focus-visible { outline: none; box-shadow: var(--foco); }

/* Movimento: respeitar quem pediu menos. */
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: 0ms !important; animation-duration: 0ms !important; } }

/* Barra de rolagem discreta nas áreas que rolam por dentro (o resto da tela é fixo). */
.rola { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }