:root {
    /* UTP */
    --utpBackground: #fff;
    --utpSubheaderBorder: #5fb900;
    --utpSubheaderBackground: #cbfd96;
    --utpRoundBorder: #5fb900;
    --utpRoundBackground: #cbfd96;

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

    /* STEPS */
    --stepsBackground: #fdf2ff;
    --stepsCardHeaderBackground: #cbfd96;

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

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

    --stepsBannerColorTitle: #000;

    /* FOR */
    --forBackground: #fff;
    --forCardBackground: #f1f0ec;
    --forCardImageBorder: #c66cda;
    --forCardImageBackground: #fff;

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

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

    /* FORM-TITLE */
    --formTitleBackground: #cbfd96;

    --formTitleColorText: #000;

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

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


    /* REVIEWS */
    --reviewsBackground: #fff;
    --reviewsCardBackground: #FDF2FF;
    --reviewsCardImageBorder: #C66CDA;
    --reviewsCardImageBackground: #fff;
    
    --reviewsColorTitle: #000;

    /* SPEAKER */
    --speakerBackground: #f1f0ec;
    --speakerRoundBorder: #c66cda;
    --speakerRoundBackground: #fff;

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

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

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


    /* BUTTONS */

    --defaultButtonBorder: #7840a2;
    --defaultButtonBackground: #c66cda;
    --defaultButtonColor: #fff;

    --secondaryButtonBorder: #7840a2;
    --secondaryButtonBackground: #c66cda;
    --secondaryButtonColor: #fff;
}