:root {
    --base-color: #000000;
    --primary-color: #000000;
    --secondary-color: #EBF1F8;
    --accent-color: #A9AEB5;
    --shadow-color: #C2C0C0B3;
    --hover-color: #A9AEB54D;
    --muted-color: #212325;
    --error-text-color: #E4032E;
    --error-background-color: #4C2929;
    --success-color: #13CE3A;
    --off-color: #7F7F7F;
    --text-color: #000000;
    --disabled-color: #F4F3EC;
    --highlight-color: #E4032E;
    --panel-color: #DBE3ED;
    --dashboard-color: #FFFFFF;
    --sidebar-hover-color: #F4F3EC;
    --form-color: #A9AEB5;
    --button-color: #A9AEB5;
    --button-text-color: #000000;
    --modal-button-color: #000000;
    --modal-button-text-color: #FFFFFF;
    --dropdown-button-color: #000000;
    --dropdown-button-text-color: #FFFFFF;
    --form-button-color: #000000;
    --form-button-text-color: #FFFFFF;
    --modal-button-hover-color: color-mix(in srgb, var(--modal-button-color) 80%, transparent);
    --active-button-color: #246BA0;
    --active-hover-button-color: #237FAD;
    --submenu-background-color: #A9AEB5;
    --header-color: #A9AEB5;
    --secondary-header-color: #DBE3ED;
    --scrollbar-background-color: var(--primary-color);
    --search-input-outline-color: var(--form-color);
    --panel-text-color: #000000;
    --tools-panel-color: #DBE3ED;
    --sidebar-color: #DBE3ED;
    --svg-color: #000000;
    --primary-gradient-color: linear-gradient(90deg, transparent 0%, var(--accent-color) 45%, var(--accent-color) 55%, transparent 100%);
    --secondary-gradient-color: #A9AEB5;
    --active-gradient-color: #F4F3EC;
    --hover-gradient-color: #F4F3EC;
    --formula-nested-parenthesis-first-color: #CECECE;
    --formula-nested-parenthesis-second-color: #FF9CF1;
    --formula-nested-parenthesis-third-color: #E0B999;
    --formula-function-color: #48BDF7;
    --formula-tagfunction-color: #d4b3ff;
    --formula-scalarfunction-color: #6f47a3;
    --formula-instantfunction-color: #f2f54b;
    --formula-number-color: #FFB345;
    --formula-operator-color: #7DFF73;
    --formula-logical-color: #7DFF73;
    --formula-format-color: pink;
    --formula-constant-color: #4ca646;
    --formula-autocomplete-background-color: #191970;
    --red-alarm-color: #ed1c24;
    --blue-event-color: #1b55c9;
    --yellow-warning-color: #ffff00;
    --red-alarm-text-color: #FFFFFF;
    --yellow-warning-text-color: #000000;
    --blue-event-text-color: #FFFFFF;
    --disconnected-color: #808080;
    --connected-color: #33d973;
    --failed-color: #ff5252;
    --warning-color: #eed85b;
    --event-color: #3373d9;
    --background-color: var(--primary-color);
    --dashboard-widget-background-color: var(--secondary-color);
    --main-color: #000000;
    --body-bg-color: #{var(--secondary-color)};
    --errorWrapper-bg-color: rgba(169, 14, 14, 1);
    --progressBar-color: #{var(--accent-color)};
    --progressBar-indeterminate-bg-color: rgba(40, 40, 43, 1);
    --progressBar-indeterminate-blend-color: rgba(20, 68, 133, 1);
    --scrollbar-color: #79797BFF;
    --scrollbar-bg-color: #232327FF;
    --toolbar-icon-bg-color: #000000;
    --toolbar-icon-hover-bg-color: #000000;
    --sidebar-narrow-bg-color: #{var(--panel-color)};
    --sidebar-toolbar-bg-color: #{var(--panel-color)};
    --toolbar-bg-color: #{var(--secondary-color)};
    --toolbar-border-color: #0C0C0DFF;
    --button-hover-color: #{var(--hover-color)};
    --toggled-btn-color: #FFFFFFFF;
    --toggled-btn-bg-color: #0000004D;
    --toggled-hover-active-btn-color: #00000066;
    --dropdown-btn-bg-color: #{var(--form-color)};
    --separator-color: #0000004D;
    --field-color: rgba(6, 6, 6, 1);
    --field-bg-color: #{var(--form-color)};
    --field-border-color: rgba(187, 187, 188, 1);
    --findbar-nextprevious-btn-bg-color: rgba(227, 228, 230, 1);
    --treeitem-color: #FFFFFFCC;
    --treeitem-hover-color: #FFFFFFE6;
    --treeitem-selected-color: #FFFFFFE6;
    --treeitem-selected-bg-color: #FFFFFF40;
    --sidebaritem-bg-color: #FFFFFF26;
    --doorhanger-bg-color: var(--secondary-color);
    --doorhanger-border-color: #27272BFF;
    --doorhanger-hover-color: #A9AEB5;
    --doorhanger-hover-bg-color: rgba(237, 237, 237, 1);
    --doorhanger-separator-color: rgba(255, 255, 255, 1);
    --overlay-button-bg-color: #{var(--accent-color)};
    --overlay-button-hover-bg-color: #{var(--hover-color)};
    --black-led-color: #333333;
    --green-led-color: #9ACB92;
    --red-led-color: #F39325;
    --yellow-led-color: #F6FF48;
    --blue-led-color: #29ABE2;
    --black-led-gradient-color: #4D4D4D;
    --green-led-gradient-color: #5AB031;
    --red-led-gradient-color: #E52720;
    --yellow-led-gradient-color: #FFAA00;
    --blue-led-gradient-color: #0071BC;
    --node-tree-dragging-bg-color: var(--accent-color);
    --node-tree-dragging-divider-color: #DBDBDB;
    --node-tree-drop-inside-color: var(--panel-color);
    --node-tree-resizer-color: var(--accent-color);
    --node-tree-item-added-color: #4D994D;
    --node-tree-item-edited-color: #FFA500;
    --green-oee-color: #05C95D;
    --red-oee-color: #FF0000;
    --orange-oee-color: #FBB03B;
    --black-oee-color: #FFFFFF64;
    --default-oee-background-color: #{var(--secondary-color)};
    --default-oee-reports-background-color: #00000030;
    --default-oee-text-color: #{var(--text-color)};
    --default-oee-reports-text-color: #000000;
    --datachart-grid-lines-color: #ffffff59;
    --maintenance-viewer-background-color: #EAEAEA;
    --shadow-size: rgba(194, 192, 192, 0.7) 5px 5px 5px;
    --border-size: ;
    --sidebar-width-size: 205px;
    --sidebar-transition-duration-size: 200ms;
    --sidebar-transition-timing-function-size: ease;
    --scale-select-container-width-size: 140px;
    --scale-select-overflow-size: 22px;
    --loadingBar-end-offset-size: 0;
    --toolbar-icon-opacity-size: 0.7;
    --doorhanger-icon-opacity-size: 0.9;
    --overlay-button-border-size: 0 none;
    --loading-icon: url(images/loading.svg);
    --treeitem-expanded-icon: url(images/treeitem-expanded.svg);
    --treeitem-collapsed-icon: url(images/treeitem-collapsed.svg);
    --toolbarButton-menuArrow-icon: url(images/toolbarButton-menuArrow.svg);
    --toolbarButton-sidebarToggle-icon: url(images/toolbarButton-sidebarToggle.svg);
    --toolbarButton-secondaryToolbarToggle-icon: url(images/toolbarButton-secondaryToolbarToggle.svg);
    --toolbarButton-pageUp-icon: url(images/toolbarButton-pageUp.svg);
    --toolbarButton-pageDown-icon: url(images/toolbarButton-pageDown.svg);
    --toolbarButton-zoomOut-icon: url(images/toolbarButton-zoomOut.svg);
    --toolbarButton-zoomIn-icon: url(images/toolbarButton-zoomIn.svg);
    --toolbarButton-presentationMode-icon: url(images/toolbarButton-presentationMode.svg);
    --toolbarButton-print-icon: url(images/toolbarButton-print.svg);
    --toolbarButton-openFile-icon: url(images/toolbarButton-openFile.svg);
    --toolbarButton-download-icon: url(images/toolbarButton-download.svg);
    --toolbarButton-bookmark-icon: url(images/toolbarButton-bookmark.svg);
    --toolbarButton-viewThumbnail-icon: url(images/toolbarButton-viewThumbnail.svg);
    --toolbarButton-viewOutline-icon: url(images/toolbarButton-viewOutline.svg);
    --toolbarButton-viewAttachments-icon: url(images/toolbarButton-viewAttachments.svg);
    --toolbarButton-viewLayers-icon: url(images/toolbarButton-viewLayers.svg);
    --toolbarButton-currentOutlineItem-icon: url(images/toolbarButton-currentOutlineItem.svg);
    --toolbarButton-search-icon: url(images/toolbarButton-search.svg);
    --findbarButton-previous-icon: url(images/findbarButton-previous.svg);
    --findbarButton-next-icon: url(images/findbarButton-next.svg);
    --secondaryToolbarButton-firstPage-icon: url(images/secondaryToolbarButton-firstPage.svg);
    --secondaryToolbarButton-lastPage-icon: url(images/secondaryToolbarButton-lastPage.svg);
    --secondaryToolbarButton-rotateCcw-icon: url(images/secondaryToolbarButton-rotateCcw.svg);
    --secondaryToolbarButton-rotateCw-icon: url(images/secondaryToolbarButton-rotateCw.svg);
    --secondaryToolbarButton-selectTool-icon: url(images/secondaryToolbarButton-selectTool.svg);
    --secondaryToolbarButton-handTool-icon: url(images/secondaryToolbarButton-handTool.svg);
    --secondaryToolbarButton-scrollPage-icon: url(images/secondaryToolbarButton-scrollPage.svg);
    --secondaryToolbarButton-scrollVertical-icon: url(images/secondaryToolbarButton-scrollVertical.svg);
    --secondaryToolbarButton-scrollHorizontal-icon: url(images/secondaryToolbarButton-scrollHorizontal.svg);
    --secondaryToolbarButton-scrollWrapped-icon: url(images/secondaryToolbarButton-scrollWrapped.svg);
    --secondaryToolbarButton-spreadNone-icon: url(images/secondaryToolbarButton-spreadNone.svg);
    --secondaryToolbarButton-spreadOdd-icon: url(images/secondaryToolbarButton-spreadOdd.svg);
    --secondaryToolbarButton-spreadEven-icon: url(images/secondaryToolbarButton-spreadEven.svg);
    --secondaryToolbarButton-documentProperties-icon: url(images/secondaryToolbarButton-documentProperties.svg);
    --font-size: 16px;
    --header-title-font-size: 1.18rem;
    --sidebar-font-size: 0.8rem;
    --sidebar-submenu-font-size: 0.8rem;
    --modal-corner-radius-size: 0;
    --header-radius-size: var(--modal-corner-radius-size) var(--modal-corner-radius-size) 0 0;
    --modal-padding-top-size: 0.2rem;
    --modal-padding-u-size: 0;
    --modal-padding-desktop-size: var(--modal-padding-top-size) var(--modal-padding-u-size) var(--modal-padding-u-size) var(--modal-padding-u-size);
    --modal-padding-size: 1rem;
    --modal-header-font-size: 1.12rem;
    --modal-font-size: 0.9rem;
    --dropdown-menu-font-size: 0.9rem;
    --placeholder-font-size: 0.8rem;
    --input-corner-radius-size: 0;
    --placeholder-padding-size: 0.4rem;
    --button-font-size: 0.93rem;
    --button-font-size-small-size: 0.8rem;
    --button-corner-radius-size: 0;
    --button-padding-size: 0.6rem 1rem;
    --scrollbar-size: 1.1rem;
    --scrollbar-track-corner-radius-size: 0.4rem;
    --scrollbar-thumb-corner-radius-size: 0.55rem;
    --datagrid-header-font-size: 1.18rem;
    --datagrid-header-height-size: 2rem;
    --datagrid-row-font-size: 0.9rem;
    --datagrid-row-height-size: 3rem;
    --datagrid-row-hover-corner-radius-size: 0;
    --form-legend-font-size: 1.12rem;
    --panel-navigator-header-font-size: 1.12rem;
    --panel-navigator-menu-font-size: 0.9rem;
    --panel-navigator-menu-corner-radius-size: 0 var(--modal-corner-radius-size) var(--modal-corner-radius-size) 0;
    --tag-selection-header-font-size: 1.12rem;
    --tag-selection-corner-radius-size: 0;
    --tag-selection-font-size: 0.9rem;
    --color-picker-item-corner-radius-size: 0;
    --thumb-corner-radius-size: 0;
    --chat-font-size: 1.1rem;
    --calendar-corner-radius-size: 0;
    --calendar-current-date-radius-size: 0;
    --roht-row-height-size: 3rem;
    --mega-menu-width-size: 35rem;
    --radius-default-profile-image-size: 0rem;
    --mark-border-radius-size: 0.15rem;
}