:root {
	/* ===================================================================== */
	/* Default Themes for backgrounds and accent colours */
	--primary-background: #23272A;
	--primary-border: unset;
	--secondary-background: #2C2F33;
	--secondary-border: unset;
	--tertiary-background: #343A40;
	--tertiary-border: unset;

	/* Border indicators for better support in high contrast themes */
	--large-border-radius: 10px;
	--medium-border-radius: 7px;
	--small-border-radius: 5px;

	/* Text colours and the default font family */
	--fonts: sans-serif;
	--light-text: #E9ECEF;
	--dark-text: #000000;

	/* Accent colours used for smaller sections on the site */
	--accent-positive: #1DB954;
	--accent-neutral: #7289DA;
	--accent-negative: #ED4245;

	/* Scrollbar styling */
	--scrollbar-background: #0f0f0f;
	--scrollbar-handle: #4D4D4D;
	--scrollbar-handle-hover: #5E5E5E;

	/* Icon colors */
	--icon-primary: var(--dark-text);
	--icon-secondary: var(--secondary-background);

	/* ===================================================================== */
	/* Additional Themes for the specific site */
}