:root {
	--color-hardest: hsl(0deg, 0%, 99%);
	--color-harder: hsl(0deg, 0%, 80%);
	--color-hard: hsl(0deg, 0%, 60%);
	--color-soft: hsl(0deg, 0%, 40%);
	--color-softer: hsl(0deg, 0%, 20%);
	--color-softest: hsl(0deg, 0%, 0%);

	--text-hardest: hsl(0deg, 0%, 95%);
	--text-softest: hsl(0deg, 0%, 75%);

	--primary-color: hsl(0, 100%, 16%);
	--dark-app-heading-bg: hsl(0, 0%, 19%);

	--gray-50: hsl(210deg 20% 98.04%);
	--gray-100: hsl(0deg 0% 96.47%);
	--gray-200: hsl(0deg 0% 91.76%);
	--gray-300: hsl(0deg 0% 81.96%);
	--gray-400: hsl(0deg 0% 65.49%);
	--gray-500: hsl(0deg 0% 43.92%);
	--gray-600: hsl(0deg 0% 38.43%);
	--gray-700: hsl(0deg 0% 32.55%);
	--gray-800: hsl(0deg 0% 24.31%);
	--gray-900: hsl(0deg 0% 12.55%);

	--drive-usage-bar: hsl(0, 0%, 58%);
	--placeholder-text: hsl(0, 0%, 53%);
	--dark-textarea-bg: hsl(0, 0%, 34%);
	--card-bg: hsl(0, 0%, 19%);

	--gold: rgb(175 136 70);
}