:root {
	--fds-white-steel: #f2f3f1;
	--fds-white-hot: #fbfbf8;
	--fds-paper: #f7f6f2;
	--fds-cream: #f4f0e7;
	--fds-coal: #1e201f;
	--fds-ink: #242725;
	--fds-graphite: #454a47;
	--fds-soft-graphite: #69706c;
	--fds-muted: #6d706d;
	--fds-copper: #b56a3a;
	--fds-copper-dark: #8d4d29;
	--fds-copper-light: #d39770;
	--fds-patina: #5e8b80;
	--fds-blueprint: #315b7d;

	--fds-steel-100: #eceeeb;
	--fds-steel-200: #d9ddda;
	--fds-steel-300: #c6cbc7;
	--fds-steel-500: #8c9490;
	--fds-steel-700: #515754;

	--fds-font-heading: "Archivo", Arial, sans-serif;
	--fds-font-body: "Archivo", Arial, sans-serif;

	--fds-site-width: 1440px;
	--fds-header-width: 1320px;
	--fds-content-width: 1180px;
	--fds-text-width: 760px;

	--fds-space-1: .25rem;
	--fds-space-2: .5rem;
	--fds-space-3: .75rem;
	--fds-space-4: 1rem;
	--fds-space-5: 1.5rem;
	--fds-space-6: 2rem;
	--fds-space-7: 3rem;
	--fds-space-8: 4rem;
	--fds-space-9: 6rem;

	--fds-radius-sm: 2px;
	--fds-radius-md: 4px;

	--fds-shadow-small: 0 2px 6px rgba(30, 32, 31, .08);
	--fds-shadow-raised: 0 8px 20px rgba(30, 32, 31, .12);

	--fds-transition-fast: 160ms ease;
	--fds-transition-standard: 220ms ease;
}