/* MyPerfolio — base tipográfica comum a todas as páginas públicas.
 *
 * Este arquivo existe porque o mesmo bloco estava copiado em index, precos,
 * cadastro e blog.css. Cópia diverge: o cadastro já tinha ido para
 * line-height 1.6 e o como-usar nunca chegou a receber o padrão, ficando com
 * texto de 13px. Com um arquivo só, a próxima página nasce certa.
 *
 * Aqui entram apenas os tokens e a base do documento. Layout de cada página
 * continua no <style> dela — a intenção não é um framework, é impedir que a
 * tipografia derive de novo.
 *
 * Mobile-first: as regras valem para o celular e o @media adapta o desktop.
 */
:root {
  --fundo: #faf7f2;
  --tinta: #16304a;
  --texto: #4d5d6b;
  --verde: #2f7d5a;
  --vermelho: #b3261e;
  --linha: #e4ded3;
  --cartao: #fffdfa;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  font-size: 18px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 760px) {
  body { font-size: 19px; }
}