<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
        integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
</html>
{
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"title": "Fusion Sky",
	"slug": "fusion-sky",
	"version": 3,
	"settings": {
		"color": {
			"duotone": [
				{
					"colors": ["#d61935", "#e3f2f2"],
					"slug": "primary-and-secondary",
					"name": "Primary and secondary"
				},
				{
					"colors": ["#d61935", "#ffeae6"],
					"slug": "primary-and-tertiary",
					"name": "Primary and tertiary"
				},
				{
					"colors": ["#e3f2f2", "#d61935"],
					"slug": "secondary-and-primary",
					"name": "Secondary and primary"
				},
				{
					"colors": ["#010101", "#ffffff"],
					"slug": "foreground-and-background",
					"name": "Foreground and background"
				},
				{
					"colors": ["#0B51C2", "#000000"],
					"slug": "primary-foreground",
					"name": "Primary and Foreground"
				},
				{
					"colors": ["#ffffff", "#F9FAFE"],
					"slug": "background-tertiary",
					"name": "Background and Background Alt"
				}
			],
			"palette": [
				{
					"slug": "foreground",
					"color": "#000000",
					"name": "Foreground"
				},
				{
					"slug": "background",
					"color": "#ffffff",
					"name": "Background"
				},
				{
					"slug": "primary",
					"color": "#0B51C2",
					"name": "Primary"
				},
				{
					"slug": "secondary",
					"color": "#C4FF47",
					"name": "Secondary"
				},
				{
					"slug": "tertiary",
					"color": "#F9FAFE",
					"name": "Tertiary"
				},
				{
					"slug": "foreground-alt",
					"color": "#333333",
					"name": "foreground Alt"
				}
			]
		},
		"custom": {
			"elements": {
				"button": {
					"border": {
						"radius": "2rem"
					},
					"color": {
						"background": "var(--wp--preset--color--secondary)",
						"text": "var(--wp--preset--color--foreground)"
					},
					":hover": {
						"color": {
							"background": "var(--wp--preset--color--foreground)",
							"text": "var(--wp--preset--color--background)"
						}
					},
					":focus": {
						"color": {
							"background": "var(--wp--preset--color--foreground)",
							"text": "var(--wp--preset--color--background)"
						}
					}
				},
				"input": {
					"border": {
						"radius": "4px",
						"width": "1px",
						"color": "var(--wp--preset--color--foreground)"
					},
					"color": {
						"background": "var(--wp--preset--color--background)",
						"text": "var(--wp--preset--color--foreground)"
					},
					"spacing": {
						"padding": {
							"bottom": "calc(0.667em + 1px)",
							"left": "calc(1.333em + 1px)",
							"right": "calc(1.333em + 1px)",
							"top": "calc(0.667em + 1px)"
						}
					},
					"typography": {
						"fontSize": "inherit",
						"fontWeight": "var(--wp--custom--font-weight--regular)",
						"lineHeight": "var(--wp--custom--typography--line-height--normal)"
					}
				}
			}
		}
	},
	"styles": {
		"color": {
			"text": "var(--wp--preset--color--foreground-alt)"
		},
		"elements": {
			"h1": {
				"typography": {
					"fontWeight": "400"
				}
			},
			"h2": {
				"typography": {
					"fontWeight": "400"
				}
			},
			"h3": {
				"typography": {
					"fontWeight": "500"
				}
			},
			"h4": {
				"typography": {
					"fontWeight": "500"
				}
			},
			"h5": {
				"typography": {
					"fontWeight": "500"
				}
			},
			"h6": {
				"typography": {
					"fontWeight": "500"
				}
			},
			"heading": {
				"color": {
					"text": "var(--wp--preset--color--foreground)"
				},
				"typography": {
					"fontFamily": "var(--wp--preset--font-family--jost)"
				}
			}
		},
		"typography": {
			"fontFamily": "var(--wp--preset--font-family--mulish)"
		}
	}
}
