Change variable mode based on default system settings

Hey,
I’ve looked in the forum for a previous solution and didn’t find so hopefully I’m not asking something that has been answered before
I have a variable mode on the body and I would want it to be changed between Dark and Light (variable modes i defined in a variable collection) by the system setting.

I prefer a dynamic approach and not native animation interaction as further ahead I’m planning to change the variable modes with a color switch that saves the data and changes it from system operation first to user’s choise. feels like it requires a more code logic solution.

thank you in advance for anyone who could help :folded_hands:


Here is my site Read-Only: [LINK](Webflow - Yotiomk)
(how to share your site Read-Only link)