/* Global overrides to enforce maroon theme */
:root {
    /* Map Bootstrap primary to maroon */
    --bs-primary-rgb: 128, 0, 0; /* rgb(128,0,0) */
}

/* Ensure Bootstrap utilities use our maroon */
.text-primary { color: rgb(var(--bs-primary-rgb)) !important; }
.bg-primary { background-color: rgb(var(--bs-primary-rgb)) !important; }
.btn-primary { background-color: rgb(var(--bs-primary-rgb)) !important; border-color: rgb(var(--bs-primary-rgb)) !important; color: #fff !important; }
.btn-primary:hover { background-color: rgba(var(--bs-primary-rgb), 0.85) !important; border-color: rgba(var(--bs-primary-rgb), 0.85) !important; }

/* Additional common utilities */
.navbar-brand { color: rgb(var(--bs-primary-rgb)) !important; }

/* Override specific UI elements that used cyan/blue: map them to maroon */
.badge.bg-info { background-color: rgb(var(--bs-primary-rgb)) !important; }
/* If any elements used a hard-coded cyan, override where reasonable */
.text-info { color: rgb(var(--bs-primary-rgb)) !important; }

/* Ensure icons using .text-primary also inherit maroon */
.bi, .icon { color: rgb(var(--bs-primary-rgb)) !important; }