theme.json

{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 2,
  "customTemplates": [
    {
      "title": "Blank",
      "name": "blank",
      "postTypes": [
        "page",
        "post"
      ]
    },
    {
      "title": "Full Width",
      "name": "full-width",
      "postTypes": [
        "page",
        "post"
      ]
    }
  ],
  "templateParts": [
    {
      "area": "header",
      "name": "header",
      "title": "Header"
    },
    {
      "area": "footer",
      "name": "footer",
      "title": "Footer"
    }
  ],
  "settings": {
    "custom": {
      "border": {
        "radius": "4px"
      },
      "darkMode": {
        "palette": {
          "foreground": "#ffffff",
          "heading": "#f6f6f9",
          "body": "#d0d4e3",
          "outline": "#3f4c7c",
          "surface": "#3f4c7c",
          "background": "#151929",
          "white": "#151929"
        }
      },
      "heading": {
        "fontVariationSettings": "\"wdth\" 125"
      },
      "button": {
        "fontVariationSettings": "\"wdth\" 125"
      },
      "surface": {
        "borderColor": "transparent"
      },
      "buttonOutline": {
        "color": "var(--wp--preset--color--heading,inherit)"
      }
    },
    "typography": {
      "fontFamilies": [
        {
          "fontFamily": "Mona Sans,var(--wp--preset--font-family--sans-serif)",
          "name": "Mona Sans",
          "slug": "mona-sans",
          "fontFace": [
            {
              "fontFamily": "Mona Sans",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "fontDisplay": "swap",
              "fontWeight": "100 900",
              "src": [
                "file:./assets/fonts/mona-sans.woff2"
              ]
            }
          ]
        }
      ]
    }
  },
  "styles": {
    "typography": {
      "fontFamily": "var(--wp--preset--font-family--mona-sans)",
      "fontSize": "var(--wp--preset--font-size--18)"
    },
    "elements": {
      "button": {
        "border": {
          "radius": "2px"
        },
        "typography": {
          "fontWeight": "var(--wp--custom--font-weight--medium)"
        }
      }
    }
  }
}