:root {
    --primary: #00f0a4;
    --secondary: #00553a;
    --tertiary: #f0e8e1;
    --quaternary: #333;
    --green-25: #e6f6f1;
    --green-50: #ccf2e6;
    --green-100: #00f0a4;
    --green-200: #00d793;
    --green-300: #00be82;
    --green-400: #0ba36f;
    --green-500: #15875c;
    --green-600: #00553a;
    --green-700: #003323;
    --green-800: #002418;
    --green-900: #00140d;
    --green-functional: #00be82;
    --white: #fff;
    --black: #000;
    --grey: #333;
    --beige-100: #f8f5f1;
    --beige-200: #f0e8e1;
    --beige-300: #e9ddd3;
    --gradient-vertical: linear-gradient(182deg, var(--green-600) 17.08%, var(--green-700) 59.78%, var(--green-900) 126.16%);
    --gradient-horizontal: linear-gradient(253deg, var(--green-600) 13.02%, var(--green-700) 47.07%, var(--green-900) 100%);
    --spacer-0: 0;
    --spacer-xs: 1.25rem;
    --spacer-s: 2.5rem;
    --spacer-m: 5rem;
    --spacer-l: 7.5rem;
    --spacer-xl: 10rem;
    --spacer-xxl: 15rem
}
:root {
    --blockquote-font-weight: 400;
    --blockquote-font-size: 16px;
    --blockquote-line-height: 1.5;
    --blockquote-color: #000;
    --blockquote-letter-spacing: 0;
    --blockquote-text-transform: none;
    --h1-font-weight: 500;
    --h1-font-size: 50px;
    --h1-line-height: 1.3;
    --h1-color: #00553a;
    --h1-letter-spacing: 0;
    --h1-text-transform: none;
    --h2-font-weight: 500;
    --h2-font-size: 40px;
    --h2-line-height: 1.3;
    --h2-color: #00553a;
    --h2-letter-spacing: 0;
    --h2-text-transform: none;
    --h3-font-weight: 500;
    --h3-font-size: 32px;
    --h3-line-height: 1.3;
    --h3-color: #00553a;
    --h3-letter-spacing: 0;
    --h3-text-transform: none;
    --h4-font-weight: 500;
    --h4-font-size: 24px;
    --h4-line-height: 1.3;
    --h4-color: #00553a;
    --h4-letter-spacing: 0;
    --h4-text-transform: none;
    --h5-font-weight: 500;
    --h5-font-size: 20px;
    --h5-line-height: 1.3;
    --h5-color: #00553a;
    --h5-letter-spacing: 0;
    --h5-text-transform: none;
    --li-font-weight: 400;
    --li-font-size: 16px;
    --li-line-height: 1.5;
    --li-color: #000;
    --li-letter-spacing: 0;
    --li-text-transform: none;
    --h6-font-weight: 500;
    --h6-font-size: 16px;
    --h6-line-height: 1.3;
    --h6-color: #00553a;
    --h6-letter-spacing: 0;
    --h6-text-transform: none;
    --body-font-weight: 400;
    --body-font-size: 16px;
    --body-line-height: 1.5;
    --body-color: #000;
    --body-letter-spacing: 0
}

@media (min-width:768px) {
    :root {
        --blockquote-font-size: 16px;
        --h1-font-size: 50px;
        --h2-font-size: 40px;
        --h3-font-size: 32px;
        --h4-font-size: 24px;
        --h5-font-size: 20px;
        --li-font-size: 16px;
        --h6-font-size: 16px;
        --base-font-size: 16px
    }
}
@media (min-width:1140px) {
    :root {
        --blockquote-font-size: 16px;
        --h1-font-size: 90px;
        --h2-font-size: 66px;
        --h3-font-size: 50px;
        --h4-font-size: 38px;
        --h5-font-size: 28px;
        --li-font-size: 16px;
        --h6-font-size: 18px;
        --base-font-size: 16px
    }
}

:root {
    --body-font-family: "Syntegon", Helvetica, Arial, sans-serif;
    --li-font-family: "Syntegon", Helvetica, Arial, sans-serif;
    --blockquote-font-family: "Syntegon", Helvetica, Arial, sans-serif;
    --h1-font-family: "Syntegon", Helvetica, Arial, sans-serif;
    --h2-font-family: "Syntegon", Helvetica, Arial, sans-serif;
    --h3-font-family: "Syntegon", Helvetica, Arial, sans-serif !important;
    --h4-font-family: "Syntegon", Helvetica, Arial, sans-serif !important;
    --h5-font-family: "Syntegon", Helvetica, Arial, sans-serif !important;
    --h6-font-family: "Syntegon", Helvetica, Arial, sans-serif !important
}
:root {
    --swiper-navigation-size: 24px;
    --swiper-navigation-color: #000;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-inactive-color: #ccc;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 20px;
    --swiper-pagination-bullet-width: 20px;
    --swiper-pagination-bullet-radius: 0%;
    --swiper-pagination-bullet-border-color: #ccc;
    --swiper-pagination-bullet-border-width: 1px;
    --swiper-pagination-bullet-active-height: 8px;
    --swiper-pagination-bullet-active-width: 32px;
    --swiper-pagination-bullet-active-radius: 0%;
    --swiper-pagination-color: #000;
    --swiper-pagination-bullet-horizontal-gap: 5px
}