/********************************************************************************
 Colors used to style the complet website
 ********************************************************************************/

:root
{
	--myColor7: rgba(100, 200, 100, 1);
	--myColor6: rgba( 80, 160,  80, 1);
	--myColor5: rgba( 60, 120,  60, 1);
	--myColor4: rgba( 40,  80,  40, 1);
	--myColor3: rgba( 20,  40,  20, 1);
	--myColor2: rgba( 10,  20,  10, 1);
	--myColor1: rgba(  5,  10,   5, 1);
	--myColor0: rgba(225, 220, 215, 1);

	--contrast1-bg:var(--myColor0);
	--contrast1-tx:var(--myColor5);
	--contrast1-hl:var(--myColor4);

	--contrast2-bg:var(--myColor5);
	--contrast2-tx:var(--myColor0);
	--contrast2-hl:var(--myColor4);

	--contrast3-bg:var(--myColor6);
	--contrast3-tx:var(--myColor0);
	--contrast3-hl:var(--myColor4);
}

.contrast1
{
	background-color: var(--contrast1-bg) !important;
	color:            var(--contrast1-tx) !important;
}

.contrast2
{
	background-color: var(--contrast2-bg) !important;
	color:            var(--contrast2-tx) !important;
}

.contrast3
{
	background-color: var(--contrast3-bg) !important;
	color:            var(--contrast3-tx) !important;
}