/* |-------------------------------------------------------------------------- | Reach Font Theme Tokens |-------------------------------------------------------------------------- | Front-end only. A future backend can set data-font-theme on . */ :root, html[data-font-theme="reach"] { --font-body: "proxima-nova", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-heading: "proxima-nova", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-accent: var(--font-heading); } html[data-font-theme="system"] { --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-accent: var(--font-heading); } html[data-font-theme="classic"] { --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-heading: Georgia, "Times New Roman", serif; --font-accent: Georgia, "Times New Roman", serif; } body, .reach-page, .reach-form-control { font-family: var(--font-body); } .reach-title, .reach-section-title, .reach-card-title, h1, h2, h3 { font-family: var(--font-heading); }