Puedes usar la función CSS light-dark()
--nombre-de-variable: light-dark(#efedea, #223a2c);
Puedes establecer ambos en lo mismo.
No se ha hecho nada con :hover en el núcleo. Solo tendrás que asegurarte de establecer la variable en lo que quieras al pasar el ratón por encima.