@import url('https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
    --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;
    --font-heading: 'Onest', system-ui, sans-serif;
}

/* More specific than the legacy `body, *` declarations in individual views. */
html body,
html body :where(*) {
    font-family: var(--font-body) !important;
}

html body :is(h1, h2, h3, h4, h5, h6, button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], .btn, .button, a[class*="button"], a[class*="btn"]),
html body :is(h1, h2, h3, h4, h5, h6, button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], .btn, .button, a[class*="button"], a[class*="btn"]) :where(*) {
    font-family: var(--font-heading) !important;
}