:root {

	--font-default-family: 'IBM Plex Sans', sans-serif;
	--font-default-weight: 400; /* also italic */
	--font-default-weight-bold: 600; /* also italic */
	--font-default-size: 18px;
	--font-default-size-small: 16px;
	--font-default-line-height: 1.3;
	--font-default-italic: italic;

	--font-meta-size: 14px;
	
	--color-white: #fff;
	--color-black: #000;

	--color-main: #fcb811; /* color also defined in wp-editor.css */
	--color-secondary: #4485c5;
	--color-grey: #949594; /* color also defined in wp-editor.css */
	--color-grey-light: #eee;


	--color-text: var(--color-black);
	--color-link: var(--color-secondary);
	--color-highlight: var(--color-main);

	--color-headline: var(--color-grey);

	--color-main-background: #F6F6F6;
	--color-header-meta-background: #fff;
	--color-header-background: #fff;
	--color-footer-background: #eee;

	--header-height: 100px;
	--header-height-mobile: 70px;
	--footer-height: 360px;

	--header-meta-scroll: 26px;
	--header-top-additional-height: 30px;


	--container-padding: 60px;

	--min-width: 340px;

}

@media( max-width: 640px ) {

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

}