html {
	--innerHeight: 100vh;
	--actualVH: 1vh;
}

body:not(.admin-bar),
body.admin-bar {
	
	--utilityHeight: 0px;
	--adminBarHeight: 0px;
	
	--elementMargin: 20px;
	--sectionPadding: 50px;
	--boxPadding: 50px;
	--doubleBoxPadding: calc(2 * var(--boxPadding));
	
	--global-color-primary: #74b011;
	--global-color-secondary: #29591f;
	--global-color-tertiary: #eff2e9;
	--global-color-quaternary: #cccccc;
}
body.admin-bar {
	--adminBarHeight: 32px;
}

@media(max-width: 767px) {
	body.admin-bar {
		--adminBarHeight: 46px;
	}
	body.admin-bar.scrolled {
		--adminBarHeight: 0px;
	}
}