Como referenciar uma imagem pelo nome especificado na configuração?

Acredito que você possa usar a configuração diretamente usando interpolação.

background: transparent URL(\"$#{$hat_type}\") top left no-repeat;