MUI CSS Variables & Pigment CSS Skill 1. CssVarsProvider (MUI v6) replaces when you want CSS-variable-based theming. Instead of injecting theme values into a JS context that triggers React re-renders on change, it emits CSS custom properties on the root element. Color scheme switches happen in CSS alone — no React tree re-render. Basic setup Key differences from ThemeProvider | Feature | ThemeProvider + createTheme | CssVarsProvider + extendTheme | |---------|---------------------------|------------------------------| | Theme values in CSS | No (JS only) | Yes (CSS custom properties) | | Dark…