Typography Scale System - Patterns

Design a complete typography system: modular scale with ratio options (1.25, 1.333, 1.5), heading hierarchy (H1-H6) with size, weight, and line height, body text optimization for readability, code and monospace specifications, responsive scaling with clamp(), font pairing recommendations, and implementation with CSS custom properties