/* Tokens de design — GOTO Virloc Validator.
   Toda cor/medida/tipografia dos componentes vem daqui (nada de valor mágico). */
:root {
  /* cores */
  --cor-primaria: #0b5cab;
  --cor-primaria-escura: #083e73;
  --cor-sucesso: #1e7e34;
  --cor-info-fundo: #eef4fb;
  --cor-info-borda: #cfe0f2;
  --cor-texto: #1c2330;
  --cor-texto-suave: #5a6472;
  --cor-fundo: #f4f6f9;
  --cor-cartao: #ffffff;
  --cor-borda: #dfe3e8;
  --cor-conectado: #1e7e34;
  --cor-desconectado: #c0392b;
  --cor-reconectando: #b8860b;

  /* espaçamento */
  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-5: 24px;

  /* tipografia */
  --fonte-base: 0.9rem;
  --fonte-peq: 0.78rem;
  --fonte-titulo: 1rem;
  --fonte-familia: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* forma */
  --raio: 8px;
  --sombra: 0 1px 3px rgba(16, 24, 40, 0.08);
}