/* Keep typography consistent across every EAP page surface. Tenant mode uses
   the configured font stacks; non-tenant pages use Emerald Tree's brand stacks. */
body.eap-site-page {
  --font-heading: var(--brand-heading);
  --font-body: var(--brand-body);
  --eap-page-heading-family: var(--brand-heading);
  --eap-page-body-family: var(--brand-body);
  font-family: var(--eap-page-body-family) !important;
}

body.eap-site-page.has-tenant-branding {
  --font-heading: var(--tenant-heading-font, var(--brand-heading));
  --font-body: var(--tenant-body-font, var(--brand-body));
  --eap-page-heading-family: var(--tenant-heading-font, var(--brand-heading));
  --eap-page-body-family: var(--tenant-body-font, var(--brand-body));
}

/* Apply the selected body stack across all page content. This deliberately
   overrides older component-level font declarations so tenant and general
   pages stay consistent. Icon glyphs supplied by pseudo-elements keep their
   own font declarations. */
body.eap-site-page * {
  font-family: var(--eap-page-body-family) !important;
}

body.eap-site-page :is(h1, h2, h3, h4, h5, h6),
body.eap-site-page :is(h1, h2, h3, h4, h5, h6) * {
  font-family: var(--eap-page-heading-family) !important;
}