.eds-c-hero--pastel {
	--eds-c-hero-gradient-light: rgba(255, 255, 255, 0.9);
	--eds-c-hero-gradient-dark: rgba(255, 255, 255, 0.75);
	--eds-c-hero-color: #000;
}

.eds-c-hero__colour-1--pastel {
	--eds-c-hero-background-color: rgb(255, 138, 128);
}

.eds-c-hero__colour-2--pastel {
	--eds-c-hero-background-color: rgb(255, 159, 128);
}

.eds-c-hero__colour-3--pastel {
	--eds-c-hero-background-color: rgb(255, 181, 128);
}

.eds-c-hero__colour-4--pastel {
	--eds-c-hero-background-color: rgb(255, 191, 102);
}

.eds-c-hero__colour-5--pastel {
	--eds-c-hero-background-color: rgb(255, 217, 102);
}

.eds-c-hero__colour-6--pastel {
	--eds-c-hero-background-color: rgb(255, 242, 102);
}

.eds-c-hero__colour-7--pastel {
	--eds-c-hero-background-color: rgb(242, 255, 102);
}

.eds-c-hero__colour-8--pastel {
	--eds-c-hero-background-color: rgb(223, 255, 128);
}

.eds-c-hero__colour-9--pastel {
	--eds-c-hero-background-color: rgb(202, 255, 128);
}

.eds-c-hero__colour-10--pastel {
	--eds-c-hero-background-color: rgb(181, 255, 128);
}

.eds-c-hero__colour-11--pastel {
	--eds-c-hero-background-color: rgb(170, 255, 153);
}

.eds-c-hero__colour-12--pastel {
	--eds-c-hero-background-color: rgb(153, 255, 170);
}

.eds-c-hero__colour-13--pastel {
	--eds-c-hero-background-color: rgb(153, 255, 195);
}

.eds-c-hero__colour-14--pastel {
	--eds-c-hero-background-color: rgb(153, 255, 204);
}

.eds-c-hero__colour-15--pastel {
	--eds-c-hero-background-color: rgb(153, 255, 229);
}

.eds-c-hero__colour-16--pastel {
	--eds-c-hero-background-color: rgb(153, 255, 246);
}

.eds-c-hero__colour-17--pastel {
	--eds-c-hero-background-color: rgb(153, 246, 255);
}

.eds-c-hero__colour-18--pastel {
	--eds-c-hero-background-color: rgb(153, 229, 255);
}

.eds-c-hero__colour-19--pastel {
	--eds-c-hero-background-color: rgb(153, 212, 255);
}

.eds-c-hero__colour-20--pastel {
	--eds-c-hero-background-color: rgb(153, 195, 255);
}

.eds-c-hero__colour-21--pastel {
	--eds-c-hero-background-color: rgb(178, 191, 255);
}

.eds-c-hero__colour-22--pastel {
	--eds-c-hero-background-color: rgb(178, 178, 255);
}

.eds-c-hero__colour-23--pastel {
	--eds-c-hero-background-color: rgb(198, 178, 255);
}

.eds-c-hero__colour-24--pastel {
	--eds-c-hero-background-color: rgb(210, 178, 255);
}

.eds-c-hero__colour-25--pastel {
	--eds-c-hero-background-color: rgb(223, 178, 255);
}

.eds-c-hero__colour-26--pastel {
	--eds-c-hero-background-color: rgb(236, 178, 255);
}

.eds-c-hero__colour-27--pastel {
	--eds-c-hero-background-color: rgb(255, 178, 249);
}

.eds-c-hero__colour-28--pastel {
	--eds-c-hero-background-color: rgb(255, 153, 229);
}

.eds-c-hero__colour-29--pastel {
	--eds-c-hero-background-color: rgb(255, 153, 212);
}

.eds-c-hero__colour-30--pastel {
	--eds-c-hero-background-color: rgb(255, 153, 195);
}

.eds-c-hero__colour-31--pastel {
	--eds-c-hero-background-color: rgb(255, 153, 161);
}

.eds-c-hero--pastel {
	@include eds-hero-css-vars(pastel);
	color: $eds-c-hero-color--pastel;
	color: var(--eds-c-hero-color, $eds-c-hero-color--pastel);
}

.eds-c-hero--pastel .eds-c-breadcrumbs,
.eds-c-hero--pastel .eds-c-breadcrumbs__link {
	color: $eds-c-hero-color--pastel;
	color: var(--eds-c-hero-color, $eds-c-hero-color--pastel);
}

.eds-c-hero--pastel .eds-c-button {
	@include eds-hero-button-consume(pastel);
}

.eds-c-hero--pastel .eds-c-hero__button--citations {
	@include eds-hero-citation-button-consume(pastel);
}
