add some more fonts

public/css/monaspace/argon.css

···
+@font-face {
+    font-family: "Monaspace Argon";
+    src: url("https://cdn.jsdelivr.net/gh/githubnext/monaspace/fonts/webfonts/MonaspaceArgonVarVF[wght,wdth,slnt].woff2")
+        format("woff2");
+    font-weight: 100 900;
+    font-style: normal;
+    font-display: swap;
+}

public/css/monaspace/krypton.css

···
+@font-face {
+    font-family: "Monaspace Krypton";
+    src: url("https://cdn.jsdelivr.net/gh/githubnext/monaspace/fonts/webfonts/MonaspaceKryptonVarVF[wght,wdth,slnt].woff2")
+        format("woff2");
+    font-weight: 100 900;
+    font-style: normal;
+    font-display: swap;
+}

public/css/monaspace/neon.css

···
+@font-face {
+    font-family: "Monaspace Neon";
+    src: url("https://cdn.jsdelivr.net/gh/githubnext/monaspace/fonts/webfonts/MonaspaceNeonVarVF[wght,wdth,slnt].woff2")
+        format("woff2");
+    font-weight: 100 900;
+    font-style: normal;
+    font-display: swap;
+}

public/css/monaspace/radon.css

···
+@font-face {
+    font-family: "Monaspace Radon";
+    src: url("https://cdn.jsdelivr.net/gh/githubnext/monaspace/fonts/webfonts/MonaspaceRadonVarVF[wght,wdth,slnt].woff2")
+        format("woff2");
+    font-weight: 100 900;
+    font-style: normal;
+    font-display: swap;
+}

public/css/monaspace/xenon.css

···
+@font-face {
+    font-family: "Monaspace Xenon";
+    src: url("https://cdn.jsdelivr.net/gh/githubnext/monaspace/fonts/webfonts/MonaspaceXenonVarVF[wght,wdth,slnt].woff2")
+        format("woff2");
+    font-weight: 100 900;
+    font-style: normal;
+    font-display: swap;
+}

src/providers/themeProvider.tsx

···
     url: "https://fonts.googleapis.com/css2?family=Mona+Sans:wght@400;500;700&display=swap",
   },
   {
+    name: "Shippori Mincho",
+    category: "serif",
+    url: "https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;700&display=swap",
+  },
+  {
     name: "Comic Neue",
     category: "sans",
     url: "https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;500;700&display=swap",
···
     category: "mono",
     url: "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;700&display=swap",
   },
+  {
+    name: "Monaspace Neon",
+    category: "mono",
+    url: "/css/monaspace/neon.css",
+  },
+  {
+    name: "Monaspace Xenon",
+    category: "mono",
+    url: "/css/monaspace/xenon.css",
+  },
 ];
 
 export type ThemeState = {
···
 const ThemeContext = createContext<ThemeState>({} as ThemeState);
 
 export function ThemeProvider({ children }: { children: React.ReactNode }) {
-  const [theme, setTheme] = useState<"light" | "dark">("light");
-  const [font, setFont] = useState<FontConfig>(GOOGLE_FONTS[0]);
+  const [theme, setTheme] = useState<"light" | "dark">("dark");
+  const [font, setFont] = useState<FontConfig>(GOOGLE_FONTS[2]);
   const [loadedFonts, setLoadedFonts] = useState<Set<string>>(new Set());
 
   const loadFonts = useCallback(
···
   // Load saved theme/font from localStorage
   useEffect(() => {
     const savedTheme =
-      (localStorage.getItem("theme") as "light" | "dark") || "light";
+      (localStorage.getItem("theme") as "light" | "dark") || "dark";
     const savedFont =
-      JSON.parse(localStorage.getItem("font") || "null") || GOOGLE_FONTS[0];
+      JSON.parse(localStorage.getItem("font") || "null") || GOOGLE_FONTS[2];
     setTheme(savedTheme);
     setFont(savedFont);
   }, []);