:root {
	--color-white: #fff;
	--color-green: #01ab4a;
	--color-grey: #7b7b7e;
	--color-link-orange: #FCA60E;
	--color-link-orange-hover: #fdc86d;
	--color-dark: #1d1d1f;
	--color-dark: #000;
	--color-dark-hover: #5c5c64;
	--color-handwrite: #f84131;
	--link-underline-dark: rgba(29, 29, 31, 0.3);
	--link-underline-dark-hover: rgba(92, 92, 100, 0.35);

	--color-primary: #C90000;
	--color-primary-hover: #FF6969;
	--link-underline-red: rgba(201, 0, 0, 0.3);
	--link-underline-red-hover: rgba(255, 105, 105, 0.35);

	--color-secondary: #F2F2F2;
	--color-secondary-hover: #EBEBEB;

	--color-blue: #0171E4;
	--color-blue-hover: #2987e4;
	--link-underline-grey: rgba(123, 123, 126, 0.3);
	--link-underline-grey-hover: rgba(201, 0, 0, 0.24);


	--white-caption: rgba(255, 255, 255, 0.6);
}

.color-link-red {
	color: var(--color-primary);
	--link-underline-color: var(--link-underline-red);
}

.color-link-red:hover {
	color: var(--color-primary-hover);
	--link-underline-color: var(--link-underline-red-hover);
}

.color-link-dark {
	color: var(--color-dark);
	--link-underline-color: var(--link-underline-dark);
}

.color-link-dark:hover {
	color: var(--color-dark-hover);
	--link-underline-color: var(--link-underline-dark-hover);
}

.color-link-grey {
	color: var(--color-grey);
	--link-underline-color: var(--link-underline-grey);
}

.color-link-grey:hover {
	color: var(--color-primary-hover);
	--link-underline-color: var(--link-underline-grey-hover);
}

a {
	color: var(--color-grey);
	--link-underline-color: var(--link-underline-grey);
	transition: color 0.5s ease;
}

a:hover{
	color: var(--color-primary-hover);
	--link-underline-color: var(--link-underline-grey-hover);
}