Puoi usare la funzione CSS light-dark()
--nome-variabile: light-dark(#efedea, #223a2c);
Puoi impostarli entrambi sulla stessa cosa.
Non è stato fatto nulla per :hover nel core. Dovrai solo assicurarti di impostare la variabile su ciò che desideri quando passi il mouse sopra.