:root {
    /* Override Bootstrap/AdminLTE primary colors to Grayscale */
    --bs-primary: #343a40; /* Dark Gray */
    --bs-primary-rgb: 52, 58, 64;
    --bs-secondary: #6c757d; /* Medium Gray */
    --bs-secondary-rgb: 108, 117, 125;
    
    /* Optional: Slightly modify dark to be truer black */
    --bs-dark: #212529;
    --bs-dark-rgb: 33, 37, 41;
}

/* Specific elements that might need forced overrides */
.bg-primary {
    background-color: var(--bs-primary) !important;
}
.text-primary {
    color: var(--bs-primary) !important;
}
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-primary:hover {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
}

/* Auth Page specific override */
.login-page {
    background: #f8f9fa !important; /* Very light gray */
}

/* Sidebar branding text */
.sidebar-brand .brand-text {
    color: #ffffff;
}

/* Active links in sidebar */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--bs-primary);
    color: #fff;
}