:root {
  --azul: #4a5fc0;
  --azul-escuro: #2e3b85;
  --azul-claro: #eef0fb;
  --agua: #7c8fd6;
  --fundo: #f4f7fa;
  --superficie: #ffffff;
  --borda: #dfe6ee;
  --texto: #16232e;
  --texto-suave: #64748b;
  --verde: #0f9d58;
  --verde-fundo: #e6f6ee;
  --vermelho: #d33a2c;
  --vermelho-fundo: #fdecea;
  --ambar: #b7791f;
  --ambar-fundo: #fdf3e2;
  --sombra: 0 1px 2px rgba(16, 35, 55, .06), 0 6px 20px rgba(16, 35, 55, .07);
  --raio: 12px;
}