reorganize style and font configs

components/Layout/Layout.tsx

@@ -3,7 +3,7 @@ import Header from "../Header";
 import Footer from "../Footer";
 import { useTheme } from "../../hooks/use-theme";
 import { styled } from "../../lib/styles/stitches.config";
-import { themeColors } from "../../lib/styles/helpers/themes";
+import { themeColors } from "../../lib/config/themes";
 import type { ComponentProps } from "react";
 
 const Flex = styled("div", {

components/ThemeScript/ThemeScript.tsx

@@ -1,4 +1,4 @@
-import { darkModeQuery, themeStorageKey, themeClassNames } from "../../lib/styles/helpers/themes";
+import { darkModeQuery, themeStorageKey, themeClassNames } from "../../lib/config/themes";
 
 // comments are up here to avoid having them inside the actual client output:
 //  - `p` is the user's saved preference