:root {
	--dark-bg-color: color-mix(in srgb, var(--main-bg-color), black 20%);
	--dark1-bg-color: color-mix(in srgb, var(--main-bg-color), black 40%);
	--light-bg-color: color-mix(in srgb, var(--main-bg-color), white 30%);
	--light1-bg-color: color-mix(in srgb, var(--main-bg-color), white 10%);
	--bg-hover: color-mix(in srgb, var(--main-bg-color), black 25%);
	--bg-active: color-mix(in srgb, var(--main-bg-color), black 30%);
	--border-text: color-mix(in srgb, var(--main-bg-color), black 10%);
	--bg-disabled: color-mix(in srgb, var(--main-bg-color), white 40%);
	--bg-hover-ligth: color-mix(in srgb, var(--main-bg-color), white 50%);
}