:root {
    --text: rgba(43, 43, 43, 1);
    --background: rgba(255, 255, 255, 1);
    --white: rgba(255, 255, 255, 1);
    --secondary-dark: rgba(111, 143, 94, 1);
    --primaryprimary-800: rgba(92, 118, 62, 1);
    --placeholder: rgba(189, 189, 189, 1);
    --black: rgba(40, 40, 40, 1);
    --primaryprimary-300: rgba(234, 240, 227, 1);
    --line-color: rgba(242, 240, 238, 1);
    --info-link: rgba(31, 159, 198, 1);
    --second-bg: rgba(250, 250, 250, 1);
    --primaryprimary-200: rgba(243, 247, 239, 1);
    --primaryprimary-700: rgba(173, 197, 145, 1);
    --red: rgba(220, 36, 36, 1);
    --black-1: rgba(46, 46, 45, 1);
    --icon-color: rgba(173, 197, 145, 1);
    --button-hover: rgba(159, 184, 116, 1);
    --primaryprimary-600: rgba(192, 211, 171, 1);
    --yellow: rgba(255, 232, 86, 1);
    --title-font-family: "Raleway", Helvetica;
    --title-font-weight: 700;
    --title-font-size: 20px;
    --title-letter-spacing: 0px;
    --title-line-height: 30px;
    --title-font-style: normal;
    --h7-font-family: "Trirong", Helvetica;
    --h7-font-weight: 600;
    --h7-font-size: 14px;
    --h7-letter-spacing: 0px;
    --h7-line-height: 24px;
    --h7-font-style: normal;
    --h6-font-family: "Trirong", Helvetica;
    --h6-font-weight: 600;
    --h6-font-size: 18px;
    --h6-letter-spacing: 0px;
    --h6-line-height: 28px;
    --h6-font-style: normal;
    --h3-font-family: "Trirong", Helvetica;
    --h3-font-weight: 700;
    --h3-font-size: 32px;
    --h3-letter-spacing: 0px;
    --h3-line-height: 42px;
    --h3-font-style: normal;
    --subtitle-font-family: "Raleway", Helvetica;
    --subtitle-font-weight: 500;
    --subtitle-font-size: 20px;
    --subtitle-letter-spacing: 0px;
    --subtitle-line-height: 30px;
    --subtitle-font-style: normal;
    --h4-font-family: "Trirong", Helvetica;
    --h4-font-weight: 700;
    --h4-font-size: 28px;
    --h4-letter-spacing: 0px;
    --h4-line-height: 38px;
    --h4-font-style: normal;
    --h5-font-family: "Trirong", Helvetica;
    --h5-font-weight: 700;
    --h5-font-size: 24px;
    --h5-letter-spacing: 0px;
    --h5-line-height: 34px;
    --h5-font-style: normal;
    --body-2-font-family: "Raleway", Helvetica;
    --body-2-font-weight: 400;
    --body-2-font-size: 16px;
    --body-2-letter-spacing: 0px;
    --body-2-line-height: 26px;
    --body-2-font-style: normal;
    --body-1-font-family: "Raleway", Helvetica;
    --body-1-font-weight: 600;
    --body-1-font-size: 16px;
    --body-1-letter-spacing: 0px;
    --body-1-line-height: 26px;
    --body-1-font-style: normal;
    --h2-font-family: "Trirong", Helvetica;
    --h2-font-weight: 600;
    --h2-font-size: 44px;
    --h2-letter-spacing: 0px;
    --h2-line-height: 54px;
    --h2-font-style: normal;
    --button-shadow-default: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);
    --button-shadow-hover: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
}

@media screen and (max-width: 1024px) {
    :root {
        --h2-font-size: 32px;
        --h2-line-height: 42px;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --h2-font-size: 24px;
        --h2-line-height: 34px;
    }
}