/* code comment: language base stacks bound to */ html[lang^="en"] body { font-family: Montserrat, Gotham, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } html[lang^="ar"] body { font-family: 'Janna LT', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } /* code comment: normalize form controls to inherit the text font */ html[lang^="en"] button, html[lang^="en"] input, html[lang^="en"] select, html[lang^="en"] textarea, html[lang^="ar"] button, html[lang^="ar"] input, html[lang^="ar"] select, html[lang^="ar"] textarea { font: inherit; } /* code comment: header/nav inherit (do not set explicit families here) */ html[lang^="en"] .site-header, html[lang^="en"] .site-header *:not(.fa), html[lang^="en"] nav, html[lang^="en"] nav *:not(.fa), html[lang^="ar"] .site-header:not(.fa), html[lang^="ar"] .site-header *:not(.fa), html[lang^="ar"] nav, html[lang^="ar"] nav *:not(.fa) { font-family: inherit; } /* code comment: do not override icon fonts (Font Awesome safeguards) */ /* .fa, .fas, .far, .fal, .fab, .fa-solid, .fa-regular, .fa-brands, [class^="fa-"], [class*=" fa-"] { font-family: var(--fa-style-family, "Font Awesome 6 Brands") !important; font-weight: var(--fa-style, 900); } */ /* code comment: helper for legacy selectors */ .font-inherit { font-family: inherit; }