feat(web): Pressing Plant design tokens + self-hosted Fraunces

globals.css defines the manila/spruce palette as CSS custom properties for
both themes (prefers-color-scheme + explicit data-theme override), paper
grain, base reset, focus-visible, reduced-motion. Fraunces vendored as woff2
and wired via next/font/local with a Palatino/Georgia fallback.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan
2026-07-12 14:09:30 +02:00
parent 5f0dcda2ab
commit e1d96aa603
3 changed files with 88 additions and 0 deletions
+11
View File
@@ -0,0 +1,11 @@
import localFont from "next/font/local";
// Fraunces — a warm, optical variable serif (Fontsource, latin wght axis).
// Self-hosted so the container build needs no network and the CSP never bites.
export const fraunces = localFont({
src: "../fonts/Fraunces.woff2",
variable: "--font-fraunces",
weight: "100 900",
display: "swap",
fallback: ["Palatino Linotype", "Palatino", "Book Antiqua", "Georgia", "serif"],
});