/* This file is only to set variables. Use the variables in "app.css" for general styling and "radzen.overwrite.css" to overwrite the radzen behaivor. */

:root {
    --myTracto-: 123;
    --myTracto-gray-10: rgb(25, 25, 27);
    --myTracto-gray-20: rgb(29, 29, 31);
    --myTracto-gray-25: rgb(73, 86, 90);
    --myTracto-gray-30: rgb(105, 106, 109);
    --myTracto-gray-40: rgb(153, 156, 159);
    --myTracto-gray-50: rgb(233, 233, 233);
    --myTracto-gray-100: rgb(238, 240, 241);
    --myTracto-gray-200: rgb(227, 231, 232);
    --myTracto-gray-300: rgb(199, 207, 209);
    --myTracto-gray-400: rgb(156, 163, 175);
    --myTracto-gray-500: rgb(110, 129, 135);
    --myTracto-gray-550: rgb(92, 102, 117);
    --myTracto-gray-600: rgb(75, 85, 99);
    --myTracto-gray-650: rgb(61, 70, 78);
    --myTracto-gray-700: rgb(46, 54, 56);
    --myTracto-gray-800: rgb(28, 32, 34);
    --myTracto-gray-850: rgb(13 13 14);
    --myTracto-gray-900: rgb(9, 11, 11);
    /*Primary*/
    --myTracto-primary-color: #00bfff;
    --myTracto-primary-color-lighter: #8fe3ff;
    --myTracto-primary-color-darker: #0179e8;
    /*Validation*/
    --myTracto-validation-error-background-color: rgba(243, 2, 103, 0.5);
    --myTracto-validation-error-border-color: #e50000;
    /*Switch*/
    --myTracto-switch-knob-color-enabled: var(--myTracto-primary-color);
    --myTracto-switch-knob-color-disabled: var(--myTracto-gray-500);
    /*Link*/
    --myTracto-link-color: var(--myTracto-primary-color);
    /*Pager*/
    --rz-pager-numeric-button-selected-color: black;
}