:root {
	--transparent: #FFFFFF00;
	--white: #ffffff;
	--blue-500: #388BFF;
	--blue-600: #425ADC;
	--gray-50: #F6F7F7;
	--gray-100: #E0E7E4;
	--gray-200: #C1CEC9;
	--gray-900: #2A3230;
	--gray-950: #171C1B;

	--green-50: #EAF4F0;
	--green-200: #C5EDDA;
	--green-600: #0C9F50;
	--green-600-18-opacity: #0C9F502E;
	--green-800: #045839;
	--green-950: #013B27;

	--orange-50: #fef7f0;
	--orange-200: #ffe1b3;
	--orange-400: #ffb366;
	--orange-450: #f6911e;
	--orange-600-18-opacity: #ff61052e;
	--orange-600: #ff6105;
	--orange-800: #ba4528;
	--orange-950: #601d00;

	--red-50: #FEF2F2;
	--red-200: #FECACA;
	--red-400: #F87171;
	--red-600: #DC2626;
	--red-800: #991B1B;
	--red-950: #450A0A;

	--primary: var(--green-600);
	--primary-dark: var(--green-950);
	--secondary: var(--orange-200);
	--secondary-btn-text: var(--orange-950);
	--tertiary: var(--gray-100);
	--tertiary-btn-text: var(--gray-900);
	--danger: var(--red-600);

	--text-color: var(--gray-950);
	--link-color: var(--blue-600);
	--link-hover-color: var(--blue-500);
	--list-hover-color: var(--green-50);
	--list-selected-color: var(--green-200);
	--border-color: var(--gray-200);
}