:root {
	--color-blue-blue-800: #3e59e6;
	--color-blue-blue-700: #4861e7;
	--color-blue-blue-600: #7488ed;
	--color-blue-blue-500: #97a6f1;
	--color-blue-blue-400: #b9c3f6;
	--color-blue-blue-300: #dce1fa;
	--color-blue-blue-200: #dce2fc;
	--color-blue-blue-150: #eef1ff;
	--color-blue-blue-100: #f7f8ff;
	--color-blue-dark-blue: #000066;
	--color-blue-blue-transparent-20: rgba(62, 89, 230, 0.2);
}

:root {
	--color-orange-orange-900: #e85517;
	--color-orange-orange-800: #f3692f;
	--color-orange-orange-700: #f58759;
	--color-orange-orange-200: #fdf0de;
}

:root {
	--color-gray-gray-900: #212121;
	--color-gray-gray-700: #44474d;
	--color-gray-gray-600: #797979;
	--color-gray-surface: #f5f7fb;
	--color-neutral-200: #d2dae5;
}

:root {
	--color-base-white: #ffffff;
	--color-base-white-70: rgba(255, 255, 255, 0.7);
	--color-base-white-60: rgba(255, 255, 255, 0.6);
	--color-base-white-50: rgba(255, 255, 255, 0.5);
	--color-base-white-30: rgba(255, 255, 255, 0.3);
	--color-base-white-20: rgba(255, 255, 255, 0.2);
	--color-base-white-10: rgba(255, 255, 255, 0.1);
	--color-base-black-100: #0b181e;
}

:root {
	--color-error: #e30000;
	--color-primary-300: var(--color-blue-blue-800);
	--color-primary-hover: var(--color-blue-blue-700);
	--color-primary-100: var(--color-blue-blue-100);
	--color-secondary-accent: var(--color-orange-orange-800);
	--color-yellow: var(--color-orange-orange-800);
	--color-yellow-hover: var(--color-orange-orange-700);
	--color-blue: var(--color-blue-blue-500);
	--color-dark-blue: var(--color-blue-dark-blue);
	--color-white: var(--color-base-white);
	--color-grey: var(--color-gray-surface);
	--color-black: var(--color-gray-gray-900);
	--color-black-70: rgba(33, 33, 33, 0.7);
	--color-black-40: rgba(33, 33, 33, 0.4);
	--color-black-30: rgba(33, 33, 33, 0.3);
	--color-base-white-100: var(--color-base-white);
	--color-base-black-70: var(--color-black-70);
	--color-base-black-60: rgba(33, 33, 33, 0.6);
	--color-base-black-40: var(--color-black-40);
	--color-base-black-30: var(--color-black-30);
	--color-base-black-8: rgba(33, 33, 33, 0.08);
	--color-base-black-4: rgba(33, 33, 33, 0.04);
}