@layer global {
	:root {
		--white: white;

		--grey-25: #fdfdfd;
		--grey-50: #f7f7f7;
		--grey-100: #f2f2f2;
		--grey-200: #e9eaeb;
		--grey-300: #d5d7da;
		--grey-400: #a4a7ae;
		--grey-500: #717680;
		--grey-600: #535862;
		--grey-700: #414651;
		--grey-800: #252b37;
		--grey-900: #101828;
		--grey-shadow: #0a0d1214;

		--brand-25: #fffdf9;
		--brand-50: #fffdf5;
		--brand-100: #fffdeb;
		--brand-200: #fffadc;
		--brand-300: #fff6b2;
		--brand-400: #ffef99;
		--brand-500: #ffe266;
		--brand-600: #ffd52e;
		--brand-700: #f7be00;
		--brand-800: #cc9f00;
		--brand-900: #a17f00;
		--brand-shadow: #fec84b3d;

		--error-25: #fffbfa;
		--error-50: #fef3f2;
		--error-100: #fee4e2;
		--error-200: #fecdca;
		--error-300: #fda29b;
		--error-400: #f97066;
		--error-500: #f04438;
		--error-600: #d92d20;
		--error-700: #b42318;
		--error-800: #912018;
		--error-900: #7a271a;

		--warning-25: #fffaf5;
		--warning-50: #fff6ed;
		--warning-100: #ffead5;
		--warning-200: #fddcab;
		--warning-300: #feb273;
		--warning-400: #fd853a;
		--warning-500: #fb6514;
		--warning-600: #ec4a0a;
		--warning-700: #c4320a;
		--warning-800: #9c2a10;
		--warning-900: #7e2410;

		--success-25: #f6fef9;
		--success-50: #ecfdf3;
		--success-100: #d1fadf;
		--success-200: #a6f4c5;
		--success-300: #6ce9a6;
		--success-400: #32d583;
		--success-500: #12b76a;
		--success-600: #039855;
		--success-700: #027a48;
		--success-800: #05603a;
		--success-900: #054f31;

		--blue-grey-25: #fcfcfd;
		--blue-grey-50: #f8f9fc;
		--blue-grey-100: #eaecf5;
		--blue-grey-200: #d5d9eb;
		--blue-grey-300: #afb5d9;
		--blue-grey-400: #717bbc;
		--blue-grey-500: #435ba6;
		--blue-grey-600: #3e4784;
		--blue-grey-700: #363f72;
		--blue-grey-800: #293056;
		--blue-grey-900: #101323;

		--orange-25: #fffcf5;
		--orange-50: #fffaeb;
		--orange-100: #fef0c7;
		--orange-200: #fedf89;
		--orange-300: #fec84b;
		--orange-400: #fdb022;
		--orange-500: #f79009;
		--orange-600: #dc6803;
		--orange-700: #b54708;
		--orange-800: #93370d;
		--orange-900: #7a2e0e;

		color: var(--grey-900);
		background-color: var(--white);
	}

	.fg-grey-500 {
		color: var(--grey-500);
	}

	.fg-grey-600 {
		color: var(--grey-600);
	}

	.bg-grey-500 {
		background-color: var(--grey-500);
	}

	.fg-grey-700 {
		color: var(--grey-700);
	}

	.bg-grey-700 {
		background-color: var(--grey-700);
	}

	.fg-error-500 {
		color: var(--error-500);
	}

	.fg-error-400 {
		color: var(--error-400);
	}

	.fg-warning-700 {
		color: var(--warning-700);
	}

	.fg-white {
		color: var(--white);
	}

	.bg-grey-800 {
		background-color: var(--grey-800);
	}
}