Revise spacing values to match design. (#5960)

cult/style.css

@@ -73,8 +73,8 @@ body > .is-root-container,
 .is-root-container .wp-block[data-align='full'] > .wp-block-group,
 .is-root-container .wp-block[data-align='full'] > .wp-block-columns.has-background,
 .is-root-container .wp-block[data-align='full'] > .wp-block-cover {
-	padding-left: var(--wp--custom--gap--horizontal);
-	padding-right: var(--wp--custom--gap--horizontal);
+	padding-left: var(--wp--custom--spacing--outer);
+	padding-right: var(--wp--custom--spacing--outer);
 }
 
 .wp-site-blocks .alignfull,
@@ -86,8 +86,8 @@ body > .is-root-container > .wp-block-cover,
 body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
 body > .is-root-container > .wp-block-template-part > .wp-block-cover,
 .is-root-container .wp-block[data-align='full'] {
-	margin-left: calc(-1 * var(--wp--custom--gap--horizontal)) !important;
-	margin-right: calc(-1 * var(--wp--custom--gap--horizontal)) !important;
+	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
+	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
 	max-width: unset;
 	width: unset;
 }

cult/theme.json

@@ -58,14 +58,17 @@
 			]
 		},
 		"custom": {
+			"spacing": {
+				"outer": "clamp(20px, 4vw, 90px)"
+			},
 			"gap": {
-				"horizontal": "min(30px, 5vw)",
-				"vertical": "min(30px, 5vw)"
+				"horizontal": "min(20px, 4vw)",
+				"vertical": "min(20px, 4vw)"
 			}
 		},
 		"layout": {
-			"contentSize": "620px",
-			"wideSize": "1000px"
+			"contentSize": "580px",
+			"wideSize": "980px"
 		},
 		"spacing": {
 			"blockGap": true,
@@ -360,7 +363,7 @@
 			}
 		},
 		"spacing": {
-			"blockGap": "30px"
+			"blockGap": "var(--wp--custom--gap--vertical)"
 		},
 		"typography": {
 			"fontFamily": "var(--wp--preset--font-family--body-font)",