:root {
    --window-background-hi: var(--background-alt);
    --transparent-base: #fff;
    --transparent-alt: #d7d7d7;
    --text-over-accent: #fff;
    --buttons: gray;
    --accent: #ff8800;
}

.skinroot.light {
    --background-alt: #ffa;
    --window-background: #fff;
    --window-background-hi: var(--background-alt);
}

nav.titlebar > .inter:after {
    color:var(--accent);
}

@media (prefers-color-scheme: light) {

    :root {
        --background-alt: #ffa;
        --window-background: #fff;
        --window-background-hi: var(--background-alt);
    }
}

.scrollx {
    overflow-x: auto;
}

::-webkit-scrollbar {
    background: transparent;
}

::-webkit-scrollbar-track {

    background: transparent;

}

::-webkit-scrollbar-thumb {
    background: rgba(125, 125, 155, 0.3);
    border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(125, 125, 155, 0.8);
}