:root {
  --azul-oscuro-1: #020824;
  --azul-oscuro-2: #0b1230;
  --dorado:        #d4af37;
  --dorado-suave:  #f3d38c;
  --blanco:        #ffffff;
  --gris-claro:    #b0b3c0;
  --bg-input:      rgba(255, 255, 255, 0.07);
  --border-gold:   rgba(212, 175, 55, 0.35);
  --border-focus:  rgba(212, 175, 55, 0.8);
  --fontsis:       "Poppins", system-ui, sans-serif;
}


/* Aplica a todo el modal */
.custom-modal {
  background-color: var(--azul-oscuro-2);
  color: var(--dorado);
}

#documentModal .custom-modal {
  background-color: var(--azul-oscuro-2);
  color: var(--dorado);
}

#documentModal .modal-header {
  background-color: var(--azul-oscuro-2);
  color: var(--dorado);
}

#documentModal .modal-body {
  background-color: var(--azul-oscuro-2);
  color: #333;
}

#documentModal .modal-footer {
  background-color: #0069d9;
  color: #fff;
}

#documentModal .liaison {
  color: var(--dorado)
}