:root {
    /*** Color Chart ***/
    --PrimaryColor: #d8a800; /*** Primary Color (light green) ***/
    /* MenuBar, Tab, Buttoncolor */
    --SecondaryColor: #59595b; /*** Secondary Color (dark green) ***/
    /* buttonhover */
    --ThirdColor: #ffffff; /*** Third Color (almost white) ***/
    /* writColor, textcolor */
    --FourthColor: #b3b3b3; /*** Fourth color (darker gray) ****/
    /* pagination */
    --NeutralColor: #c8c8c8; /*** Neutral Color (light gray) ***/
    /* CrudContenaire */

    /********* Dark Mode *********/
    --BodyColorDarkMode: var(--ThirdColor);
    --HeaderColorDarkMode: var(--NeutralColor);
    --TextColorDarkMode: var(--SecondaryColor);
    /********* LTR/RTL *********/
    --Direction: rtl; /*It will be changed base on user direction selection*/
    --ListButtonPosition: right;
    --ListItemsPosition: left;
    --ScrollRightBtn: -25px;
    --ScrollLeftBtn: 25px;
    /********* ItemCard *********/
    --TitleCardBackgroundColor: var(--NeutralColor);
    --TitleCardColor: var(--SecondaryColor);
    --ItemCardTextColor: var(--SecondaryColor);
    --ItemCardBackgroundColor: none;
    --LinkFloat: left;
    --FooterFloat: right;
    /********* Side Navigation Menu *********/
    --NavigationBgColor: var(--NeutralColor);
    --NavigationHeaderColor: var(--FourthColor);
    --NavigationTextColor: var(--SecondaryColor);
    --NavigationItemAlign: left;
    --NavigationTextSize: 17px;
    --NavigationHoverColor: var(--FourthColor);
    --NavigationSubBgColor: var(--NeutralColor);
    --NavigationMenuIconFilter: invert(4%) sepia(3%) saturate(12%) hue-rotate(314deg) brightness(102%) contrast(95%);
}