export const paFontsTokens = {
	family: {
		primary: '"Arial", sans-serif',
		secondary: '"Arial", sans-serif',
	},
	weight: {
		thin: 100,
		light: 300,
		regular: 400,
		medium: 500,
		bold: 700,
		black: 900,
	},
	size: {
		xs: '0.75rem', // 12px
		sm: '0.875rem', // 14px
		base: '1rem', // 16px
		lg: '1.125rem', // 18px
		xl: '1.25rem', // 20px
		xxl: '1.5rem', // 24px
	},
	lineHeight: {
		tight: 1.3, // 130% for font-size > 18px
		normal: 1.5, // 150% for font-size <= 18px
	},
	letterSpacing: {
		tighter: '-0.05em',
		tight: '-0.025em',
		normal: '0',
		wide: '0.025em',
		wider: '0.05em',
	},
	heading: {
		h1: {
			fontFamily: '"Arial", sans-serif',
			fontWeight: 700,
			fontSize: '1.75rem', // 28px
			lineHeight: 1.3,
			letterSpacing: '-0.025em',
		},
		h2: {
			fontFamily: '"Arial", sans-serif',
			fontWeight: 700,
			fontSize: '1.25rem', // 20px
			lineHeight: 1.3,
			letterSpacing: '-0.025em',
		},
		h3: {
			fontFamily: '"Arial", sans-serif',
			fontWeight: 700,
			fontSize: '1.125rem', // 18px
			lineHeight: 1.3,
			letterSpacing: '-0.025em',
		},
		h4: {
			fontFamily: '"Arial", sans-serif',
			fontWeight: 700,
			fontSize: '1rem', // 16px
			lineHeight: 1.3,
			letterSpacing: '0',
		},
		h5: {
			fontFamily: '"Arial", sans-serif',
			fontWeight: 700,
			fontSize: '0.875rem', // 14px
			lineHeight: 1.3,
			letterSpacing: '0',
		},
		h6: {
			fontFamily: '"Arial", sans-serif',
			fontWeight: 700,
			fontSize: '0.75rem', // 12px
			lineHeight: 1.3,
			letterSpacing: '0',
		},
	},
	body: {
		body1: {
			fontFamily: '"Arial", sans-serif',
			fontWeight: 400,
			fontSize: '1rem', // 16px
			lineHeight: 1.5,
			letterSpacing: '0',
		},
		body2: {
			fontFamily: '"Arial", sans-serif',
			fontWeight: 400,
			fontSize: '0.875rem', // 14px
			lineHeight: 1.5,
			letterSpacing: '0',
		},
	},
	subtitle: {
		subtitle1: {
			fontFamily: '"Arial", sans-serif',
			fontWeight: 500,
			fontSize: '1rem', // 16px
			lineHeight: 1.5,
			letterSpacing: '0.009em',
		},
		subtitle2: {
			fontFamily: '"Arial", sans-serif',
			fontWeight: 500,
			fontSize: '0.875rem', // 14px
			lineHeight: 1.5,
			letterSpacing: '0.007em',
		},
	},
	caption: {
		fontFamily: '"Arial", sans-serif',
		fontWeight: 400,
		fontSize: '0.75rem', // 12px
		lineHeight: 1.5,
		letterSpacing: '0',
	},
	overline: {
		fontFamily: '"Arial", sans-serif',
		fontWeight: 500,
		fontSize: '0.75rem', // 12px
		lineHeight: 1.5,
		letterSpacing: '0.1em',
		textTransform: 'uppercase',
	},
	display: {
		display1: {
			fontFamily: '"Arial", sans-serif',
			fontWeight: 300,
			fontSize: '2rem', // 32px
			lineHeight: 1.15,
			letterSpacing: '-0.006em',
		},
		display2: {
			fontFamily: '"Arial", sans-serif',
			fontWeight: 300,
			fontSize: '1.75rem', // 28px
			lineHeight: 1.1,
			letterSpacing: '-0.003em',
		},
	},
}