How to change css property values dynamically?

Hi!

I wanna bind some css variables to some data from the database.
I suppose I have to add something like this in head of the page:

<style>
:root {
  --text-color: #24a3e3;
  --bg-color: #1a74a1;
}
</style>

And then somehow bind colors to dynamic values from DB. E.g. {{user.text-color}} But I don’t know how to do that.
Would be grateful for any advice.