:root {
	--theme-background-color:white;
	--theme-color-1:#000;
	--theme-color-2:#555;
	--theme-color-3: #eee;

	--theme-header-background-color:#c72c2c;
	--theme-header-color:white;
	--theme-sub-background-color:pink;
	--theme-sub-color:black;
	--theme-modal-background-color:white;

	--theme-button-color:#ddd;
	--theme-button-active-color:#ccc;
	--theme-button-hover-color:#ccc;

	--theme-profit-curve:#4b75a7;

	--theme-color-disabled:var(--theme-color-2);

	--theme-switch-on-color:#2196f3;
	--theme-switch-handle-color:white;
	--theme-switch-off-color: grey;

	--theme-color-gain:rgb(63, 149, 203);
	--theme-color-loss:rgb(164, 91, 102);
}

[data-theme="dark"] {
	--theme-background-color:black;
	--theme-color-1:#ccc;
	--theme-color-2:#888;
	--theme-color-3:#333;

	--theme-header-background-color:#a01f1f;
	--theme-header-color:white;
	--theme-sub-background-color:#170c0c;
	--theme-sub-color:white;
	--theme-modal-background-color:#111;

	--theme-button-color:#222;
	--theme-button-active-color:#444;
	--theme-button-hover-color:#333;

	--theme-switch-on-color:#165080;
	--theme-switch-handle-color:white;
	--theme-switch-off-color: #333;

	--theme-radio-selected-color: var(--theme-color-3);
}

::-webkit-scrollbar {
	background:var(--theme-background-color);
}

::-webkit-scrollbar-thumb {
	background:var(--theme-color-3);
}

.gain {
	color:var(--theme-color-gain);
}
.loss {
	color:var(--theme-color-loss);
}
.neutral {
	color:var(--theme-color-2);
}