theme.json

{
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"version": 2,
	"settings": {
		"layout": {
			"contentSize": "840px",
			"wideSize": "1100px"
		},
		"color": {
			"palette": [
				{
				"slug": "base",
					"color": "#111",
					"name": "Base"
				},
					{
					"slug": "contrast",
					"color": "#fefefe",
					"name": "Contrast"
				},
				{
					"slug": "accent",
					"color": "#383838",
					"name": "Accent"
				},
				{
					"slug": "accent-2",
					"color": "#00838f",
					"name": "Accent Two"
				},
				{
					"slug": "accent-3",
					"color": "#4fb3bf",
					"name": "Accent Three"
				}
			],
			"gradients": [
				{
				"slug": "accent-2-to-contrast",
				"gradient": "linear-gradient(135deg, var(--wp--preset--color--accent-2), var(--wp--preset--color--contrast))",
				"name": "Accent Two to Contrast"
				}
			]
		},
		"typography": {
			"fontFamilies": [
				{
					"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
					"slug": "system-fonts",
					"name": "System Fonts"
				},
				{
							"fontFamily": "Geneva, Tahoma, Verdana, sans-serif",
					"slug": "geneva-verdana"
				},
				{
					"fontFamily": "Cambria, Georgia, serif",
					"slug": "cambria-georgia"
				}
			],
			"fontSizes": [
				{
					"slug": "extra-small",
					"size": "1rem",
					"name": "Extra small"
				},
				{
					"slug": "small",
					"size": "1.125rem",
					"name": "Small"
				},
				{
					"slug": "medium",
					"size": "1.25rem",
					"name": "Medium"
				},
				{
					"slug": "large",
					"size": "1.5rem",
					"name": "Large"
				},
				{
					"slug": "extra-large",
					"size": "2.5rem",
					"name": "Extra large"
				}
			],
			"lineHeight": true
		},
		"spacing": {
			"padding": true,
			"margin": true,
			"units": [ "px", "em", "rem", "vh", "vw", "%" ]
		}
	},
	"styles": {
		"color": {
			"background": "var(--wp--preset--color--base)",
			"text": "var(--wp--preset--color--contrast)"
		},
		"elements": {
			"link": {
				"color": {
					"text": "var(--wp--preset--color--accent-2)"
				}
			}
	   },
	   "typography": {
			"fontSize": "var(--wp--preset--font-size--medium)",
			"fontFamily": "var(--wp--preset--font-family--system-fonts)",
			"lineHeight": "1.7"
		}
	},
	"templateParts": [
		{
			"name": "header",
			"area": "header",
			"title": "Header"
		},
		{
			"name": "footer",
			"area": "footer",
			"title": "Footer"
		}
	]
}