:root {
    --loading: invert(1);
    --flogo: invert(1);
    
    --logo-height: auto;
    --logo-width: 100% /* 200px */;

    --img-filter: drop-shadow(1px 1px 1px black);
    
    --header-height: 100px;
    --header-uti-height: 90px;
    --footer-height: 140px;  
    --pagina-height: 25px;  
    --list-menu-height:80px;

    --facet-max-w: 400px;
    --facet-min-w: 250px;
    
    --searchbar-h:30px;
    
    --white: rgb(240,240,240);
    --black: rgb(20,20,20);
    --green: #43713a;
    --red: rgb(200,50,50);
    --disabled: gray;

    
    --search-height: 30px;
    --bsearch-margin: -30px;
    
    --modlist-h:25px;
    
    --default-invert-bg-color: rgba(240,240,240,0.8);
    --default-bg-color: rgba(20, 20, 20, 0.8);
    --c0: white;      /*noir */
    --c1: #eee;    /*gris clair transparent*/ 		
    --c2: #eee;
    --c3: #eee;
    --c4: #eee;
    --c5: white;
    --cheadborder: #9e9e9e8c;
    --csecondary: #333;
    --cdarker: #ddd;
    --cbutton: #eee;
    --cimportant: rgba(187,78,78,1);
    --cimportantlight: rgba(187,78,78,1);
    --cimportantdark: rgb(238,0,0);
    --text-bcolor: white;
    --text-ibcolor: black;
    --text-important: white;
    
    --cselector-tri: rgb(234,108,108); /*  */
    --cselector-rect: cyan;
    --cselector-border: blue;
    
    --text-color: black;
    --text-icolor: white;
    --border-color: rgba(0,0,0,0.8);
    
    --text-clientspec: rgb(209,164,30);
    
    --darker-bg: rgba(0,0,0,0.8);

    --color-button: #4b4b4b;
    --autocomplete-color: rgba(250,250,250,0.9);
    --text-autocomplete: black;
    
    --highlight-bg-color: #ffe1ac; /* cyan; */
    --highlight-color: black;
    
    --item-c1: rgba(69, 75, 202, 0.2); /* rgba(90, 95, 210, 0.2); */
    --item-c2: #FFFFFF;

    --arrow-right: "▸";
    --arrow-down: "▾";
    --arrow-left: "◂";
    --arrow-up: "▴";
    
    --scrollbar-width: 10px;
    --scrollbar-track-bg: rgba(0,0,0,0.6);
    --scrollbar-thumb-bg: rgba(200,200,200,0.8);
    --scrollbar-thumb-radius: 9px;
    
    --scrollbar-hov-bg: black;
}