:root {
	--d-orange: rgba(247, 92, 2, 1);
	--d-orange-light: rgba(247, 92, 2, 0.1);
	--d-orange-dark: hsl(22.04deg 98.39% 43.82%);
	--d-pink: rgba(218, 3, 104, 1);
	--d-pink-light: rgba(218, 3, 104, 0.1);
	--d-yellow: rgba(241, 196, 15, 1);
	--d-yellow-light: rgba(241, 196, 15, 0.1);
	--d-green: rgba(66, 146, 37, 1);
	--d-green-light: rgba(95, 173, 64, 0.1);
	--d-green-dark: hsl(102.94deg, 45.99%, 41.47%);
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #d6d6d6; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--d-green); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--d-green-dark);
}

::selection {
	background: var(--d-orange);
}