:root {
  --axe-site-heading-font: "Oswald", sans-serif;
  --axe-site-body-font: "Roboto", sans-serif;
  --axe-site-heading-size: 28px;
  --axe-site-heading-leading: 34px;
  --axe-site-body-size: 18px;
  --axe-site-body-leading: 24px;
}

html body {
  font-family: var(--axe-site-body-font) !important;
  font-size: var(--axe-site-body-size);
  font-weight: 400;
  line-height: var(--axe-site-body-leading);
}

html
  body
  :is(
    p,
    li,
    dt,
    dd,
    address,
    blockquote,
    figcaption,
    td,
    th,
    label,
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
  ) {
  font-family: var(--axe-site-body-font) !important;
  font-size: var(--axe-site-body-size) !important;
  line-height: var(--axe-site-body-leading) !important;
}

/*
 * The cart is a narrow transactional surface. Preserve the sitewide typefaces
 * and hierarchy while giving dense order data a compact, readable scale.
 */
html body .axe-funnel-cart .axe-funnel-cart__timing p {
  font-size: 16px !important;
  line-height: 22px !important;
}

html body .axe-funnel-cart-item__configuration .variation dt {
  font-size: 12px !important;
  line-height: 16px !important;
}

html body .axe-funnel-cart-item__configuration .variation dd,
html body .axe-funnel-cart-item__configuration .variation dd p {
  font-size: 15px !important;
  line-height: 20px !important;
}

html body .axe-funnel-cart .quantity .qty {
  font-size: 14px !important;
  line-height: 36px !important;
}

html body .axe-funnel-cart .cart_totals .shop_table th,
html body .axe-funnel-cart .cart_totals .shop_table td {
  font-size: 16px !important;
  line-height: 22px !important;
}

html body .axe-funnel-cart .cart_totals .order-total th,
html body .axe-funnel-cart .cart_totals .order-total td {
  font-size: 18px !important;
  line-height: 24px !important;
}

html body .axe-funnel-cart .cart_totals .woocommerce-shipping-destination,
html body .axe-funnel-cart .cart_totals .woocommerce-shipping-destination p,
html body .axe-funnel-cart .cart_totals .woocommerce-shipping-calculator {
  font-size: 14px !important;
  line-height: 19px !important;
}

html
  body
  :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .entry-title,
    .product_title,
    .woocommerce-loop-product__title,
    .axe-funnel-configurator__intro-title,
    .axe-funnel-configurator__title,
    .axe-funnel-configurator__heading,
    .axe-funnel-configurator__native-heading,
    .axe-funnel-custom-stamp__title,
    .axe-funnel-helmet-section__title,
    .axe-funnel-thread-gallery__title,
    .axe-funnel-cart__title,
    .axe-funnel-cart__section-heading,
    .axe-funnel-checkout__title,
    .woocommerce-order-details__title,
    .woocommerce-customer-details h2,
    #order_review_heading,
    .cart_totals h2
  ) {
  font-family: var(--axe-site-heading-font) !important;
  font-size: var(--axe-site-heading-size) !important;
  font-weight: 600 !important;
  line-height: var(--axe-site-heading-leading) !important;
}

html
  body
  :is(
    button,
    .button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"]
  ) {
  font-family: var(--axe-site-heading-font) !important;
  font-size: var(--axe-site-body-size) !important;
  font-weight: 600 !important;
  line-height: var(--axe-site-body-leading) !important;
}