body {
    background: var(--mainBg);
}

.header-content-left__title, .header-content-left__desc {
    color: var(--mainTitle);
}

.footer-block__title, .footer-block__final-text {
    color: var(--footerTitle);
}

.list-of-loans__button {
    background: var(--buttonBg);
    color: var(--buttonText);
    border: var(--buttonBorder);
}

.list-of-loans__button:hover {
    background: var(--buttonBgHover);
    color: var(--buttonTextHover);
    border: var(--buttonBorderHover);
    box-shadow: var(--buttonShadowHover);
}

.list-of-loans__button:active {
    background: var(--buttonBgActive);
    color: var(--buttonTextActive);
    border: var(--buttonBorderActive);
    box-shadow: var(--buttonShadowActive);
}

.menu-wrapper {
    background: var(--headerBg);
}

.menu-wrapper {
    background: var(--headerMenuBg);
}

.header-wrapper {
    background: var(--headerBg);
}

.list-of-loans__loan {
    background: var(--loanBg);
    box-shadow: var(--loanShadow);
    border: var(--loanBorder);
    border-radius: 8px;
}

.footer-wrapper {
    background: var(--footerBg);
}

.list-of-loans__info-title, .list-of-loans__term-title {
    color: var(--infoTitleColor);
}