vue3 css引用js变量

<template>
  <div class="text">hello</div>
</template>

<script setup>
import { ref } from "vue";
const customTheme = ref({
    color: 'red'
});
</script>

<style>
.text {
  color: v-bind("customTheme.color");
}
</style>