/*
 *	Copyright (C) 2020  Yassine LADRAM
 *
 *	Author: Yassine LADRAM
 *	Author URL: https://yassineladram.fr/
 */

:root {
	--grey-color-lvl-0: hsl(0, 0%, 100%);
	--grey-color-lvl-10: hsl(0, 0%, 97%);
	--grey-color-lvl-9: hsl(0, 0%, 96%);
	--grey-color-lvl-8: hsl(0, 0%, 94%);
	--grey-color-lvl-7: hsl(0, 0%, 93%);
	--grey-color-lvl-6: hsl(0, 0%, 87%);
	--grey-color-lvl-5: hsl(0, 0%, 80%);
	--grey-color-lvl-4: hsl(0, 0%, 67%);
	--grey-color-lvl-3: hsl(0, 0%, 60%);
	--grey-color-lvl-2: hsl(0, 0%, 33%);
	--grey-color-lvl-1: hsl(0, 0%, 0%);

	--transparent-grey-color-lvl-8: hsla(0, 0%, 94%, 0);

	--main-font-color: var(--grey-color-lvl-2);
	--main-bg-color: var(--grey-color-lvl-8);
	--secondary-bg-color: var(--grey-color-lvl-10);

	--main-color: hsl(207, 25%, 43%);
	--alt-main-color: hsl(207, 25%, 75%);
	--alt-lighter-main-color: hsl(207, 25%, 90%);
	--secondary-color: hsl(207, 100%, 45%);

	--blog-main-color: hsl(280, 25%, 43%);
	--blog-alt-main-color: hsl(280, 25%, 75%);
	--blog-alt-lighter-main-color: hsl(280, 25%, 90%);
	--blog-secondary-color: hsl(280, 100%, 45%);

	--red-color: #e53935;
	--light-red-color: #ef9a9a;

	--white-color: #fff;
	
	--project-highlight-color: var(--secondary-bg-color);
	--project-logo-color: var(--grey-color-lvl-3);

	--focus-color: hsla(207, 100%, 45%, .15);

	--linkedin-color: #1e82c4;
	
	--statrent-project-main-color: hsl(212, 100%, 44%);
	--statrent-project-bg-color: hsl(212, 100%, 54%);
	
	--bazconsulting-project-main-color: hsl(196, 99%, 37%);
	--bazconsulting-project-bg-color: hsl(196, 99%, 47%);

	/*--bazconsulting-project-main-color: hsl(196, 99%, 47%);
	--bazconsulting-project-bg-color: hsl(196, 99%, 37%);*/
	--bazconsulting-project-transparent-bg-color: hsla(196, 99%, 37%, .75);
	--bazconsulting-project-secondary-color: #0070bf;

	--thespoon-project-main-color: hsl(165, 82%, 41%);
	--thespoon-project-bg-color: hsl(165, 82%, 51%);
	
	/*--thespoon-project-main-color: hsl(165, 82%, 51%);
	--thespoon-project-bg-color: hsl(165, 82%, 41%);*/
	--thespoon-project-transparent-bg-color: hsla(165, 82%, 41%, .75);

	--mastermind-project-main-color: hsl(348, 99%, 45%);
	--mastermind-project-bg-color: hsl(348, 99%, 55%);
	--mastermind-project-transparent-bg-color: hsla(348, 99%, 45%, .75);

	--touitteur-project-main-color: hsl(204, 60%, 35%);
	--touitteur-project-bg-color: hsl(204, 60%, 45%);
	--touitteur-project-transparent-bg-color: hsla(204, 60%, 35%, .75);
}

#darkmode-alert {
	display: none;
}