/* ========================================================================= VODA.MARKETING — Site (shared) styles Design tokens, base/reset, typography, nav, footer, buttons, panels, cards, forms, FAQ, and every reusable component. Loaded by EVERY page. The homepage also loads css/home.css on top for its signature motion (hero orb, flightpath, mobile vine). Inner pages load ONLY this file. Editorial cream + coral. Wispr-Flow-inspired structure: EB Garamond serif display headlines over a Figtree UI layer, generously rounded controls, a light/dark section rhythm. Coral stays the ONE accent — every role Wispr assigns to lavender/teal here goes to the same coral instead. Mobile-first. ========================================================================= */ /* ---------- 0. SELF-HOSTED FONTS (latin subset only) ---------- Display face is EB Garamond (serif) — reserved for H1/H2 headline moments. UI/body/nav/buttons/labels are all Figtree. No monospace anywhere; --font-mono aliases to Figtree as a safety net for any class this pass missed. Each family is one self-hosted variable woff2 spanning a weight range (same pattern as css/styles.css). These faces are also declared in the inline critical