:root{
    /* --color-back: #F8F7F7; */
    --color-back: #F2F5FF;
    --color-back-light: #FBFBFB;
    --color-main: #7373E0;
    --color-main-d: #5454db;

    --color-red: #FF4141;
    --color-green: #92c67a;
    --color-orange: #efa928;

    --color-text-def: #3B3B62;
    --color-text-second: #81819A;
    --color-text-title-copy: #4a4af1;
    --color-text-title: #4f4f99;
    --color-text-active: #7373E0;

    --color-test-correct: #8acc4a;
    --color-test-wrong: #ec1458;
    --color-test-auto: #ba98e7;
    --color-test-neutral: #eaeaea;

    --color-light: #D2D2E8;

    --color-drop-a: rgba(102, 141, 241, 0.56);
    --color-drop-b: rgba(102, 141, 241, 0.26);

    --color-pop-back-t: rgba(0,0,0,0.23);

    --border-r-def: 8px;

    --canv-text-edit-border: rgb(106, 149, 234);
}