CSS Variables in Component

--color1 --color2 --color3

Change Varibles :

--color1

--color2

--color3

/* CSS */
.component{
   --color1: #e91e63;
   --color2: #97cc19;
   --color3: #ff9800;
}

/* HTML */
<div class="component" style="--color1:#e91e63;--color2:#97cc19;--color3:#ff9800;">
   <div class="layer1">...</div>
   <div class="layer2">...</div>
   <div class="layer3">...</div>
</div>