/*
 *====================*
 * LIGHT MODE LAYOUT  *
 *====================*
 */



body.light-theme {
	background-color: var(--light-background-colour);
	transition: background-color 0.25s, color 0.25s;
}


/* PAGES THAT USE <header> TAG [Light] */
body.light-theme header h1 {
	color: var(--light-accent-colour);
}


/* Navigation Bar [Light] */
body.light-theme nav {
	background-color: var(--light-navigation-colour);
}


/* Navigation Bar (Top Section) [Light] */
body.light-theme nav div.top-navigation-section #collapsible-icon {
	color: var(--light-background-colour);
}

body.light-theme nav.expanded div.top-navigation-section #expandable-title {
	color: var(--light-background-colour);
}

body.light-theme nav.active-button div.top-navigation-section strong {
	color: var(--light-background-colour);
}


/* Navigation Bar (First Middle Section) [Light] */
body.light-theme nav div.middle-navigation-first-section img.user-image,
body.light-theme nav div.middle-navigation-first-section img.authentication-failed-image {
	border: 0.05rem solid var(--light-background-colour);
}

body.light-theme nav div.middle-navigation-first-section p {
	color: var(--light-background-colour);
}


/* Navigation Bar (Second Middle Section) [Light] */
body.light-theme nav div.middle-navigation-second-section ul li a {
	background-color: var(--light-secondary-colour);
	color: var(--light-background-colour);
}

body.light-theme nav div.middle-navigation-second-section ul li a:hover {
	background-color: var(--light-secondary-colour);
	color: var(--light-accent-colour);
}


/* Navigation Bar (Bottom Section) [Light] */
body.light-theme nav div.bottom-navigation-section div.vot-theme-tray {
	background: var(--light-secondary-colour);
}

body.light-theme nav div.bottom-navigation-section div.vot-theme-tray i {
	color: var(--light-background-colour);
}

body.light-theme nav div.bottom-navigation-section div.vot-theme-tray i:hover {
	color: var(--light-accent-colour);
}


/* BOX OF CONTENTS FORMAT FOR SPECIFIC PAGES [Light] */
body.light-theme section div.announcement-box,
body.light-theme section div.lower-general-information-box {
	background-color: hsl(var(--light-accent-colour-hue) var(--light-accent-colour-saturation) calc(var(--light-accent-colour-lightness) + 86.3%) / var(--light-accent-colour-alpha));
	border-right: 5px solid hsl(var(--light-accent-colour-hue) var(--light-accent-colour-saturation) calc(var(--light-accent-colour-lightness) + 39.2%) / calc(var(--light-accent-colour-alpha) - 0.5));
	box-shadow: 0.45rem 0.45rem 0.45rem 0 hsl(var(--light-accent-colour-hue) var(--light-accent-colour-saturation) var(--light-accent-colour-lightness) / calc(var(--light-accent-colour-alpha) - 0.8));
}

body.light-theme section div.announcement-box h2,
body.light-theme section div.lower-general-information-box h2 {
	color: var(--light-primary-colour);
}

body.light-theme section div.announcement-box p,
body.light-theme div.vot-page section div.lower-general-information-box ul li {
	color: var(--light-accent-colour);
}


/* PAGES THAT USE <a> TAG [Light] */
body.light-theme section.archive-page div.vot-center-button-container a,
body.light-theme section.archive-vot-page div.vot-center-button-container a,
body.light-theme section.vot1-page div.vot-center-button-container a,
body.light-theme section.vot2-page div.vot-center-button-container a,
body.light-theme section.vot3-page div.vot-center-button-container a,
body.light-theme section.vot4-page div.vot-center-button-container a,
body.light-theme section.vot5-page div.vot-center-button-container a,
body.light-theme section.staff-page div.vot-center-button-container a,
body.light-theme section.staff-vot-page div.vot-center-button-container a,
body.light-theme section.custom-song-page div.vot-center-button-container a,
body.light-theme section.setting-page div.vot-center-button-container a,
body.light-theme section.admin-setting-page div.vot-center-button-container a,
body.light-theme section.staff-setting-page div.vot-center-button-container a,
body.light-theme section.user-setting-page div.vot-center-button-container a {
	background: hsl(var(--light-background-colour-hue) var(--light-background-colour-saturation) calc(var(--light-background-colour-lightness) - 17%) / var(--light-background-colour-alpha));
	color: var(--light-accent-colour);
}

body.light-theme section.archive-page div.vot-center-button-container a:hover,
body.light-theme section.archive-vot-page div.vot-center-button-container a:hover,
body.light-theme section.vot1-page div.vot-center-button-container a:hover,
body.light-theme section.vot2-page div.vot-center-button-container a:hover,
body.light-theme section.vot3-page div.vot-center-button-container a:hover,
body.light-theme section.vot4-page div.vot-center-button-container a:hover,
body.light-theme section.vot5-page div.vot-center-button-container a:hover,
body.light-theme section.staff-page div.vot-center-button-container a:hover,
body.light-theme section.staff-vot-page div.vot-center-button-container a:hover,
body.light-theme section.custom-song-page div.vot-center-button-container a:hover,
body.light-theme section.setting-page div.vot-center-button-container a:hover,
body.light-theme section.admin-setting-page div.vot-center-button-container a:hover,
body.light-theme section.staff-setting-page div.vot-center-button-container a:hover,
body.light-theme section.user-setting-page div.vot-center-button-container a:hover {
	background: var(--light-secondary-colour);
	color: var(--light-background-colour);
}


/* PAGES THAT USE <button> TAG [Light] */
body.light-theme section.vot4-mappool form button,
body.light-theme section.vot5-mappool form button,
body.light-theme section.vot4-staff form button,
body.light-theme section.custom-song-vot-page form button {
	background: hsl(var(--light-background-colour-hue) var(--light-background-colour-saturation) calc(var(--light-background-colour-lightness) - 17%) / var(--light-background-colour-alpha));
	color: var(--light-accent-colour);
}

body.light-theme section.vot4-mappool form button:hover,
body.light-theme section.vot5-mappool form button:hover,
body.light-theme section.vot4-staff form button:hover,
body.light-theme section.custom-song-vot-page form button:hover {
	background: var(--light-secondary-colour);
	color: var(--light-background-colour);
}



/*
 *===========================*
 * SYSTEM MODE LIGHT LAYOUT  *
 *===========================*
 */



@media (prefers-color-scheme: light) {
	body.system-theme {
		background-color: var(--light-background-colour);
		transition: background-color 0.25s, color 0.25s;
	}


	/* PAGES THAT USE <header> TAG [Light] */
	body.system-theme header h1 {
		color: var(--light-accent-colour);
	}


	/* Navigation Bar [Light] */
	body.system-theme nav {
		background-color: var(--light-navigation-colour);
	}


	/* Navigation Bar (Top Section) [Light] */
	body.system-theme nav div.top-navigation-section #collapsible-icon {
		color: var(--light-background-colour);
	}

	body.system-theme nav.expanded div.top-navigation-section #expandable-title {
		color: var(--light-background-colour);
	}

	body.system-theme nav.active-button div.top-navigation-section strong {
		color: var(--light-background-colour);
	}


	/* Navigation Bar (First Middle Section) [Light] */
	body.system-theme nav div.middle-navigation-first-section img.user-image,
	body.system-theme nav div.middle-navigation-first-section img.authentication-failed-image {
		border: 0.05rem solid var(--light-background-colour);
	}

	body.system-theme nav div.middle-navigation-first-section p {
		color: var(--light-background-colour);
	}


	/* Navigation Bar (Second Middle Section) [Light] */
	body.system-theme nav div.middle-navigation-second-section ul li a {
		background-color: var(--light-secondary-colour);
		color: var(--light-background-colour);
	}

	body.system-theme nav div.middle-navigation-second-section ul li a:hover {
		background-color: var(--light-secondary-colour);
		color: var(--light-accent-colour);
	}


	/* Navigation Bar (Bottom Section) [Light] */
	body.system-theme nav div.bottom-navigation-section div.vot-theme-tray {
		background: var(--light-secondary-colour);
	}

	body.system-theme nav div.bottom-navigation-section div.vot-theme-tray i {
		color: var(--light-background-colour);
	}

	body.system-theme nav div.bottom-navigation-section div.vot-theme-tray i:hover {
		color: var(--light-accent-colour);
	}


	/* BOX OF CONTENTS FORMAT FOR SPECIFIC PAGES [Light] */
	body.system-theme section div.announcement-box,
	body.system-theme section div.lower-general-information-box {
		background-color: hsl(var(--light-accent-colour-hue) var(--light-accent-colour-saturation) calc(var(--light-accent-colour-lightness) + 86.3%) / var(--light-accent-colour-alpha));
		border-right: 5px solid hsl(var(--light-accent-colour-hue) var(--light-accent-colour-saturation) calc(var(--light-accent-colour-lightness) + 39.2%) / calc(var(--light-accent-colour-alpha) - 0.5));
		box-shadow: 0.45rem 0.45rem 0.45rem 0 hsl(var(--light-accent-colour-hue) var(--light-accent-colour-saturation) var(--light-accent-colour-lightness) / calc(var(--light-accent-colour-alpha) - 0.8));
	}

	body.system-theme section div.announcement-box h2,
	body.system-theme section div.lower-general-information-box h2 {
		color: var(--light-primary-colour);
	}

	body.system-theme section div.announcement-box p,
	body.system-theme div.vot-page section div.lower-general-information-box ul li {
		color: var(--light-accent-colour);
	}


	/* PAGES THAT USE <a> TAG [Light] */
	body.system-theme section.archive-page div.vot-center-button-container a,
	body.system-theme section.archive-vot-page div.vot-center-button-container a,
	body.system-theme section.vot1-page div.vot-center-button-container a,
	body.system-theme section.vot2-page div.vot-center-button-container a,
	body.system-theme section.vot3-page div.vot-center-button-container a,
	body.system-theme section.vot4-page div.vot-center-button-container a,
	body.system-theme section.vot5-page div.vot-center-button-container a,
	body.system-theme section.staff-page div.vot-center-button-container a,
	body.system-theme section.staff-vot-page div.vot-center-button-container a,
	body.system-theme section.custom-song-page div.vot-center-button-container a,
	body.system-theme section.setting-page div.vot-center-button-container a,
	body.system-theme section.admin-setting-page div.vot-center-button-container a,
	body.system-theme section.staff-setting-page div.vot-center-button-container a,
	body.system-theme section.user-setting-page div.vot-center-button-container a {

		background: hsl(var(--light-background-colour-hue) var(--light-background-colour-saturation) calc(var(--light-background-colour-lightness) - 17%) / var(--light-background-colour-alpha));
		color: var(--light-accent-colour);
	}

	body.system-theme section.archive-page div.vot-center-button-container a:hover,
	body.system-theme section.archive-vot-page div.vot-center-button-container a:hover,
	body.system-theme section.vot1-page div.vot-center-button-container a:hover,
	body.system-theme section.vot2-page div.vot-center-button-container a:hover,
	body.system-theme section.vot3-page div.vot-center-button-container a:hover,
	body.system-theme section.vot4-page div.vot-center-button-container a:hover,
	body.system-theme section.vot5-page div.vot-center-button-container a:hover,
	body.system-theme section.staff-page div.vot-center-button-container a:hover,
	body.system-theme section.staff-vot-page div.vot-center-button-container a:hover,
	body.system-theme section.custom-song-page div.vot-center-button-container a:hover,
	body.system-theme section.setting-page div.vot-center-button-container a:hover,
	body.system-theme section.admin-setting-page div.vot-center-button-container a:hover,
	body.system-theme section.staff-setting-page div.vot-center-button-container a:hover,
	body.system-theme section.user-setting-page div.vot-center-button-container a:hover {

		background: var(--light-secondary-colour);
		color: var(--light-background-colour);
	}


	/* PAGES THAT USE <button> TAG [Light] */
	body.system-theme section.vot4-mappool form button,
	body.system-theme section.vot5-mappool form button,
	body.system-theme section.vot4-staff form button,
	body.system-theme section.custom-song-vot-page form button {
		background: hsl(var(--light-background-colour-hue) var(--light-background-colour-saturation) calc(var(--light-background-colour-lightness) - 17%) / var(--light-background-colour-alpha));
		color: var(--light-accent-colour);
	}

	body.system-theme section.vot4-mappool form button:hover,
	body.system-theme section.vot5-mappool form button:hover,
	body.system-theme section.vot4-staff form button:hover,
	body.system-theme section.custom-song-vot-page form button:hover {
		background: var(--light-secondary-colour);
		color: var(--light-background-colour);
	}
}



/*
 *==========================*
 * SYSTEM MODE DARK LAYOUT  *
 *==========================*
 */



@media (prefers-color-scheme: dark) {
	body.system-theme {
		background-color: var(--dark-background-colour);
		transition: background-color 0.25s, color 0.25s;
	}


	/* PAGES THAT USE <header> TAG [Light] */
	body.system-theme header h1 {
		color: var(--dark-accent-colour);
	}


	/* Navigation Bar [Dark] */
	body.system-theme nav {
		background-color: var(--dark-navigation-colour);
	}


	/* Navigation Bar (Top Section) [Dark] */
	body.system-theme nav div.top-navigation-section #collapsible-icon {
		color: var(--dark-accent-colour);
	}

	body.system-theme nav div.top-navigation-section #expandable-title {
		color: var(--dark-accent-colour);
	}

	body.system-theme nav div.top-navigation-section strong {
		color: var(--dark-accent-colour);
	}


	/* Navigation Bar (First Middle Section) [Dark] */
	body.system-theme nav div.middle-navigation-first-section img.user-image,
	body.system-theme nav div.middle-navigation-first-section img.authentication-failed-image {
		border: 0.05rem solid var(--dark-accent-colour);
	}

	body.system-theme nav div.middle-navigation-first-section p {
		color: var(--dark-accent-colour);
	}


	/* Navigation Bar (Second Middle Section) [Dark] */
	body.system-theme nav div.middle-navigation-second-section ul li a {
		background-color: var(--dark-secondary-colour);
		color: var(--dark-background-colour);
	}

	body.system-theme nav div.middle-navigation-second-section ul li a:hover {
		background-color: var(--dark-secondary-colour);
		color: var(--dark-accent-colour);
	}


	/* Navigation Bar (Bottom Section) [Dark] */
	body.system-theme nav div.bottom-navigation-section div.vot-theme-tray {
		background: var(--dark-secondary-colour);
	}

	body.system-theme nav div.bottom-navigation-section div.vot-theme-tray i {
		color: var(--dark-background-colour);
	}

	body.system-theme nav div.bottom-navigation-section div.vot-theme-tray i:hover {
		color: var(--dark-accent-colour);
	}


	/* BOX OF CONTENTS FORMAT FOR SPECIFIC PAGES [Dark] */
	body.system-theme section div.announcement-box,
	body.system-theme section div.lower-general-information-box {
		background-color: hsl(var(--dark-accent-colour-hue) var(--dark-accent-colour-saturation) var(--dark-accent-colour-lightness) / calc(var(--dark-accent-colour-alpha) - 0.3));
		border-right: 5px solid hsl(var(--dark-accent-colour-hue) var(--dark-accent-colour-saturation) calc(var(--dark-accent-colour-lightness) + 39.2%) / calc(var(--dark-accent-colour-alpha) - 0.45));
		box-shadow: 0.45rem 0.45rem 0.45rem 0 hsl(var(--dark-accent-colour-hue) var(--dark-accent-colour-saturation) var(--dark-accent-colour-lightness) / calc(var(--dark-accent-colour-alpha) - 0.75));
	}

	body.system-theme section div.announcement-box h2,
	body.system-theme section div.lower-general-information-box h2 {
		color: var(--dark-primary-colour);
	}

	body.system-theme section div.announcement-box p,
	body.system-theme div.vot-page section div.lower-general-information-box ul li {
		color: var(--dark-accent-colour);
	}


	/* PAGES THAT USE <a> TAG [Dark] */
	body.system-theme section.archive-page div.vot-center-button-container a,
	body.system-theme section.archive-vot-page div.vot-center-button-container a,
	body.system-theme section.vot1-page div.vot-center-button-container a,
	body.system-theme section.vot2-page div.vot-center-button-container a,
	body.system-theme section.vot3-page div.vot-center-button-container a,
	body.system-theme section.vot4-page div.vot-center-button-container a,
	body.system-theme section.vot5-page div.vot-center-button-container a,
	body.system-theme section.staff-page div.vot-center-button-container a,
	body.system-theme section.staff-vot-page div.vot-center-button-container a,
	body.system-theme section.custom-song-page div.vot-center-button-container a,
	body.system-theme section.setting-page div.vot-center-button-container a,
	body.system-theme section.admin-setting-page div.vot-center-button-container a,
	body.system-theme section.staff-setting-page div.vot-center-button-container a,
	body.system-theme section.user-setting-page div.vot-center-button-container a {
		background: hsl(var(--dark-background-colour-hue) var(--dark-background-colour-saturation) calc(var(--dark-background-colour-lightness) + 60%) / var(--dark-background-colour-alpha));
		color: var(--dark-accent-colour);
	}

	body.system-theme section.archive-page div.vot-center-button-container a:hover,
	body.system-theme section.archive-vot-page div.vot-center-button-container a:hover,
	body.system-theme section.vot1-page div.vot-center-button-container a:hover,
	body.system-theme section.vot2-page div.vot-center-button-container a:hover,
	body.system-theme section.vot3-page div.vot-center-button-container a:hover,
	body.system-theme section.vot4-page div.vot-center-button-container a:hover,
	body.system-theme section.vot5-page div.vot-center-button-container a:hover,
	body.system-theme section.staff-page div.vot-center-button-container a:hover,
	body.system-theme section.staff-vot-page div.vot-center-button-container a:hover,
	body.system-theme section.custom-song-page div.vot-center-button-container a:hover,
	body.system-theme section.setting-page div.vot-center-button-container a:hover,
	body.system-theme section.admin-setting-page div.vot-center-button-container a:hover,
	body.system-theme section.staff-setting-page div.vot-center-button-container a:hover,
	body.system-theme section.user-setting-page div.vot-center-button-container a:hover {
		background: hsl(var(--dark-secondary-colour-hue) var(--dark-secondary-colour-saturation) var(--dark-secondary-colour-lightness) / var(--dark-secondary-colour-alpha));
		color: var(--dark-background-colour);
	}


	/* PAGES THAT USE <button> TAG [Dark] */
	body.system-theme section.vot4-mappool form button,
	body.system-theme section.vot5-mappool form button,
	body.system-theme section.vot4-staff form button,
	body.system-theme section.custom-song-vot-page form button {
		background: hsl(var(--dark-background-colour-hue) var(--dark-background-colour-saturation) calc(var(--dark-background-colour-lightness) + 60%) / var(--dark-background-colour-alpha));
		color: var(--dark-accent-colour);
	}

	body.system-theme section.vot4-mappool form button:hover,
	body.system-theme section.vot5-mappool form button:hover,
	body.system-theme section.vot4-staff form button:hover,
	body.system-theme section.custom-song-vot-page form button:hover {
		background: hsl(var(--dark-secondary-colour-hue) var(--dark-secondary-colour-saturation) var(--dark-secondary-colour-lightness) / var(--dark-secondary-colour-alpha));
		color: var(--dark-background-colour);
	}
}



/*
 *===================*
 * DARK MODE LAYOUT  *
 *===================*
 */



body.dark-theme {
	background-color: var(--dark-background-colour);
	transition: background-color 0.25s, color 0.25s;
}


/* PAGES THAT USE <header> TAG [Light] */
body.dark-theme header h1 {
	color: var(--dark-accent-colour);
}


/* Navigation Bar [Dark] */
body.dark-theme nav {
	background-color: var(--dark-navigation-colour);
}


/* Navigation Bar (Top Section) [Dark] */
body.dark-theme nav div.top-navigation-section #collapsible-icon {
	color: var(--dark-accent-colour);
}

body.dark-theme nav div.top-navigation-section #expandable-title {
	color: var(--dark-accent-colour);
}

body.dark-theme nav div.top-navigation-section strong {
	color: var(--dark-accent-colour);
}


/* Navigation Bar (First Middle Section) [Dark] */
body.dark-theme nav div.middle-navigation-first-section img.user-image,
body.dark-theme nav div.middle-navigation-first-section img.authentication-failed-image {
	border: 0.05rem solid var(--dark-accent-colour);
}

body.dark-theme nav div.middle-navigation-first-section p {
	color: var(--dark-accent-colour);
}


/* Navigation Bar (Second Middle Section) [Dark] */
body.dark-theme nav div.middle-navigation-second-section ul li a {
	background-color: var(--dark-secondary-colour);
	color: var(--dark-background-colour);
}

body.dark-theme nav div.middle-navigation-second-section ul li a:hover {
	background-color: var(--dark-secondary-colour);
	color: var(--dark-accent-colour);
}


/* Navigation Bar (Bottom Section) [Dark] */
body.dark-theme nav div.bottom-navigation-section div.vot-theme-tray {
	background: var(--dark-secondary-colour);
}

body.dark-theme nav div.bottom-navigation-section div.vot-theme-tray i {
	color: var(--dark-background-colour);
}

body.dark-theme nav div.bottom-navigation-section div.vot-theme-tray i:hover {
	color: var(--dark-accent-colour);
}


/* BOX OF CONTENTS FORMAT FOR SPECIFIC PAGES [Dark] */
body.dark-theme section div.announcement-box,
body.dark-theme section div.lower-general-information-box {
	background-color: hsl(var(--dark-accent-colour-hue) var(--dark-accent-colour-saturation) var(--dark-accent-colour-lightness) / calc(var(--dark-accent-colour-alpha) - 0.3));
	border-right: 5px solid hsl(var(--dark-accent-colour-hue) var(--dark-accent-colour-saturation) calc(var(--dark-accent-colour-lightness) + 39.2%) / calc(var(--dark-accent-colour-alpha) - 0.45));
	box-shadow: 0.45rem 0.45rem 0.45rem 0 hsl(var(--dark-accent-colour-hue) var(--dark-accent-colour-saturation) var(--dark-accent-colour-lightness) / calc(var(--dark-accent-colour-alpha) - 0.75));
}

body.dark-theme section div.announcement-box h2,
body.dark-theme section div.lower-general-information-box h2 {
	color: var(--dark-primary-colour);
}

body.dark-theme section div.announcement-box p,
body.dark-theme div.vot-page section div.lower-general-information-box ul li {
	color: var(--dark-accent-colour);
}


/* PAGES THAT USE <a> TAG [Dark] */
body.dark-theme section.archive-page div.vot-center-button-container a,
body.dark-theme section.archive-vot-page div.vot-center-button-container a,
body.dark-theme section.vot1-page div.vot-center-button-container a,
body.dark-theme section.vot2-page div.vot-center-button-container a,
body.dark-theme section.vot3-page div.vot-center-button-container a,
body.dark-theme section.vot4-page div.vot-center-button-container a,
body.dark-theme section.vot5-page div.vot-center-button-container a,
body.dark-theme section.staff-page div.vot-center-button-container a,
body.dark-theme section.staff-vot-page div.vot-center-button-container a,
body.dark-theme section.custom-song-page div.vot-center-button-container a,
body.dark-theme section.setting-page div.vot-center-button-container a,
body.dark-theme section.admin-setting-page div.vot-center-button-container a,
body.dark-theme section.staff-setting-page div.vot-center-button-container a,
body.dark-theme section.user-setting-page div.vot-center-button-container a {
	background: hsl(var(--dark-background-colour-hue) var(--dark-background-colour-saturation) calc(var(--dark-background-colour-lightness) + 60%) / var(--dark-background-colour-alpha));
	color: var(--dark-accent-colour);
}

body.dark-theme section.archive-page div.vot-center-button-container a:hover,
body.dark-theme section.archive-vot-page div.vot-center-button-container a:hover,
body.dark-theme section.vot1-page div.vot-center-button-container a:hover,
body.dark-theme section.vot2-page div.vot-center-button-container a:hover,
body.dark-theme section.vot3-page div.vot-center-button-container a:hover,
body.dark-theme section.vot4-page div.vot-center-button-container a:hover,
body.dark-theme section.vot5-page div.vot-center-button-container a:hover,
body.dark-theme section.staff-page div.vot-center-button-container a:hover,
body.dark-theme section.staff-vot-page div.vot-center-button-container a:hover,
body.dark-theme section.custom-song-page div.vot-center-button-container a:hover,
body.dark-theme section.setting-page div.vot-center-button-container a:hover,
body.dark-theme section.admin-setting-page div.vot-center-button-container a:hover,
body.dark-theme section.staff-setting-page div.vot-center-button-container a:hover,
body.dark-theme section.user-setting-page div.vot-center-button-container a:hover {
	background: hsl(var(--dark-secondary-colour-hue) var(--dark-secondary-colour-saturation) var(--dark-secondary-colour-lightness) / var(--dark-secondary-colour-alpha));
	color: var(--dark-background-colour);
}


/* PAGES THAT USE <button> TAG [Dark] */
body.dark-theme section.vot4-mappool form button,
body.dark-theme section.vot5-mappool form button,
body.dark-theme section.vot4-staff form button,
body.dark-theme section.custom-song-vot-page form button {
	background: hsl(var(--dark-background-colour-hue) var(--dark-background-colour-saturation) calc(var(--dark-background-colour-lightness) + 60%) / var(--dark-background-colour-alpha));
	color: var(--dark-accent-colour);
}

body.dark-theme section.vot4-mappool form button:hover,
body.dark-theme section.vot5-mappool form button:hover,
body.dark-theme section.vot4-staff form button:hover,
body.dark-theme section.custom-song-vot-page form button:hover {
	background: hsl(var(--dark-secondary-colour-hue) var(--dark-secondary-colour-saturation) var(--dark-secondary-colour-lightness) / var(--dark-secondary-colour-alpha));
	color: var(--dark-background-colour);
}