layout.tsx:6-15 loads two local Geist fonts via next/font/local and exposes them as
--font-geist-sans / --font-geist-mono on <body> ([nextjs-app-shell-convention]
(/brain/rules/nextjs-app-shell-convention.md)). But globals.css:6 overrides
body { font-family: Arial, Helvetica, sans-serif; }, so the Geist fonts are downloaded and
their CSS variables set, yet body text renders in Arial — the fonts are shipped but unused. The
brain flags this as a "known quirk"; it is a silent inconsistency worth resolving one way or the
other: point body at var(--font-geist-sans), or remove the unused Geist loading if Arial is the
deliberate choice. Low impact, trivial fix.
Still present as of the 2026-07-27 refresh: globals.css:5-7 is unchanged, and layout.tsx
still loads both fonts and applies ${geistSans.variable} ${geistMono.variable} to <body>
(layout.tsx:30). Note the body rule sits OUTSIDE @layer base (), so it
wins on specificity/order against the token layer — moving it inside the layer is not the fix.