/* Site-wide typography contract: mirrors the landing page. */
:root {
    --be-font-display: 'Cinzel', serif;
    --be-font-body: 'Raleway', sans-serif;
}

html body,
html body :not(#be-font-body-sentinel) {
    font-family: var(--be-font-body) !important;
}

html body :not(#be-font-display-sentinel):is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    label,
    legend,
    summary,
    th,
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .button,
    .wp-element-button,
    .wpforms-submit,
    .parallax-btn,
    .newsletter-button,
    .header-btn,
    .dropdown-item,
    .faq-pagination .page-numbers,
    .eyebrow,
    .proof-line,
    .teaser-text,
    [class*="title"]:not([class*="subtitle"]),
    [class*="heading"],
    [class*="label"],
    [class*="badge"],
    [class*="button"],
    [class*="btn"]
) {
    font-family: var(--be-font-display) !important;
}

html body :not(#be-font-supporting-sentinel):is(
    .wpforms-field-description,
    .wpforms-field-sublabel,
    .wpforms-confirmation-container-full,
    .faq-answer
) {
    font-family: var(--be-font-body) !important;
}

/* Preserve icon and technical typefaces. */
html body :not(#be-font-awesome-sentinel):is(
    .fa,
    .fas,
    .far,
    .fal,
    .fa-solid,
    .fa-regular
) {
    font-family: "Font Awesome 6 Free" !important;
}

html body :not(#be-font-awesome-brands-sentinel):is(.fab, .fa-brands) {
    font-family: "Font Awesome 6 Brands" !important;
}

html body :not(#be-font-technical-sentinel):is(code, kbd, samp, pre) {
    font-family: 'JetBrains Mono', monospace !important;
}

html body :not(#be-font-rating-sentinel):is(.star-rating, .star) {
    font-family: star, WooCommerce !important;
}

html body div.wpforms-container-full .wpforms-form .wpforms-field-label,
html body div.wpforms-container .wpforms-form .wpforms-field-label,
html body .wpforms-form .wpforms-field-label-inline {
    font-family: var(--be-font-display) !important;
}

html body div.wpforms-container-full .wpforms-form button[type="submit"],
html body div.wpforms-container .wpforms-form button[type="submit"],
html body .wpforms-form button[type="submit"] {
    font-family: var(--be-font-display) !important;
}

html body [style*="Anton"] {
    font-family: var(--be-font-display) !important;
}

html body [style*="Inter"] {
    font-family: var(--be-font-body) !important;
}
