:where(h1,h2,h3,h4,h5,h6,.mkp-heading,.mkp-v2-title,.woocommerce-loop-product__title,.product_title){
  font-family:var(--mkp-heading-font,var(--mkp-font));
}
:where(button,input,select,textarea,.button,.wp-element-button,.wc-block-components-button){
  font-family:inherit;
}



/* ==========================================================
   Phase 08-G.18.9.5 — Global typography propagation
   ========================================================== */

/* Root application: every normal UI text inherits the selected body family. */
html body{
  font-family:var(--mkp-font)!important;
}

/*
 * Form controls and third-party commerce controls commonly ship their own
 * system-font stacks. Lock them back to the central typography token.
 */
html body :where(
  button,
  input,
  select,
  textarea,
  option,
  .button,
  .wp-element-button,
  .wc-block-components-button,
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .select2-container,
  .select2-selection,
  .select2-results,
  .select2-search__field
){
  font-family:var(--mkp-font)!important;
}

/* Headings keep the intentional separate-heading option when configured. */
html body :where(
  h1,h2,h3,h4,h5,h6,
  .mkp-heading,
  .mkp-v2-title,
  .woocommerce-loop-product__title,
  .product_title
){
  font-family:var(--mkp-heading-font,var(--mkp-font))!important;
}