/* Typography tokens — nn27.com A classic serif for display/editorial moments, paired with a clean humanist sans for UI and body copy. Minimal, warm, "classic but simple". Fonts are Google Fonts substitutes (no brand font files were supplied) — see readme.md "Typography" note. The Google Fonts stylesheet itself is loaded via a direct in each page's rather than @import here, so the browser can fetch it in parallel instead of discovering it only after this file downloads and parses (avoids a render-blocking waterfall — see Lighthouse "render-blocking requests" insight). */ :root { --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif; --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif; --font-mono: "SF Mono", "IBM Plex Mono", Menlo, Consolas, monospace; /* Display / editorial (serif) */ --text-display-1: 400 clamp(2.75rem, 2.2rem + 2.2vw, 4.5rem) / 1.05 var(--font-serif); --text-display-2: 400 clamp(2rem, 1.7rem + 1.4vw, 3rem) / 1.1 var(--font-serif); --text-headline: 400 clamp(1.5rem, 1.35rem + 0.6vw, 1.875rem) / 1.25 var(--font-serif); /* UI / body (sans) */ --text-body-lg: 400 1.25rem/1.6 var(--font-sans); --text-body: 400 1.0625rem/1.6 var(--font-sans); --text-body-sm: 400 0.9375rem/1.5 var(--font-sans); --text-label: 500 0.8125rem/1.3 var(--font-sans); --text-caption: 400 0.8125rem/1.4 var(--font-sans); --text-mono: 400 0.875rem/1.5 var(--font-mono); --tracking-tight: -0.01em; --tracking-wide: 0.04em; }