/*
:root {
    --theme-primary: #b8aa83;
    --theme-primary-dark: #8f815f;
    --theme-dark: #111827;
    --theme-soft: #f5f1e7;
    --theme-border: #ded5bd;

    --brand-primary: var(--theme-primary);
    --brand-primary-dark: var(--theme-primary-dark);
    --brand-primary-soft: var(--theme-soft);
    --brand-border: var(--theme-border);
}

body {
    background: #f8f6f0;
    color: var(--theme-dark);
}

a,
.link-arrow,
.breadcrumbs a,
.auth-card a,
.footer-support-label {
    color: var(--theme-primary-dark);
}

a:hover,
.header-blue .navbar .navbar-nav > li > a:hover,
.header-blue .navbar .navbar-nav .nav-link:hover,
.auth-link-panel a:hover,
footer.ifam-footer .footer-links a:hover,
footer.ifam-footer .footer-support a:hover {
    color: var(--theme-primary);
}

.btn-cust,
.basket-add-item-btn,
.btn-ifam,
.nabvar-basket-menu,
.auth-card .btn-ifam,
.auth-tab.active,
.amount-btn.active,
.donate-type.active,
.cat-header-nav .nav-item.active .category-item,
.cat-header-nav .nav-item:hover .category-item,
.account-save-btn,
.donation-history-button,
.bank-account-copy {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
    color: #fff;
}

.btn-cust:hover,
.basket-add-item-btn:hover,
.btn-ifam:hover,
.nabvar-basket-menu:hover,
.auth-card .btn-ifam:hover,
.account-save-btn:hover,
.account-save-btn:focus-visible,
.account-secondary-btn:hover,
.account-secondary-btn:focus-visible,
.donation-history-button:hover,
.donation-history-button:focus-visible,
.bank-account-copy:hover,
.bank-account-copy:focus-visible,
.bank-account-copy.is-copied {
    background: var(--theme-primary-dark);
    border-color: var(--theme-primary-dark);
    color: #fff;
}

.category-panel-design-5 .nav-item.active .category-item {
    background: var(--theme-soft);
    color: var(--theme-primary-dark);
    border-bottom-color: var(--theme-primary);
    box-shadow: inset 0 -2px 0 var(--theme-primary);
}

.category-scroll-btn,
.btn-cust-outline {
    border-color: var(--theme-border);
    color: var(--theme-primary-dark);
}

.btn-cust-outline:hover {
    background: var(--theme-primary-dark);
    border-color: var(--theme-primary-dark);
    color: #fff;
}

.form-control:focus,
.form-select:focus,
.auth-card .form-control:focus,
.account-form .form-control:focus {
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 .2rem rgba(184, 170, 131, .25);
}

.account-page,
.bank-account-page {
    background: #f8f6f0;
}

.account-sidebar,
.account-content,
.account-form .form-control,
.account-sidebar .navbar-toggler,
.donation-history-empty,
.donation-history-table,
.donation-history-table th,
.donation-history-table td,
.bank-account-card {
    border-color: var(--theme-border);
}

.account-form-title,
.account-form label,
.account-sidebar-title,
.donation-history-title,
.bank-account-group-title,
.bank-account-card h2,
.bank-account-value {
    color: var(--theme-dark);
}

.account-form .form-control:disabled {
    background: var(--theme-soft);
}

.account-nav .nav-link.active,
.account-sidebar-title.active {
    background: var(--theme-soft);
    color: var(--theme-primary-dark);
    box-shadow: inset 3px 0 0 var(--theme-primary);
}

.account-nav .nav-link.active:before,
.account-sidebar-title.active:before {
    color: var(--theme-primary);
}

.account-secondary-btn {
    background: var(--theme-soft);
    color: var(--theme-primary-dark);
}

.donation-history-hero {
    background: linear-gradient(135deg, var(--theme-soft) 0%, #fff 100%);
    border-color: var(--theme-border);
}

.donation-history-hero h4,
.donation-history-summary {
    color: var(--theme-primary-dark);
}

.donation-history-summary strong,
.donation-item-list li::marker {
    color: var(--theme-primary);
}

.donation-history-table th {
    background: var(--theme-soft);
    color: var(--theme-primary-dark);
}

.bank-account-group-head {
    border-left-color: var(--theme-primary);
}

.bank-account-copy.is-copied {
    box-shadow: 0 6px 16px rgba(184, 170, 131, .25);
}

.bank-account-copy.is-copied::after {
    background: var(--theme-primary-dark);
    color: #fff;
}

footer.ifam-footer {
    background: var(--theme-dark);
}

footer.ifam-footer .social-links a:hover {
    color: var(--theme-dark);
}
*/