theme.json

{
    "version": 2,
    "settings": {
        "appearanceTools": true,
        "color": {
            "palette": [
                {
                    "slug": "accent",
                    "name": "Accent Color",
                    "color": "var(--wp--custom--colors--red)"
                },
                {
                    "slug": "primary",
                    "name": "Primary",
                    "color": "var(--wp--custom--colors--black)"
                },
                {
                    "slug": "secondary",
                    "name": "Secondary",
                    "color": "var(--wp--custom--colors--grey)"
                },
                {
                    "slug": "subtle-background",
                    "name": "Subtle Background",
                    "color": "var(--wp--custom--colors--beige)"
                },
                {
                    "slug": "background",
                    "name": "Background Color",
                    "color": "var(--wp--custom--colors--light-beige)"
                }
            ]
        },
        "custom": {
            "colors": {
                "black": "#000",
                "red": "#cd2653",
                "beige": "#dcd7ca",
                "light-beige": "#f5efe0",
                "grey": "#6d6d6d"
            }
        },
        "layout": {
            "contentSize": "610px",
            "wideSize": "1200px"
        },
        "typography": {
            "fontSizes": [
                {
                    "slug": "small",
                    "name": "Small",
                    "size": "18px"
                },
                {
                    "slug": "normal",
                    "name": "Regular",
                    "size": "21px"
                },
                {
                    "slug": "large",
                    "name": "Large",
                    "size": "26.25px"
                },
                {
                    "slug": "larger",
                    "name": "Larger",
                    "size": "32px"
                }
            ]
        }
    },
    "styles": {
        "color": {
            "background": "var(--wp--custom--colors--light-beige)",
            "text": "var(--wp--custom--colors--black)"
        },
        "typography": {
            "fontSize": "1.8rem"
        },
        "elements": {
            "h1": {
                "typography": {
                    "fontSize": "3.6rem"
                }
            },
            "h2": {
                "typography": {
                    "fontSize": "3.2rem"
                }
            },
            "link": {
                "color": {
                    "text": "var(--wp--custom--colors--red)"
                }
            }
        }
    }
}