:root {
    --primary-color: #036ed1;
    --primary-color-desaturated: rgb(3 109 209 / 16.4%);
    --error-color: #a01417;
    --warn-color: #a08b14;
    --lightest-color: white;
    --light-color: #f9f9f9;
    --medium-light-color: #f2f2f2;
    --medium-color: #ccc;
    --dark-color: #6d6d6d;
    --darkest-color: #292929;
    --transparent-light: #ffffffd9;
    --transparent-medium: #ffffffa1;
}

.noSelect {
    user-select: none;
}

.cursorPointer {
    cursor: pointer;
}

* {
    color: var(--darkest-color);
}

::-webkit-scrollbar-track {
    background-color: var(--medium-light-color);
}

::-webkit-scrollbar-corner {
    background-color: var(--medium-light-color);
}

button {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--darkest-color);
}

button:focus {
    outline-color: transparent !important;
}

button:hover {
    background: none;
}
