:root {
  --cash-btn-color: #332941;
  --color-black: #ffffffff;
  --color-grey: #3b3486;
  --color-white: #ffffff;
  --main-color: #864af9;
  --brighter-main-color: #ffe9b1;
  --background-color: #3b3486;
  --packet-top-color: #e1e1e1;
  --packet-top-checked-color: #3b3486;
  /* Setup Meeting additional colors */
  --support-table-header-bg: #f5f5f5;
  --support-table-border: #e0e0e0;
  --support-table-hover-bg: #fafafa;
  --support-table-row-border: #f0f0f0;
  --support-table-text-color: #333333;
  --support-filter-text-color: #333333;
  /* Modal opacity overrides for better readability */
  --modal-text-opacity: 1;
  --modal-border-opacity: 1;
  /* Conversation background - lighter than main background */
  --conversation-bg: #f8f9fa;
}

.app-header__logo .logo-src {
  background: url("assets/images/white-leadya.png") no-repeat;
}

.selected-element {
  background-color: #ffe9b1 !important;
  color: var(--background-color) !important;
  border: 2px solid var(--background-color);
}

.btn-low {
  border-color: var(--color-white);
  background-color: var(--cash-btn-color);
}

.app-theme-white.fixed-header .app-header__logo {
  background: var(--color-grey);
}

.nav-item .nav-link,
.app-sidebar__heading,
.white-link,
.campaign-name,
.other-campaign-button,
.text-center,
.div.form-group,
.card-title,
.table .table,
.col-1 i.metismenu-icon,
.table,
.text-white {
  color: var(--background-color) !important;
}

.app-theme-white .app-page-title,
.app-theme-white .app-footer .app-footer__inner {
  background-color: var(--color-black);
}

.app-sidebar .scrollbar-sidebar {
  background-color: #f6f6f6;
}

.app-main .app-main__inner, .app-main .navigation-fixed {
  background-color: #f5f5f5;
}

.btn-light,
.btn-simple,
.btn-medium {
  background-color: var(--background-color);
  color: var(--color-white);
}

.btn-light:hover,
.btn-turn-campaign,
.btn-simple:hover,
.btn-medium:hover {
  background-color: var(--main-color);
  color: var(--color-white);
  font-weight: bold;
  border-color: var(--background-color);
}

.bg-dark {
  background-color: var(--color-white) !important;
  border: 2px solid var(--background-color);
}

form,
.form-control-full-height,
.btn-turn-campaign:hover {
  background-color: var(--color-white);
  color: var(--background-color);
}

.theme,
.btn-low:hover {
  border-color: var(--background-color);
}

.card,
#formCreateCampaignUsingAI {
  color: var(--background-color);
  border: 2px solid var(--background-color);
}

.btn-success:hover,
#openExtendWalletModal:hover {
  color: var(--background-color);
  border: 2px solid var(--background-color);
}

.white-link span {
  color: var(--color-white);
}
.btn-warning {
  background: var(--brighter-main-color);
  color: var(--background-color);
}

.btn-warning:hover {
  font-weight: bold;
  border: 2px solid var(--background-color);
  background: var(--brighter-main-color);
  color: var(--background-color);
}

div.carousel-caption h4 span, div.carousel-caption h5 span {
  color: var(--main-color);
}

/* Fix czytelności w tabeli kontaktów */
.table .text-muted {
  color: #6c757d !important;
}

.table .badge-info {
  background-color: #17a2b8 !important;
  color: #fff !important;
}

div.carousel-caption h4 span, div.carousel-caption h5 span {
  color: var(--main-color);
}