Вы так пишете, что мне даже Javascript начал нравиться, в три строчки уместилось то, что мне хотелось.
const balance = 250;
const color = sum > balance ? "#FF0000" : sum ? "#008000" : "#000000";
document.querySelector("#mycard").style.setProperty("--color", color);
Огромное спасибо за оказанную помощь.