html {
    scrollbar-gutter: stable;
}

body {
    position: relative;
    background-color: var(--bg-clr);
    color: var(--text-clr);
    font-family: var(--index-font);
    display: flex;
    min-height: 100dvh;
    transition: background-color var(--transition-speed), color var(--transition-speed);
}

body::-webkit-scrollbar {
    padding-right: 2px;
    width: 10px;
}

body::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: color-mix(in srgb, var(--text-clr), transparent 60%);
}