{
	"$schema": "https://schemas.wp.org/wp/7.0/theme.json",
	"version": 3,
	"title": "Elevated",
	"slug": "elevated",
	"blockTypes": [ "core/button" ],
	"styles": {
		"shadow": "var:preset|shadow|elevation-1",
		"elements": {
			"button": {
				"color": {
					"background": "var:preset|color|surface-container-low",
					"text": "var:preset|color|primary"
				},
				":hover": {
					"color": {
						"background": "color-mix(in srgb, var(--wp--preset--color--primary) calc(var(--md-sys-state-hover-state-layer-opacity) * 100%), var(--wp--preset--color--surface-container-low))"
					}
				},
				":focus": {
					"color": {
						"background": "color-mix(in srgb, var(--wp--preset--color--primary) calc(var(--md-sys-state-focus-state-layer-opacity) * 100%), var(--wp--preset--color--surface-container-low))"
					}
				},
				":active": {
					"color": {
						"background": "color-mix(in srgb, var(--wp--preset--color--primary) calc(var(--md-sys-state-pressed-state-layer-opacity) * 100%), var(--wp--preset--color--surface-container-low))"
					}
				}
			}
		}
	}
}