Как вынести градиент для SVG в CSS?

Можно вынести цвета градиента в переменную.
SVG:

<linearGradient id="gradient">
    <stop offset="0%" stop-color="var(--stop-grad-1)" />
    <stop offset="50%" stop-color="var(--stop-grad-2)" />
    <stop offset="100%" stop-color="var(--stop-grad-3)" />
</linearGradient>

CSS:

#gradient {
  --stop-grad-1: #009688;
  --stop-grad-2: #3f51b5;
  --stop-grad-3:  #ff5722;
}