:root {
    --primary-color: #2559eb; /**/
    --primary-light-color: #6088fa; /**/
    --primary-dark-color: #3b6cf6; /**/
    --primary-color-hover: #A76BC5;
    --secondary-color: #5b616d; /**/
    --secondary-color-hover: #b946c9;
    --secondary-font-color: #6C5573;
    --stroke-color: #dddfe4; /**/
    --bg-color: #f9f9fa; /**/
    --secondary-bg-color: #fff; /**/
    --dark-bg-color: #f4f4f6; /**/
    --error-color: #970003;
    --error-bg-color: #FFDADA;
    --success-color: #007760;
    --success-bg-color: #BFFFF2;
    --overlay-color: rgba(0, 0, 0, 0.5);
    --light-selection-color: #F0D2FF;

    --active-bg-color: #ebe1fb;

    --inactive-bg-color: #f4f4f6; /**/
    --inactive-text-color: #8B92A0; /**/

    --light-green: #E1FBEF;
    --dark-green: #2a9919;
    --light-blue: #f1f8fe; /**/
    --dark-blue: #1B1999;
    --medium-blue: #92cbf7;
    --light-red: #FBE1E1;
    --dark-red: #e92020;
    --light-yellow: #FAFBE1;
    --dark-yellow: #ca9802;

    --light-grey: #ebecf0;

    --light-font-color: #8c929c; /**/
    --dark-font-color: #0a0c11;

    --font-main: "Roboto", sans-serif;

    --container-width: 928px;

    --transition: 0.5s ease;

}