.text-primary {
    color: #7E3EC8 !important;
}

.border-primary {
    border-color: #7E3EC8 !important;
    border-width: 2px !important;
}

.nav-link {
    transition: 0.2s;
}

.nav-link:hover {
    color: #7E3EC8 !important;
}

html {
    scroll-behavior: smooth;
}

#toc-nav .nav-link.active {
    color: #7E3EC8 !important;
    font-weight: bold;
    margin-left: -10px;
}

.sticky-top::-webkit-scrollbar {
    width: 4px;
}

.sticky-top::-webkit-scrollbar-track {
    background: transparent;
}

.sticky-top::-webkit-scrollbar-thumb {
    background: #e0e0e0;
    border-radius: 10px;
}

.sticky-top:hover::-webkit-scrollbar-thumb {
    background: #8e24aa;
}