body {

	/* fonts */

	/* colors */

	--body-bgc: #F8F8F8;
	--body-col: #444;

	--link-default: inherit;
	--link-hover  : #cc0000;

	--h1---bgc: var(--body-bgc);

	--main-bgc: #f8f8f8;
	--main-col: #111;

	--head-bgc: #f8f8f8;

	--foot-bgc: var(--main-bgc);
	--foot-col: var(--main-col);

	--footer-menus-a-hover: var(--link-hover);

	--footer-bottom-col: var(--body-col);
	--footer-bottom-bgc: #f8f8f8;

	--side-bgc: #f8f8f8;
	--side-col: var(--body-col);


	--menu-bgc: #f8f8f8;

	--border-col: #939392;

	/* measurements */

	--header-height: 6rem;
	--sticky-header-height: 4rem;

}

@media (max-width: 46rem) {
	body {
		--header-height: 4rem;
	}
}