.header-logo {
	background-image: url('../../../images/demo/solteq_logo.svg');
	background-position: left center;
	background-size: auto 35px;
	height: 80px;
}

.trade-ribbon {
	--ribbon-gradient-from: hsl(var(--color-primary-500)) !important;
	--ribbon-gradient-to: hsl(var(--color-secondary-200)) !important;
	--ribbon-gradient-stops: var(--ribbon-gradient-from), var(--ribbon-gradient-to, hsla(var(--color-primary-500), 0)) !important;
	background-image: linear-gradient(to right, var(--ribbon-gradient-stops)) !important;
}

:root {
	/* Solteq Bedrock */
	--color-primary-50: 96, 16%, 94%;
	--color-primary-100: 107, 15%, 88%;
	--color-primary-200: 104, 15%, 75%;
	--color-primary-300: 104, 14%, 63%;
	--color-primary-400: 105, 15%, 50%;
	--color-primary-500: 105, 15%, 38%;
	--color-primary-600: 104, 15%, 30%;
	--color-primary-700: 106, 15%, 23%;
	--color-primary-800: 109, 14%, 15%;
	--color-primary-900: 100, 15%, 8%;

	/* Solteq Matcha */
	--color-secondary-50: 103, 41%, 97%;
	--color-secondary-100: 107, 47%, 93%;
	--color-secondary-200: 107, 46%, 81%;
	--color-secondary-300: 107, 45%, 73%;
	--color-secondary-400: 107, 40%, 58%;
	--color-secondary-500: 108, 41%, 45%;
	--color-secondary-600: 108, 45%, 36%;
	--color-secondary-700: 109, 42%, 29%;
	--color-secondary-800: 109, 38%, 24%;
	--color-secondary-900: 110, 36%, 20%;
}