:root {
	--accent-color: var(--temple-cherryred);
	--button-danger-bg-color: #d14;
	--button-danger-active-bg-color: #b13;

	--temple-cherryred: #a41e35;
	--temple-black: #222;
	--temple-geranium: #e7201d;
	--temple-eggshell: #f2eee8;
}

h1, h2, h3, h4, h5 {
	font-family: Roboto, Arial, sans-serif;
}

p {
	font-size: 1.25rem;
}

:link, :visited {
	color: var(--temple-geranium);
}

:focus, a:hover {
	color: var(--temple-cherryred);
	text-decoration: none;
}

body {
	font-family: Faustina, serif;
	margin: 0;
}

header {
	background: var(--temple-black);
	padding: .25rem;
}

header #product-name {
	height: 4em;
	width: 12em;
	background: url('https://tuportal6.temple.edu/documents/d/asset-library-582828/temple-logo-horizontal-light') left center / contain no-repeat;
	margin-left: .75rem;
	color: transparent;
}

.oojs-icon:before, .oojs-icon:before, .apps .link a:after, .apps .download a:before,
	details:has(p) > summary:before {
		filter: invert(80%);
		-webkit-filter: invert(80%);
	}

details:has(p), form table {
	font-size: 1.25rem;
}
@media (prefers-color-scheme: light) {
	:root {
		--bg-color: #fff;
	}

	body {
		color: var(--temple-black);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--bg-color: #0e1218;
		--highlight-bg-color: #1c202a;
	}
	header #product-name {
		background-image: url('https://tuportal6.temple.edu/documents/d/asset-library-582828/temple-logo-horizontal-light');
	}
}