{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3,

    "settings": {
	    "appearanceTools": true,
        "color": {
            "palette": [
                { "slug": "background-primary", "name": "Background Primary", "color": "#0E0F12" },
                {
                    "slug": "background-secondary",
                    "name": "Background Secondary",
                    "color": "#16181D"
                },
                {
                    "slug": "background-tertiary",
                    "name": "Background Tertiary",
                    "color": "#1F2228"
                },

                { "slug": "text-primary", "name": "Text Primary", "color": "#E8EAF0" },
                { "slug": "text-secondary", "name": "Text Secondary", "color": "#B6BAC6" },
                { "slug": "text-muted", "name": "Text Muted", "color": "#7A7F8A" },

                { "slug": "blue", "name": "Accent Blue", "color": "#4DA3FF" },
                { "slug": "blue-hover", "name": "Accent Blue Hover", "color": "#82C4FF" },
                { "slug": "orange", "name": "Accent Orange", "color": "#FF8F3F" },
                { "slug": "orange-hover", "name": "Accent Orange Hover", "color": "#FFB27A" },

                { "slug": "code-bg", "name": "Code Background", "color": "#1A1D23" },
                { "slug": "code-border", "name": "Code Border", "color": "#2A2E37" }
            ],
            "duotone": [
                {
                    "slug": "blue-orange",
                    "name": "Blue + Orange",
                    "colors": ["#4DA3FF", "#FF8F3F"]
                },
                {
                    "slug": "mono-dark",
                    "name": "Monochrome Dark",
                    "colors": ["#000000", "#AAAAAA"]
                }
            ],
            "background": true,
            "text": true,
            "link": true
        },

        "typography": {
            "fontFamilies": [
                {
                    "slug": "inter",
                    "name": "Inter",
                    "fontFamily": "\"Inter\", sans-serif"
                },
                {
                    "slug": "jetbrains-mono",
                    "name": "JetBrains Mono",
                    "fontFamily": "\"JetBrains Mono\", monospace"
                }
            ],
            "fontSizes": [
                { "slug": "small", "size": "14px" },
                { "slug": "normal", "size": "18px" },
                { "slug": "large", "size": "20px" },
                { "slug": "xl", "size": "28px" },
                { "slug": "xxl", "size": "36px" }
            ],
            "lineHeight": "1.7"
        },

        "layout": {
            "contentSize": "720px",
            "wideSize": "1100px"
        },

        "spacing": {
            "units": ["px", "rem", "em", "%"],
            "padding": true,
            "margin": true,
            "blockGap": true
        },

        "border": {
            "radius": true,
            "width": true,
            "color": true,
            "style": true
        },

        "shadow": {
            "presets": [
                {
                    "slug": "soft",
                    "name": "Soft Shadow",
                    "shadow": "0 4px 14px rgba(0,0,0,0.4)"
                },
                {
                    "slug": "card",
                    "name": "Card Shadow",
                    "shadow": "0 0 12px rgba(0,0,0,0.6)"
                }
            ]
        },

        "custom": {
            "transition": "all 0.3s ease"
        }
    },

    "styles": {
        "color": {
            "background": "var(--wp--preset--color--background-primary)",
            "text": "var(--wp--preset--color--text-primary)"
        },

        "typography": {
            "fontFamily": "var(--wp--preset--font-family--inter)",
            "fontSize": "var(--wp--preset--font-size--normal)"
        },

        "spacing": {
            "blockGap": "1.5rem",
            "padding": {
                "top": "0",
                "right": "0",
                "bottom": "0",
                "left": "0"
            }
        },

        "elements": {
            "link": {
                "color": {
                    "text": "var(--wp--preset--color--blue)"
                },
                "typography": {
                    "textDecoration": "none"
                },
                ":hover": {
                    "color": {
                        "text": "var(--wp--preset--color--blue-hover)"
                    },
                    "typography": {
                        "textDecoration": "underline"
                    }
                }
            }
        },

        "blocks": {
            "core/code": {
                "color": {
                    "background": "var(--wp--preset--color--code-bg)",
                    "text": "var(--wp--preset--color--text-primary)"
                },
                "border": {
                    "color": "var(--wp--preset--color--code-border)",
                    "radius": "6px",
                    "width": "1px"
                },
                "typography": {
                    "fontFamily": "var(--wp--preset--font-family--jetbrains-mono)",
                    "fontSize": "16px",
                    "lineHeight": "1.6"
                },
                "spacing": {
                    "padding": {
                        "top": "1.2rem",
                        "right": "1.2rem",
                        "bottom": "1.2rem",
                        "left": "1.2rem"
                    }
                }
            },

            "core/paragraph": {
                "typography": {
                    "lineHeight": "1.75"
                }
            },

            "core/heading": {
                "typography": {
                    "fontFamily": "var(--wp--preset--font-family--inter)"
                }
            },

            "core/button": {
                "color": {
                    "background": "var(--wp--preset--color--orange)",
                    "text": "#000000"
                },
                ":hover": {
                    "color": {
                        "background": "var(--wp--preset--color--orange-hover)"
                    }
                },
                "border": {
                    "radius": "4px"
                },
                "typography": {
                    "fontFamily": "var(--wp--preset--font-family--inter)"
                }
            }
        }
    }
}