/**
 * CH Typography
 *
 * Body font for the header and footer, plus the focused-title accent.
 *
 * Every rule in the first block mirrors a selector that the header (post 637)
 * or footer (post 643) document CSS writes with `Roboto, sans-serif`, prefixed
 * with .elementor to outrank it. The !important is inherited from those source
 * rules, not a preference: three of them are already !important, and matching
 * it is what lets this file win without editing either document.
 */

.elementor.elementor-location-header nav.elementor-nav-menu--main a.elementor-item,
.elementor.elementor-location-header nav.elementor-nav-menu--main ul.sub-menu a.elementor-sub-item,
.elementor.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-item,
.elementor.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-sub-item,
.elementor.elementor-location-header .elementor-menu-toggle,
.elementor.elementor-location-footer nav.elementor-nav-menu--main a.elementor-item,
.elementor.elementor-location-footer h2,
.elementor.elementor-location-footer .e-default-article p,
.elementor.elementor-location-footer .e-default-footer .e-default-aside p,
.elementor.elementor-location-footer .e-default-footer > .e-con > .e-con.e-default-section p,
.elementor.elementor-location-footer .e-default-footer > .e-con.e-default-section p,
.elementor.elementor-location-footer .e-default-footer .e-button-base,
.elementor.elementor-location-footer > .e-con.e-default-aside > .e-button-base {
	font-family: "Jost", sans-serif !important;
}

/**
 * Focused title.
 *
 * One or two words inside an h1 or h2 are wrapped in a <span> so they carry the
 * brand gold. The bare element is the hook on purpose: Elementor's heading
 * sanitiser keeps <span> but strips every attribute, so a class written into a
 * heading does not survive the save (<mark> is dropped outright; <em> survives
 * but carries emphasis semantics this accent does not mean). No heading on the
 * site holds a span for any other reason, so the selector stays precise.
 *
 * Setting the colour on the span itself beats whatever the heading inherits,
 * dark sections included. .ch-accent is kept for markup written outside a
 * heading widget, where a class does survive.
 */
.elementor h1 span,
.elementor h2 span,
.ch-accent {
	color: var(--e-global-color-primary, #b89d72);
}