@media screen and (prefers-color-scheme: dark) {
	body, html {
		background: hsl(0, 0%, 15%);
		color: #dddddd;
	}

	body, div#ie-content {
		/*
		background: hsl(0, 0%, 20%);
		*/
		/* hue 225 is our official, but 237 kinda fits better here */
		background: hsl(225, 34%, 19%);
		box-shadow: 0 4px 5px 0 rgba(0,0,0,.54),
		            0 1px 10px 0 rgba(0,0,0,.52),
		            0 2px 4px -1px rgba(0,0,0,.6);
	}

	a:link,
	a:visited {
		color: hsl(36.4, 100%, 60%);
	}

	#header, #footer {
		border-color: #555555;
	}

	#header div#h-logo img {
		filter: contrast(0%) brightness(150%);
	}

	#header div#h-text {
		color: #dddddd;
	}

	.infobar {
		/* temporary hack to make the text visible */
		color: hsl(0, 0%, 10%);
	}

	input[type=email],
	input[type=password],
	input[type=tel],
	input[type=text],
	textarea {
		background: hsl(0, 0%, 10%);
		color: #dddddd;
	}

	input::placeholder {
		color: #aaaaaa;
	}

	input[type=email]:focus,
	input[type=password]:focus,
	input[type=tel]:focus,
	input[type=text]:focus,
	textarea:focus {
		border-color: hsla(225, 70%, 70%, 0.7);
	}
}