:root {
    /* Style */
    --background-image: url('/images/layered-waves-haikei-dark.svg');
    /* Main Layout */
    --modules-background-color: rgba(22, 23, 27, 0.93);
    --r: 22;
    --g: 23;
    --b: 27;
    --overlay-background-color: rgba(21, 21, 21, 0.8);
    --black-and-white: #FFFFFF;
    --opacity: 0.80;
    --mobile-background-color: #151719;
    /* Misc */
    /*--kendo-color-app-surface: #001220;*/ /* #Background of the app */
    /*--kendo-color-on-app-surface: #ffffff;*/
    /* Colors */
    /*--kendo-color-primary-subtle: #c7c7c7;
    --kendo-color-primary-subtle-hover: #c2c2c2;
    --kendo-color-primary-subtle-active: #bdbdbd;*/
    /*--kendo-color-primary: #424242;*/
    /*--kendo-color-primary-hover: #212121;
    --kendo-color-primary-active: #000000;
    --kendo-color-primary-emphasis: #9e9e9e;
    --kendo-color-primary-on-subtle: #F4F4F5;
    --kendo-color-on-primary: #ffffff;
    --kendo-color-primary-on-surface: #616161;*/
    /* Colors secondary*/
    /*--kendo-color-secondary: #F2A7BF;*/
    /********************************************************************************************/
    --input-custom-background: #131219;
    /* Color System Swatches */
    /* Misc */
    --kendo-color-app-surface: #000000;
    --kendo-color-surface: #292929;
    --kendo-color-surface-alt: #16171b; /*#1F1F1F;*/
    --kendo-color-on-app-surface: #EBEBEB;
    --kendo-color-subtle: #A3A3A3;
    --kendo-color-border: rgba(255,255,255, .16);
    --kendo-color-border-alt: #6A6A6E;
    /*  Base */
    --kendo-color-base-subtle: #3D3D3D;
    --kendo-color-base-subtle-hover: #525252;
    --kendo-color-base-subtle-active: #666666;
    --kendo-color-base: #525252;
    --kendo-color-base-hover: #222222;
    --kendo-color-base-active: #7A7A7A;
    --kendo-color-base-emphasis: #7A7A7A;
    --kendo-color-on-base: #EBEBEB;
    --kendo-color-base-on-surface: #EBEBEB;
    --kendo-color-base-on-subtle: #EBEBEB;
    /* Primary */
    --kendo-color-primary-subtle: #20463F;
    --kendo-color-primary-subtle-hover: #26544B;
    --kendo-color-primary-subtle-active: #346F63;
    --kendo-color-primary: #3B7D6F;
    --kendo-color-primary-hover: #3F8D7D;
    --kendo-color-primary-active: #4CA996;
    --kendo-color-primary-emphasis: #3B7D6F;
    --kendo-color-on-primary: #FFFFFF;
    --kendo-color-primary-on-surface: #3F8D7D;
    --kendo-color-primary-on-subtle: #D5ECE7;
    /* Secondary */
    --kendo-color-secondary-subtle: #525252;
    --kendo-color-secondary-subtle-hover: #666666;
    --kendo-color-secondary-subtle-active: #7A7A7A;
    --kendo-color-secondary: #7A7A7A;
    --kendo-color-secondary-hover: #8F8F8F;
    --kendo-color-secondary-active: #A3A3A3;
    --kendo-color-secondary-emphasis: #333333;
    --kendo-color-on-secondary: #000000;
    --kendo-color-secondary-on-surface: #8F8F8F;
    --kendo-color-secondary-on-subtle: #FFFFFF;
    /* Tertiary */
    --kendo-color-tertiary-subtle: #45200D;
    --kendo-color-tertiary-subtle-hover: #673014;
    --kendo-color-tertiary-subtle-active: #893F1A;
    --kendo-color-tertiary: #CE5F27;
    --kendo-color-tertiary-hover: #DB7542;
    --kendo-color-tertiary-active: #E28E65;
    --kendo-color-tertiary-emphasis: #AC4F20;
    --kendo-color-on-tertiary: #000000;
    --kendo-color-tertiary-on-surface: #DB7542;
    --kendo-color-tertiary-on-subtle: #F8E6DD;
    /* Error */
    --kendo-color-error-subtle: #4D0505;
    --kendo-color-error-subtle-hover: #730707;
    --kendo-color-error-subtle-active: #990A0A;
    --kendo-color-error: #F22C2C;
    --kendo-color-error-hover: #F55C5C;
    --kendo-color-error-active: #F67979;
    --kendo-color-error-emphasis: #C00C0C;
    --kendo-color-on-error: #ffffff;
    --kendo-color-error-on-surface: #F55C5C;
    --kendo-color-error-on-subtle: #FDD9D9;
    /* Success */
    --kendo-color-success-subtle: #20463F;
    --kendo-color-success-subtle-hover: #26544B;
    --kendo-color-success-subtle-active: #346F63;
    --kendo-color-success: #3B7D6F;
    --kendo-color-success-hover: #3F8D7D;
    --kendo-color-success-active: #4CA996;
    --kendo-color-success-emphasis: #3B7D6F;
    --kendo-color-on-success: #FFFFFF;
    --kendo-color-success-on-surface: #3F8D7D;
    --kendo-color-success-on-subtle: #D5ECE7;
    /* Warning */
    --kendo-color-warning-subtle: #523900;
    --kendo-color-warning-subtle-hover: #7A5600;
    --kendo-color-warning-subtle-active: #996B00;
    --kendo-color-warning: #E09D00;
    --kendo-color-warning-hover: #FFB200;
    --kendo-color-warning-active: #FFBC1F;
    --kendo-color-warning-emphasis: #B88100;
    --kendo-color-on-warning: #000000;
    --kendo-color-warning-on-surface: #FFB200;
    --kendo-color-warning-on-subtle: #FFF0CC;
    /* Info */
    --kendo-color-info-subtle: #054576;
    --kendo-color-info-subtle-hover: #075C9D;
    --kendo-color-info-subtle-active: #0873C4;
    --kendo-color-info: #289DF6;
    --kendo-color-info-hover: #3BA5F7;
    --kendo-color-info-active: #62B7F8;
    --kendo-color-info-emphasis: #0A89EB;
    --kendo-color-on-info: #000000;
    --kendo-color-info-on-surface: #3BA5F7;
    --kendo-color-info-on-subtle: #D8EDFD;
    /* Light */
    --kendo-color-light-subtle: #EBEBEB;
    --kendo-color-light-subtle-hover: #E0E0E0;
    --kendo-color-light-subtle-active: #CCCCCC;
    --kendo-color-light: #E0E0E0;
    --kendo-color-light-hover: #CCCCCC;
    --kendo-color-light-active: #B8B8B8;
    --kendo-color-light-emphasis: #B8B8B8;
    --kendo-color-on-light: #1F1F1F;
    --kendo-color-light-on-surface: #E0E0E0;
    --kendo-color-light-on-subtle: #333333;
    /* Dark */
    --kendo-color-dark-subtle: #292929;
    --kendo-color-dark-subtle-hover: #333333;
    --kendo-color-dark-subtle-active: #3D3D3D;
    --kendo-color-dark: #3D3D3D;
    --kendo-color-dark-hover: #3D3D3D;
    --kendo-color-dark-active: #525252;
    --kendo-color-dark-emphasis: #525252;
    --kendo-color-on-dark: #FFFFFF;
    --kendo-color-dark-on-surface: #1F1F1F;
    --kendo-color-dark-on-subtle: #F5F5F5;
    /* Series A */
    --kendo-color-series-a-subtler: #E5BDBD;
    --kendo-color-series-a: #C66C6C;
    --kendo-color-series-a-bold: #B04545;
    --kendo-color-series-a-subtle: #D49191;
    --kendo-color-series-a-bolder: #762E2E;
    /* Series B */
    --kendo-color-series-b-subtler: #C3D8DF;
    --kendo-color-series-b: #7AA9B8;
    --kendo-color-series-b-bold: #568E9F;
    --kendo-color-series-b-subtle: #9CBFC9;
    --kendo-color-series-b-bolder: #395F6A;
    /* Series C */
    --kendo-color-series-c-subtler: #C3DFD1;
    --kendo-color-series-c: #7AB899;
    --kendo-color-series-c-bold: #569F7A;
    --kendo-color-series-c-subtle: #9CC9B3;
    --kendo-color-series-c-bolder: #396A52;
    /* Series D */
    --kendo-color-series-d-subtler: #DFC3D6;
    --kendo-color-series-d: #B87AA3;
    --kendo-color-series-d-bold: #9F5687;
    --kendo-color-series-d-subtle: #C99CBA;
    --kendo-color-series-d-bolder: #6A395A;
    /* Series E */
    --kendo-color-series-e-subtler: #E9EDB6;
    --kendo-color-series-e: #DADA58;
    --kendo-color-series-e-bold: #C9C92C;
    --kendo-color-series-e-subtle: #E3E380;
    --kendo-color-series-e-bolder: #86861D;
    /* Series F */
    --kendo-color-series-f-subtler: #C6C3DF;
    --kendo-color-series-f: #817AB8;
    --kendo-color-series-f-bold: #5D55A0;
    --kendo-color-series-f-subtle: #A09CC9;
    --kendo-color-series-f-bolder: #3E396A;
}