/* Variables */
:root {
	--mcn-accent-color: #000;
	--mcn-light-bg-color: #fff;
	--mcn-medium-bg-color: #ddd;
	--mcn-medium-dark-bg-color: #bbb;
	--mcn-white-bg-color: #fff;
	--mcn-white-text-color: #fff;
	--mcn-text-color: #000;
	--mcn-link-color: var(--mcn-text-color);
	
	--mcn-blue: #007f9f;
	--mcn-red: #ce3431;
	--mcn-light-gray: #f6f6f6;
	
	--mcn-headline-font: "Source Sans 3", sans-serif;
	--mcn-body-font: var(--mcn-headline-font);
	
	/* Overrides for theme */
	--heading--font-family: var(--mcn-headline-font);
	--global--font-secondary: var(--mcn-body-font);
	--heading--font-weight-page-title: 600;
	--global--font-size-page-title: 3rem;
	
	/* Overrides for Events */
	--tec-font-family-sans-serif: var(--mcn-body-font) !important;
	--tec-color-accent-primary: var(--mcn-red) !important;
}

/* DESKTOP */
@media only screen and (min-width: 822px) {
	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 900px);
	}
}