:root {
	/* Background colours */
	--background-light: #f5f5f5;
	--background-dark: #212121;

	/* Text colours */
	--text-normal-light: #212529;
	--text-muted-light: #6c757d;
	--text-normal-dark: #c8c8c8;
	--text-muted-dark: #888888;

	/* Blue accent colour set (default-ish) */
	--accent-normal-light: #007aff;
	--accent-hover-light: #0056b3;
	--accent-normal-dark: #0a84ff;
	--accent-hover-dark: #409cff;

	/* Green accent colour set */
	/*--accent-normal-light: #34c759;
	--accent-hover-light: #207a36;
	--accent-normal-dark: #30d158;
	--accent-hover-dark: #5cd17b;*/

	/* Indigo accent colour set */
	/*--accent-normal-light: #5856d6;
	--accent-hover-light: #38378a;
	--accent-normal-dark: #5e5ce6;
	--accent-hover-dark: #4a46b0;*/

	/* Orange accent colour set */
	/*--accent-normal-light: #ff9500;
	--accent-hover-light: #b36800;
	--accent-normal-dark: #ff9f0a;
	--accent-hover-dark: #ffb640;*/

	/* Pink accent colour set */
	/*--accent-normal-light: #ff2d55;
	--accent-hover-light: #b3203b;
	--accent-normal-dark: #ff375f;
	--accent-hover-dark: #ff6e88;*/

	/* Purple accent colour set */
	/*--accent-normal-light: #af52de;
	--accent-hover-light: #733691;
	--accent-normal-dark: #bf5af2;
	--accent-hover-dark: #9746bd;*/

	/* Red accent colour set */
	/*--accent-normal-light: #ff3b30;
	--accent-hover-light: #b32922;
	--accent-normal-dark: #ff453a;
	--accent-hover-dark: #c9392e;*/

	/* Teal accent colour set */
	/*--accent-normal-light: #5ac8fa;
	--accent-hover-light: #3e8aad;
	--accent-normal-dark: #64d2ff;
	--accent-hover-dark: #4fa5c9;*/

	/* Yellow accent colour set */
	/*--accent-normal-light: #ffcc00;
	--accent-hover-light: #b38f00;
	--accent-normal-dark: #ffd60a;
	--accent-hover-dark: #c9ac08;*/

	/* Live variables - do not change */
	--live-background: var(--background-light);
	--live-text: var(--text-normal-light);
	--live-muted: var(--text-muted-light);
	--live-link: var(--accent-normal-light);
	--live-hover: var(--accent-hover-light);
}

body {
	padding-top: 3rem;
	padding-bottom: 2rem;
	margin-bottom: 60px;
	background-color: var(--live-background);
	color: var(--live-text);
}

h1 {
	font-weight: 700;
}

h3 {
	padding-top: 1.5rem;
	padding-bottom: .5rem;
}

p {
	margin-bottom: .5em;
	/*line-height: 1.2em;*/
}

a {
	color: var(--live-link);
}

a:hover {
	color: var(--live-hover);
}

.accent_colour {
	color: var(--live-link) !important;
}

.section_heading {
	padding-top: 1.5rem;
	padding-bottom: .5rem;
}

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: var(--live-background);
}

.text-muted {
	color: var(--live-muted) !important;
}

.custom-badge {
	background-color: var(--live-text);
	color: var(--live-background);
}

.appearance_day { /* Legacy - to be removed */
	filter: invert(0%);
}

.appearance_night {
	--live-background: var(--background-dark);
	--live-text: var(--text-normal-dark);
	--live-muted: var(--text-muted-dark);
	--live-link: var(--accent-normal-dark);
	--live-hover: var(--accent-hover-dark);
}

#current_time {
	font-weight: bold;
}

@media (prefers-color-scheme: dark) {
	/*.appearance_day {
		filter: var(--dark-mode-invert);
	}*/
	:root {
		--live-background: var(--background-dark);
		--live-text: var(--text-normal-dark);
		--live-muted: var(--text-muted-dark);
		--live-link: var(--accent-normal-dark);
		--live-hover: var(--accent-hover-dark);
	}
}