:root {
  --fonte-principal: Arial, Helvetica, sans-serif;

  --cor-fundo: #f4f4f9;
  --cor-superficie: #ffffff;
  --cor-texto: #333333;
  --cor-texto-suave: #626b7a;
  --cor-borda: #dfe3eb;
  --cor-primaria: #0a66c2;
  --cor-primaria-forte: #084f96;
  --cor-primaria-suave: #eef6ff;
  --cor-controle-fundo: #eef1f6;
  --cor-sucesso: #087443;
  --cor-sucesso-fundo: #e8f8ef;
  --cor-erro: #b42318;
  --cor-erro-fundo: #fff1f0;
  --cor-erro-borda: #f0c8c2;
  --cor-alerta: #c2410c;
  --cor-alerta-fundo: #fff7ed;

  --raio-pequeno: 6px;
  --raio-medio: 8px;
  --raio-circular: 999px;

  --espaco-1: 4px;
  --espaco-2: 6px;
  --espaco-3: 8px;
  --espaco-4: 10px;
  --espaco-5: 12px;
  --espaco-6: 14px;
  --espaco-7: 16px;
  --espaco-8: 18px;
  --espaco-9: 20px;
  --espaco-10: 22px;
  --espaco-11: 24px;
  --espaco-12: 28px;

  --altura-controle: 44px;
  --largura-login: 430px;
  --largura-menu-lateral: 280px;

  --sombra-padrao: 0 16px 40px rgba(31, 41, 55, 0.08);
  --sombra-controle: 0 1px 4px rgba(31, 41, 55, 0.08);
  --foco-contorno: 3px solid rgba(10, 102, 194, 0.14);
  --duracao-transicao-rapida: 140ms;
  --duracao-transicao-padrao: 180ms;
  --curva-transicao-padrao: ease;
  --deslocamento-transicao: 8px;
}