redraw the desk as cartoon skeuomorphism: CSS-only materials (no textures), light cream desk, per-item hues, cork board, receipt, scoreboard

src/app/layout.tsx

@@ -1,10 +1,10 @@
 import type { Metadata } from "next";
-import { Newsreader, IBM_Plex_Sans, IBM_Plex_Mono } from "next/font/google";
+import { Newsreader, IBM_Plex_Sans, IBM_Plex_Mono, Nunito } from "next/font/google";
 import "./globals.css";
 import ThemeScript from "./components/ThemeScript";
 
-// Display serif for headlines, Plex for body/labels — same pairing as the
-// reference editorial site.
+// The web desk pairs a rounded sans (hardware labels, headings) with a printed
+// serif (anything on paper) and a mono (terminal text + technical labels).
 const news = Newsreader({
   variable: "--font-news",
   subsets: ["latin"],
@@ -24,6 +24,12 @@ const plexMono = IBM_Plex_Mono({
   weight: ["400", "500"],
   display: "swap",
 });
+const round = Nunito({
+  variable: "--font-round",
+  subsets: ["latin"],
+  weight: ["600", "700", "800"],
+  display: "swap",
+});
 
 export const metadata: Metadata = {
   title: "dvorakmortonxd.dev",
@@ -51,7 +57,7 @@ export default function RootLayout({
       lang="en"
       data-theme="web"
       suppressHydrationWarning
-      className={`${news.variable} ${plex.variable} ${plexMono.variable}`}
+      className={`${news.variable} ${plex.variable} ${plexMono.variable} ${round.variable}`}
     >
       <body className="antialiased">
         <noscript>