:root {
    --primary-color: #6e707e;
    --primary-linear-color: #5a5c69;
    --primary-text-color: #6e707e;
    --primary-background-color: #6e707e;
    --body-background-color: #eff3f9;
    --hover-active-color: #eaecf4; 
    --form-disabled: #e9ecef;
    --color-border: #ced4da;
    --white-0: #fff;
    --white-inverse: #5a5c69;
    --dark-100: #fff;
    --dark-200: #fff;
    --dark-300: #dcdcdc;
    --dark-400: #fff;
    --dark-500: #fff;
    --dark-600: #5a5c69;
    --dark-700: #fff;
    --bg-gray-100: #f8f9fc;
    --bg-gray-200: #eaecf4;
    --bg-gray-300: #dddfeb;
    --bg-gray-400: #d1d3e2;
    --bg-gray-500: #b7b9cc;
    --bg-gray-600: #858796;
    --bg-gray-700: #6e707e;
    --bg-gray-800: #5a5c69;
    --bg-gray-900: #3a3b45;
    --bg-gray-1000: #e9ecef;
    --text-gray-100: #f8f9fc;
    --text-gray-200: #eaecf4;
    --text-gray-300: #dddfeb;
    --text-gray-400: #d1d3e2;
    --text-gray-500: #b7b9cc;
    --text-gray-600: #858796;
    --text-gray-700: #6e707e;
    --text-gray-800: #5a5c69;
    --text-gray-900: #3a3b45;
    --menu-background: url(./../../public/images/theme/menu_back.png);
    --login-background: url(./../../public/images/theme/codemonk.jpg);
}