Theme Switching

How it works

1. The user toggles the ThemeSwitch component.
2. The useTheme hook updates the theme state.
3. The hook adds either .light or .dark class to document.documentElement.
4. CSS variables from variables.css are applied according to that class.
5. Components using var(...) immediately pick up the new values.