:root {
	--bg-color-normal: #36393f;
	--bg-color-light: #484b51;
	--bg-color-gray: #3b3e43;
	--bg-color-dark: #17191d;
	--bg-color-menu: #202225;
	--bg-color-intensive: #436a8a;
	--bg-color-hovered: #1a1c1f;
	--bg-color-selected: #171717;

	--fg-color-normal: #c3c3c3;
	--fg-color-dark: #aaaaaa;
	--fg-color-intensive: white;
	--fg-color-inactive: #6c7481;
	--fg-color-selected: var(--fg-color-inactive);

	--border-color-normal: var(--bg-color-normal);
	--border-color-gray: var(--bg-color-menu);
	--border-color-dark: var(--bg-color-dark);
	--border-color-intensive: #5b90bb;
	--border-color-important: #ff6467;

	--border-dark-thin: thin solid var(--border-color-dark);
	--border-gray-thin: thin solid var(--border-color-gray);
	--border-normal-thin: thin solid var(--border-color-normal);
	--border-black-thin: thin solid black;
	--border-inactive-2px: 2px solid var(--border-color-normal);
	--border-intensive-2px: 2px solid var(--border-color-intensive);
	--border-intensive-thin: thin solid var(--border-color-intensive);

	--shadow-micro: 1px 2px 4px 0 rgba(0, 0, 0, 0.4);
	--shadow-small: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	--shadow-big: 0 8px 16px 0 rgba(0, 0, 0, 0.4);
}