:root {
    --brand-teal: #16c2a3;
    --brand-teal-light: #2dd4bf;
    --brand-blue: #0055ff;
    --brand-dark: #002d3f;
    --brand-black: #000000;
    --brand-gradient: linear-gradient(135deg, #0055ff 0%, #16c2a3 100%);
    --brand-gradient-hover: linear-gradient(135deg, #16c2a3 0%, #0055ff 100%);
    --brand-gradient-horizontal: linear-gradient(90deg, #002d3f 0%, #16c2a3 100%);
}

/* Primary accents */
.color-primary,
.text-primary {
    color: var(--brand-teal) !important;
}

.bg-primary {
    background-color: var(--brand-teal) !important;
    fill: var(--brand-teal) !important;
}

.progress-bar-primary {
    background-color: var(--brand-teal) !important;
}

.btn-primary,
.card-title a.btn-primary,
.bank_tabpanel .btn-primary {
    background: var(--brand-gradient) !important;
    border: 1px solid var(--brand-teal) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background: var(--brand-gradient-hover) !important;
    border-color: var(--brand-teal-light) !important;
    color: #ffffff !important;
}

.btn-outline-primary {
    color: var(--brand-teal) !important;
    border-color: var(--brand-teal) !important;
}

.btn-outline-primary:hover {
    background: var(--brand-teal) !important;
    border-color: var(--brand-teal) !important;
    color: #ffffff !important;
}

.badge-primary {
    background-color: var(--brand-teal) !important;
}

a.link:hover,
a.text-info,
.text-info {
    color: var(--brand-teal-light) !important;
}

/* Sidebar & header gradients */
.left-sidebar .scroll-sidebar .sidebar-nav>ul>li.active>a {
    background: var(--brand-gradient-horizontal) !important;
    color: #ffffff !important;
}

.light_themesidebar .sidebar-nav>ul>li.active>a,
.light_themesidebar .sidebar-nav>ul>li.active>a i,
.light_themesidebar .sidebar-nav ul li a:hover,
.light_themesidebar .sidebar-nav ul li a:hover i {
    color: var(--brand-teal) !important;
}

.left-sidebar,
.sidebar-nav ul li a.active,
.sidebar-nav ul li a:hover {
    border-color: var(--brand-teal);
}

.topbar .navbar-light,
.header .top-navbar {
    border-bottom-color: rgba(22, 194, 163, 0.2);
}

/* Page title accent */
.row.page-titles h3.text-primary {
    color: var(--brand-teal) !important;
}

/* Form focus states */
.form-control:focus,
select:focus {
    border-color: var(--brand-teal) !important;
    box-shadow: 0 0 0 0.15rem rgba(22, 194, 163, 0.25) !important;
}

/* Dark theme wallet cards */
body.lightmode .wallet-cardd,
body.theme-1 .wallet-cardd,
[data-theme="dark"] .wallet-cardd {
    border-left-color: var(--brand-teal) !important;
}

body.lightmode .wallet-icon-wrap,
body.theme-1 .wallet-icon-wrap,
[data-theme="dark"] .wallet-icon-wrap {
    background: var(--brand-gradient) !important;
}

body.lightmode .wallet-commission-amount,
body.theme-1 .wallet-commission-amount,
[data-theme="dark"] .wallet-commission-amount,
body.lightmode .stat-digit.color-primary,
body.theme-1 .stat-digit.color-primary {
    color: var(--brand-teal-light) !important;
}