:root {
    //--bulma-primary-h: 216deg;
    //--bulma-primary-s: 80%;
    //--bulma-primary-l: 52%;
}

.pp-sidebar {
    box-shadow: 0 0.5em 0.5em
        hsla(
            var(--bulma-scheme-h),
            var(--bulma-scheme-s),
            var(--bulma-scheme-invert-l),
            0.1
        );
    min-height: 100vh;
    height: 100%;
}

.pp-sidebar .title {
    color: #26282a;
}

.pp-sidebar .menu-list a {
    background-color: var(--bulma-primary-95);
    color: var(--bulma-primary-95-invert);
}

.pp-sidebar .menu-list a:hover {
    background-color: var(--bulma-primary-80);
    color: var(--bulma-primary-80-invert);
}

.pp-sidebar .menu-list a.is-active {
    background-color: var(--bulma-primary);
    color: var(--bulma-primary-invert);
}