Artyom Bologov<p><span class="h-card" translate="no"><a href="https://rollenspiel.social/@ArneBab" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>ArneBab</span></a></span> I’m away from my computer right now, but won’t defining custom properties for ::root be cleaner and more reusable? Something like:</p><p>::root:has(<a href="https://merveilles.town/tags/toggle" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>toggle</span></a>:checked) {<br> —bg-color: black;<br>}</p><p>::root:has(<a href="https://merveilles.town/tags/toggle" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>toggle</span></a>:not(:checked)) {<br> —bg-color: white;<br>}</p><p>And then just use var(—bg-color) everywhere, without a need for duplication. Am I missing something?</p>