html[data-color-theme="dark"] {
	/* Variables
	--------------------------------------------------------- */
	&:root {
	/* colors */
		--c-white: var(--dark);
		--c-text: #FFFFFF;
		--c-headlines: #FFFFFF;
		--c-bg: var(--dark);
		--c-bg-invert: #ffffff;
		--c-lightest-gray: color-mix(in srgb, var(--c-site-background) 80%, black);
	}
	
	/* Customize Elements
	--------------------------------------------------------- */
	& header#main-header {
		box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, .4);
	}
	& header#main-header.has-light-logo #logo-light {
		display: inline-block;
	}
	& header#main-header.has-light-logo #logo-default {
		display: none;
	}
	& input[type="submit"],
	& input[type="submit"]:hover,
	& .button:not(.text):hover,
	& .elementor-widget-button:not(.white, .outline, .text) .elementor-button,
	& .button:not(.white, .outline, .text) {
		color: var(--c-text) !important;
	}
	& .footer-bottom {
		background-color: color-mix(in srgb, var(--c-site-background) 0%, black);
		color: var(--c-text);
	}
	& .button.white {
		background-color: var(--c-bg-invert);
		border-color: var(--c-bg-invert);
		color: #000 !important;
		&:hover {
			background-color: var(--c-bg-invert-90);
			border-color: var(--c-bg-invert-90);
			color: #000 !important;
		}
		&.outline {
			background-color: transparent;
			border-color: var(--c-bg-invert);
			color: var(--c-bg-invert) !important;
			&:hover {
				background-color: var(--c-bg-invert);
				border-color: var(--c-bg-invert);
				color: #000 !important;
			}
		}
	}
}