{
    "$schema": "https://schemas.wp.org/wp/6.7/theme.json",
    "version": 3,
    "title": "Sunrise",
    "settings": {
        "color": {
            "palette": [
                {
                    "color": "#FFFFFF",
                    "name": "Base",
                    "slug": "base"
                },
                {
                    "color": "#fd005d",
                    "name": "Contrast",
                    "slug": "contrast"
                },
                {
                    "color": "#330616",
                    "name": "Accent 1",
                    "slug": "accent-1"
                },
                {
                    "color": "#FF2B75",
                    "name": "Accent 2",
                    "slug": "accent-2"
                },
                {
                    "color": "#C1E4E7",
                    "name": "Accent 3",
                    "slug": "accent-3"
                },
                {
                    "color": "#DB9AB1",
                    "name": "Accent 4",
                    "slug": "accent-4"
                },
                {
                    "color": "#FFF8FA",
                    "name": "Accent 5",
                    "slug": "accent-5"
                },
                {
                    "color": "#DB9AB133",
                    "name": "Accent 6",
                    "slug": "accent-6"
                }
            ]
        },
        "typography": {
            "fontFamilies": [
                {
                    "name": "Vollkorn",
                    "slug": "vollkorn",
                    "fontFamily": "Vollkorn, serif",
                    "fontFace": [
                        {
                            "src": [
                                "file:./assets/fonts/vollkorn/Vollkorn-Italic-VariableFont_wght.woff2"
                            ],
                            "fontWeight": "400 900",
                            "fontStyle": "italic",
                            "fontFamily": "Vollkorn"
                        },
                        {
                            "src": [
                                "file:./assets/fonts/vollkorn/Vollkorn-VariableFont_wght.woff2"
                            ],
                            "fontWeight": "400 900",
                            "fontStyle": "normal",
                            "fontFamily": "Vollkorn"
                        }
                    ]
                },
                {
                    "name": "Fira Code",
                    "slug": "fira-code",
                    "fontFamily": "\"Fira Code\", monospace",
                    "fontFace": [
                        {
                            "src": [
                                "file:./assets/fonts/fira-code/FiraCode-VariableFont_wght.woff2"
                            ],
                            "fontWeight": "300 700",
                            "fontStyle": "normal",
                            "fontFamily": "\"Fira Code\""
                        }
                    ]
                }
            ]
        }
    },
    "styles": {
        "typography": {
            "fontFamily": "var:preset|font-family|fira-code",
            "fontSize": "var:preset|font-size|medium",
            "letterSpacing": "-0.18px",
            "lineHeight": "1.5"
        },
        "color": {
            "text": "var:preset|color|contrast"
        },
        "blocks": {
            "core/button": {
                "variations": {
                    "outline": {
                        "spacing": {
                            "padding": {
                                "bottom": "calc(1rem - 1px)",
                                "left": "calc(2.25rem - 1px)",
                                "right": "calc(2.25rem - 1px)",
                                "top": "calc(1rem - 1px)"
                            }
                        }
                    }
                }
            }
        },
        "elements": {
            "button": {
                "typography": {
                    "fontFamily": "var:preset|font-family|fira-code",
                    "fontWeight": "600"
                },
                "color": {
                    "background": "var:preset|color|contrast",
                    "text": "var:preset|color|base"
                },
                ":hover": {
                    "color": {
                        "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent)",
                        "text": "var:preset|color|base"
                    }
                },
                "spacing": {
                    "padding": {
                        "bottom": "0.6rem",
                        "left": "1.6rem",
                        "right": "1.6rem",
                        "top": "0.6rem"
                    }
                }
            },
            "heading": {
                "typography": {
                    "fontFamily": "var:preset|font-family|fira-code",
                    "fontWeight": "700",
                    "lineHeight": "1.2"
                }
            },
            "h1": {
                "typography": {
                    "fontSize": "2.5rem"
                }
            },
            "h2": {
                "typography": {
                    "fontSize": "2rem"
                }
            },
            "h3": {
                "typography": {
                    "fontSize": "1.75rem"
                }
            },
            "h4": {
                "typography": {
                    "fontSize": "1.5rem"
                }
            },
            "h5": {
                "typography": {
                    "fontSize": "1.25rem"
                }
            },
            "h6": {
                "typography": {
                    "fontSize": "1rem"
                }
            }
        },
        "variations": {
            "section-2": {
                "elements": {
                    "button": {
                        "color": {
                            "background": "var:preset|color|base",
                            "text": "var:preset|color|contrast"
                        },
                        ":hover": {
                            "color": {
                                "background": "color-mix(in srgb, var(--wp--preset--color--base) 85%, transparent)"
                            }
                        }
                    }
                }
            },
            "section-4": {
                "elements": {
                    "button": {
                        "color": {
                            "background": "var:preset|color|accent-2",
                            "text": "var:preset|color|contrast"
                        },
                        ":hover": {
                            "color": {
                                "background": "color-mix(in srgb, var(--wp--preset--color--accent-2) 85%, transparent)"
                            }
                        }
                    }
                }
            }
        }
    }
}