:root {
    /* SIZE VALUES */
    --doc-height: 100%;

    /* WHITE, GRAY and BLACK */
    --white: #FFFFFF;
    --lightest-gray: #F4F4F8;
    --light-gray: #E9E8EB;
    --table-header-light-gray: #F8F9FA;
    --border-light-gray: #EFF2F7;
    --dark-gray: #74788D;
    --darkest-gray: #495057;
    --purple-gray: #B8B5D1;
    --light-purple-gray: #D6D0E3;
    --full-black: #110B22;
    --black: #000000;
    --circle-button-gray: #939099;

    /* ORANGE */
    --light-jv-orange: #FFAE77;
    --jv-orange: #FF6600;

    /* BLUE */
    --lightest-blue: #E7EAFD;
    --light-blue: #D4DAF9;
    --gray-blue: #B1B8E0;
    --mid-light-blue: #8E9FEA;
    --blue-button-link: #556EE6;

    /* GREEN */
    --lightest-crm-green: #ADE8D3;
    --light-crm-green: #22E69E;
    --crm-green: #21D593;

    /* YELLOW */
    --light-crm-yellow: #F0E489;
    --crm-yellow: #EAD531;
    --crm-button-yellow: #F2D602;

    /* PINK */
    --light-crm-pink: #FFADDD;
    --crm-pink: #FA50B3;

    /* RED */
    --delete-logout-red: #F46A6A;

    /* OTHERS */
    --shadow-color: #12263F0D;
    --transparent: transparent;
    --left-menu-line: #2A3042;
    --search-box-shadow: #999999;
}