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

    --rs-color-secondary: #464A53;
    --rs-color-secondary-rgb: 70, 74, 83;
    --rs-color-secondary-variant: #2C3035;
    --rs-color-secondary-variant-rgb: 44, 48, 53;
    --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-300: #95A8BD;
    --rs-color-grey-700: #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-shadow-task: 0 1px 4px rgba(var(--rs-color-grey-light-rgb), 0.50041);
    --rs-shadow-tooltip: 0 5px 10px rgba(var(--rs-color-secondary-rgb), 0.2);
    --rs-shadow-popup: 0 5px 15px rgba(var(--rs-color-secondary-rgb), 0.25);
}


.rs-component-shadow--task {
    box-shadow: var(--rs-shadow-task);
}

.rs-component-shadow--tooltip {
    box-shadow: var(--rs-shadow-tooltip);
}

.rs-component-shadow--popup {
    box-shadow: var(--rs-shadow-popup);
}