/* ============================================================ HPFAS Insights — Site Theme (canonical stylesheet) ------------------------------------------------------------ Canonical source of truth as of 2026-07-19. Ported from Tools/Pay-Fixation-2016/User/References/design_handoff_site_theme/ hpfas-theme.css (in production there since b132) and reconciled against the July 2026 full-site design handoff's own per-page token block — confirmed near-identical by direct comparison, so this is a merge, not a redesign. Delta: promoted the handoff's radius scale (--r-sm/-md/-lg/-xl) from hardcoded values into variables here too. Usage: 1. Load the three Google Fonts (see @import below, or copy the tags into your ). 2. Link this file: 3. Wrap your page in:

- data-accent: warm | cool | violet - data-mode: light | dark Persist the user's choice server-side (signed-in) or in localStorage (anonymous) so it carries across every page. 4. Use the utility classes below (hp-btn, hp-card, hp-input, hp-label, …) or reference the CSS variables directly. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Schibsted+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap'); /* ---------- Reset ---------- Every .dc.html mockup's own