/* -------------------------------------------- */
/*	Codes couleurs
/* -------------------------------------------- */
$gradient: linear-gradient(90deg, rgba(255, 212, 9, 0.9) 10%, rgba(251, 139, 8, 0.8) 44%, rgba(245, 9, 0, 0.8) 92%);
$gradient: #E5AE3F;
$grisTresClair: #f4f6fc;
$grisIntermediaire:#e3e3e3;
$grisClair: lightgrey;
$gris: grey;

$noir: #262424;
$noirClair:#4c4949;

/*$orang: #ffc588;*/
$orang: #ff922c;
$orangClair: #ffecbf;
$blanc: white;

$bleuClair: #24abff;
$bleu: #0066cc;
$bleusombre: #2e5aac;

$beig: #F5E3C9;
$jaune:#EEC850;

$vertFluo:#8af340;
$vertChatGPT:#28a745;
$bleuFluo:#7cfef8;

/* -------------------------------------------- */
/*	Theme Clair
/* -------------------------------------------- */
$clairFondsFrame: $grisTresClair;
$clairBkgrd: $blanc;
$clairColor : black;
$clairBordure: $grisClair;
$clairBoxShadow: $grisClair;
$clairIcoColor: $noirClair;
$clairIcoColor2: $bleuClair;
$clairIcoOver: $orang;
$clairIcoOver2: $bleuClair;

/* hover */
$clairOverBackground: $bleu;
$clairOverPolice: $bleu;

/* liens */
$clairLienActif: $orang;
$clairColor2: $noir;

/* -------------- boutons = boutonsWebmaster ------------------------------ */
$clairBoutonBckgrd: $bleuClair;
$clairBoutonColor: $blanc;

/* hover */
$clairBoutonOverBckgrd: $bleuClair;
$clairBoutonOverColor: $blanc;

$clairBoutonIcoOver: $orang;
$clairBoutonIcoOver2: $bleuClair;

/* -------------- Menus = boutonsMenusWbm + onglets ------------------------------ */
$clairBoutonMenusBkgrdColor: #f4f6fc;
$clairBoutonMenusColor: #06498b;
$clairBoutonMenusBorder: $grisClair;

/* hover = */
$clairBoutonMenuOverBckgrd: $bleuClair;
$clairBoutonMenuOverColor: $blanc;

/* Actif */
$clairBoutonMenuActifBackground: $orang;
$clairBoutonMenuActifColor: $blanc;

/* -------------- champs ------------------------------ */
$clairChampsBkgrd : $grisTresClair;
$clairLibChampsColor : $bleu;
$clairChampsColor : $noir;

$clairActionColor : blue;
@mixin adminClair () {
	background: $clairBkgrd;
	color: $clairColor;
}

/* -------------------------------------------- */
/*	Theme sombre
/* -------------------------------------------- */
$sombreFondsFrame: $grisTresClair;
$sombreBkgrd: $noirClair;
$sombreColor : $grisTresClair;
$sombreBordure: $grisClair;
$sombreBoxShadow: $bleuClair;

$sombreIcoColor: lightblue;
$sombreIcoColor2: white;

$sombreIcoOver: $blanc;
$sombreIcoOver2: $bleuClair;

/* hover */
$sombreOverBackground: $orang;
$sombreOverPolice: $bleu; /* Non modifié */

/* liens */
$sombreLienActif: $blanc;
$sombreColor2: lightblue; /* Non modifié */

/* -------------- boutons = boutonsWebmaster ------------------------------ */
$sombreBoutonBckgrd: #147C8F;
$sombreBoutonColor: lightblue; /* Non modifié */

/* hover */
$sombreBoutonOverBckgrd: $blanc;
$sombreBoutonOverColor: $grisClair;

$sombreBoutonIcoOver: $orang; /* Non modifié */
$sombreBoutonIcoOver2: white; /* Non modifié */

/* -------------- Menus = boutonsMenusWbm + onglets ------------------------------ */
$sombreBoutonMenusBkgrdColor: $grisClair;
$sombreBoutonMenusColor: $grisTresClair;
$sombreBoutonMenusBorder: $bleuClair;

/* hover = */
$sombreBoutonMenuOverBckgrd: $bleusombre; /* Non modifié */
$sombreBoutonMenuOverColor: $blanc; /* Non modifié */

/* Actif */
$sombreBoutonMenuActifBackground: lightblue; /* Non modifié */
$sombreBoutonMenuActifColor: $blanc; /* Non modifié */

/* -------------- champs ------------------------------ */
$sombreChampsBkgrd : $grisIntermediaire;
$sombreLibChampsColor : $grisTresClair;
$sombreChampsColor : $blanc;

$sombreActionColor : $grisTresClair;

@mixin adminsombre () {
	background: $sombreBkgrd;
	color: $sombreColor;
}


/* -------------------------------------------- */
/*	Theme orange
/* -------------------------------------------- */
$orangeBkgrd: $orang;
$orangeColor: $blanc;
$orangeIcoCouleur: $blanc;

$orangeOver: $orang;
$orangeLienActif: $bleu;

$orangeIcoColor: $jaune;
$orangeIcoColor2: brown;
$orangeIcoOver: $orangClair;
$orangeIcoOver2: $jaune;

$orangeFondsFrame: $grisTresClair;
$orangeBordure: $grisClair;

$orangeChampsBkgrd : $grisTresClair;
$orangeLibChampsColor : #755033;
$orangeChampsColor : $noir;

$orangeActionColor : blue;

$orangeBoutonColor: $blanc;
$orangeBoutonBckgrd: $beig;
$orangeBoutonOverColor: $blanc;
$orangeBoutonOverBckgrd: $orang;
$orangeBoutonActif: $gradient;

$orangeBoxShadow: $beig;

$orangeBoutonMenusBkgrdColor: $blanc;
$orangeBoutonMenusColor: $orang;
$orangeBoutonMenusBorder: $beig;

$orangeVisited: $noir;

@mixin adminOrange () {
	background: $orangeBkgrd;
	color: $orangeColor;
}

/* -------------------------------------------- */
/*	Theme bleu
/* -------------------------------------------- */
$bleuBkgrd: $bleu;
$bleuColor: $blanc;
$bleuIcoCouleur: $blanc;

$bleuOver: $orang;
$bleuLienActif: $bleu;

$bleuIcoColor: $blanc;
$bleuIcoColor2: $bleu;
$bleuIcoOver: $bleuClair;
$bleuIcoOver2: $blanc;

$bleuFondsFrame: $grisTresClair;
$bleuBordure: $grisClair;

$bleuChampsBkgrd : $grisTresClair;
$bleuLibChampsColor : #755033;
$bleuChampsColor : $noir;

$bleuActionColor : blue;

$bleuBoutonColor: $blanc;
$bleuBoutonBckgrd: $bleuClair;
$bleuBoutonOverColor: $blanc;
$bleuBoutonOverBckgrd: $blanc;
$bleuBoutonActif: $gradient;

$bleuBoxShadow: $bleu;

$bleuBoutonMenusBkgrdColor: $blanc;
$bleuBoutonMenusColor: $bleu;
$bleuBoutonMenusBorder: $beig;

$bleuVisited: $noir;

@mixin adminBleu () {
	background: $bleuBkgrd;
	color: $bleuColor;
}

/* -------------------------------------------- */
/*	Background
/* -------------------------------------------- */

@mixin bgGradient () {
	background: $grisClair;
}

/* -------------------------------------------- */
/*		Par objet								*/
/* -------------------------------------------- */
@mixin awesomIco () {
	margin-left: 2px;
	margin-right: 1px;
	min-width: 28px;
	padding-left: 8px;
	padding-right: 8px;
	/*color: black;*/
	font-size: 1.2rem;
	background-color: transparent;
}