{
    "$schema": "https://schemas.wp.org/wp/6.8/theme.json",
    "version": 3,
    "title": "Trace Light",
    "settings": {
        "color": {
            "palette": [
                {
                    "color": "#F7F3F8",
                    "name": "Site Background",
                    "slug": "canvas"
                },
                {
                    "color": "#FFFFFF",
                    "name": "Surface",
                    "slug": "surface"
                },
                {
                    "color": "#EEE6F1",
                    "name": "Elevated Surface",
                    "slug": "surface-elevated"
                },
                {
                    "color": "#2A202D",
                    "name": "Body Text",
                    "slug": "text"
                },
                {
                    "color": "#625767",
                    "name": "Muted Text",
                    "slug": "text-muted"
                },
                {
                    "color": "#160D19",
                    "name": "Heading Text",
                    "slug": "heading"
                },
                {
                    "color": "#8A1C91",
                    "name": "Primary Accent",
                    "slug": "primary"
                },
                {
                    "color": "#65126F",
                    "name": "Accent Bright",
                    "slug": "primary-hover"
                },
                {
                    "color": "#006C78",
                    "name": "Secondary Accent",
                    "slug": "secondary"
                },
                {
                    "color": "#187A4D",
                    "name": "Success",
                    "slug": "success"
                },
                {
                    "color": "#7A5200",
                    "name": "Warning",
                    "slug": "warning"
                },
                {
                    "color": "#B4234D",
                    "name": "Error",
                    "slug": "error"
                },
                {
                    "color": "#006C78",
                    "name": "Focus Ring",
                    "slug": "focus"
                },
                {
                    "color": "#FFFFFF",
                    "name": "Text on Accent",
                    "slug": "inverse-text"
                },
                {
                    "color": "#FFFFFF",
                    "name": "Light Surface",
                    "slug": "inverse-surface"
                }
            ]
        },
        "custom": {
            "color": {
                "borderSubtle": "#D3C4D7"
            }
        },
        "shadow": {
            "presets": [
                {
                    "name": "Flat",
                    "shadow": "none",
                    "slug": "flat"
                },
                {
                    "name": "Subtle Elevation",
                    "shadow": "0 1px 2px rgba(42, 32, 45, 0.12), 0 0 0 1px color-mix(in srgb, var(--wp--custom--color--border-subtle) 42%, transparent)",
                    "slug": "subtle"
                },
                {
                    "name": "Raised Panel",
                    "shadow": "0 16px 40px rgba(42, 32, 45, 0.16), 0 0 0 1px color-mix(in srgb, var(--wp--custom--color--border-subtle) 58%, transparent)",
                    "slug": "raised"
                },
                {
                    "name": "Signal Glow",
                    "shadow": "0 0 0 1px var(--wp--preset--color--primary), 0 0 18px color-mix(in srgb, var(--wp--preset--color--primary) 18%, transparent)",
                    "slug": "signal-glow"
                }
            ]
        }
    },
    "styles": {
        "color": {
            "background": "var:preset|color|canvas",
            "text": "var:preset|color|text"
        },
        "elements": {
            "button": {
                "color": {
                    "background": "var:preset|color|primary",
                    "text": "var:preset|color|inverse-text"
                },
                "border": {
                    "color": "var:preset|color|primary"
                }
            },
            "heading": {
                "color": {
                    "text": "var:preset|color|heading"
                }
            },
            "link": {
                "color": {
                    "text": "var:preset|color|primary"
                },
                ":focus-visible": {
                    "color": {
                        "text": "var:preset|color|focus"
                    },
                    "outline": {
                        "color": "var:preset|color|focus"
                    }
                },
                ":hover": {
                    "color": {
                        "text": "var:preset|color|primary-hover"
                    }
                }
            }
        }
    }
}