/* custom-colors.css - WITH ACCENT */
:root {
  --primary: #f7d35f !important;
  --bs-primary: #f7d35f !important;
  --bs-primary-rgb: 247, 211, 95 !important;
  --accent: #6c757d !important; /* ← This is your accent */
}

/* Primary elements (gold) */
.btn-primary,
.bg-primary,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
  border-color: #f7d35f !important;
  background-color: #f7d35f !important;
  color: #171409 !important;
}

/* Hover states (darker gold - this is also "accent" behavior) */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
a:hover {
  background-color: #e6c356 !important;
  border-color: #e6c356 !important;
}

/* Secondary/Accent elements (gray) */
.btn-secondary,
.bg-secondary,
.text-secondary {
  background-color: #6c757d !important;
  border-color: #6c757d !important;
  color: white !important;
}

/* Logo/text */
.brand-link,
.brand-text,
.text-primary,
a {
  color: #171409 !important;
}




/*
Self
*/


.sidebar-wrapper .nav-header {
  color: #d79718;
  background-color: inherit;
}


.nav-sidebar .nav-link:hover {
            background-color: var(--primary);
            color: #fff;
        }




.card-success, .bg-success, .text-bg-success {
  --lte-card-variant-bg: #198754;
  --lte-card-variant-bg-rgb: 25, 135, 84;
  --lte-card-variant-color: #fff;
  --lte-card-variant-color-rgb: 255, 255, 255;
}



        .balance-card {
            background: linear-gradient(135deg, var(--bg-success) 0%, var(--accent) 100%);
            color: #fff;
            border-radius: 15px;
        }