@font-face {
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../fonts/space-grotesk-variable.ttf") format("truetype");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400 700;
    font-stretch: 75% 100%;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-variable.ttf") format("truetype");
}

:root {
    --pharos-body-font: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --pharos-heading-font: "Space Grotesk", var(--pharos-body-font);
    --global-body-font-family: var(--pharos-body-font);
    --global-heading-font-family: var(--pharos-heading-font);
}

body,
button,
input,
select,
optgroup,
textarea {
    font-family: var(--pharos-body-font);
}

body {
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: 0.005em;
}

body p,
body li,
body label,
body blockquote,
body figcaption,
body input,
body textarea,
body select,
body optgroup,
body .entry-content,
body .entry-content p,
body .entry-content li,
body p.wp-block-kadence-advancedheading,
body .main-navigation a,
body .drawer-navigation a,
body .drawer-content a,
body .mobile-navigation a,
body .site-header a,
body .wp-block-button__link,
body .kb-button,
body .kt-button,
body .kb-forms-submit,
body .kb-field {
    font-family: var(--pharos-body-font) !important;
}

body p.wp-block-kadence-advancedheading {
    font-weight: 400 !important;
    letter-spacing: 0.005em !important;
    line-height: 1.65 !important;
}

body input::placeholder,
body textarea::placeholder {
    font-family: var(--pharos-body-font) !important;
}

p,
li,
label,
input,
textarea,
blockquote,
.entry-content {
    font-size: 1.0625rem;
    line-height: 1.65;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.site-title,
.wp-block-kadence-advancedheading {
    font-family: var(--pharos-heading-font);
    font-weight: 600;
    text-wrap: balance;
}

h1 {
    font-size: clamp(2.5rem, 5vw, 4rem);
    line-height: 1.06;
    letter-spacing: -0.038em;
    font-weight: 700;
}

h2 {
    font-size: clamp(1.875rem, 3.2vw, 2.75rem);
    line-height: 1.12;
    letter-spacing: -0.03em;
}

h3 {
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.18;
    letter-spacing: -0.022em;
}

.wp-block-button__link,
.kb-forms-submit,
button,
input[type="button"],
input[type="submit"],
.cmplz-btn {
    font-family: var(--pharos-body-font);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

@media (max-width: 782px) {
    body {
        font-size: 16px;
    }

    p,
    li,
    label,
    input,
    textarea,
    blockquote,
    .entry-content {
        font-size: 1rem;
    }

    h1 {
        font-size: clamp(2.25rem, 9vw, 3.25rem);
    }

    h2 {
        font-size: clamp(1.75rem, 7.5vw, 2.25rem);
    }

    h3 {
        font-size: clamp(1.375rem, 6vw, 1.75rem);
    }
}