:root {
	/* Colour guide (values taken from Apple macOS VD-HIGs
		Accent normal light:	Aqua
		Accent hover light:		Aqua with brightness(-30%)
		Accent normal dark:		Dark
		Accent hover dark:		Dark with hue(+1), saturation(-21)
	*/

	/* 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;

	/* Horizon accent colour set */
	--accent-normal-light: #2e0f36;
	--accent-hover-light: #7b3381;
	--accent-normal-dark: #bd87bf;
	--accent-hover-dark: #7b3381;

	/* 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: 7rem;
	padding-bottom: 2rem;
	margin-bottom: 60px;
	background-color: var(--live-background);
	color: var(--live-text);
	font-family: Flama,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-weight: 300;
}

h1 {
	font-family: DalaFloda,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-weight: 300;
}

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

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

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

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

.search-box-light-text {
	font-weight: 300 !important;
}

.btn-light-text {
	font-weight: 300 !important;
}

.form-control {
	font-weight:  300 !important;
	background-color: ;
	color: ;
}

.accent_fullstop {
	color: var(--accent-hover-light) !important;
}

/* Legacy, moved to h3 */
.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);
}

/* Time-based dark-mode switching (do not remove) */
.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);
}

.message_date {
	color: var(--live-muted) !important;
	font-weight: bold;
	/* font-style: italic; */
}

#navbar_styling {
	background-color: var(--accent-normal-light);
}

#current_time {
	font-weight: bold;
}

/* Preference-based dark-mode switching */
@media (prefers-color-scheme: dark) { 
	: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);
	}
}