u

src/main.jsx

@@ -7,11 +7,16 @@ import { SnackbarProvider } from 'notistack';
 import AuthBootstrap from './components/AuthBootstrap';
 import App from './App';
 import { getActiveTheme } from './theme';
+import { installCssVars } from './colors';
 // Side-effect imports: each module registers its automat and subscribes to
 // authAutomat, so the stores must be evaluated before the session bootstraps.
 import './automats';
 import './index.css';
 
+// Publish the color tokens as CSS custom properties so index.css (and any
+// other plain-CSS stylesheet) reads the same palette as the React components.
+installCssVars();
+
 // Dev-only Automat inspector. The `import.meta.env.DEV` branch is statically
 // eliminated in production builds, so this module never ships to users.
 const AutomatInspector = import.meta.env.DEV