:root {
    --rs-color-primary: #5A86F2;
    --rs-color-primary-300: #7CA1FF;
    --rs-color-primary-700: #537BDE;

    --rs-color-secondary: #464A53;
    --rs-color-secondary-variant: #2C3035;
    --rs-color-secondary-300: #595C64;
    --rs-color-secondary-700: #2C3035;

    --rs-color-positive: #51D58D;
    --rs-color-positive-100: #B2FDD1;
    --rs-color-positive-300: #65E399;
    --rs-color-positive-700: #59C887;

    --rs-color-grey: #748393;

    --rs-color-grey-light: #C3D5E2;
    --rs-color-grey-light-rgb: 195, 213, 226;

    --rs-color-positive-variant: #B2FDD1;
    --rs-color-white: #FFFFFF;
    --rs-color-light: #EEF3F8;
    --rs-color-black: #111618;
    --rs-color-heading: #1B2348;
    --rs-color-negative: #F16564;
    --rs-color-neutral: #FFCA81;
    --rs-color-highlight: #FFED00;

    --rs-color-transparent: transparent;

    --rs-color-select-border: #DDDDDD;
    --rs-color-select-background: #F9F9F9;
    --rs-color-select-secondary: #E9ECEC;
}


.rs-component-shadow--task {
    box-shadow: 0 1px 4px rgba(195, 213, 226, 0.50041);
}

.rs-component-shadow--tooltip {
    box-shadow: 0 5px 10px rgba(70, 74, 83, 0.2);
}

.rs-component-shadow--popup {
    box-shadow: 0 5px 15px rgba(70, 74, 83, 0.25);
}