const text = {
	heading: {
		fontFamily: 'heading',
		fontSize: [4, null, 5],
		fontWeight: 'bold',
		lineHeight: 'heading',
	},

	headline: {
		fontFamily: 'heading',
		fontSize: [5, null, 6, 7],
		fontWeight: 'bold',
		lineHeight: 'solid',
	},

	'page-name': {
		fontFamily: 'heading',
		fontSize: [5, null, 6],
		fontWeight: 'bold',
		lineHeight: 'solid',
	},

	'recipe-name': {
		fontFamily: 'system-ui',
		fontSize: 3,
		fontWeight: 'medium',
		lineHeight: 'heading',
	},

	'meal-name': {
		fontFamily: 'system-ui',
		fontSize: [3, 4],
		fontWeight: 'bold',
		lineHeight: 'heading',
		color: 'secondary',
	},

	'recipe-heading': {
		fontFamily: 'system-ui',
		fontSize: [4, null, 5],
		fontWeight: 'bold',
		lineHeight: 'heading',
		color: 'secondary',
	},

	'section-heading': {
		marginBottom: 3,
		fontFamily: 'system-ui',
		fontSize: [2, null, 3],
		fontWeight: 'bold',
		color: 'secondary',
	},
}

export default text