Professional font pairing and typography rules. Triggers: font, typography, heading, serif, sans-serif, premium, elegant, corporate, luxury
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
Then in CSS: font-family: 'Inter', system-ui, sans-serif;