Update theme.json version and normalize styles

assets/scss/_normalize.scss

@@ -0,0 +1,201 @@
+/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
+
+/* stylelint-disable property-no-vendor-prefix */
+
+/*
+Document
+========
+*/
+
+/**
+Use a better box model (opinionated).
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+html {
+  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
+  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  line-height: 1.15; /* 1. Correct the line height in all browsers. */
+  -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
+  tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
+}
+
+/*
+Sections
+========
+*/
+
+body {
+  margin: 0; /* Remove the margin in all browsers. */
+}
+
+/*
+Text-level semantics
+====================
+*/
+
+/**
+Add the correct font weight in Chrome and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+2. Correct the odd 'em' font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/**
+Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+Tabular data
+============
+*/
+
+/**
+Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
+*/
+
+table {
+  border-color: currentcolor;
+}
+
+/*
+Forms
+=====
+*/
+
+/**
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+Correct the inability to style clickable types in iOS and Safari.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+}
+
+/**
+Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
+*/
+
+legend {
+  padding: 0;
+}
+
+/**
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to 'inherit' in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/*
+Interactive
+===========
+*/
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}

entries/global/index.scss

@@ -17,3 +17,5 @@ global entry styles.
   https://developer.wordpress.org/block-editor/reference-guides/packages/packages-scripts/#using-css
 
 */
+
+@use '@/assets/scss/normalize' as *;

theme.json

@@ -1,11 +1,16 @@
 {
   "$schema": "https://schemas.wp.org/trunk/theme.json",
-  "version": 2,
+  "version": 3,
   "settings": {
+    "useRootPaddingAwareAlignments": true,
+    "appearanceTools": false,
     "color": {
       "custom": false,
       "customDuotone": false,
       "customGradient": false,
+      "defaultDuotone": false,
+      "defaultGradients": false,
+      "defaultPalette": false,
       "duotone": [],
       "gradients": [],
       "palette" : [
@@ -24,89 +29,124 @@
           "color": "#ffffff",
           "name": "White"
         }
-      ],
-      "text": false,
-      "background": false,
-      "defaultGradients": false,
-      "defaultPalette": false
+      ]
     },
     "custom": {
       "spacing": {
-        "blockGap": "1.5rem",
+        "blockGap": "var:preset|spacing|60, 2.25rem",
         "siteEdge": "clamp(1rem, 5vw, 2rem)"
       }
     },
     "layout": {
       "contentSize": "48rem",
-      "wideSize": "80rem"
+      "wideSize": "80rem",
+      "allowCustomContentAndWideSize": false
+    },
+    "shadow": {
+      "defaultPresets": false,
+      "presets": []
     },
     "spacing": {
-      "blockGap": false
+      "blockGap": true,
+      "margin": true,
+      "padding": true,
+      "customSpacingSize": false
     },
     "typography": {
+      "defaultFontSizes": false,
       "customFontSize": false,
       "dropCap": false,
       "fontStyle": false,
       "fontWeight": false,
       "letterSpacing": false,
+      "lineHeight": false,
       "textDecoration": false,
       "textTransform": false,
-      "fontSizes": [],
+      "fontSizes": [
+        {
+          "slug": "xs",
+          "size": "0.75rem",
+          "name": "Extra Small"
+        },
+        {
+          "slug": "sm",
+          "size": "0.875rem",
+          "name": "Small"
+        },
+        {
+          "slug": "md",
+          "size": "1rem",
+          "name": "Medium"
+        },
+        {
+          "slug": "lg",
+          "size": "1.25rem",
+          "name": "Large"
+        },
+        {
+          "slug": "xl",
+          "size": "1.5rem",
+          "name": "Extra Large"
+        },
+        {
+          "slug": "2xl",
+          "size": "2rem",
+          "name": "2x Large"
+        },
+        {
+          "slug": "3xl",
+          "size": "2.5rem",
+          "name": "3x Large"
+        },
+        {
+          "slug": "4xl",
+          "size": "3rem",
+          "name": "4x Large"
+        }
+      ],
       "fontFamilies": [
         {
           "fontFamily": "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
           "slug": "system-sans-serif",
           "name": "System Sans-serif"
         }
       ]
-    },
-    "useRootPaddingAwareAlignments": true
+    }
   },
   "styles": {
     "color": {
-      "text": "var(--wp--preset--color--black)"
+      "text": "var:preset|color|black"
     },
     "elements": {
+      "heading": {
+        "typography": {
+          "fontWeight": "700",
+          "lineHeight": "1.2"
+        }
+      },
       "link": {
         "color": {
-          "text": "var(--wp--preset--color--primary)"
+          "text": "var:preset|color|primary"
         },
         "typography": {
           "textDecoration": "underline"
-        },
-        ":hover": {
-          "typography": {
-            "textDecoration": "none"
-          }
         }
       }
     },
     "spacing": {
-      "blockGap": "var(--wp--custom--spacing--block-gap, 1.5rem)",
+      "blockGap": "var:custom|spacing|block-gap, 2.25rem",
       "padding": {
         "top": "0",
-        "right": "var(--wp--custom--spacing--site-edge, 5vw)",
+        "right": "var:custom|spacing|site-edge, 5vw",
         "bottom": "0",
-        "left": "var(--wp--custom--spacing--site-edge, 5vw)"
+        "left": "var:custom|spacing|site-edge, 5vw"
       }
     },
     "typography": {
-      "fontFamily": "var(--wp--preset--font-family--system-sans-serif)",
-      "fontSize": "1rem",
+      "fontFamily": "var:preset|font-family|system-sans-serif",
+      "fontSize": "var:preset|font-size|md",
       "fontWeight": "400",
       "lineHeight": "1.5"
-    },
-    "blocks": {
-      "core/post-template": {
-        "spacing": {
-          "blockGap": "calc(var(--wp--custom--spacing--block-gap, 1.5rem) * 2)"
-        }
-      },
-      "core/query-pagination": {
-        "spacing": {
-          "blockGap": "0"
-        }
-      }
     }
   },
   "customTemplates": [],