.sb-sidenav-primary {
    /* Fondo con el azul primario de Bootstrap (#0d6efd) */
    background-color: var(--bs-primary);
    /* Texto principal en blanco puro para máximo contraste */
    color: var(--bs-white);
}

    .sb-sidenav-primary .sb-sidenav-menu .sb-sidenav-menu-heading {
        /* Títulos secundarios en blanco con 40% de opacidad */
        color: rgba(var(--bs-white-rgb), 0.4);
    }

    .sb-sidenav-primary .sb-sidenav-menu .nav-link {
        /* Enlaces del menú en blanco con 70% de opacidad (muy legible) */
        color: rgba(var(--bs-white-rgb), 0.7);
    }

        .sb-sidenav-primary .sb-sidenav-menu .nav-link .sb-nav-link-icon {
            /* Iconos con un tono sutil (50% opacidad) */
            color: rgba(var(--bs-white-rgb), 0.5);
        }

        .sb-sidenav-primary .sb-sidenav-menu .nav-link .sb-sidenav-collapse-arrow {
            /* Flechas laterales igualadas con los iconos */
            color: rgba(var(--bs-white-rgb), 0.5);
        }

        .sb-sidenav-primary .sb-sidenav-menu .nav-link:hover {
            /* Al pasar el cursor, el texto brilla en blanco sólido */
            color: var(--bs-white);
        }

        .sb-sidenav-primary .sb-sidenav-menu .nav-link.active {
            /* El elemento activo se destaca completamente en blanco */
            color: var(--bs-white);
        }

            .sb-sidenav-primary .sb-sidenav-menu .nav-link.active .sb-nav-link-icon {
                /* El icono activo pasa a blanco sólido */
                color: var(--bs-white);
            }

    .sb-sidenav-primary .sb-sidenav-footer {
        /* Footer ligeramente más oscuro usando un fondo negro translúcido (15%) */
        background-color: rgba(var(--bs-black-rgb), 0.15);
        /* Texto del footer con lectura clara */
        color: rgba(var(--bs-white-rgb), 0.60);
    }