:root {
	--color-brand: #4a6eb4;
	--color-brand-alt: #8b3f90;

	--color-brand-blue: #4a6eb4;
	--color-brand-green1: #b3dbcc;
	--color-brand-green2: #bee1e0;
	--color-brand-green3: #c1deb9;
	--color-brand-orange: #fabd5d;
	--color-brand-yellow: #ffd631;
	--color-brand-violet: #8b3f90;

	--header-height: 5rem;
	--header-logo-width: 200px;
}
body:is([data-mode^="login"], [data-mode="logout"]){
	--logo-brand: url('../../../../plugslate/asffor/styles/brand/logo-white.svg');
	--login-logo-height: 9lh;
	--login-logo-margin-block: 0 2lh;

	.login-legend {
		text-transform: uppercase;
		padding-block-end: .5lh;
	}
}