{
	"schemaVersion": 1,
	"capabilities": {
		"colors": {
			"kind": "tokens",
			"label": "Colors",
			"fields": [
				{ "key": "bg",     "type": "color", "label": "Background", "default": "#ffffff" },
				{ "key": "text",   "type": "color", "label": "Text",       "default": "#171717" },
				{ "key": "accent", "type": "color", "label": "Accent",     "default": "#2563eb" }
			],
			"cssVarMap": {
				"header": {
					"bg":     "--puffergo-header-bg",
					"text":   "--puffergo-header-text",
					"accent": "--puffergo-header-accent"
				}
			},
			"presets": [
				{ "id": "white",     "labelKey": "White",     "values": { "bg": "#ffffff",                       "text": "#111827", "accent": "#2563eb" } },
				{ "id": "black",     "labelKey": "Black",     "values": { "bg": "#000000",                       "text": "#ffffff", "accent": "#60a5fa" } },
				{ "id": "dark-gray", "labelKey": "Dark Gray", "values": { "bg": "#1f2937",                       "text": "#f9fafb", "accent": "#93c5fd" } },
				{ "id": "navy",      "labelKey": "Navy",      "values": { "bg": "rgb(17 24 39)",                 "text": "#f5f7ff", "accent": "#6366f1" } },
				{ "id": "midnight",  "labelKey": "Midnight",  "values": { "bg": "oklch(21% 0.034 264.665)",      "text": "#f5f7ff", "accent": "#60a5fa" } }
			]
		},
		"hero-block": {
			"kind": "content",
			"label": "Hero",
			"fields": [
				{ "key": "title",           "type": "text",     "label": "Title",                   "default": "" },
				{ "key": "subtitle",        "type": "textarea", "label": "Subtitle",                "default": "" },
				{ "key": "bg_image",        "type": "image",    "label": "Background (Desktop)" },
				{ "key": "bg_image_mobile", "type": "image",    "label": "Background (Mobile)" }
			]
		},
		"header-layout": {
			"kind": "tokens",
			"label": "Layout",
			"fields": [
				{
					"key": "menu",
					"type": "select",
					"label": "Menu alignment",
					"default": "right",
					"options": [
						{ "value": "mid",   "labelKey": "Menu Centered" },
						{ "value": "right", "labelKey": "Menu Right" }
					],
					"cssVarValueMap": {
						"header": {
							"mid": {
								"--puffergo-header-nav-justify":       "space-between",
								"--puffergo-header-nav-gap":           "0",
								"--puffergo-header-brand-flex":        "1 1 0%",
								"--puffergo-header-menu-margin-left":  "0",
								"--puffergo-header-menu-margin-right": "0",
								"--puffergo-header-spacer-flex":       "1 1 0%"
							},
							"right": {
								"--puffergo-header-nav-justify":       "space-between",
								"--puffergo-header-nav-gap":           "0",
								"--puffergo-header-brand-flex":        "1 1 0%",
								"--puffergo-header-menu-margin-left":  "0",
								"--puffergo-header-menu-margin-right": "0",
								"--puffergo-header-spacer-flex":       "0 0 0"
							}
						}
					}
				}
			]
		},
		"header-overlay": {
			"kind": "behavior",
			"label": "Overlay",
			"fields": [
				{
					"key": "mode",
					"type": "select",
					"label": "Overlay on hero",
					"default": "off",
					"options": [
						{ "value": "off", "labelKey": "Off" },
						{ "value": "on",  "labelKey": "On" }
					]
				}
			]
		}
	}
}