:root {
    --font-main: Helvetica, Arial, sans-serif;
    --font-alt: Inter, Helvetica, Arial, sans-serif;

    --color-primary: #D56B1F;
    --color-primary-hover: #BF5F1A;
    --color-dark: #424242;
    --color-text: #424242;
    --color-text-30:#303030;
    --color-text-grey: #747478;
    --color-text-light: #5c5c5e;
    --color-white: #FFFFFF;
    --color-muted: #8A8A8A;
    --color-light-bg: #F6F6FA;
    --color-border: #E7E7E7;
    --color-neutral-95: #F3F3FA;
    --color-filter-grey: #5c5c5e;
    --color-filter-select: #919196;
    --container-desktop: 1440px;
    --container-padding-mobile: 16px;
    --container-padding-tablet: 32px;
    --container-padding-desktop: 48px;
    --space-01: 2px;
    --space-02: 4px;
    --space-03: 8px;
    --space-04: 12px;
    --space-05: 16px;
    --space-06: 20px;
    --space-07: 24px;
    --space-08: 28px;
    --space-09: 32px;
    --space-10: 40px;
    --space-11: 44px;
    --space-12: 48px;
    --space-13: 56px;
    --space-14: 64px;
    --space-15: 72px;
    --space-16: 80px;

    --container: 1344px;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 40px;

}
h1 {
    font-size: 64px;
    line-height: 1.1;
}

h2 {
    font-size: 48px;
    line-height: 1.1;
}

h3 {
    font-size: 40px;
    line-height: 1.1;
}

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

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 28px;
    }

}