:root {

	--font-default-family: 'Dazzed', system-ui, sans-serif;
	--font-default-weight: 400;
	--font-default-weight-semibold: 500;

	--font-default-size: 20px;
	--font-default-line-height: 1.4;

	--font-footer-size: 16px;

	--color-black: #000;
	--color-white: #fff;
	--color-moss-light: #cbd1c1;
	--color-moss-verylight: #f5f6f3;
	--color-orange: #c85a32;

	--color-background: var(--color-white);
	--color-text: var(--color-black);
	--color-highlight: var(--color-moss-light);
	--color-important: var(--color-orange);

	--spacing: 40px;
	--spacing-double: calc(var(--spacing) * 2);
	--spacing-half: calc(var(--spacing) / 2);

	--content-max-width: 1140px;

	--body-min-width: 320px;

	--header-height: 70px;
	--footer-height: 60px;

	--adminbar-height: 0px;

}

html:has(#wpadminbar) {
	--adminbar-height: 32px;
}


@media ( max-width: 880px ) {

	:root {
		--font-default-size: 18px;
	}

}


@media ( max-width: 480px ) {

	:root {
		--font-default-size: 16px;
	}

}