/*
 * Sitewide base typography.
 *
 * The redesign (components.css / home.css) only ever set fonts on its own
 * `.hp-*` classes, so every page the redesign doesn't fully own — single
 * product, cart, checkout, my-account, blog posts, plain pages, most
 * WooCommerce chrome — still rendered in Blocksy's default system-sans
 * stack ("still looks like WordPress", esp. the fonts). This file closes
 * that gap for the whole site at once.
 *
 * Mechanism: Blocksy drives nearly all text through the CSS custom property
 * `--theme-font-family` (every rule in blocksy/static/bundle/main.min.css
 * reads `font-family: var(--theme-font-family)`). That property is DEFINED
 * once, on :root, in wp-content/uploads/blocksy/css/global.css — which is
 * enqueued before this plugin's styles. Redefining it on :root here (this
 * file loads after global.css, and main.min.css only ever *consumes* the
 * var, never redefines it) cascades the brand fonts everywhere with no
 * per-selector patching.
 *
 * Rollback: dequeue the 'hp-base-typography' handle in class-hp-assets.php.
 */

:root {
  --theme-font-family: var(--hp-font-sans);        /* Manrope — body, nav, buttons, UI */
  --theme-form-font-family: var(--hp-font-sans);   /* inputs, selects, textareas */
}

/*
 * Primary page/product/post title → the brand display serif (Instrument
 * Serif), matching the redesigned Home's own H1/H2 treatment. Deliberately
 * scoped to the ONE main heading of a page — sidebar/widget titles,
 * "Related products", tab headers, cart-section headings, etc. stay in
 * Manrope, which is the redesign's established "functional headings are
 * sans" rule.
 */
.single-product .product_title,
.woocommerce-products-header__title,
.page-title,
body.single-post .entry-title,
body.page:not(.home) .entry-title,
.wp-block-post-title {
  font-family: var(--hp-font-serif);
  font-weight: 400;
  letter-spacing: -0.015em;
}

/*
 * WooCommerce "Description / Additional information / Reviews" tab labels,
 * and the section sub-heads WooCommerce prints as h2 ("Related products",
 * "You may also like…") — keep these on Manrope explicitly so they don't
 * inherit anything unexpected and read as clean e-commerce UI.
 */
.woocommerce-tabs .wc-tabs li a,
.woocommerce .related > h2,
.woocommerce .upsells > h2,
.cart_totals h2,
.cross-sells > h2 {
  font-family: var(--hp-font-sans);
  font-weight: 600;
}