Vous pouvez utiliser la fonction CSS light-dark()
--nom-de-la-variable : light-dark(#efedea, #223a2c);
Vous pouvez les définir tous les deux sur la même chose.
Rien n’a été fait pour :hover dans le cœur. Vous devrez simplement vous assurer de définir la variable sur ce que vous voulez lors du survol.