@charset "UTF-8";

/********************************************************************************************************

	Auto-generated O4 settings
	Colors and settings are generated from site.yml
	The plugin o4-panel is used for this
	Do not edit this file manually.

*********************************************************************************************************/

:root {
	--o4-color-text: #707070;
	--o4-color-white: #fff;
	--o4-color-white-background: #fff;
	--o4-color-white-text: var(--o4-color-text);
	--o4-color-blue-background: #6d98aa;
	--o4-color-blue-text: var(--o4-color-white);
}

:root {
	--o4-header-main-height: 84px;
	--o4-header-topbar-height: 0px;
	--o4-header-height: calc(var(--o4-header-main-height) + var(--o4-header-topbar-height));
}

:root {
	--o4-header-logo-scale: 0.62;
}

@media screen and (max-width: 1000px) {
	:root { --o4-header-logo-scale: 0.62; }
}

@media screen and (max-width: 640px) {
	:root { --o4-header-logo-scale: 0.62; }
}

.o4-color-token-white {
	--o4-token-background: var(--o4-color-white-background);
	--o4-token-text: var(--o4-color-white-text);
}

.o4-quote-token-white {
	--o4-quote-color: var(--o4-color-white-background);
}

.o4-color-token-blue {
	--o4-token-background: var(--o4-color-blue-background);
	--o4-token-text: var(--o4-color-blue-text);
}

.o4-quote-token-blue {
	--o4-quote-color: var(--o4-color-blue-background);
}

.o4-text-token-text {
	--o4-token-text: var(--o4-color-text);
	color: var(--o4-token-text);
}

.o4-text-token-white {
	--o4-token-text: var(--o4-color-white);
	color: var(--o4-token-text);
}