/* ===================================================================== */
/*                          CouleurCustom.css                            */
/*   2020  Dunin Technologie Inc.                                        */
/* ===================================================================== */

/* - DÉFINITION -------------------------------------------------------- */
/* Couleurs des différents éléments.                                     */
/* --------------------------------------------------------------------- */

/* - NOTES ------------------------------------------------------------- */
/* --------------------------------------------------------------------- */

:root
  {
    --couleurToolBarSession: #54565B;
    --couleurTexteBtnAccueil: #B1B1B1;

    --couleurTexteTitrePanel: #D46113;
    --couleurTexteTitreSection: #D46113;
    --couleurTexteTitreSousSection: #494949;
    --couleurTexteMessageLoginSeConnecter: #B1B1B1;
    
    --couleurSectionLogin: #494949;
    --couleurBordureSectionLogin: #494949;
    --couleurTexteOngletChoixLangue: #B1B1B1;
    --couleurBordureOngletChoixLangue: var(--couleurBordureBoutonOngletActif);
    --couleurTexteLinkAffichPass: #B1B1B1;
    --couleurTexteLink: #d46113;
    --couleurTexteLinkHover: #7D7D7D;
    --couleurTexteLinkAccueil: white;
    --couleurTexteLinkAccueilHover: var(--couleurTexteLink);
    --couleurTextePlaceholder: #C1C1C1;
    --couleurBoutonVisibility: invert(80%) sepia(2%) saturate(3%) hue-rotate(34deg) brightness(93%) contrast(80%);          /* couleur: #B1B1B1 */
    --couleurBoutonArrowLeft: invert(22%) sepia(10%) saturate(16%) hue-rotate(318deg) brightness(104%) contrast(80%);       /* couleur: #494949 */
    --couleurBouton36pxHover: #D46113;

    --couleurSecCommEdit: #B1B1B1;
    --couleurTexteGrandStepper: #D46113;

    --couleurTexteFenetreBarre: #B1B1B1;
    --couleurBarreTitreFenetre: #54565B;
    
    --couleurHighlight: #D46113;
    --couleurLigneSelect: #E3B596;
    --couleurHighlightLigneActif: var(--couleurLigneSelect);
    --couleurTitreTelescopeLigneActif: var(--couleurLigneSelect);

    --couleurBordureBoutonOngletActif: #D46113;
    --couleurBordureCourant: #D46113;
    --couleurBoxShadowCourant: var(--couleurBordureCourant);
    
    --couleurBoutonPrimaire: #D46113;
    --couleurTexteBoutonPrimaire: #FFFFFF;
    --couleurBordureBoutonPrimaire: #D46113;
    --couleurBoutonPrimaireHover: #AD4A02;
    --couleurTexteBoutonPrimaireHover: var(--couleurTexteBoutonPrimaire);
    --couleurBordureBoutonPrimaireHover: #AD4A02;

    --couleurBoutonSecondaire: #FFFFFF;
    --couleurTexteBoutonSecondaire: #D46113;
    --couleurBordureBoutonSecondaire: #D46113;
    --couleurBoutonSecondaireHover: #D46113;
    --couleurTexteBoutonSecondaireHover: #FFFFFF;
    --couleurBordureBoutonSecondaireHover: #D46113;

    --couleurBoutonAccueilHover: #494949;
    --couleurIconesToolBar: invert(40%) sepia(82%) saturate(1%) hue-rotate(10deg) brightness(100%) contrast(91%);      /* couleur: proche #B1B1B1 */

    --couleurBarre: #ffffff;
    --couleurCadre: #ffffff;
    --couleurCadreSimpleGD: #ffffff;
    --couleurBorder: #ffffff;
    --couleurLigneVerticale: #ffffff;

    --couleurBordureFenetreChargeComm : #494949;
    --couleurProgress: #B1B1B1;
    --couleurProgressBar: #D46113;

	--couleurBordureLigneAvant: #D46113;
  }