:root {
    --black-bg: #292929;
    --border-grey: rgba(204, 212, 221, 0.25);
    --grey-bg: rgba(204, 212, 221, 0.7);
    --light-grey-bg: rgba(204, 212, 221, 0.9);
    --color-transparent-white-25: rgba(255, 255, 255, 0.25);
    --border-radius-full: 62.4375rem;
    --default-button-text: #374151;
    --color-neutral-10: #FAFCFF;
}

html, body {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary-dark) var(--grey-bg);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
}

::-webkit-scrollbar {
    width: 0.4rem;
}

::-webkit-scrollbar-track {
    background: var(--grey-bg);
    border-radius: var(--border-radius-full);
    cursor: pointer;
}

::-webkit-scrollbar-thumb {
    background: var(--color-primary-dark);
    border-radius: var(--border-radius-full);
    cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary-20);
}

*, *::before, *::after {
    box-sizing: border-box;
}