:root {
    /* UTP */
    --utpBackground: #fff;
    --utpSubheaderBorder: #79cce0;
    --utpSubheaderBackground: #ddf8ff;
    --utpRoundBorder: #79cce0;
    --utpRoundBackground: #ddf8ff;

    --utpColorSubtitle: #000;
    --utpColorTitle: #000;
    --utpColorDesc: #393939;
    --utpColorListTitle: #000;
    --utpColorListItem: #000;
    --utpColorPlaceText: #7b7b7b;

    /* STEPS */
    --stepsBackground: #ddf8ff;
    --stepsCardHeaderBackground: #ffe2e9;

    --stepsColorTitle: #000;
    --stepsCardHeaderColorTitle: #000;
    --stepsCardHeaderColorDesc: #000;

    /* STEPS-BANNER */
    --stepsBannerBackground: #ddf8ff;

    --stepsBannerColorTitle: #000;

    /* FOR */
    --forBackground: #fff;
    --forCardBackground: #ddf8ff;
    --forCardImageBorder: #79cce0;
    --forCardImageBackground: #fff;

    --forColorTitle: #000;
    --forCardColorTitle: #000;
    --forCardColorDesc: #000;

    /* FOR-BTM */
    --forBtnBackground: #fff;

    /* FORM-TITLE */
    --formTitleBackground: #f4ebdd;
    --formTitleColorText: #000;


    /* TARIFF */
    --tariffBackground: #f4ebdd;
    --tariffTimerBackground: #f4ebdd;

    --tariffTextColor: #000;
    --tariffTimerColorCount: #ff4b6b;
    --tariffTimerColorText: #000;


    /* REVIEWS */
    --reviewsBackground: #fff;
    --reviewsCardBackground: #ffe2e9;
    --reviewsCardImageBorder: #ff768e;
    --reviewsCardImageBackground: #fff;
    
    --reviewsColorTitle: #000;

    /* SPEAKER */
    --speakerBackground: #ddf8ff;
    --speakerRoundBorder: #79cce0;
    --speakerRoundBackground: #fff;

    --speakerColorTitle: #000;
    --speakerColorListItem: #000;

    /* MODAL */
    --modalInputBackground: #f4ebdd;

    --modalInputColorText: #000;
    --modalInputColorPlaceholder: rgba(0, 0, 0, .5);


    /* BUTTONS */

    --defaultButtonBorder: #ff4b6b;
    --defaultButtonBackground: #ff8298;
    --defaultButtonColor: #fff;

    --secondaryButtonBorder: #ff4b6b;
    --secondaryButtonBackground: #ff8298;
    --secondaryButtonColor: #fff;
}