/* Dynamic System Theme Color — Solid Uniform Accent Override */
:root {
    --brand-primary: #6A1E1E;
    --brand-hover: #541818;
    --brand-light: rgba(106, 30, 30, 0.1);
    --brand-border: rgba(106, 30, 30, 0.25);
}

/* Sidebars & Navbars Solid Background Override */
#sidebar,
#navbar,
.bg-\[\#6A1E1E\], .bg-\[\#6a1e1e\],
.bg-\[\#8B2E2E\], .bg-\[\#8b2e2e\],
.bg-\[\#5B1F29\], .bg-\[\#4A1821\] {
    background-color: var(--brand-primary) !important;
}

/* Remove Tailwind Gradients to ensure solid uniform theme color */
#navbar,
.bg-gradient-to-r,
.from-\[\#6A1E1E\], .from-\[\#6a1e1e\],
.from-\[\#8B2E2E\], .from-\[\#8b2e2e\] {
    background-image: none !important;
    background-color: var(--brand-primary) !important;
    --tw-gradient-from: var(--brand-primary) !important;
    --tw-gradient-to: var(--brand-primary) !important;
    --tw-gradient-stops: var(--brand-primary), var(--brand-primary) !important;
}

/* Login and legacy portal accents also follow the selected theme. */
.bg-\[\#A0413F\], .bg-\[\#a0413f\],
.from-\[\#A0413F\], .from-\[\#a0413f\],
.to-\[\#A0413F\], .to-\[\#a0413f\],
.to-\[\#8B3535\], .to-\[\#8b3535\] {
    background-color: var(--brand-primary) !important;
    --tw-gradient-from: var(--brand-primary) !important;
    --tw-gradient-to: var(--brand-primary) !important;
    --tw-gradient-stops: var(--brand-primary), var(--brand-primary) !important;
}

/* Text Colors */
.text-\[\#6A1E1E\], .text-\[\#6a1e1e\],
.text-\[\#8B2E2E\], .text-\[\#8b2e2e\],
.text-\[\#a8893a\] {
    color: var(--brand-primary) !important;
}

.text-\[\#A0413F\], .text-\[\#a0413f\], .text-\[\#8B3535\], .text-\[\#8b3535\] {
    color: var(--brand-primary) !important;
}

/* Border Colors */
.border-\[\#6A1E1E\], .border-\[\#6a1e1e\],
.border-\[\#8B2E2E\], .border-\[\#8b2e2e\] {
    border-color: var(--brand-primary) !important;
}

/* Light Opacity Backgrounds */
.bg-\[\#6A1E1E\]\/10, .bg-\[\#6a1e1e\]\/10,
.bg-\[\#8B2E2E\]\/10, .bg-\[\#8b2e2e\]\/10,
.bg-\[\#6A1E1E\]\/20, .bg-\[\#6a1e1e\]\/20,
.bg-\[\#8B2E2E\]\/20, .bg-\[\#8b2e2e\]\/20 {
    background-color: var(--brand-light) !important;
}

/* Primary Action Buttons & Switch Sliders */
button.bg-\[\#6A1E1E\], button.bg-\[\#6a1e1e\],
button.bg-\[\#8B2E2E\], button.bg-\[\#8b2e2e\],
a.bg-\[\#6A1E1E\], a.bg-\[\#6a1e1e\],
a.bg-\[\#8B2E2E\], a.bg-\[\#8b2e2e\],
.theme-switch-slider {
    background-color: var(--brand-primary) !important;
}

button.bg-\[\#6A1E1E\]:hover, button.bg-\[\#6a1e1e\]:hover,
button.bg-\[\#8B2E2E\]:hover, button.bg-\[\#8b2e2e\]:hover,
a.bg-\[\#6A1E1E\]:hover, a.bg-\[\#6a1e1e\]:hover,
a.bg-\[\#8B2E2E\]:hover, a.bg-\[\#8b2e2e\]:hover {
    background-color: var(--brand-hover) !important;
}

/* Shared pagination controls follow the selected system theme. */
.pagination-btn.active, .pg-btn.active, .member-pag-controls .active {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #ffffff !important;
}

/* Keep pagination wrappers and non-active controls on the selected palette. */
#memberPagination, #loanPagination, #penaltyPagination {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
#paginationWhole a, #paginationCopies a {
    border: 1px solid #E5E7EB !important;
    background-color: #FFFFFF !important;
    color: #4B5563 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease !important;
}
#paginationWhole a:hover, #paginationCopies a:hover {
    background-color: #FFF7F7 !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px var(--brand-light) !important;
}
#paginationWhole a[class*='bg-[#6A1E1E]'], #paginationCopies a[class*='bg-[#6A1E1E]'] {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #FFFFFF !important;
    box-shadow: 0 10px 22px var(--brand-light) !important;
}
html.dark #paginationWhole a:not([class*='bg-[#6A1E1E]']), html.dark #paginationCopies a:not([class*='bg-[#6A1E1E]']) {
    background-color: rgba(0, 0, 0, 0.22) !important;
    border-color: var(--brand-border) !important;
    color: #CBD5E1 !important;
}
#paginationWhole, #paginationCopies, #paginationWhole > div, #paginationCopies > div {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.pagination-btn, .pg-btn, .member-pag-controls button {
    border-color: var(--brand-border) !important;
}
html.dark #memberPagination, html.dark #loanPagination, html.dark #penaltyPagination {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
html.dark .pagination-btn, html.dark .pg-btn, html.dark .member-pag-controls button {
    background-color: rgba(0, 0, 0, 0.22) !important;
    border-color: var(--brand-border) !important;
}

/* Catch legacy inline maroon styles that cannot use Tailwind theme tokens. */
[style*='background:#6A1E1E'], [style*='background:#6a1e1e'], [style*='background:#8B2E2E'], [style*='background:#8b2e2e'], [style*='background-color:#6A1E1E'], [style*='background-color:#6a1e1e'], [style*='background-color:#8B2E2E'], [style*='background-color:#8b2e2e'], [style*='background: #6A1E1E'], [style*='background: #6a1e1e'], [style*='background: #8B2E2E'], [style*='background: #8b2e2e'], [style*='background-color: #6A1E1E'], [style*='background-color: #6a1e1e'], [style*='background-color: #8B2E2E'], [style*='background-color: #8b2e2e'] {
    background-color: var(--brand-primary) !important;
}
[style*='color:#6A1E1E'], [style*='color:#6a1e1e'], [style*='color:#8B2E2E'], [style*='color:#8b2e2e'], [style*='color: #6A1E1E'], [style*='color: #6a1e1e'], [style*='color: #8B2E2E'], [style*='color: #8b2e2e'] {
    color: var(--brand-primary) !important;
}
[style*='border:#6A1E1E'], [style*='border:#6a1e1e'], [style*='border:#8B2E2E'], [style*='border:#8b2e2e'], [style*='border-color:#6A1E1E'], [style*='border-color:#6a1e1e'], [style*='border-color:#8B2E2E'], [style*='border-color:#8b2e2e'], [style*='border: #6A1E1E'], [style*='border: #6a1e1e'], [style*='border: #8B2E2E'], [style*='border: #8b2e2e'], [style*='border-color: #6A1E1E'], [style*='border-color: #6a1e1e'], [style*='border-color: #8B2E2E'], [style*='border-color: #8b2e2e'] {
    border-color: var(--brand-primary) !important;
}