:root {
    --sg-calvoerde-red: #e3001b;
    --sg-calvoerde-yellow: #feed00;
    --sg-calvoerde-green: #5f9823;
    --sg-calvoerde-background-color: white;
    --sg-calvoerde-background-darker-color: #dbdbdb;
    --sg-calvoerde-on-background-color: #423c44;
    --sg-calvoerde-a-hover: #bcbcbc;
    --sg-calvoerde-region-separator-color: #c7cbce;
    --sg-calvoerde-shadow: 0px 0px 8px 0px #aaafb3;
    --sg-calvoerde-table-row-hover: #ededed;
}

*::-webkit-scrollbar {
    width: 16px;
    height: 16px;
    background-color: var(--sg-calvoerde-background-darker-color);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--sg-calvoerde-red);
    border-radius: 8px;
    border: 4px solid var(--sg-calvoerde-background-darker-color);
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #bb0016;
}

*::-webkit-scrollbar-track {
    background-color: var(--sg-calvoerde-background-darker-color);
    border-radius: 8px;
}

*::-webkit-scrollbar-corner {
    background-color: var(--sg-calvoerde-background-darker-color);
}