:root {
	/* colors (primary/light) */
	--color-body: #f0f0f0;
	--color-background: #fff;
	--text-color-background: rgba(0, 0, 0, .87);
	--color-menu-background: #fff;
	--text-color-menu-background: rgba(0, 0, 0, .87);
	--color-background-table-zebra: #f6f6f6;
	--color-background-hover: rgba(0, 0, 0, 0.04);
	--color-button: transparent;
	--color-button-checked: #bdbdbd;
	--color-primary: #455a64;
	--text-color-primary: rgba(255, 255, 255, .87);
	--color-primary-dark: #1c313a;
	--color-primary-light: #718792;
	--color-secondary: #f9bf3b;
	--text-color-secondary: rgba(0, 0, 0, .89);
	--color-secondary-dark: #987001;
	--color-secondary-light: #fff16e;
	--color-divider: #E5E5E5;
	--color-ctrl-bottom-line: 0, 0, 0;
	--color-ctrl-bottom-line-on-primary: 255, 255, 255;
	--color-scrollbar-handle: rgba(0, 0, 0, 0.3);
	--color-list-background: #fff;
	--text-color-list-background: rgba(0, 0, 0, .87);
	--color-label: rgba(0, 0, 0, .68);
	--color-text-light: rgba(0, 0, 0, .6);
	--color-text-disabled: rgba(0, 0, 0, .26);
	--color-error: #e53935;
	--text-color-error: rgba(255, 255, 255, .87);
	--color-accent: #689F38;
	--text-color-accent: #fffffff7;
	--color-accent-orange: rgb(242, 111, 37);
	--color-disabled-background: rgba(0, 0, 0, 0.12);
	--color-snackbar: #323232;
	--color-switch-thumb-off: #FAFAFA;
	--color-switch-track-off: rgba(0, 0, 0, .38);
	--color-switch-thumb-disabled: #BDBDBD;
	--color-switch-track-disabled: rgba(0, 0, 0, .12);
	--color-chart-legend-background: rgba(245, 245, 245, .6);
	--color-chart-divider: rgb(180, 180, 180);
	--color-chart-hover-highlight: rgb(62, 189, 20);
	--color-gantt-arrows: #545454;
	--color-gantt-box-highlight: red;
	--color-gantt-level-axes: rgba(0, 0, 0, 0.6);
	--color-gantt-weekend: rgba(0, 0, 0, 0.05);
	--color-gantt-drag-drop-hash: #bbb;
	--color-codemirror-theme: default;
	--color-link: rgba(22, 51, 97, 0.93);
	--color-snackbar-link: #2196F3;
	--color-table-changed-cell-background: rgb(217, 78, 31);
	--text-color-table-changed-cell-background: #fff;
	--color-table-negative-number-background: rgba(225, 255, 255, 0.65);
	--color-selection-fill: rgba(0, 108, 195, 0.56);
	--text-color-selection-fill: rgba(0, 0, 0, 0.28);
	--color-calendar-weekend: #D6D6D6;
	--color-buttons-highlight: 0, 0, 0;
	--color-scrolled-shadow: rgba(0, 0, 0, 0.3);
	--color-chart-bar-highlight: rgba(0, 0, 0, 0.15);
	--color-tab-highlight: var(--color-secondary-dark);
	--color-input-multiplevalues: rgba(0, 0, 0, 0.07);
	--color-form-disabled: rgba(0, 0, 0, 0.03);
	--color-radio-button-border: rgb(203 203 203);
	--color-tooltip-border: #9E9E9E;

	/* decorations - when changed, change in CssColor.java as well */
	--decoration-ok: #95b151;
	--decoration-error: #d53711;
	--decoration-info: #bac5de;
	--decoration-warning: #FFA726;
	--decoration-changed: #e4e404;
	--decoration-deleted: #f5715a;
	--decoration-added: #8fc76d;
	--decoration-icon-ok: icon-check-circle;
	--decoration-icon-error: icon-error;
	--decoration-icon-info: icon-information;
	--decoration-icon-warning: icon-alert;
	--decoration-icon-changed: icon-delta;
	--decoration-icon-deleted: icon-minus-circle-outline;
	--decoration-icon-added: icon-plus-circle-outline;

	/* fonts */
	--font-extra-small: 0.5rem;
	--font-small: 0.625rem;
	--font-caption: 0.75rem;
	--font-body: 0.875rem;
	--font-button: 0.875rem;
	--font-menu: 1rem;
	--font-subheading: 1rem;
	--font-title: 1.25rem;
	--font-headline: 1.5rem;
	--font-page-title: 1.875rem;
	--font-display1: 2.25rem;
	--font-display2: 3rem;
	--font-display3: 3.75rem;
	--font-display4: 4.5rem;

	/* icon-groups */
	--cursor-collapse: url(../images/cursors/black/collapse.svg);
	--cursor-expand: url(../images/cursors/black/expand.svg);
	--cursor-copy: url(../images/cursors/black/cursor_copy.png);

	--icon-resizable: url(../images/common/black/resizable.png);
	--icon-task: url(../images/common/black/task.gif);

	/* palettes - when changed, change in CssColor.java as well*/
	--palette-colors: #35baf6, #14759a, #6fbf73, #ffef62, #ff784e, #af52bf, #4dabf5, #33ab9f, #d7e360, #ffac33, #ed4b82, #6573c3, #33c9dc, #a2cf6e, #ffcd38, #f6685e, #8561c5, #b1b1b1, #93776c;
	--palette-red: #4C0C0C
	, #661010, #801515, #994343, #B27272, #CCA1A1, #590E0E, #731212, #8C2C2C, #A65B5B, #BF8A8A, #D8B8B8;
	--palette-green: #173C17, #1E4E1E, #386738, #648964, #90AB90, #BCCCBC, #143414, #1B451B, #225722, #4E784E, #7A9A7A, #A6BBA6;
	--palette-blue: #092A3B, #0B364C, #254F66, #557688, #869DAA, #B6C4CC, #072433, #0A3044, #0D3C55, #3D6377, #6D8A99, #9EB1BB;

}


:root[data-theme="DARK"] {
	--color-body: #1f1e1e;
	--color-background: #404040;
	--text-color-background: rgba(255, 255, 255, .87);
	--color-menu-background: #515151;
	--text-color-menu-background: rgba(255, 255, 255, .92);
	--color-background-table-zebra: #2b2b2b;
	--color-background-hover: rgba(255, 255, 255, 0.04);
	--color-button: rgba(255, 255, 255, 0.18);
	--color-button-checked: #bdbdbd;
	--color-primary: #37474f;
	--text-color-primary: rgba(255, 255, 255, .9);
	--color-primary-dark: #102027;
	--color-primary-light: #62727b;
	--color-secondary: #e0a807;
	--text-color-secondary: rgba(0, 0, 0, .89);
	--color-secondary-dark: #a97900;
	--color-secondary-light: #ffd94b;
	--color-divider: #5D5D5D;
	--color-ctrl-bottom-line: 255, 255, 255;
	--color-ctrl-bottom-line-on-primary: 255, 255, 255;
	--color-scrollbar-handle: rgba(255, 255, 255, 0.3);
	--color-list-background: #404040;
	--text-color-list-background: rgba(255, 255, 255, .87);
	--color-label: rgba(255, 255, 255, .68);
	--color-text-light: rgba(255, 255, 255, .70);
	--color-text-disabled: rgba(255, 255, 255, 0.26);
	--color-error: #c62828;
	--text-color-error: rgba(255, 255, 255, .87);
	--color-accent: #8fa264;
	--text-color-accent: #fffffff7;
	--color-accent-orange: rgb(242, 111, 37);
	--color-disabled-background: rgba(255, 255, 255, 0.12);
	--color-snackbar: #000;
	--color-switch-thumb-off: #BDBDBD;
	--color-switch-track-off: rgba(255, 255, 255, .4);
	--color-switch-thumb-disabled: #424242;
	--color-switch-track-disabled: rgba(255, 255, 255, .2);
	--color-chart-legend-background: rgba(62, 62, 62, .6);
	--color-chart-divider: rgb(75, 75, 75);
	--color-chart-hover-highlight: #50af29;
	--color-gantt-arrows: #e4e4e4;
	--color-gantt-box-highlight: red;
	--color-gantt-level-axes: rgba(255, 255, 255, 0.6);
	--color-gantt-weekend: rgba(255, 255, 255, 0.07);
	--color-gantt-drag-drop-hash: #777;
	--color-codemirror-theme: mbo;
	--color-link: rgba(216, 228, 253, 0.95);
	--color-snackbar-link: #2196F3;
	--color-table-changed-cell-background: rgba(255, 92, 37, 0.3);
	--text-color-table-changed-cell-background: #fff;
	--color-table-negative-number-background: rgba(0, 0, 0, 0.65);
	--color-selection-fill: rgba(148, 253, 102, 0.26);
	--text-color-selection-fill: rgba(255, 255, 255, 0.3);
	--color-calendar-weekend: #676767;
	--color-buttons-highlight: 255, 255, 255;
	--color-scrolled-shadow: rgba(0, 0, 0, 1);
	--color-chart-bar-highlight: rgba(0, 0, 0, 0.25);
	--color-tab-highlight: var(--color-secondary);
	--color-input-multiplevalues: rgba(255, 255, 255, 0.07);
	--color-form-disabled: rgba(255, 255, 255, 0.15);
	--color-radio-button-border: rgb(133 119 119);
	--color-tooltip-border: #757575;

	/* icon-group */
	--cursor-collapse: url(../images/cursors/white/collapse.svg);
	--cursor-expand: url(../images/cursors/white/expand.svg);
	--cursor-copy: url(../images/cursors/white/cursor_copy.png);

	--icon-resizable: url(../images/common/white/resizable.png);
	--icon-task: url(../images/common/white/task.gif);

	/* palettes  - when changed, change in CssColor.java as well*/
	--palette-colors: #2582ac, #0e526c, #4e8651, #b3a745, #b35437, #7a3986, #3678ac, #24786f, #979f43, #b37824, #a6355b, #475189, #248d9a, #71914d, #b39027, #ac4942, #5d448a, #7c7c7c, #67534c;

	/* decorations - when changed, change in CssColor.java as well */
	--decoration-ok: #687c39;
	--decoration-error: #95270c;
	--decoration-info: #828a9b;
	--decoration-warning: #b3751b;
	--decoration-changed: #a0a003;
	--decoration-deleted: #ac4f3f;
	--decoration-added: #648b4c;
}