/**
 * Navibiz global typography.
 * Keeps the existing visual system and improves legibility site-wide.
 */

:root {
    --su-font-sans: "Onest", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
    --su-body-leading: 1.72;
}

body.sellerup-site {
    font-family: var(--su-font-sans);
    font-kerning: normal;
    font-synthesis: none;
    line-height: var(--su-body-leading);
    letter-spacing: 0.012em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.sellerup-site :where(button, input, select, textarea) {
    font-family: inherit;
    letter-spacing: 0.012em;
}

body.sellerup-site :where(p, li, dd, blockquote) {
    line-height: 1.76;
}

body.sellerup-site h1,
body.sellerup-site h2,
body.sellerup-site h3,
body.sellerup-site h4,
body.sellerup-site h5,
body.sellerup-site h6 {
    font-family: var(--su-font-sans);
    font-weight: 650;
    line-height: 1.22;
    letter-spacing: 0.012em !important;
    text-wrap: balance;
}

body.sellerup-site h1 {
    letter-spacing: 0.006em !important;
}

body.sellerup-site h2 {
    letter-spacing: 0.008em !important;
}

body.sellerup-site :where(
    .su-header a,
    .su-main-menu a,
    .su-btn,
    .button,
    button,
    input[type="submit"],
    input[type="button"]
) {
    font-weight: 600;
    letter-spacing: 0.025em;
}

body.sellerup-site :where(
    .su-content-kicker,
    .su-section-label,
    .su-service-hit,
    .su-eyebrow,
    .nb-eyebrow
) {
    font-weight: 650;
    letter-spacing: 0.085em;
}

body.sellerup-site .su-service-prose {
    font-size: clamp(1rem, 0.96rem + 0.14vw, 1.08rem);
    letter-spacing: 0.01em;
}

body.sellerup-site .su-service-prose :where(p, li) {
    line-height: 1.8;
}

body.sellerup-site .su-service-prose :where(h2, h3) {
    letter-spacing: 0.008em;
}

@media (max-width: 640px) {
    body.sellerup-site {
        letter-spacing: 0.008em;
    }

    body.sellerup-site :where(p, li, dd, blockquote) {
        line-height: 1.7;
    }

    body.sellerup-site :where(
        .su-content-kicker,
        .su-section-label,
        .su-service-hit,
        .su-eyebrow,
        .nb-eyebrow
    ) {
        letter-spacing: 0.065em;
    }
}