@media (prefers-color-scheme: light) {

/*
 * TODO:
 * ca va etre laborieux et source d'erreur de tout recopier.
 * on va plutot sortir de la CSS tout se qui est couleur.
 * le mettre dans une CSS a part et generer la CSS light
 * a partir de la CSS dark avec de la substition de chaines.
 * */


body {
	background-color  : #FFFFFF;
	color             : #202020;
}

a {
	color : #202020;
}

header {
	background-color      : #FFFFFF;
	background-image      : url(/imgs-light/logo.svg);
}
/*
body.scrolled header {
	
	border-bottom : 1px solid #CCCCCC;
	box-shadow: 0 2px 2px #CCCCCC;
	background-color      : #FFFFFF;
}*/

nav {
	background-color : white;
}

#hamburgerMenuBtn.active {
	background-color : white;
}

#hamburgerMenu a {
	background-image : linear-gradient(to right, #CCCCCC, white);
}

#hamburgerMenu a:hover {
	color : #404040;
}

nav a.link.highlight {
	color : #FFFFFF;
}

#central-view {
	background-color : #FFFFFF;
}

#content {
	background-image      : 
		linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)),
		url(/imgs-light/logo.svg);
}

footer p, footer a {
	background-color : #FFFFFF;
}

footer a:hover {
	background-color : #EEEEEE;
}


/******************************************************************************/
#content section#dev img {
	background-color : #CCCCCC;
	padding : 1em;
	border-radius : 1em;
}
#content section#reprise img {
	background-color : #CCCCCC;
	padding : 1em;
	border-radius : 1em;
}
#content section#freelance img {
	background-color : #CCCCCC;
	padding : 1em;
	border-radius : 1em;
}