:root {
    --primary-color: #644b86;
    --secondary-color: #4f3a6a;
    --primary-color-rgb: 100, 75, 134;
    --secondary-color-rgb: 79, 58, 106;
    --primary-color-light: rgba(100, 75, 134, 0.1);
    --secondary-color-light: rgba(79, 58, 106, 0.1);
}
.dark {
    --primary-color-light: rgba(100, 75, 134, 0.2);
    --secondary-color-light: rgba(79, 58, 106, 0.2);
}

:root {
    --navbar-primary-color: #644b86;
    --navbar-secondary-color: #4f3a6a;
}
.navbar-link {
    color: rgb(31, 41, 55);
}
.dark .navbar-link {
    color: rgb(229, 231, 235);
}
.navbar-link:hover {
    color: var(--navbar-primary-color) !important;
}
.dark .navbar-link:hover {
    color: var(--navbar-primary-color) !important;
    opacity: 0.9;
}