Tell us what’s happening:
Your code so far
<style>
:root {
background:var(--red-box,red);
--red-color: red;
}
.red-box {
background: var(--red-color);
height: 200px;
width:200px;
}
</style>
<div class="red-box"></div>