/* Global Typography Overrides */
  /* This ensures that all text elements inherit the correct font family from theme settings */
  
  /* Basic text elements */
  p, span, div, a, button, input, select, textarea, label, li {
    font-family: var(--font-body-family-override, "Instrument Sans", sans-serif) !important;
  }
  
  /* Heading elements */
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6,
  [class*="title"],
  [class*="heading"],
  .title,
  .heading {
    font-family: var(--font-heading-family-override, "Instrument Sans", sans-serif) !important;
  }
  
  /* Special elements */
  .product-title,
  .product__title,
  .product-form__label,
  .collection-hero__title,
  .page-title,
  .section-header__title, 
  .main-collection-title,
  .main-title,
  .subtitle {
    font-family: var(--font-heading-family-override, "Instrument Sans", sans-serif) !important;
  }
  
  /* Rating components, reviews, benefits, and other common elements */
  .rating-component,
  .review-name,
  .review-text,
  .benefit-text,
  .counter-text,
  .feature-name,
  .check-yes,
  .check-no,
  .text-value {
    font-family: var(--font-body-family-override, "Instrument Sans", sans-serif) !important;
  }
  
  /* Allow these overrides to be disabled for Shopify admin components */
  .shopify-section *[class^="shopify-"],
  *[class^="shopify-"] * {
    font-family: inherit;
  }