Использование переменной --shadow-opacity в rgba переменной --box-shadow ⇐ CSS

[Anonymous]

Может кто-нибудь объяснить, почему невозможно переопределить --shadow-opacity прямо в .box без повторного объявления --shadow?

Код: Выделить всё

:root{
--shadow-opacity: 0.5;
--shadow: 0px 0px 50px rgba(0,0,0,var(--shadow-opacity));
}
html{
height:100%
}
body{
display:flex;
align-items:center;
justify-content:center;
height:100%;
}
.box{
--shadow-opacity: 0.15;
/* --shadow: 0px 0px 50px rgba(0,0,0,var(--shadow-opacity)); */
width:50%;
aspect-ratio:1/1;
background:white;
box-shadow: var(--shadow);
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/798 ... w-variable