:root {
	/* --- Couleurs principales --- */
	--c1_l: #74c0fc;
	--c1: #1c7ed6;
	--c1_d: #1864ab;
	--c2_l: #f0a1d0;
	--c2: #c4609c;
	--c2_d: #803361;
	--c3_l: #e9ecef;
	--c3: #adb5bd;
	--c3_d: #495057;
	/* --- Couleurs neutres et génériques --- */
	--white: #ffffff;
	--white20: rgba(255, 255, 255, 0.2);
	--white50: rgba(255, 255, 255, 0.5);
	--black: #222;
	/* --- Autres couleurs utiles --- */
	--green_l: #69db7c;
	--green: #38b000;
	--green_d: #2a6436;
	--red_l: #ffa8a8;
	--red: #fa5252;
	--red_d: #c92a2a;
	--grey_l: #ebedf0;
	--grey: #808991;
	--grey_d: #495057;
}

/* --- TEXT COLOR --- */
.c1 {
	color: var(--c1);
}

.c1_l {
	color: var(--c1_l);
}

.c1_d {
	color: var(--c1_d);
}

.c2 {
	color: var(--c2);
}

.c2_l {
	color: var(--c2_l);
}

.c2_d {
	color: var(--c2_d);
}

.c3 {
	color: var(--c3);
}

.c3_l {
	color: var(--c3_l);
}

.c3_d {
	color: var(--c3_d);
}

.c_white {
	color: var(--white);
}

.c_black {
	color: var(--black);
}

.c_muted {
	color: var(--muted);
}

.c_green {
	color: var(--green);
}

.c_green_l {
	color: var(--green_l);
}

.c_green_d {
	color: var(--green_d);
}

.c_red {
	color: var(--red);
}

.c_red_l {
	color: var(--red_l);
}

.c_red_d {
	color: var(--red_d);
}

.c_grey {
	color: var(--grey);
}

.c_grey_l {
	color: var(--grey_l);
}

.c_grey_d {
	color: var(--grey_d);
}

/* --- BACKGROUND COLOR --- */
.bg_c1 {
	background-color: var(--c1);
}

.bg_c1_l {
	background-color: var(--c1_l);
}

.bg_c1_d {
	background-color: var(--c1_d);
}

.bg_c2 {
	background-color: var(--c2);
}

.bg_c2_l {
	background-color: var(--c2_l);
}

.bg_c2_d {
	background-color: var(--c2_d);
}

.bg_c3 {
	background-color: var(--c3);
}

.bg_c3_l {
	background-color: var(--c3_l);
}

.bg_c3_d {
	background-color: var(--c3_d);
}

.bg_none {
	background-color: transparent;
}

.bg_white {
	background-color: var(--white);
}

.bg_white50 {
	background-color: var(--white50);
}

.bg_black {
	background-color: var(--black);
}

.bg_green {
	background-color: var(--green);
}

.bg_green_l {
	background-color: var(--green_l);
}

.bg_green_d {
	background-color: var(--green_d);
}

.bg_red {
	background-color: var(--red);
}

.bg_red_l {
	background-color: var(--red_l);
}

.bg_red_d {
	background-color: var(--red_d);
}

.bg_grey {
	background-color: var(--grey);
}

.bg_grey_l {
	background-color: var(--grey_l);
}

.bg_grey_d {
	background-color: var(--grey_d);
}

/* --- BORDER COLOR --- */
.bdc1 {
	border-color: var(--c1);
}

.bdc1_l {
	border-color: var(--c1_l);
}

.bdc1_d {
	border-color: var(--c1_d);
}

.bdc2 {
	border-color: var(--c2);
}

.bdc2_l {
	border-color: var(--c2_l);
}

.bdc2_d {
	border-color: var(--c2_d);
}

.bdc3 {
	border-color: var(--c3);
}

.bdc3_l {
	border-color: var(--c3_l);
}

.bdc3_d {
	border-color: var(--c3_d);
}

.bdc_green {
	border-color: var(--green);
}

.bdc_red {
	border-color: var(--red);
}

.bdc_grey {
	border-color: var(--grey);
}

.b20{
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.b50{
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
.b70{
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}
.b80{
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
}

.wh80{
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
}