/* cfs-sitewide-two-font-system-20261005
   Brand type tokens. This stylesheet is loaded after page-level styles so the
   cascade works without priority overrides. */
:root {
  --cfs-brand-font-display: Georgia, serif;
  --cfs-brand-font-ui: Inter, "Segoe UI", Arial, sans-serif;
}

body.cfs2030-shell {
  --cfs-font-sans: var(--cfs-brand-font-ui);
  --cfs-font-display: var(--cfs-brand-font-display);
  --cfs-font-editorial: var(--cfs-brand-font-display);
  --cfs-font-product: var(--cfs-brand-font-ui);
  --cfs-font-ui: var(--cfs-brand-font-ui);
  --cfs-font-commerce: var(--cfs-brand-font-ui);
  --cfs-font-logo: var(--cfs-brand-font-display);
  font-family: var(--cfs-brand-font-ui);
}

/* PDP styles already consume these tokens, including their stronger component
   rules, so changing the tokens is enough; no selector escalation is needed. */
body.cfs2030-shell .pdp2030 {
  --pdp-font-display: var(--cfs-brand-font-display);
  --pdp-font-body: var(--cfs-brand-font-ui);
  --pdp-font-content: var(--cfs-brand-font-ui);
  --pdp-font-utility: var(--cfs-brand-font-ui);
}

body.cfs2030-shell :is(.cfs-site-header, .cfs-search-panel, .cfs-footer, .cfs-footer-discovery, .cfs-mobile-bottom-nav, .cfs-minimal-header) {
  font-family: var(--cfs-brand-font-ui);
}

/* Components rendered outside #main-content keep the same UI token. */
body.cfs2030-shell :is(.cfs-recently-viewed, .cfs-mini-cart-panel, .modal, .offcanvas, .configPopup, .productConfigPopup) {
  --pdp-font-display: var(--cfs-brand-font-display);
  --pdp-font-body: var(--cfs-brand-font-ui);
  --pdp-font-content: var(--cfs-brand-font-ui);
  --pdp-font-utility: var(--cfs-brand-font-ui);
  font-family: var(--cfs-brand-font-ui);
}

body.cfs2030-shell .cfs-recently-viewed .price.cfs-price,
body.cfs2030-shell .cfs-recently-viewed .price.cfs-price *,
body.cfs2030-shell :is(.modal, .offcanvas, .configPopup, .productConfigPopup) :is(p, a, span, button, input, select, textarea, label, li, small, strong, b, em) {
  font-family: var(--cfs-brand-font-ui);
}

body.cfs2030-shell #main-content,
body.cfs2030-shell #main-content *:where(
  :not(svg):not(path):not(use):not(g):not(symbol):not(rect):not(circle):not(line):
  not(polyline):not(polygon):not(ellipse):not(.fa):not(.fas):not(.far):not(.fab):
  not(.fal):not(.fad):not(.bi):not(.glyphicon):not(.material-icons):
  not([class^="fa-"]):not([class*=" fa-"]):not([class^="icon-"]):not([class*=" icon-"])
) {
  font-family: var(--cfs-brand-font-ui);
}

/* cfs-pdp-product-title-georgia-20261005
   The approved PDP title sizing and rhythm remain owned by PDP CSS. */
body.cfs2030-shell #main-content :is(h1, h2, h3, h4, h5, h6),
body.cfs2030-shell #main-content :is(h1, h2, h3, h4, h5, h6) *,
body.cfs2030-shell :is(.modal, .offcanvas, .configPopup, .productConfigPopup) :is(h1, h2, h3, h4, h5, h6),
body.cfs2030-shell :is(.cfs-brand, .checkout-footer-brand) strong {
  font-family: var(--cfs-brand-font-display);
}

/* cfs-all-non-product-h1-36-20261005
   Product-detail H1 is intentionally excluded. */
body.cfs2030-shell #main-content h1:not(#product-title),
body.cfs2030-shell > h1:not(#product-title) {
  font-size: 36px;
  line-height: 1.12;
}