{
  "$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": "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 — Poppins",
          "fontFamily": "\"Poppins\", -apple-system, BlinkMacSystemFont, sans-serif"
        },
        {
          "slug": "body",
          "name": "Body — 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": "#FFFFFF"
  }
},
"h1": {
  "typography": {
    "fontSize": "var(--wp--preset--font-size--huge)",
    "fontWeight": "700"
  },
  "color": {
    "text": "#FFFFFF"
  }
},
"h2": {
  "typography": {
    "fontSize": "var(--wp--preset--font-size--xx-large)"
  },
  "color": {
    "text": "#FFFFFF"
  }
},
"h3": {
  "typography": {
    "fontSize": "var(--wp--preset--font-size--x-large)"
  },
  "color": {
    "text": "#FFFFFF"
  }
},
      "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"] }
  ]
}