/* Letra única da Cygnuss (05/11/2026): a mesma nos cinco sistemas.
   Uma família (Inter), três pesos e um tamanho por papel. Todo texto do
   painel lê daqui: nenhum font-family, font-weight ou font-size solto fora
   destes tokens. Arte que vira imagem ou vídeo (layouts, legendas) tem letra
   própria e não usa estes tokens.

   Papel             computador  celular (até 640px)
   legenda               12         11    detalhe, selo, data pequena
   secundario            13       12,5    rótulo, aba, botão pequeno
   corpo                 14         14    texto, botão, campo, linha
   titulo-card           16         18    título de cartão, subtítulo
   titulo                20         18    título da página ou seção grande
   destaque              28         26    número de destaque

   Peso: 400 texto · 500 título, nome, rótulo, número, aba, botão secundário ·
   600 só no botão principal cheio e no selo de alerta. Nunca 700.
   Número em coluna: Inter com tabular-nums (nada de fonte mono). */
:root {
  --letra-familia: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --peso-texto: 400;
  --peso-medio: 500;
  --peso-destaque: 600;
  --letra-legenda: 12px;
  --letra-secundario: 13px;
  --letra-corpo: 14px;
  --letra-titulo-card: 16px;
  --letra-titulo: 20px;
  --letra-destaque: 28px;
}

@media (max-width: 640px) {
  :root {
    --letra-legenda: 11px;
    --letra-secundario: 12.5px;
    --letra-corpo: 14px;
    --letra-titulo-card: 18px;
    --letra-titulo: 18px;
    --letra-destaque: 26px;
  }
}

body {
  font-family: var(--letra-familia);
  font-weight: var(--peso-texto);
}

button,
input,
select,
textarea {
  font-family: inherit;
}

/* Negrito do navegador (b, strong, th, h1-h6) vira o peso médio */
b,
strong,
th,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--peso-medio);
}