:root {
    --card: #fff;
    --primary-color: #000;
    --txt-grey: #838181;
    --input-border: #dee2e6;
    --input-border-active: #d1d3d5;
    --secondary-color: #5340e8;
    --secondary-color_2: #817bae;
    --bnw-btn-bg: #000;
    --bnw-btn-color: #fff;
    --color-success: #0ac989;
    --color-danger: #f24242;
    --border-color: #dee2e6;
    --color-processing: #f24242;
    --color-waiting: #f9ca7d;
    --color-completed: #0ac989;

    --bg-primary: #fff;
    --bg-secondary: #5340e8;
    --bg-secondary-lumus: #f7f5ff;
    --bg-success-lumus: #e9fdf7;
    --bg-danger: #ee2950;
    --bg-grey_1: #f5f4fa;
    --bg-modal: #fff;
    --hover-bg: #faf9fd;
    --sidenav-active-bg: #f4f4f4;
    --btn-grey: #f4f4f4;
    --input-shaded: #f5f4fa;

    --popup-bg: #fff;
    --popup-bg-success: #e9fcf6;
    --popup-bg-error: #fbeaea;
    --popup-border-success: #a3f7dc;
    --popup-border-error: #f69b9b;
    --popup-btn-bg: #fff;
    --popup-btn-color: #000;

}