/* =========================================
   GLOBAL TYPOGRAPHY
========================================= */

:root {
    --font-primary: "Poppins", sans-serif;

    --font-h1: 44px;
    --font-h2: 36px;
    --font-h3: 20px;
    --font-body: 14px;
    --font-lead: 16px;
    --font-small: 12px;

    --line-heading: 1.25;
    --line-body: 1.8;
}

body {
    font-family: var(--font-primary);
    font-size: var(--font-body);
    line-height: var(--line-body);
}

h1 {
    font-size: var(--font-h1);
    line-height: var(--line-heading);
    font-weight: 600;
}

h2 {
    font-size: var(--font-h2);
    line-height: var(--line-heading);
    font-weight: 600;
}

h3 {
    font-size: var(--font-h3);
    line-height: 1.5;
    font-weight: 600;
}

p {
    font-size: var(--font-body);
    line-height: var(--line-body);
}

@media (max-width: 991px) {
    :root {
        --font-h1: 36px;
        --font-h2: 30px;
        --font-h3: 19px;
    }
}

@media (max-width: 767px) {
    :root {
        --font-h1: 28px;
        --font-h2: 26px;
        --font-h3: 18px;
        --font-body: 13px;
        --font-lead: 14px;
        --font-small: 12px;
    }
}

/* Shared CTA Typography and Colors */
--cta-heading-size: var(--font-h2);
--cta-heading-color: #ffffff;
--cta-text-size: var(--font-body);
--cta-text-color: #ffffff;
--cta-button-bg: #F47A26;
--cta-button-color: #ffffff;