/* === Paleta de Cores HI Transportes === */
:root {
  --verde-primario: #057C22;
  --preto: #000000;
  --cinza-claro: #E6E6E6;

  /* Cores auxiliares */
  --branco: #ffffff;
  --cinza-medio: #cccccc;
}

/* Aplicações práticas */
.bg-verde {
  background-color: var(--verde-primario) !important;
}

.text-verde {
  color: var(--verde-primario) !important;
}

.btn-verde {
  background-color: var(--verde-primario);
  color: var(--branco);
  border: none;
}

.btn-verde:hover {
  background-color: #04661c; /* tom mais escuro */
}

.bg-cinza {
  background-color: var(--cinza-claro) !important;
}

.text-preto {
  color: var(--preto) !important;
}

.bg-preto {
  background-color: var(--preto) !important;
  color: var(--branco);
}

/* Exemplo de uso para cards, navbar, etc. */
.card-custom {
  background-color: var(--branco);
  border: 1px solid var(--cinza-claro);
  border-radius: 0.5rem;
  padding: 1rem;
}