:root {
	/* MEF Theme */
	/* – Colors */
	--base-01: #221f20;					/* Base color of page, used for blank backgrounds */
	--base-02: #343132;					/* Base color, a darker tone of --base-01 */
	--base-03: #464344;					/* Base color, a darker tone of --base-02 */
	--base-04: #585555;					/* Base color, a darker tone of --base-03 */
	--base-content: #ced4d9;			/* Foreground content color to use on base color (This foreground tone meets WCAG 2.1 AA Contrast Guidelines of all base background tones) */
	--base-emphasis: #ffffff;			/* Foreground content color to bring emphasis, for example on Heading Tags (This foreground tone meets WCAG 2.1 AA Contrast Guidelines of all base background tones)*/
	--base-mute: #999999;				/* Foreground content color to reduce empasis  (This foreground tone meets WCAG 2.1 AA Contrast Guidelines of all base background tones) */
	--dark-01: #060606;				/* Base color of page, used for dark backgrounds */
	--dark-content: #ced4d9;			/* Foreground content color on dark background tones*/
	--dark-focus: #ffffff;				/* Dark content colour when focused */
	--border-color: #797879;			/* A border tone */
	--info: #00b6ff;
	--info-content: var(--base-01);
	--success: #00a96e;
	--success-content: var(--base-01);
	--warning: #ffbe00;
	--warning-content: var(--base-01);
	--error: #ff5861;
	--error-content: var(--base-01);

	/* – Typography */
	--emphasis-font: "Courier New", courier-prime, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	--body-font: nunito-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;

	--text-2xs: .625rem;
	--text-xs: .75rem;
	--text-sm: .875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;
	--text-2xl: 1.5rem;
	--text-3xl: 1.875rem;
	--h2-clamp: clamp(1.25rem, -0.3554rem + 6.0241vw, 2rem);
	--account-h2-clamp: clamp(1.125rem, -0.3554rem + 6.0241vw, 1.5rem);
	---button-sm-clamp: clamp(.875rem, -0.3554rem + 6.0241vw, 1rem);

	/* – Logos */
	/*  ---logo: url(../img/projectr-logo-white.png);  */

	/* Backgrounds */
	--body-background: var(--base-01);
	--nav-background: var(--dark-01);

	/* Reset Font Color */
	color: var(--base-content)
}