:root {
    --hidden-by-art-opacity: 0.0;
    --invisible-opacity: 0.0;
    --distance-0-opacity: 1.0;
    --distance-1-opacity: calc(0.8 + 0.2*var(--hidden-by-art-opacity));
    --distance-2-opacity: calc(0.6 + 0.4*var(--hidden-by-art-opacity));
    --distance-3-opacity: calc(0.4 + 0.6*var(--hidden-by-art-opacity));
    --distance-4-opacity: calc(0.2 + 0.8*var(--hidden-by-art-opacity));
    --distance-5-opacity: calc(0.1 + 0.9*var(--hidden-by-art-opacity));

    --road-colour: #212738;
    --road-border-colour:white;
    --ice-colour: #57c4e5;
    --start-colour: #fffc31;
    --finish-colour: #44ffd1;
    --obstacle-colour: rgb(216, 235, 216);
    --default-hex-border-colour:rgb(47, 47, 47);
}