:root {

	--font-default-family: "Source Sans 3", sans-serif;
	--font-default-weight: 400; /* also italic */
	--font-default-weight-semibold: 500; /* also italic */
	--font-default-weight-bold: 600; /* also italic */
	--font-default-italic: italic;

	--font-special-family: Korb, "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-special-weight: 400; /* also italic */
	--font-special-weight-bold: bold; /* also italic */
	--font-special-italic: italic;

	--font-default-size: 18px;
	--font-default-line-height: 1.3;

	--color-white: #fff;
	--color-black: #000;

	--color-grey: #D3DDE9;
	--color-grey-light: #F4F7FA;
	--color-blue: #004986;
	--color-blue-light: #4C71A0;

	--color-red: #F04F48;
	--color-lilac: #6C579F;
	--color-yellow: #FDC301;
	--color-green: #5CB964;
	--color-rose: #FFB7C7;


	--color-lightbox-background: rgba(0,0,0,.9);

	--color-text: var(--color-black);
	--color-highlight: var(--color-blue);


	--body-min-width: 360px;
	--width-max: 1140px;


	--fontsize-default: 1rem;
	--fontsize-bigger: 1.2rem;
	--fontsize-smaller: 0.9rem;
	--fontsize-tiny: 0.7rem;

	--topbar-height: 37px;
	--topbar-menu-fontsize: var(--fontsize-smaller);

	--deco-strip-height: 8px;

	--mainbar-height: 80px;
	--mainbar-menu-fontsize: var(--fontsize-bigger);

	--footer-height: 524px;
	
	--adminbar-height: 0px;

	--templatemessage-height: 0px;

	--spacing: 40px;

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

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

body:has(.templatemessage) {
	--templatemessage-height: 30px;
}

@media ( max-width: 640px ) {

	:root {
		--font-default-size: 16px;
		--deco-strip-height: 4px;
		--spacing: 20px;
	}

}

.text-bigger {
	font-size: var(--fontsize-bigger);
}

.background-grey {
	background-color: var(--color-grey);
}

.background-grey-light {
	background-color: var(--color-grey-light);
}