@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

:root {
    --font-body: "Segoe UI", "Segoe UI Emoji", sans-serif;
    --font-heading: "Inter", sans-serif;

    /* Desktop — matches your full-screen sizes */
    --fs-hero-h1: 70px;
    --fs-hero-h2: 45px;
    --fs-hero-h3: 35px;
    --fs-hero-h4: 50px;
    --fs-hero-para: 22px;
    --fs-callout: 35px;
    --fs-feature-card-h3: 32px;
    --fs-info-card-h3: 26px;
    --fs-cards-info-h3: 22px;
    --fs-feature-content-h3: 18px;
    --fs-nav: 18px;
    --fs-btn: 20px;
    --fs-footer-title: 52px;
    --fs-footer-heading: 17px;
    --fs-inner-gold-h2: 34px;
    --fs-inner-feature-h3: 22px;
    --fs-text-para: 26px;
    --fs-who-we-work: 28px;
}

@media (max-width: 991px) {
    :root {
        --fs-hero-h1: 52px;
        --fs-hero-h2: 34px;
        --fs-hero-h3: 28px;
        --fs-hero-h4: 38px;
        --fs-hero-para: 18px;
        --fs-callout: 28px;
        --fs-feature-card-h3: 26px;
        --fs-info-card-h3: 22px;
        --fs-cards-info-h3: 19px;
        --fs-feature-content-h3: 16px;
        --fs-nav: 16px;
        --fs-btn: 18px;
        --fs-footer-title: 40px;
        --fs-footer-heading: 15px;
        --fs-inner-gold-h2: 28px;
        --fs-inner-feature-h3: 19px;
        --fs-text-para: 22px;
        --fs-who-we-work: 24px;
    }
}

@media (max-width: 767px) {
    :root {
        --fs-hero-h1: 38px;
        --fs-hero-h2: 28px;
        --fs-hero-h3: 22px;
        --fs-hero-h4: 30px;
        --fs-hero-para: 16px;
        --fs-callout: 22px;
        --fs-feature-card-h3: 20px;
        --fs-info-card-h3: 18px;
        --fs-cards-info-h3: 17px;
        --fs-feature-content-h3: 15px;
        --fs-nav: 15px;
        --fs-btn: 16px;
        --fs-footer-title: 30px;
        --fs-footer-heading: 14px;
        --fs-inner-gold-h2: 24px;
        --fs-inner-feature-h3: 17px;
        --fs-text-para: 18px;
        --fs-who-we-work: 20px;
    }
}

body {
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 600;
}