:root {
  --azul-principal: #0056D2;
  --azul-intermedio: #007BFF;
  --azul-oscuro: #001F3F;
  --celeste-suave: #E6F0FA;
  --texto-gris: #444444;
  --blanco: #ffffff;
}

/* Textos y backgrounds */
.bg-azul-principal {
  background-color: var(--azul-principal) !important;
}

.bg-azul-oscuro {
  background-color: var(--azul-oscuro) !important;
}

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

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

.texto-gris {
  color: var(--texto-gris) !important;
}

/* Botones */
.btn-azul {
  background-color: var(--azul-principal);
  border-color: var(--azul-principal);
  color: var(--blanco);
}

.btn-azul:hover {
  background-color: #003fa1;
  border-color: #003fa1;
  color: var(--blanco);
}

.btn-outline-azul {
  border-color: var(--azul-principal);
  color: var(--azul-principal);
}

.btn-outline-azul:hover {
  background-color: var(--azul-principal);
  color: var(--blanco);
}