Please excuse me if this channel is not suitable for discussion re Elements… I’m having some difficulty understanding how to use theme overrides. My attempt is

const oryTheme: Partial<Theme> = {
  accent: {
      def: '#F7520C',
      muted: '#E12100',
      emphasis: '#E12100',
      disabled: '#666666',
      subtle: '#ED6F0C',
  },
};

const App = (): JSX.Element => {
  return (
    <AuthProvider>
        <BrowserRouter>
          <Shell>
            <Suspense>
              <ThemeProvider themeOverrides={oryTheme}>
                <Routes />
              </ThemeProvider>
            </Suspense>
          </Shell>
        </BrowserRouter>
    </AuthProvider>
  );
};

which has no effect on a UserAuthCard (although seems to work with UserSettingsCard). Scanning the Elements code, it seems that all of the React components just statically import the generated CSS and would never apply the augmentation of the custom theme. Can someone please help me understand how the themeOverrides prop is intended to be used?