{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3,
    "title": "Blokio",
    "settings": {
        "appearanceTools": true,
        "layout": {
            "contentSize": "720px",
            "wideSize": "1200px"
        },
        "useRootPaddingAwareAlignments": true,
        "color": {
            "customDuotone": false,
            "defaultPalette": false,
            "defaultGradients": false,
            "palette": [
                {
                    "slug": "primary",
                    "name": "Primary",
                    "color": "#2563EB"
                },
                {
                    "slug": "primary-dark",
                    "name": "Primary Dark",
                    "color": "#1D4ED8"
                },
                {
                    "slug": "accent",
                    "name": "Accent",
                    "color": "#F97316"
                },
                {
                    "slug": "success",
                    "name": "Success",
                    "color": "#16A34A"
                },
                {
                    "slug": "background",
                    "name": "Background",
                    "color": "#F8FAFC"
                },
                {
                    "slug": "surface",
                    "name": "Surface",
                    "color": "#FFFFFF"
                },
                {
                    "slug": "text",
                    "name": "Text",
                    "color": "#111827"
                },
                {
                    "slug": "text-secondary",
                    "name": "Secondary Text",
                    "color": "#6B7280"
                },
                {
                    "slug": "border",
                    "name": "Border",
                    "color": "#E5E7EB"
                },
                {
                    "slug": "ink",
                    "name": "Ink",
                    "color": "#0F172A"
                },
                {
                    "slug": "paper",
                    "name": "Paper",
                    "color": "#FFFFFF"
                },
                {
                    "slug": "dark-background",
                    "name": "Dark Background",
                    "color": "#0F172A"
                },
                {
                    "slug": "dark-surface",
                    "name": "Dark Surface",
                    "color": "#1E293B"
                },
                {
                    "slug": "dark-text",
                    "name": "Dark Text",
                    "color": "#F1F5F9"
                },
                {
                    "slug": "dark-text-secondary",
                    "name": "Dark Secondary Text",
                    "color": "#94A3B8"
                },
                {
                    "slug": "dark-border",
                    "name": "Dark Border",
                    "color": "#334155"
                }
            ],
            "gradients": [
                {
                    "slug": "hero-overlay",
                    "name": "Hero overlay",
                    "gradient": "linear-gradient(180deg, rgba(15,23,42,0.05) 0%, rgba(15,23,42,0.75) 100%)"
                },
                {
                    "slug": "primary-accent",
                    "name": "Primary to accent",
                    "gradient": "linear-gradient(120deg, #2563EB 0%, #F97316 100%)"
                },
                {
                    "slug": "surface-fade",
                    "name": "Surface fade",
                    "gradient": "linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%)"
                }
            ]
        },
        "typography": {
            "customFontSize": true,
            "fluid": true,
            "fontFamilies": [
                {
                    "slug": "heading",
                    "name": "Heading \u2014 Poppins",
                    "fontFamily": "\"Poppins\", -apple-system, BlinkMacSystemFont, sans-serif"
                },
                {
                    "slug": "body",
                    "name": "Body \u2014 Inter",
                    "fontFamily": "\"Inter\", -apple-system, BlinkMacSystemFont, sans-serif"
                }
            ],
            "fontSizes": [
                {
                    "slug": "small",
                    "name": "Small",
                    "size": "0.875rem",
                    "fluid": false
                },
                {
                    "slug": "medium",
                    "name": "Medium",
                    "size": "1.0625rem",
                    "fluid": false
                },
                {
                    "slug": "large",
                    "name": "Large",
                    "size": "1.25rem",
                    "fluid": {
                        "min": "1.125rem",
                        "max": "1.25rem"
                    }
                },
                {
                    "slug": "x-large",
                    "name": "X-Large",
                    "size": "1.75rem",
                    "fluid": {
                        "min": "1.5rem",
                        "max": "1.875rem"
                    }
                },
                {
                    "slug": "xx-large",
                    "name": "XX-Large",
                    "size": "2rem",
                    "fluid": {
                        "min": "2rem",
                        "max": "2.2rem"
                    }
                },
                {
                    "slug": "huge",
                    "name": "Huge",
                    "size": "2.5rem",
                    "fluid": {
                        "min": "2.5rem",
                        "max": "3.25rem"
                    }
                }
            ]
        },
        "spacing": {
            "customMargin": true,
            "customPadding": true,
            "units": [
                "px",
                "%",
                "em",
                "rem",
                "vh",
                "vw"
            ],
            "spacingScale": {
                "operator": "*",
                "increment": 1.5,
                "steps": 7,
                "mediumStep": 1.5,
                "unit": "rem"
            },
            "spacingSizes": [
                {
                    "slug": "xs",
                    "name": "XS",
                    "size": "0.5rem"
                },
                {
                    "slug": "sm",
                    "name": "SM",
                    "size": "1rem"
                },
                {
                    "slug": "md",
                    "name": "MD",
                    "size": "1.5rem"
                },
                {
                    "slug": "lg",
                    "name": "LG",
                    "size": "2.5rem"
                },
                {
                    "slug": "xl",
                    "name": "XL",
                    "size": "4rem"
                },
                {
                    "slug": "2xl",
                    "name": "2XL",
                    "size": "6rem"
                },
                {
                    "slug": "3xl",
                    "name": "3XL",
                    "size": "8rem"
                }
            ]
        },
        "border": {
            "radius": true,
            "color": true,
            "width": true
        },
        "shadow": {
            "presets": [
                {
                    "slug": "card",
                    "name": "Card",
                    "shadow": "0 1px 2px rgba(17,24,39,0.04), 0 8px 24px rgba(17,24,39,0.06)"
                },
                {
                    "slug": "card-hover",
                    "name": "Card hover",
                    "shadow": "0 4px 8px rgba(17,24,39,0.06), 0 16px 40px rgba(17,24,39,0.12)"
                },
                {
                    "slug": "popover",
                    "name": "Popover",
                    "shadow": "0 12px 32px rgba(17,24,39,0.16)"
                }
            ]
        },
        "custom": {
            "radius": {
                "sm": "8px",
                "md": "14px",
                "lg": "20px",
                "pill": "999px"
            },
            "transition": {
                "fast": "150ms ease",
                "base": "220ms cubic-bezier(0.22, 1, 0.36, 1)"
            }
        },
        "blocks": {
            "core/button": {
                "border": {
                    "radius": true
                },
                "color": {
                    "text": true,
                    "background": true
                }
            }
        }
    },
    "styles": {
        "color": {
            "background": "var(--wp--preset--color--background)",
            "text": "var(--wp--preset--color--text)"
        },
        "typography": {
            "fontFamily": "var(--wp--preset--font-family--body)",
            "fontSize": "var(--wp--preset--font-size--medium)",
            "lineHeight": "1.65"
        },
        "elements": {
            "heading": {
                "typography": {
                    "fontFamily": "var(--wp--preset--font-family--heading)",
                    "fontWeight": "600",
                    "lineHeight": "1.2",
                    "letterSpacing": "-0.01em"
                },
                "color": {
                    "text": "var(--wp--preset--color--text)"
                }
            },
            "h1": {
                "typography": {
                    "fontSize": "var(--wp--preset--font-size--huge)",
                    "fontWeight": "700"
                },
                "color": {
                    "text": "var(--wp--preset--color--text)"
                }
            },
            "h2": {
                "typography": {
                    "fontSize": "var(--wp--preset--font-size--xx-large)"
                },
                "color": {
                    "text": "var(--wp--preset--color--text)"
                }
            },
            "h3": {
                "typography": {
                    "fontSize": "var(--wp--preset--font-size--x-large)"
                },
                "color": {
                    "text": "var(--wp--preset--color--text)"
                }
            },
            "link": {
                "color": {
                    "text": "var(--wp--preset--color--primary)"
                },
                ":hover": {
                    "color": {
                        "text": "var(--wp--preset--color--primary-dark)"
                    }
                }
            },
            "button": {
                "border": {
                    "radius": "var(--wp--custom--radius--pill)"
                },
                "spacing": {
                    "padding": {
                        "top": "0.85em",
                        "bottom": "0.85em",
                        "left": "1.75em",
                        "right": "1.75em"
                    }
                },
                "typography": {
                    "fontWeight": "600",
                    "fontSize": "var(--wp--preset--font-size--medium)"
                },
                "color": {
                    "background": "var(--wp--preset--color--primary)",
                    "text": "#FFFFFF"
                },
                ":hover": {
                    "color": {
                        "background": "var(--wp--preset--color--primary-dark)",
                        "text": "#FFFFFF"
                    }
                }
            },
            "caption": {
                "color": {
                    "text": "var(--wp--preset--color--text-secondary)"
                },
                "typography": {
                    "fontSize": "var(--wp--preset--font-size--small)"
                }
            }
        },
        "spacing": {
            "blockGap": "var(--wp--preset--spacing--md)",
            "padding": {
                "top": "0",
                "bottom": "0",
                "left": "var(--wp--preset--spacing--sm)",
                "right": "var(--wp--preset--spacing--sm)"
            }
        },
        "blocks": {
            "core/post-title": {
                "typography": {
                    "fontSize": "var(--wp--preset--font-size--xx-large)"
                }
            },
            "core/button": {
                "variations": {
                    "outline": {
                        "border": {
                            "width": "2px",
                            "color": "var(--wp--preset--color--primary)"
                        },
                        "color": {
                            "text": "var(--wp--preset--color--primary)",
                            "background": "transparent"
                        }
                    }
                }
            },
            "core/separator": {
                "color": {
                    "text": "var(--wp--preset--color--border)"
                }
            },
            "core/navigation": {
                "typography": {
                    "fontWeight": "500",
                    "fontSize": "var(--wp--preset--font-size--medium)"
                }
            }
        }
    },
    "templateParts": [
        {
            "name": "header",
            "title": "Header",
            "area": "header"
        },
        {
            "name": "header-transparent",
            "title": "Header (Transparent)",
            "area": "header"
        },
        {
            "name": "footer",
            "title": "Footer",
            "area": "footer"
        }
    ],
    "customTemplates": [
        {
            "name": "page-contact",
            "title": "Contact Page",
            "postTypes": [
                "page"
            ]
        },
        {
            "name": "page-about",
            "title": "About Page",
            "postTypes": [
                "page"
            ]
        },
        {
            "name": "page-landing",
            "title": "Landing Page (no header/footer)",
            "postTypes": [
                "page"
            ]
        }
    ]
}