:root {
    --main-bg-color: #f8f8f8;
    --bars-bg-color: #ffffff;
    --theme-color: #333333;
    --primary-color: #333333;
    --secondary-color: gray;
    --negative-color: #FB2063;
    --main-border-color: #eeeeee;
    --font-family-en: Shabnam, Helvetica, Arial, sans-serif;
    --font-family-fa: Shabnam, Helvetica, Arial, sans-serif;
}


/* ***************************************** [  Header Bar ] ******************************************************** */

.header-bar {
    background-color: var(--primary-color);
}

.header-bar > * {
    background-color: var(--primary-color);
    color: #ffffff
}

.header-bar__profile__text > * {
    color: #ffffff
}

/*< End Header Bar */