{
    "$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": "body-text"
                },
                {
                    "color": "#5E5363",
                    "name": "Muted Text",
                    "slug": "text-muted"
                },
                {
                    "color": "#160D19",
                    "name": "Heading Text",
                    "slug": "heading"
                },
                {
                    "color": "#8A1C91",
                    "name": "Primary Accent",
                    "slug": "primary"
                },
                {
                    "color": "#65126F",
                    "name": "Legacy 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"
                },
                {
                    "color": "#D3C4D7",
                    "name": "Border",
                    "slug": "border"
                }
            ]
        },
        "custom": {
            "color": {
                "borderSubtle": "var:preset|color|border",
                "accentHover": "color-mix(in srgb, var(--wp--preset--color--primary) 72%, var(--wp--preset--color--heading))"
            },
            "card": {
                "border": "var:preset|color|border",
                "shadow": "0 8px 24px color-mix(in srgb, var(--wp--preset--color--body-text) 20%, transparent)",
                "shadowHover": "0 18px 38px color-mix(in srgb, var(--wp--preset--color--body-text) 32%, transparent), 0 0 20px color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent)"
            }
        },
        "shadow": {
            "presets": [
                {
                    "name": "Flat",
                    "shadow": "none",
                    "slug": "flat"
                },
                {
                    "name": "Subtle Elevation",
                    "shadow": "0 1px 2px color-mix(in srgb, var(--wp--preset--color--body-text) 12%, transparent), 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 color-mix(in srgb, var(--wp--preset--color--body-text) 16%, transparent), 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|body-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:custom|color|accent-hover"
                    }
                }
            }
        }
    }
}