:root {
    --primaryBlue: #47BAD4;
    --primaryGreen: #7CD52D;
    --primaryRed: #FC255A;
    --primaryOrange: #FD732A;
    --primaryPurple: #9729D3;
    --primaryYellow: #FED239;
    --primaryPink: #FD28FC;
    --primaryMagenta: #FD5F5B;
    --primaryColor: #47BAD4;
    --darkModeBackground: #fff;
    --darkModeColor: #000;
}


/* Dark  Mode */

.footer,
.sticky,
body,
html {
    background-color: var(--darkModeBackground) !important;
}

.portfolio__item-name,
.contact__item-body-content a,
.contact__item-body-content--list i,
.contact__item-body-name,
.footer {
    color: var(--darkModeColor) !important;
}


/* Theme */

.portfolio__item-popup a,
.portfolio__filter-item:hover,
.skill__item-process span,
::selection,
.theme__button,
.btn-primary-color,
.main-title__line::before,
.btn-primary-color,
.portfolio__filter-item--active {
    background-color: var(--primaryColor) !important;
}

.header__body-avt {
    border-color: var(--primaryColor) !important;
}

.footer__content i,
.contact__item-body-content a:hover,
.contact__item-icon i,
.header .nav__item:hover a,
.about__item-title,
.color-title-text,
.main-title__text--primary,
.header__body-infor .social__list .social__item:hover i,
.soft-menu__item--active a,
.soft-menu__item:hover a,
.header .nav__item--active a,
.header__body-infor .infor-title__static,
.nav__logo a {
    color: var(--primaryColor) !important;
}

::selection {
    color: #fff;
}