Quero armazenar meus URLs de segundo plano em propriedades personalizadas (variáveis CSS) e usá-los com a propriedade de segundo plano. No entanto, não consegui encontrar uma maneira de interpolar a string ao usá-la como parâmetro emurl().

Aqui está o meu código de exemplo:

:root {
    --url: "https://download.unsplash.com/photo-1420708392410-3c593b80d416";
}

body {
    background: url(var(--url));
}

Eu sei que isso pode ser feito facilmente no Sass ou no LESS usando a função de interpolação, mas estou curioso para saber se existe uma maneira de fazer isso sem nenhum pré-processador.