.light-theme {
    /*////// Main Section //////*/
    --body-font-color: var(--n900);
    --disable-font-color: var(--n400);
    --primary-border-color: var(--n700);
    --secondary-border-color: var(--n400);
    /*Header*/
    --header-title-color: var(--n800);
    --header-breadcrumbs-color: var(--n800);
    --header-icons-color: var(--n700);
    --header-icons-background-hover: var(--n200);
    --header-icons-hover: var(--b600);
    --header-font-hover: var(--n800);
    --header-background: #FFF;
    --header-border: var(--n200);
    /*Submenu*/
    --submenu-font-color: var(--n400);
    --submenu-font-active: var(--n100);
    --submenu-font-hover: var(--n100);
    --submenu-background: var(--n800);
    --submenu-item-active: var(--b600);
    --submenu-item-hover: var(--b600);
    /*Buttons*/
    --button-background-color: var(--n300);
    --button-background-hover: var(--n400);
    --button-background-active: var(--n500);
    --button-background-disabled: var(--n200);
    --button-font-color: var(--body-font-color);
    --button-font-hover: var(--n900);
    --button-font-active: var(--n900);
    --button-font-disabled: var(--n400);
    --button-background-color-secondary: var(--n700);
    --button-background-hover-secondary: var(--n800);
    --button-background-active-secondary: var(--n900);
    --button-font-color-secondary: var(--n50);
    --button-font-hover-secondary: var(--n50);
    --button-font-active-secondary: var(--n50);
    --button-background-color-primary: var(--b600);
    --button-background-hover-primary: var(--b700);
    --button-background-active-primary: var(--b900);
    --button-font-color-primary: var(--n50);
    --button-font-hover-primary: var(--n50);
    --button-font-active-primary: var(--n50);
    --form-close-button-background: var(--n400);
    --form-close-button-color: var(--n800);
    /*Inputs*/
    --input-background-color: transparent;
    --input-background-hover: transparent;
    --input-background-focus: transparent;
    --input-background-disabled: var(--n100);
    --input-font-hover: var(--n900);
    --input-font-focus: var(--n900);
    --input-font-disabled: var(--n600);
    --input-webkit-autofill: var(--n50);
    /* card*/
    --wpcard-border: 1px solid var(--n300);
    --wpcard-border-radius: 3px;
    --wpcard-background: var(--n50);
    /*checkradios*/
    --checkradio-border-default: var(--n700);
    --checkradio-border-hover: var(--b600);
    --checkradio-border-active-hover: var(--b600);
    --checkradio-background-default: transparent;
    --checkradio-background-active: var(--b600);
    --checkradio-background-disabled: var(--b300);
    --checkradio-font-active: var(--n100);
    --checkradio-font-disabled: var(--n100);
    /*Drop-downs / pop-ups / menus*/
    --dropdown-background: var(--n100);
    --dropdown-item-hover: var(--n400);
    --calendar-item-active: var(--b600);
    --calendar-item-hover: var(--b600);
    --calendar-font-active: var(--n100);
    --mobile-menu-background: var(--n400);
    --form-background-color: var(--n50);
    --tree-body-background: var(--n100);
    --overlay-container-background: rgba(0,0,0,0.5);
    /*/////// Shadows ///////*/
    --button-shadow: 0px 0px 1px rgba(51, 53, 56, .0);
    --checkradio-shadow: 0 0 3px 3px rgba(0, 0, 0, .25);
    --tree-body-shadow: 3px 0px 3px rgba(0, 0, 0, .25);
    --overlay-panel-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
    --dropdown-menu-shadow: 0px 8px 16px 0px rgba(0,0,0,0.15);
    --tab-label-shadow: -1px -1px 3px rgba(129, 133, 139, 0.25);
    --datepicker-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    --tab-border-shadow: 0;
    /*/////// Tooltip ///////*/
    --tltp-bg-default: rgba(97,97,97,.9);
    --tltp-font-default: var(--n50);
    /*/////// Scrollbar ///////*/
    --scrollbar-width: 6px;
    --scrollbar-track-bg-color: var(--n500);
    --scrollbar-track-border-radius: 3px;
    --scrollbar-thumb-bg-color: var(--n600);
    --scrollbar-thumb-border-radius: 3px;
    --scrollbar-thumb-bg-color-hover: var(--n700);
    --scrollbar-thumb-bg-color-active: var(--n900);
    /*/////// Accordion ///////*/
    /*Background*/
    --accordion-body-background-color: transparent;
    --accordion-header-background-color: var(--n200);
    --accordion-item-background-color: transparent;
    --accordion-header-background-color-active: transparent;
    --accordion-item-background-color-active: transparent;
    --accordion-header-background-color-disabled: var(--n300);
    --accordion-item-background-color-disabled: var(--n300);
    /*Font*/
    --accordion-header-font-color: var(--n900);
    --accordion-item-font-color: var(--n900);
    --accordion-header-font-color-active: var(--b800);
    --accordion-item-font-color-active: var(--n900);
    --accordion-header-font-color-disabled: var(--n800);
    --accordion-item-font-color-disabled: var(--n800);
    /*/// Hover Colors ///*/
    /*Background*/
    --accordion-header-background-hover: var(--b600);
    --accordion-item-background-hover: transparent;
    --accordion-header-background-hover-active: var(--b700);
    --accordion-item-background-hover-active: transparent;
    /*Font*/
    --accordion-header-font-hover: var(--n100);
    --accordion-item-font-hover: var(--n900);
    --accordion-header-font-hover-active: var(--n100);
    --accordion-item-font-hover-active: var(--n900);
    /* Borders */
    --accordion-body-radius: 1.15px;
    --accordion-item-border-radius: 2.35px;
    --accordion-item-border: 0;
    --accordion-header-border: 2px solid transparent;
    --accordion-item-border-active: 0;
    --accordion-header-border-active: 2px solid var(--b600);
    --accordion-item-border-disabled: 0;
    --accordion-header-border-disabled: 2px solid var(--n500);
    --accordion-item-border-hover: 0;
    --accordion-header-border-hover: 2px solid transparent;
    --accordion-item-border-active-hover: 0;
    --accordion-header-border-active-hover: 2px solid var(--b600);
    /*/////// Chips Input ///////*/
    --chips-background-color: transparent;
    --chips-background-hover: var(--n100);
    --chips-font-color: var(--n900);
    --chips-font-hover: var(--n900);
    --chips-icon-hover: var(--b200);
    --chips-background-active: var(--n700);
    --chips-font-active: var(--n50);
    --chips-icon-active: var(--n100);
    --chips-icon-active-hover: var(--n400);
    --chips-body-background: var(--n400);
    --chips-input-box-shadow: 0;
    --chips-token-background: var(--b600);
    --chips-token-font-color: var(--n50);
    --select-container-diasbled-bg-color: var(--n300);
    --select-container-diasbled-font-color: var(--n600);
    /*/////// ColorPicker ///////*/
    --clrpckr-dropdown-bg-color: var(--n700);
    --clrpckr-handle-color: var(--n50);
    --input-font-disabled: var(--n600);
    /*/////// Context Menu ///////*/
    --context-menu-background-color: var(--n50);
    --context-menu-shadow: 1px 1px 4px rgba(111, 111, 119, 0.5);
    --context-menu-font-color: var(--n900);
    --context-menu-font-disabled-color: var(--n400);
    --context-menu-background-hover: var(--b100);
    --context-menu-font-hover: var(--n900);
    --context-menu-expand-icon-font-color: var(--n800);
    /*/////// DatePicker ///////*/
    --datepicker-input-background-color: transparent;
    --datepicker-input-background-hover: transparent;
    --datepicker-input-background-focus: transparent;
    --datepicker-input-background-disabled: var(--n100);
    --datepicker-input-font-color: var(--n900);
    --datepicker-input-font-hover: var(--n900);
    --datepicker-input-font-focus: var(--datepicker-input-font-color);
    --datepicker-input-font-disabled: var(--n600);
    --datepicker-icon-color: var(--n900);
    --datepicker-icon-hover: var(--b500);
    --datepicker-dropdown-background: var(--n50);
    --datepicker-dropdown-item-hover: var(--n300);
    --calendar-item-active: var(--b600);
    --calendar-item-hover: var(--b600);
    --calendar-font-active: var(--n50);
    --calendar-time-btn-color: var(--n700);
    --calendar-time-btn-hover: var(--b500);
    --primary-border-color: var(--n700);
    --secondary-border-color: var(--n400);
    /*/////// Dropdown Button ///////*/
    --dropdown-background-color: var(--n50);
    --dropdown-background-hover: var(--n50);
    --dropdown-font-color: var(--n900);
    --dropdown-font-hover: var(--n900);
    --dropdown-icon-hover: var(--n900);
    --dropdown-background-active: var(--n700);
    --dropdown-font-active: var(--n50);
    --dropdown-icon-active: var(--n50);
    --dropdown-icon-active-hover: var(--n400);
    --dropdown-body-background: var(--n400);
    --dropdown-font-color: var(--n900);
    /*/////// Grid ///////*/
    /*Backgrounds*/
    --grid-row-odd: var(--n100);
    --grid-row-even: var(--n50);
    --grid-row-hover: rgb(from var(--n300) r g b / 0.5);
    --grid-column-hover: rgb(from var(--n300) r g b / 0.5);
    --grid-main-background: var(--n100);
    --grid-main-background-disabled: var(--n300);
    --grid-row-active: rgb(from var(--b300) r g b / 0.5);
    --grid-dropdown-background-color: var(--n50);
    --grid-cell-range-selection-background-color: rgb(from var(--b200) r g b / 0.8);
    --grid-filter-background-hover: var(--n600);
    /*Borders*/
    --grid-body-border-radius: 5px;
    --grid-button-radius: 2.35px;
    --grid-border-color: var(--n300);
    --grid-body-border: 1px solid var(--n300);
    --grid-footer-top-border: 1px solid var(--n300);
    --grid-col-border: var(--n300);
    --grid-cell-selected-border: var(--b700);
    /*Font colors*/
    --grid-body-font-color: var(--n900);
    --grid-header-font-color: var(--n900);
    --grid-footer-font-color: var(--n800);
    /*Paging styles*/
    --grid-paging-background-hover: var(--n300);
    --grid-paging-font-color-hover: var(--grid-footer-font-color);
    --grid-paging-font-color-disabled: var(--n400);
    --grid-paging-background-color-active: var(--b600);
    --grid-paging-font-color-hover: var(--n50);
    --grid-paging-background-color-hover: var(--b600);
    /*Filter buttons and drop-down*/
    --grid-filter-background-hover: var(--b600);
    --grid-filter-icon-hover: var(--n50);
    --grid-filter-background-color: transparent;
    --grid-filter-icon-color: var(--n900);
    /*Buttons*/
    --grid-button-background-color: var(--button-background-color);
    --grid-button-background-hover: var(--button-background-hover);
    --grid-button-background-active: var(--button-background-active);
    --grid-button-background-disabled: var(--button-background-disabled);
    --grid-button-font-hover: var(--button-font-hover);
    --grid-button-font-active: var(--button-font-active);
    --grid-button-font-disabled: var(--button-font-disabled);
    /*Checks and radio*/
    --grid-checkradio-border-default: var(--n700);
    --grid-checkradio-border-hover: var(--b600);
    --grid-checkradio-border-active-hover: var(--b600);
    --grid-checkradio-background-default: transparent;
    --grid-checkradio-background-active: var(--b600);
    --grid-checkradio-background-disabled: var(--b300);
    --grid-checkradio-font-active: var(--n50);
    --grid-checkradio-font-disabled: var(--n50);
    --grid-paging-background-hover: color-mix(in srgb, var(--n600) 30%, transparent);
    /*/////// Multi Select ///////*/
    --select-container-bg-color: transparent;
    --select-container-font-color: var(--n900);
    --select-container-border-color: var(--n900);
    --select-placeholder-font-color: var(--n700);
    --select-container-diasbled-bg-color: var(--n300);
    --select-container-diasbled-font-color: var(--n600);
    --select-value-selected-bg-color: var(--b600);
    --select-value-selected-font-color: var(--n50);
    --select-icon-bg-color-hover: var(--b200);
    --select-loader-color: transparent;
    --select-loader-bg-color: var(--n600);
    --select-dropdown-bg-color: var(--n50);
    --select-dropdown-border-color: var(--n500);
    --select-dropdown-option-selected-bg-color: var(--b600);
    --select-dropdown-option-selected-font-color: var(--n100);
    --select-dropdown-option-marked-bg-color: var(--b200);
    --select-dropdown-option-marked-font-color: var(--n800);
    /*/////// Overlay ///////*/
    --overlay-background: #4C4E5099; /* n700 60%*/
    /*/////// Confirm Dialog ///////*/
    --cdk-container-background: var(--n50);
    --cdk-container-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
    --cdk-font-color: var(--n900);
    /*/////// Spinner ///////*/
    --spinner-color: var(--b500);
    --spinner-mc-first-color: var(--spinner-color);
    --spinner-mc-second-color: var(--n600);
    --spinner-mc-third-color: var(--b700);
    --spinner-mc-fourth-color: var(--n800);
    --spinner-overlay-background: #DEDFDFB3; /*n300 70%*/
    --spinner-title-color: var(--n900);
    /*/////// Scroll Up Button ///////*/
    --scrollup-btn-background: var(--n900);
    --scrollup-btn-icon-color: var(--n100);
    /*/////// Switcher ///////*/
    --switch-bg-off: var(--n400);
    --switch-bg-on: var(--b600);
    --switch-slider-bg-off: var(--n50);
    --switch-slider-bg-on: var(--n50);
    --switch-bg-off-disabled: var(--n300);
    --switch-bg-on-disabled: var(--n300);
    --switch-slider-bg-disabled: var(--n100);
    /*/////// Tabs ///////*/
    --tab-background-color: tranparent;
    --tab-background-hover: var(--b300);
    --tab-background-active: var(--b600);
    --tab-background-disabled: var(--n500);
    --tab-font-color: var(--n800);
    --tab-font-hover: var(--n800);
    --tab-font-active: var(--b600);
    --tab-font-disabled: var(--n700);
    /*/////// Toast ///////*/
    --positive-default-color: #6da25c;
    --warning-default-color: #c58827;
    --negative-default-color: #cb594f;
    --information-default-color: var(--n700);
    --positive-default-font: var(--n50);
    --warning-default-font: var(--positive-default-font);
    --negative-default-font: var(--positive-default-font);
    --information-default-font: var(--positive-default-font);
    /*/////// Toggle Button ///////*/
    --tgl-btn-bg-default: var(--n400);
    --tgl-btn-bg-hover: var(--b200);
    --tgl-btn-bg-active: var(--b600);
    --tgl-btn-bg-disabled: var(--n100);
    --tgl-btn-bg-active-disabled: var(--n400);
    --tgl-btn-font-default: var(--n800);
    --tgl-btn-font-hover: var(--n900);
    --tgl-btn-font-active: var(--n50);
    --tgl-btn-font-disabled: var(--n400);
    --tgl-btn-font-active-disabled: var(--n50);
    /*/////// Tree View/Input ///////*/
    --tree-background-default: transparent;
    --placeholder-font-color: var(--n700);
    --icon-color-hover: var(--n700);
    --tree-background-hover: var(--b200);
    --tree-font-color: var(--n800);
    --tree-font-hover: var(--n800);
    --tree-icon-hover: var(--b600);
    --select-container-diasbled-bg-color: var(--n50);
    --select-container-diasbled-font-color: var(--n600);
    --tree-background-active: var(--b600);
    --tree-font-active: var(--n100);
    --tree-icon-active: var(--n50);
    --tree-item-hover: var(--b200);
    --tree-item-active: var(--b600);
    --tree-icon-active-hover: var(--b600);
    --checkradio-size: 15px;
    --tree-border-radius: 0;
    --tree-toggler-border-radius: 2.35px;
    --tree-arrow-collapsed-color: var(--n700);
    --tree-arrow-expanded-color: var(--n800);
    --tree-arrow-hover: var(--b700);
    --tree-arrow-active-hover: var(--b200);
    --tree-checkbox-bg-active: var(--b700);
    --tree-checkbox-bg-active-hover: var(--b500);
    --tree-checkbox-ol-active-hover: var(--b800);
    --tree-item-dragover-background: #B6CB8880;
    --tree-item-droppoint-color: #4F4F5780;
    --auth-window-background: var(--n50);
    --auth-info-bar-font-color: var(--n800);
    --auth-info-bar-font-hover: var(--n700);
    --auth-roles-list-background-active: var(--b300);
    --auth-roles-list-background-hover: var(--n200);
    --auth-roles-list-font-active: var(--n900);
    /*/////// Steps ///////*/
    --steps-item-bg-hover: var(--n300);
    --steps-item-border-focus: 1px solid var(--b700);
    --steps-icon-pending-bg: var(--n100);
    --steps-icon-pending-border: 1px solid var(--n400);
    --steps-icon-pending-color: var(--n600);
    --steps-label-pending-color: var(--n800);
    --steps-icon-active-bg: var(--b600);
    --steps-icon-active-color: var(--n50);
    --steps-label-active-color: var(--n900);
    --steps-icon-completed-color: invert(92%) sepia(68%) saturate(366%) hue-rotate(180deg) brightness(104%) contrast(103%);
    --steps-divider-bg: var(--n400);
    --tree-view-onedit-font-color: var(--n400);
    --auth-window-background: var(--n50);
    --auth-info-bar-font-color: var(--n800);
    --auth-info-bar-font-hover: var(--n700);
    --auth-roles-list-background-active: var(--b300);
    --auth-roles-list-background-hover: var(--n200);
    --auth-roles-list-font-active: var(--n900);
    --separator-color: var(--n400);
    /*////// CardView //////*/
    --card-view-background-color: #FFF;
    --card-view-background-color-hover: var(--n50);
    --card-view-background-color-active: var(--n100);
    --card-view-border: 1px solid var(--n200);
    --card-view-border-hover: 1px solid var(--n300);
    --card-view-border-active: 1px solid var(--n400);
    --card-view-header-font-color: var(--n900);
    --card-view-header-icon-color: var(--b600);
    --card-view-content-font-color: var(--n800);
    --card-view-footer-font-color: var(--n700);
    /* Card */
    --layout-background: var(--n50);
    --layout-item-border: 1px solid var(--n200);
    --layout-grid-border-color: var(--n300);
    --layout-item-moving-background: var(--n100);
    /*////// LM-Configutaror //////*/
    --navigation-button: transparent;
    --navigation-button-hover: var(--n200);
    --navigation-button-active: var(--n300);
    --navigation-button-selected: var(--b200);
    --navigation-button-selected-hover: var(--b300);
    --navigation-button-selected-active: var(--b400);
    --text-hint-for-selection-color: var(--n600);
    /*////// Common //////*/
    --resizer-bg-hover: var(--n300);
    --resizer-bg-active: var(--n500);
    /*--Типы распоряжения--*/
    /*На исполнение*/
    --type-execution-bg-color: #E9F2FF;
    --type-execution-font-color: #0C66E4;
    /*На ознакомление*/
    --type-familiarization-bg-color: #E7F9FF;
    --type-familiarization-font-color: #227D9B;
    /*Ремонт*/
    --type-repair-bg-color: #FFECEB;
    --type-repair-font-color: #C9372C;
    /*--Статусы распоряжения на исполнение, согласование и ремонт--*/
    /*Новое*/
    --status-new-bg-color: #FFF7D6;
    --status-new-font-color: #C25100;
    /*Отозвано*/
    --status-revoked-bg-color: #FFECEB;
    --status-revoked-font-color: #C9372C;
    /*--Статусы распоряжения на исполнение и ремонт--*/
    /*На утверждении*/
    --status-on-approval-bg-color: #FFECF8;
    --status-on-approval-font-color: #AE4787;
    /*Утверждено*/
    --status-approved-bg-color: #E7F9FF;
    --status-approved-font-color: #227D9B;
    /*В работе*/
    --status-in-progress-bg-color: #E9F2FF;
    --status-in-progress-font-color: #0C66E4;
    /*На согласовании*/
    --status-under-approval-bg-color: #EFFFD6;
    --status-under-approval-font-color: #5B7F24;
    /*Выполнено*/
    --status-done-bg-color: #DCFFF1;
    --status-done-font-color: #1F845A;
    /*--Статусы распоряжения на ознакомление--*/
    /*На ознакомлении*/
    --status-on-familiarization-bg-color: #E9F2FF;
    --status-on-familiarization-font-color: #0C66E4;
    /*Ознакомлено*/
    --status-familiarized-bg-color: #DCFFF1;
    --status-familiarized-font-color: #1F845A;
    /*На доработке*/
    --status-for-revision-bg-color: #FFCC00;
    --status-for-revision-font-color: #000000;
    /*////// Authentication/Error Pages //////*/
    --background: var(--n100);
    --background-form: var(--n50);
    --status-code-color: var(--b500);
    --gradient-color: var(--b400);
    /*code-editor*/
    --code-editor-gutters-bg: var(--n100);
    --code-editor-gutters-color: var(--n800);
    --code-editor-gutters-active-bg: #cceeff44;
    --code-editor-border: 1px solid var(--n500);
    --code-editor-text-brightness: 1;
    --code-editor-header: #0000FF;
    --code-editor-quote: #090;
    --code-editor-negative: #d44;
    --code-editor-positive: #292;
    --code-editor-keyword: blue;
    --code-editor-atom: #219;
    --code-editor-number: #164;
    --code-editor-def: #00834E;
    --code-editor-variable: #05a;
    --code-editor-punctuation: var(--body-font-color);
    --code-editor-property: var(--body-font-color);
    --code-editor-operator: var(--body-font-color);
    --code-editor-variable-2: #05a;
    --code-editor-variable-3: #085;
    --code-editor-type: #085;
    --code-editor-comment: #a50;
    --code-editor-string: #a11;
    --code-editor-string-2: #f50;
    --code-editor-meta: #555;
    --code-editor-qualifier: #555;
    --code-editor-builtin: #30a;
    --code-editor-bracket: #997;
    --code-editor-tag: #170;
    --code-editor-attribute: #00c;
    --code-editor-hr: #999;
    --code-editor-link: #00c;
    --code-editor-error: #f00;
    --code-editor-invalidchar: #f00;
    --code-editor-matchingbracket: #0b0;
    --code-editor-nonmatchingbracket: #a22;
    --code-editor-matchingtag: #ff95007c;
    --code-editor-toolbar-background-color: var(--n100);
    --code-editor-toolbar-border: 1px solid var(--n200);
    --code-editor-gutters-background: var(--n100);
    --code-editor-gutters-border-color: var(--n200);
    --code-editor-linenumber-color: var(--n500);
    --code-editor-background: #FFFFFF;
}

.dark-theme {
    /*////// Main Section //////*/
    --body-font-color: var(--n50);
    --disable-font-color: var(--n400);
    --primary-border-color: var(--n700);
    --secondary-border-color: var(--n400);
    /*Header*/
    --header-title-color: var(--n100);
    --header-breadcrumbs-color: var(--n100);
    --header-icons-color: var(--n100);
    --header-icons-background-hover: var(--b300);
    --header-icons-hover: var(--b600);
    --header-font-hover: var(--n800);
    --header-background: var(--n800);
    --header-border: var(--n700);
    /*Submenu*/
    --submenu-font-color: var(--n300);
    --submenu-font-active: var(--n100);
    --submenu-font-hover: var(--n100);
    --submenu-background: var(--n800);
    --submenu-item-active: var(--b600);
    --submenu-item-hover: var(--b600);
    /*Buttons*/
    --button-background-color: var(--n600);
    --button-background-hover: var(--n700);
    --button-background-active: var(--n800);
    --button-background-disabled: var(--n800);
    --button-font-color: var(--n50);
    --button-font-hover: var(--n50);
    --button-font-active: var(--n50);
    --button-font-disabled: var(--n600);
    --button-background-color-secondary: var(--n300);
    --button-background-hover-secondary: var(--n400);
    --button-background-active-secondary: var(--n500);
    --button-font-color-secondary: var(--n900);
    --button-font-hover-secondary: var(--n900);
    --button-font-active-secondary: var(--n900);
    --button-background-color-primary: var(--b600);
    --button-background-hover-primary: var(--b700);
    --button-background-active-primary: var(--b800);
    --button-font-color-primary: var(--n50);
    --button-font-hover-primary: var(--n50);
    --button-font-active-primary: var(--n50);
    --form-close-button-background: var(--n400);
    --form-close-button-color: var(--n900);
    /*Inputs*/
    --input-background-color: transparent;
    --input-background-hover: transparent;
    --input-background-focus: transparent;
    --input-background-disabled: #6D6F7133; /*n600 20%*/

    --input-font-hover: var(--n100);
    --input-font-focus: var(--n100);
    --input-font-disabled: var(--n900);
    --input-webkit-autofill: var(--n800);
    /* card*/
    --wpcard-border: 1px solid var(--n300);
    --wpcard-background: var(--n900);
    /*checkradios*/
    --checkradio-border-default: var(--n50);
    --checkradio-border-hover: var(--b600);
    --checkradio-border-active-hover: var(--n100);
    --checkradio-background-default: transparent;
    --checkradio-background-active: var(--b600);
    --checkradio-background-disabled: var(--n700);
    --checkradio-font-active: var(--n900);
    --checkradio-font-disabled: var(--n500);
    /*Drop-downs / pop-ups / menus*/
    --dropdown-background: var(--n800);
    --dropdown-item-hover: var(--n600);
    --calendar-item-active: var(--b600);
    --calendar-item-hover: var(--b600);
    --calendar-font-active: var(--n100);
    --mobile-menu-background: var(--n800);
    --form-background-color: var(--n900);
    --tree-body-background: var(--n800);
    --overlay-container-background: rgba(0,0,0,0.5);
    --form-font-color: var(--n100);
    /*/////// Shadows ///////*/
    --button-shadow: 0px 0px 1px rgba(51, 53, 56, .0);
    --checkradio-shadow: 0 0 3px 3px rgba(0, 0, 0, .25);
    --tree-body-shadow: 3px 0px 3px rgba(0, 0, 0, .25);
    --overlay-panel-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
    --dropdown-menu-shadow: 0px 8px 16px 0px rgba(0,0,0,0.15);
    --tab-label-shadow: -1px -1px 3px rgba(129, 133, 139, 0.25);
    --datepicker-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    --tab-border-shadow: 0;
    /*/////// Tooltip ///////*/
    --tltp-bg-default: rgba(97,97,97,.9);
    --tltp-font-default: var(--n50);
    /*/////// Scrollbar ///////*/
    --scrollbar-width: 6px;
    --scrollbar-track-bg-color: var(--n500);
    --scrollbar-track-border-radius: 3px;
    --scrollbar-thumb-bg-color: var(--n600);
    --scrollbar-thumb-border-radius: 3px;
    --scrollbar-thumb-bg-color-hover: var(--n700);
    --scrollbar-thumb-bg-color-active: var(--n900);
    /*/////// Accordion ///////*/
    /*Background*/
    --accordion-header-background-color: var(--b800);
    --accordion-item-background-color: transparent;
    --accordion-header-background-color-active: transparent;
    --accordion-item-background-color-active: transparent;
    --accordion-header-background-color-disabled: var(--n300);
    --accordion-item-background-color-disabled: var(--n300);
    /*Font*/
    --accordion-header-font-color: var(--n100);
    --accordion-item-font-color: var(--n100);
    --accordion-header-font-color-active: var(--b50);
    --accordion-item-font-color-active: var(--n100);
    --accordion-header-font-color-disabled: var(--n800);
    --accordion-item-font-color-disabled: var(--n300);
    /*/// Hover Colors ///*/
    /*Background*/
    --accordion-header-background-hover: var(--b600);
    --accordion-item-background-hover: transparent;
    --accordion-header-background-hover-active: var(--b700);
    --accordion-item-background-hover-active: transparent;
    /*Font*/
    --accordion-header-font-hover: var(--n100);
    --accordion-item-font-hover: var(--n100);
    --accordion-header-font-hover-active: var(--n100);
    --accordion-item-font-hover-active: var(--n100);
    /* Borders */
    --accordion-body-radius: 1.15px;
    --accordion-item-border-radius: 2.35px;
    --accordion-item-border: 0;
    --accordion-header-border: 2px solid transparent;
    --accordion-item-border-active: 0;
    --accordion-header-border-active: 2px solid var(--b600);
    --accordion-item-border-disabled: 0;
    --accordion-header-border-disabled: 2px solid var(--n500);
    --accordion-item-border-hover: 0;
    --accordion-header-border-hover: 2px solid transparent;
    --accordion-item-border-active-hover: 0;
    --accordion-header-border-active-hover: 2px solid var(--b600);
    /*/////// Chips Input ///////*/
    --chips-background-color: transparent;
    --chips-background-hover: var(--n100);
    --chips-font-color: var(--n900);
    --chips-font-hover: var(--n900);
    --chips-icon-hover: var(--b200);
    --chips-background-active: var(--n700);
    --chips-font-active: var(--n50);
    --chips-icon-active: var(--n100);
    --chips-icon-active-hover: var(--n400);
    --chips-body-background: var(--n400);
    --chips-input-box-shadow: 0;
    --chips-token-background: var(--b600);
    --chips-token-font-color: var(--n50);
    /*/////// ColorPicker ///////*/
    --clrpckr-dropdown-bg-color: var(--n700);
    --clrpckr-handle-color: var(--n50);
    --input-font-disabled: var(--n600);
    /*/////// Context Menu ///////*/
    --context-menu-background-color: var(--n800);
    --context-menu-shadow: 0 0 15px rgba(0, 0, 0, .5);
    --context-menu-font-color: var(--n100);
    --context-menu-font-disabled-color: var(--n600);
    --context-menu-background-hover: var(--b300);
    --context-menu-font-hover: var(--n900);
    --context-menu-expand-icon-font-color: var(--n100);
    /*/////// DatePicker ///////*/
    --datepicker-input-background-color: transparent;
    --datepicker-input-background-hover: transparent;
    --datepicker-input-background-focus: transparent;
    --datepicker-input-background-disabled: var(--n800);
    --datepicker-input-font-color: var(--n50);
    --datepicker-input-font-hover: var(--n50);
    --datepicker-input-font-focus: var(--datepicker-input-font-color);
    --datepicker-input-font-disabled: var(--n700);
    --datepicker-icon-color: var(--n50);
    --datepicker-icon-hover: var(--b500);
    --datepicker-dropdown-background: var(--n800);
    --datepicker-dropdown-item-hover: var(--n500);
    --calendar-item-active: var(--b600);
    --calendar-item-hover: var(--b600);
    --calendar-font-active: var(--n100);
    --calendar-time-btn-color: var(--n700);
    --calendar-time-btn-hover: var(--b500);
    --primary-border-color: var(--n700);
    --secondary-border-color: var(--n500);
    /*/////// Dropdown Button ///////*/
    --dropdown-background-color: var(--n800);
    --dropdown-background-hover: var(--n100);
    --dropdown-font-color: var(--n50);
    --dropdown-font-hover: var(--n50);
    --dropdown-icon-hover: var(--n50);
    --dropdown-background-active: var(--n700);
    --dropdown-font-active: var(--n100);
    --dropdown-icon-active: var(--n100);
    --dropdown-icon-active-hover: var(--n400);
    --dropdown-body-background: var(--n400);
    --dropdown-font-color: var(--n50);
    /*/////// Grid ///////*/
    /*Backgrounds*/
    --grid-row-odd: var(--n700);
    --grid-row-even: var(--n800);
    --grid-row-hover: rgb(from var(--n400) r g b / 0.5);
    --grid-column-hover: rgb(from var(--n600) r g b / 0.5);
    --grid-main-background: var(--n700);
    --grid-main-background-disabled: var(--n800);
    --grid-row-active: rgb(from var(--b600) r g b / 0.5);
    --grid-dropdown-background-color: var(--n800);
    --grid-cell-range-selection-background-color: rgb(from var(--b600) r g b / 0.8);
    --grid-filter-background-hover: var(--n300);
    /*Borders*/
    --grid-border-color: var(--n500);
    --grid-body-border: 1px solid var(--n500);
    --grid-footer-top-border: 1px solid var(--n500);
    --grid-col-border: var(--n500);
    --grid-cell-selected-border: var(--b700);
    /*Font colors*/
    --grid-body-font-color: var(--n100);
    --grid-header-font-color: var(--n100);
    --grid-footer-font-color: var(--n100);
    /*Paging styles*/
    --grid-paging-background-hover: var(--n300);
    --grid-paging-font-color-hover: var(--grid-footer-font-color);
    --grid-paging-font-color-disabled: var(--n600);
    --grid-paging-background-color-active: var(--b600);
    --grid-paging-font-color-active: var(--n100);
    --grid-paging-background-color-hover: var(--n600);
    /*Buttons*/
    --grid-button-background-color: var(--button-background-color);
    --grid-button-background-hover: var(--button-background-hover);
    --grid-button-background-active: var(--button-background-active);
    --grid-button-background-disabled: var(--button-background-disabled);
    --grid-button-font-hover: var(--button-font-hover);
    --grid-button-font-active: var(--button-font-active);
    --grid-button-font-disabled: var(--button-font-disabled);
    /*Checks and radio*/
    --grid-checkradio-border-default: var(--n50);
    --grid-checkradio-border-hover: var(--n100);
    --grid-checkradio-border-active-hover: var(--n100);
    --grid-checkradio-background-default: transparent;
    --grid-checkradio-background-active: var(--b500);
    --grid-checkradio-background-disabled: var(--b200);
    --grid-checkradio-font-active: var(--n200);
    --grid-checkradio-font-disabled: var(--b600);
    --grid-paging-background-hover: color-mix(in srgb, var(--n400) 30%, transparent);
    /*/////// Multi Select ///////*/
    --select-container-bg-color: transparent;
    --select-container-font-color: var(--n100);
    --select-container-border-color: var(--n100);
    --select-placeholder-font-color: var(--n700);
    --select-container-diasbled-bg-color: var(--n800);
    --select-container-diasbled-font-color: var(--n700);
    --select-value-selected-bg-color: var(--b600);
    --select-value-selected-font-color: var(--n50);
    --select-icon-bg-color-hover: var(--b500);
    --select-loader-color: transparent;
    --select-loader-bg-color: var(--n700);
    --select-dropdown-bg-color: var(--n800);
    --select-dropdown-border-color: var(--n500);
    --select-dropdown-option-selected-bg-color: var(--b600);
    --select-dropdown-option-selected-font-color: var(--n100);
    --select-dropdown-option-marked-bg-color: var(--b300);
    --select-dropdown-option-marked-font-color: var(--n800);
    /*/////// Overlay ///////*/
    --overlay-background: #313233B3; /*n800 70%*/
    /*/////// Confirm Dialog ///////*/
    --cdk-container-background: var(--n900);
    --cdk-container-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
    --cdk-font-color: var(--n100);
    /*/////// Spinner ///////*/
    --spinner-color: var(--b500);
    --spinner-mc-first-color: var(--spinner-color);
    --spinner-mc-second-color: var(--n600);
    --spinner-mc-third-color: var(--b700);
    --spinner-mc-fourth-color: var(--n800);
    --spinner-overlay-background: #313233B3; /*n800 70%*/
    --spinner-title-color: var(--n50);
    /*/////// Scroll Up Button ///////*/
    --scrollup-btn-background: var(--n100);
    --scrollup-btn-icon-color: var(--n900);
    /*/////// Switcher ///////*/
    --switch-bg-off: var(--n600);
    --switch-bg-on: var(--b600);
    --switch-slider-bg-off: var(--n100);
    --switch-slider-bg-on: var(--n100);
    --switch-bg-off-disabled: var(--n300);
    --switch-bg-on-disabled: var(--n300);
    --switch-slider-bg-disabled: var(--n100);
    /*/////// Tabs ///////*/
    --tab-background-color: tranparent;
    --tab-background-hover: var(--b400);
    --tab-background-active: var(--b600);
    --tab-background-disabled: var(--n500);
    --tab-font-color: var(--n100);
    --tab-font-hover: var(--n100);
    --tab-font-active: var(--b300);
    --tab-font-disabled: var(--n700);
    /*/////// Toast ///////*/
    --positive-default-color: #6da25c;
    --warning-default-color: #c58827;
    --negative-default-color: #cb594f;
    --information-default-color: var(--n700);
    --positive-default-font: var(--n50);
    --warning-default-font: var(--positive-default-font);
    --negative-default-font: var(--positive-default-font);
    --information-default-font: var(--positive-default-font);
    /*/////// Toggle Button ///////*/
    --tgl-btn-bg-default: var(--n800);
    --tgl-btn-bg-hover: var(--b700);
    --tgl-btn-bg-active: var(--b600);
    --tgl-btn-bg-disabled: var(--n800);
    --tgl-btn-bg-active-disabled: var(--n400);
    --tgl-btn-font-default: var(--n200);
    --tgl-btn-font-hover: var(--n100);
    --tgl-btn-font-active: var(--n100);
    --tgl-btn-font-disabled: var(--n700);
    --tgl-btn-font-active-disabled: var(--n700);
    /*/////// Tree View/Input ///////*/
    --tree-background-default: transparent;
    --placeholder-font-color: var(--n700);
    --icon-color-hover: var(--n700);
    --tree-background-hover: var(--b300);
    --tree-font-color: var(--n100);
    --tree-font-hover: var(--n800);
    --tree-icon-hover: var(--b600);
    --tree-background-active: var(--b600);
    --tree-font-active: var(--n100);
    --tree-icon-active: var(--n100);
    --tree-item-hover: var(--b300);
    --tree-item-active: var(--b600);
    --tree-icon-active-hover: var(--b600);
    --tree-arrow-collapsed-color: var(--n100);
    --tree-arrow-expanded-color: var(--n100);
    --tree-arrow-hover: var(--b700);
    --tree-arrow-active-hover: var(--b200);
    --tree-checkbox-bg-active: var(--b700);
    --tree-checkbox-bg-active-hover: var(--b500);
    --tree-checkbox-ol-active-hover: var(--b800);
    --tree-item-dragover-background: #B6CB8880;
    --tree-item-droppoint-color: #4F4F5780;
    --auth-window-background: var(--n800);
    --auth-info-bar-font-color: var(--n400);
    --auth-info-bar-font-hover: var(--n200);
    --auth-roles-list-background-active: var(--b300);
    --auth-roles-list-background-hover: var(--n700);
    --auth-roles-list-font-active: var(--n900);
    /*/////// Steps ///////*/
    --steps-item-bg-hover: var(--n700);
    --steps-item-border-focus: 1px solid var(--b300);
    --steps-icon-pending-bg: var(--n800);
    --steps-icon-pending-border: 1px solid var(--n500);
    --steps-icon-pending-color: var(--n200);
    --steps-label-pending-color: var(--n100);
    --steps-icon-active-bg: var(--b600);
    --steps-icon-active-color: var(--n50);
    --steps-label-active-color: var(--n50);
    --steps-icon-completed-color: invert(92%) sepia(68%) saturate(366%) hue-rotate(180deg) brightness(104%) contrast(103%);
    --steps-divider-bg: var(--n500);
    --tree-view-onedit-font-color: var(--n500);
    --auth-window-background: var(--n800);
    --auth-info-bar-font-color: var(--n400);
    --auth-info-bar-font-hover: var(--n200);
    --auth-roles-list-background-active: var(--b300);
    --auth-roles-list-background-hover: var(--n700);
    --auth-roles-list-font-active: var(--n900);
    --separator-color: var(--n500);
    /*////// CardView //////*/
    --card-view-background-color: var(--n800);
    --card-view-background-color-hover: var(--n700);
    --card-view-background-color-active: var(--n900);
    --card-view-border: 1px solid var(--n700);
    --card-view-border-hover: 1px solid var(--n800);
    --card-view-border-active: 1px solid var(--n800);
    --card-view-header-font-color: var(--n50);
    --card-view-header-icon-color: var(--b500);
    --card-view-content-font-color: var(--n50);
    --card-view-footer-font-color: var(--n500);
    /* Card */
    --layout-background: var(--n900);
    --layout-item-border: 1px solid var(--n800);
    --layout-item-moving-background: var(--n800);
    --layout-grid-border-color: var(--n700);
    /*////// LM-Configutaror //////*/
    --navigation-button: transparent;
    --navigation-button-hover: var(--n700);
    --navigation-button-active: var(--n800);
    --navigation-button-selected: var(--b600);
    --navigation-button-selected-hover: var(--b700);
    --navigation-button-selected-active: var(--b800);
    --text-hint-for-selection-color: var(--n200);
    /*////// Common //////*/
    --resizer-bg: var(--n500);
    --resizer-bg-hover: var(--n700);
    --resizer-bg-active: var(--n500);
    /*--Типы распоряжения--*/
    /*На исполнение*/
    --type-execution-bg-color: #001F4D;
    --type-execution-font-color: #9EC4FA;
    /*На ознакомление*/
    --type-familiarization-bg-color: #00394D;
    --type-familiarization-font-color: #ABDCED;
    /*Ремонт*/
    --type-repair-bg-color: #660500;
    --type-repair-font-color: #EDB0AB;
    /*--Статусы распоряжения на исполнение, согласование и ремонт--*/
    /*Новое*/
    --status-new-bg-color: #4D3E00;
    --status-new-font-color: #FFE1CC;
    /*Отозвано*/
    --status-revoked-bg-color: #660500;
    --status-revoked-font-color: #EDB0AB;
    /*--Статусы распоряжения на исполнение и ремонт--*/
    /*На утверждении*/
    --status-on-approval-bg-color: #4D0030;
    --status-on-approval-font-color: #E1B7D1;
    /*Утверждено*/
    --status-approved-bg-color: #00394D;
    --status-approved-font-color: #ABDCED;
    /*В работе*/
    --status-in-progress-bg-color: #001F4D;
    --status-in-progress-font-color: #9EC4FA;
    /*На согласовании*/
    --status-under-approval-bg-color: #2F4D00;
    --status-under-approval-font-color: #D2E8B0;
    /*Выполнено*/
    --status-done-bg-color: #004D2E;
    --status-done-font-color: #ACECD1;
    /*--Статусы распоряжения на ознакомление--*/
    /*На ознакомлении*/
    --status-on-familiarization-bg-color: #001F4D;
    --status-on-familiarization-font-color: #9EC4FA;
    /*Ознакомлено*/
    --status-familiarized-bg-color: #004D2E;
    --status-familiarized-font-color: #ACECD1;
    /*На доработке*/
    --status-for-revision-bg-color: #FFCC00;
    --status-for-revision-font-color: #000000;
    /*////// Authentication/Error Pages //////*/
    --background: var(--n900);
    --background-form: var(--n900);
    --status-code-color: var(--b700);
    --gradient-color: var(--b800);
    /*code-editor*/
    --code-editor-default-font-color: var(--body-font-color);
    --code-editor-base-cursor-color: var(--body-font-color);
    --code-editor-header: #c8c8fa;
    --code-editor-quote: #090;
    --code-editor-negative: #d44;
    --code-editor-positive: #292;
    --code-editor-keyword: #b5b5ff;
    --code-editor-atom: #6b56ff;
    --code-editor-number: #24ff72;
    --code-editor-def: #04cb7b;
    --code-editor-variable: #52a8ff;
    --code-editor-punctuation: var(--body-font-color);
    --code-editor-property: var(--body-font-color);
    --code-editor-operator: var(--body-font-color);
    --code-editor-variable-2: #52a8ff;
    --code-editor-variable-3: #65ffc5;
    --code-editor-type: #03ffa0;
    --code-editor-comment: #ff9f3e;
    --code-editor-string: #ff5d5d;
    --code-editor-string-2: #f50;
    --code-editor-meta: #b9b9b9;
    --code-editor-qualifier: #bdbdbd;
    --code-editor-builtin: #7c43ff;
    --code-editor-bracket: #dedeb3;
    --code-editor-tag: #20d002;
    --code-editor-attribute: #6c6cff;
    --code-editor-hr: #cecbcb;
    --code-editor-link: #4f4ffe;
    --code-editor-error: #f00;
    --code-editor-invalidchar: #f00;
    --code-editor-matchingbracket: #00d500;
    --code-editor-nonmatchingbracket: #ed3030;
    --code-editor-matchingtag: #ff95007c;
    --code-editor-default-font-color: #cccaca;
    --code-editor-base-cursor-color: #cccaca;
    --code-editor-linenumber-color: var(--n200);
    --code-editor-toolbar-background-color: var(--n800);
    --code-editor-toolbar-border: 1px solid var(--n700);
    --code-editor-gutters-border-color: var(--n700);
    --code-editor-gutters-background: var(--n800);
    --code-editor-background: #000000;
}