:root {
	--accent-color: #00658d;
	--button-danger-bg-color: #d14;
	--button-danger-active-bg-color: #b13;
}

header #product-name {
	height: 2.5em;
	background: url('eduroam.svg') left center / contain no-repeat;
	color: rgba(0,0,0,0);
}

@media (prefers-color-scheme: dark) {
	:root {
		--accent-color: #007fa7;
		--bg-color: #0e1218;
		--highlight-bg-color: #14202a;
	}
	header #product-name {
		background-image: url('eduroam-dark.svg');
	}
	picture.screenshot.mac img {
		filter: invert(100%) sepia(20%) invert(100%) hue-rotate(-18deg);
	}
}