binding to html style with a css variable. example [style.background]=“'var(--accent-1)'”

Question

My CMS allows hex values to dynamically style html elements. for example if the value of bgColor is #fff then i can use the following html to set i