/* Colors */
:root {
	--global--color-primary: #7358de;
	--global--color-text-one: #111111;
	--global--color-text-two: #222222;
	--global--color-border: #111111;
	--global--color-background: #ffffff;
	--global--color-code-one: #b2cacd;
	--global--color-code-two: #062e32;
	--global--color-success: #19d37b;
	--global--color-notification: #1E90FF;
	--global--color-error: #e52424;
	--global--color-black: #000;
	--global--color-white: #fff;
	--global--color-white-60: rgba(255, 255, 255, 0.6);
}

@media only screen {

	.is-dark-theme {
		--global--color-primary: #ffffff;
		--global--color-text-one: #ffffff;
		--global--color-text-two: #ffffff;
		--global--color-border: #ffffff;
		--global--color-background: #000000;
		--global--color-code-one: #b2cacd;
		--global--color-code-two: #062e32;
		--global--color-success: #19d37b;
		--global--color-notification: #1E90FF;
		--global--color-error: #e52424;
		--global--color-white-60: rgba(255, 255, 255, 0.6);
	}

	body {

		&.is-dark-theme {
			color: var(--global--color-text-two);

			&.default-main-bg {
				background-color: var(--global--color-background);

				.menu-modal-inner,
					ul.primary-menu ul {
						background-color: var(--global--color-background);
				}
			}
		}
	}
}