[Livre] Clean up buttons and comment form (#5273)

* Tidy up buttons + comment form.

* Fix comments area spacing.

* Add :not([type="button"])

livre/style.css

@@ -84,6 +84,11 @@ a:active {
 	opacity: 0.90;
 } 
 
+.wp-block-button__link:hover, .wp-block-button__link:focus, 
+.wp-block-button__link:active, .wp-block-button__link:visited {
+	color: initial;
+}
+
 /*
  * Alignment styles.
  * These rules are temporary, and should not be relied on or 
@@ -140,6 +145,40 @@ body > .is-root-container,
 }
 
 /*
+ * Comment form cleanup.
+ */
+
+input {
+	font-family: inherit;
+}
+
+textarea,
+input:not([type="submit"]):not([type="button"]) {
+	color: var(--wp--preset--color--foreground);
+	background: var(--wp--preset--color--background);
+	border-color: var(--wp--preset--color--foreground);
+}
+
+textarea:focus,
+input:not([type="submit"]):not([type="button"]):focus {
+	border-color: var(--wp--preset--color--secondary);
+}
+
+.comment-form label {
+	font-size: var(--wp--preset--font-size--small);
+}
+
+.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
+	margin-top: 0.2em;
+}
+
+.wp-block-post-comments h3#comments {
+	margin-top: var(--wp--style--block-gap);
+}
+
+.wp-block-post-comments .navigation + .comment-respond {
+	margin-top: calc(3 * var(--wp--style--block-gap));
+}/*
  * Drop cap refinements.
  */
 

livre/theme.json

@@ -106,11 +106,15 @@
 					"radius": "0"
 				},
 				"color": {
-					"background": "var(--wp--preset--color--foreground)",
+					"background": "var(--wp--preset--color--secondary)",
 					"text": "var(--wp--preset--color--background)"
 				},
+				"spacing": {
+					"padding": "1.25em 1.15em 1.15em 1.15em"
+				},
 				"typography": {
-					"fontSize": "var(--wp--preset--font-size--medium)"
+					"fontSize": "var(--wp--preset--font-size--small)",
+					"textTransform": "uppercase"
 				}
 			},
 			"core/post-title": {