/* ======================================================================== PCG Design System — typography + layout primitives (Phase 9.0) Loaded after pcg-custom.css. Fonts loaded in HTML : Fraunces (variable serif) — display + headings Inter (sans) — body ======================================================================== */ :root { /* Type families */ --font-display: "Fraunces", "Source Serif 4", Georgia, serif; --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* Fluid type scale (clamp(min, preferred-vw, max)) */ --fs-h1: clamp(2rem, 1.4rem + 3.4vw, 4rem); /* 32 → 64 */ --fs-h2: clamp(1.5rem, 1.15rem + 1.8vw, 2.5rem); /* 24 → 40 */ --fs-h3: clamp(1.25rem, 1.1rem + 0.9vw, 1.625rem); /* 20 → 26 */ --fs-h4: clamp(1.125rem, 1.05rem + 0.4vw, 1.25rem); /* 18 → 20 */ --fs-body: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); /* 16 → 18 */ --fs-lead: clamp(1.125rem, 1rem + 0.6vw, 1.375rem); /* 18 → 22 */ --fs-small: clamp(0.875rem, 0.85rem + 0.15vw, 0.95rem); --fs-kicker: clamp(0.7rem, 0.68rem + 0.12vw, 0.78rem); /* Spacing & rhythm */ --space-section: clamp(80px, 6vw, 140px); --space-section-mobile: 64px; --content-measure: 65ch; /* Couples-counseling palette extension (existing tokens kept in pcg-custom.css) */ --pcg-terracotta: #c47b66; --pcg-ink-deep: #1a2f37; --pcg-cream: #fbf7f1; --pcg-mist-deep: #d6e8e3; --pcg-line: rgba(39, 70, 80, 0.14); --pcg-focus: #4f8c7a; } /* ----- Reset legacy template sidebar layout that scoped #main + body overflow ----- */ /* The bundled style.css applies width:80% / margin-left:20% / float:right to any element with id="main" (intended only for .de-sidebar pages). That rule floats
and lets the dark-themed