theme.json

{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 2,
  "customTemplates": [
    {
      "title": "Archive: Download",
      "name": "archive-download"
    },
    {
      "title": "Archive: Product",
      "name": "archive-product"
    },
    {
      "title": "Blank",
      "name": "blank",
      "postTypes": [
        "page",
        "post"
      ]
    },
    {
      "title": "Full Width",
      "name": "full-width",
      "postTypes": [
        "page",
        "post"
      ]
    },
    {
      "title": "Product Search Results",
      "name": "product-search-results"
    },
    {
      "title": "Single item: Download",
      "name": "single-download"
    },
    {
      "title": "Single item: Product",
      "name": "single-product"
    },
    {
      "title": "Taxonomy Download Category",
      "name": "taxonomy-download_category"
    },
    {
      "title": "Taxonomy Download Tag",
      "name": "taxonomy-download_tag"
    },
    {
      "title": "Taxonomy Product Category",
      "name": "taxonomy-product_cat"
    },
    {
      "title": "Taxonomy Product Tag",
      "name": "taxonomy-product_tag"
    }
  ],
  "templateParts": [
    {
      "area": "header",
      "name": "header",
      "title": "Header"
    },
    {
      "area": "footer",
      "name": "footer",
      "title": "Footer"
    }
  ],
  "settings": {
    "custom": {
      "spacing": {
        "gap": "var(--wp--style--block-gap)"
      },
      "border": {
        "width": "1px",
        "style": "solid",
        "color": "var(--wp--preset--color--neutral-800)",
        "radius": "30px"
      },
      "boxShadow": {
        "inset": "",
        "x": "0",
        "y": "4px",
        "blur": "16px",
        "spread": "0",
        "color": "var(--wp--preset--color--custom-shadow,#6b728011)",
        "hover": {
          "inset": "",
          "y": "8px"
        }
      },
      "fontWeight": {
        "black": 900,
        "extraBold": 800,
        "bold": 700,
        "semiBold": 600,
        "medium": 500,
        "regular": 400,
        "light": 300,
        "extraLight": 200,
        "thin": 100
      },
      "transition": {
        "property": "all",
        "duration": "0.1s",
        "timingFunction": "ease-in"
      },
      "darkMode": false,
      "strong": {
        "fontWeight": "var(--wp--custom--font-weight--medium)"
      },
      "checklist": {
        "color": "currentColor"
      },
      "surface": {
        "backdropFilter": "blur(8px)",
        "borderRadius": "var(--wp--custom--border--radius)",
        "boxShadow": "var(--wp--preset--shadow--sm)",
        "border": {
          "top": "0",
          "right": "0",
          "bottom": "0",
          "left": "0"
        },
        "overlay": {
          "background": "var(--wp--preset--color--neutral-50)",
          "opacity": ".5"
        },
        "input": {
          "focus": {
            "borderColor": "var(--wp--preset--color--primary-500)"
          }
        }
      },
      "subHeading": {
        "color": "var(--wp--preset--color--primary-500)"
      },
      "buttonOutline": {
        "color": "var(--wp--preset--color--primary-500)",
        "borderWidth": "1px"
      },
      "ghost": {
        "color": "var(--wp--preset--color--primary-600)"
      },
      "input": {
        "background": "#ffffff11",
        "borderRadius": "10px",
        "focus": {
          "boxShadow": "var(--wp--preset--shadow--sm)",
          "borderColor": "var(--wp--preset--color--primary-500)"
        }
      },
      "placeholder": {
        "background": "var(--wp--preset--color--neutral-700)"
      },
      "icon": {
        "color": "currentcolor"
      },
      "notice": {
        "color": "var(--wp--preset--color--primary-500)"
      },
      "accordion": {
        "height": "1.5px",
        "width": "12px",
        "animationDuration": "0s"
      },
      "nav": {
        "backgroundOpacity": ".9"
      },
      "submenu": {
        "boxShadow": "var(--wp--preset--shadow--xl)"
      },
      "header": {
        "position": "static"
      },
      "navigation": {
        "fontSize": {
          "mobile": "var(--wp--preset--font-size--20)"
        }
      },
      "videoButton": {
        "size": "10%",
        "boxShadow": "0 0 40px 0 var(--wp--preset--color--primary-900)",
        "background": "var(--wp--preset--gradient--primary-background)",
        "borderRadius": "99px",
        "url": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 122 122'%3E%3Cpath d='M61 1C27.9 1 1 27.9 1 61s26.9 60 60 60 60-26.9 60-60S94.1 1 61 1zm13.7 60.6-10.2 5.3-10.7 5.6c-1.3.7-2.9-.3-2.9-1.8V49c0-1.5 1.6-2.5 2.9-1.8l10.7 5.6 10.2 5.3c1.4.7 1.4 2.8 0 3.5z'/%3E%3C/svg%3E\")"
      },
      "commentsForm": {
        "submit": {
          "background": "var(--wp--preset--gradient--primary-background)",
          "color": "var(--wp--preset--color--primary-950)"
        }
      }
    },
    "color": {
      "customDuotone": true,
      "customGradient": true,
      "defaultGradients": false,
      "defaultPalette": false,
      "link": true,
      "palette": [
        {
          "name": "Primary 950",
          "slug": "primary-950",
          "color": "#1e1b4b"
        },
        {
          "name": "Primary 900",
          "slug": "primary-900",
          "color": "#312e81"
        },
        {
          "name": "Primary 800",
          "slug": "primary-800",
          "color": "#3730a3"
        },
        {
          "name": "Primary 700",
          "slug": "primary-700",
          "color": "#4338ca"
        },
        {
          "name": "Primary 600",
          "slug": "primary-600",
          "color": "#4f46e5"
        },
        {
          "name": "Primary 500",
          "slug": "primary-500",
          "color": "#6366f1"
        },
        {
          "name": "Primary 400",
          "slug": "primary-400",
          "color": "#818cf8"
        },
        {
          "name": "Primary 300",
          "slug": "primary-300",
          "color": "#a5b4fc"
        },
        {
          "name": "Primary 200",
          "slug": "primary-200",
          "color": "#c7d2fe"
        },
        {
          "name": "Primary 100",
          "slug": "primary-100",
          "color": "#e0e7ff"
        },
        {
          "name": "Primary 50",
          "slug": "primary-50",
          "color": "#eef2ff"
        },
        {
          "name": "Primary 25",
          "slug": "primary-25",
          "color": "#f7f8ff"
        },
        {
          "name": "Neutral 950",
          "slug": "neutral-950",
          "color": "#030712"
        },
        {
          "name": "Neutral 900",
          "slug": "neutral-900",
          "color": "#111827"
        },
        {
          "name": "Neutral 800",
          "slug": "neutral-800",
          "color": "#1f2937"
        },
        {
          "name": "Neutral 700",
          "slug": "neutral-700",
          "color": "#374151"
        },
        {
          "name": "Neutral 600",
          "slug": "neutral-600",
          "color": "#4b5563"
        },
        {
          "name": "Neutral 500",
          "slug": "neutral-500",
          "color": "#6b7280"
        },
        {
          "name": "Neutral 400",
          "slug": "neutral-400",
          "color": "#9ca3af"
        },
        {
          "name": "Neutral 300",
          "slug": "neutral-300",
          "color": "#d1d5db"
        },
        {
          "name": "Neutral 200",
          "slug": "neutral-200",
          "color": "#e5e7eb"
        },
        {
          "name": "Neutral 100",
          "slug": "neutral-100",
          "color": "#f3f4f6"
        },
        {
          "name": "Neutral 50",
          "slug": "neutral-50",
          "color": "#f9fafb"
        },
        {
          "name": "Neutral 0",
          "slug": "neutral-0",
          "color": "#ffffff"
        },
        {
          "name": "Success 600",
          "slug": "success-600",
          "color": "#059669"
        },
        {
          "name": "Success 500",
          "slug": "success-500",
          "color": "#10b981"
        },
        {
          "name": "Success 100",
          "slug": "success-100",
          "color": "#d1fae5"
        },
        {
          "name": "Warning 600",
          "slug": "warning-600",
          "color": "#d97706"
        },
        {
          "name": "Warning 500",
          "slug": "warning-500",
          "color": "#f59e0b"
        },
        {
          "name": "Warning 100",
          "slug": "warning-100",
          "color": "#feeac7"
        },
        {
          "name": "Error 600",
          "slug": "error-600",
          "color": "#e11d48"
        },
        {
          "name": "Error 500",
          "slug": "error-500",
          "color": "#f43f5e"
        },
        {
          "name": "Error 100",
          "slug": "error-100",
          "color": "#ffe4e6"
        },
        {
          "name": "Transparent",
          "slug": "transparent",
          "color": "transparent"
        },
        {
          "name": "Current",
          "slug": "current",
          "color": "currentcolor"
        },
        {
          "name": "Inherit",
          "slug": "inherit",
          "color": "inherit"
        }
      ],
      "gradients": [
        {
          "gradient": "radial-gradient(200% 100% at 50% 0%, var(--wp--preset--color--neutral-0) 20%, var(--wp--preset--color--primary-300) 40%, var(--wp--preset--color--primary-500) 60%, var(--wp--preset--color--primary-900) 80%, var(--wp--preset--color--neutral-950) 100%)",
          "name": "Radial Up",
          "slug": "radial-up"
        },
        {
          "gradient": "radial-gradient(200% 100% at 50% 100%, var(--wp--preset--color--neutral-0) 20%, var(--wp--preset--color--primary-300) 40%, var(--wp--preset--color--primary-500) 60%, var(--wp--preset--color--primary-900) 80%, var(--wp--preset--color--neutral-950) 100%)",
          "name": "Radial Down",
          "slug": "radial-down"
        },
        {
          "gradient": "radial-gradient(150% 100% at 50% 0%, var(--wp--preset--color--neutral-0) 10%, var(--wp--preset--color--primary-300) 20%, var(--wp--preset--color--primary-500) 30%, var(--wp--preset--color--primary-900) 40%, transparent 50%),radial-gradient(150% 100% at 50% 100%, var(--wp--preset--color--neutral-0) 10%, var(--wp--preset--color--primary-300) 20%, var(--wp--preset--color--primary-500) 30%, var(--wp--preset--color--primary-900) 40%, transparent 50%),radial-gradient(75% 75% at 50% 50%, var(--wp--preset--color--neutral-950) 0%, var(--wp--preset--color--neutral-950) 100%)",
          "name": "Hourglass",
          "slug": "hourglass"
        },
        {
          "gradient": "radial-gradient(75% 150% at 50% -50%, var(--wp--preset--color--primary-900) 20%, transparent 100%)",
          "name": "Light Bulb",
          "slug": "light-bulb"
        },
        {
          "slug": "glow",
          "name": "Glow",
          "gradient": "radial-gradient(50% 50% at 50% 50%, var(--wp--preset--color--primary-950) 0%, transparent 100%)"
        },
        {
          "gradient": "linear-gradient(135deg,var(--wp--preset--color--primary-700) 0%,var(--wp--preset--color--primary-400) 100%)",
          "name": "Primary",
          "slug": "primary"
        },
        {
          "gradient": "linear-gradient(135deg,var(--wp--preset--color--primary-500) 0%,var(--wp--preset--color--primary-300) 100%)",
          "name": "Primary Light",
          "slug": "primary-light"
        },
        {
          "gradient": "linear-gradient(180deg,var(--wp--preset--color--transparent) 0%,var(--wp--preset--color--primary-100) 100%)",
          "name": "Primary Transparent",
          "slug": "primary-transparent"
        },
        {
          "gradient": "linear-gradient(135deg,var(--wp--preset--color--neutral-950) 50%,var(--wp--preset--color--primary-500) 100%)",
          "name": "Primary Foreground",
          "slug": "primary-foreground"
        },
        {
          "gradient": "linear-gradient(135deg,var(--wp--preset--color--neutral-0) 40%,var(--wp--preset--color--primary-300) 90%)",
          "name": "Primary Background",
          "slug": "primary-background"
        },
        {
          "gradient": "linear-gradient(135deg,var(--wp--preset--color--neutral-600) 0%,var(--wp--preset--color--neutral-950) 100%)",
          "name": "Body/Heading",
          "slug": "body-heading"
        },
        {
          "gradient": "linear-gradient(135deg,var(--wp--preset--color--neutral-100) 0%,var(--wp--preset--color--neutral-200) 100%)",
          "name": "Surface/Border",
          "slug": "surface-border"
        },
        {
          "gradient": "conic-gradient(var(--wp--preset--color--primary-100) 0% 35%, var(--wp--preset--color--primary-300) 35% 60%, var(--wp--preset--color--primary-500) 60% 100%)",
          "name": "Pie Chart",
          "slug": "pie-chart"
        },
        {
          "gradient": "repeating-conic-gradient(var(--wp--preset--color--neutral-200) 0% 25%, transparent 0% 50%) 50% / 16px 16px",
          "name": "Checkerboard",
          "slug": "checkerboard"
        },
        {
          "gradient": "conic-gradient(from 90deg at 1px 1px,transparent 90deg,var(--wp--custom--gradient-grid--color,var(--wp--preset--color--neutral-100)) 0) -1px -1px / var(--wp--custom--gradient-grid--size,40px) var(--wp--custom--gradient-grid--size,40px)",
          "name": "Grid",
          "slug": "grid"
        },
        {
          "slug": "conic-light",
          "name": "Conic Light",
          "gradient": "var(--wp--preset--gradient--custom-conic-light,conic-gradient(from 90deg,var(--wp--preset--color--primary-600),var(--wp--preset--color--primary-400),var(--wp--preset--color--primary-300),var(--wp--preset--color--primary-400),var(--wp--preset--color--primary-200),var(--wp--preset--color--primary-500),var(--wp--preset--color--primary-200),var(--wp--preset--color--primary-400),var(--wp--preset--color--primary-600)))"
        }
      ]
    },
    "typography": {
      "customFontSize": true,
      "dropCap": true,
      "lineHeight": true,
      "fluid": false,
      "fontFamilies": [
        {
          "fontFamily": "Inter, var(--wp--preset--font-family--sans-serif)",
          "name": "Inter",
          "slug": "inter",
          "fontFace": [
            {
              "fontFamily": "Inter",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "fontDisplay": "swap",
              "fontWeight": "100 900",
              "src": [
                "file:./assets/fonts/inter.woff2"
              ]
            }
          ]
        },
        {
          "fontFamily": "Inter Tight, var(--wp--preset--font-family--sans-serif)",
          "name": "Inter Tight",
          "slug": "inter-tight",
          "fontFace": [
            {
              "fontFamily": "Inter Tight",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "fontDisplay": "swap",
              "fontWeight": "100 900",
              "src": [
                "file:./assets/fonts/inter-tight.woff2"
              ]
            }
          ]
        },
        {
          "fontFamily": "JetBrains Mono, var(--wp--preset--font-family--monospace)",
          "name": "JetBrains Mono",
          "slug": "jetbrains-mono",
          "fontFace": [
            {
              "fontFamily": "JetBrains Mono",
              "fontStyle": "normal",
              "fontStretch": "normal",
              "fontDisplay": "swap",
              "fontWeight": "100 900",
              "src": [
                "file:./assets/fonts/jetbrains-mono.woff2"
              ]
            }
          ]
        }
      ]
    }
  },
  "styles": {
    "color": {
      "background": "var(--wp--preset--color--neutral-950)",
      "text": "var(--wp--preset--color--primary-100)"
    },
    "spacing": {
      "blockGap": "var(--wp--preset--spacing--sm)"
    },
    "typography": {
      "fontFamily": "var(--wp--preset--font-family--inter)",
      "fontSize": "var(--wp--preset--font-size--18)",
      "fontWeight": "var(--wp--custom--font-weight--regular)",
      "lineHeight": "1.6"
    },
    "elements": {
      "button": {
        "border": {
          "radius": "99px"
        },
        "color": {
          "text": "var(--wp--preset--color--primary-25)",
          "background": "var(--wp--preset--color--neutral-950)"
        },
        "spacing": {
          "padding": {
            "top": "10px",
            "right": "16px",
            "bottom": "10px",
            "left": "16px"
          }
        },
        "typography": {
          "fontSize": "14px",
          "fontWeight": "var(--wp--custom--font-weight--semi-bold)",
          "lineHeight": "20px"
        }
      },
      "heading": {
        "typography": {
          "fontFamily": "var(--wp--preset--font-family--inter-tight)",
          "fontWeight": "var(--wp--custom--font-weight--bold)",
          "lineHeight": "1.15",
          "letterSpacing": "-0.025em"
        },
        "color": {
          "text": "var(--wp--preset--color--neutral-0)"
        }
      },
      "h1": {
        "typography": {
          "fontSize": "var(--wp--preset--font-size--72)",
          "lineHeight": "1.16"
        }
      },
      "h2": {
        "typography": {
          "fontSize": "var(--wp--preset--font-size--52)",
          "lineHeight": "var(--wp--preset--font-size--60)"
        }
      },
      "h3": {
        "typography": {
          "fontSize": "var(--wp--preset--font-size--36)",
          "lineHeight": "var(--wp--preset--font-size--44)"
        }
      },
      "h4": {
        "typography": {
          "fontSize": "var(--wp--preset--font-size--28)",
          "lineHeight": "var(--wp--preset--font-size--36)"
        }
      },
      "h5": {
        "typography": {
          "fontSize": "var(--wp--preset--font-size--24)",
          "lineHeight": "var(--wp--preset--font-size--32)"
        }
      },
      "h6": {
        "typography": {
          "fontSize": "var(--wp--preset--font-size--20)",
          "lineHeight": "var(--wp--preset--font-size--28)"
        }
      },
      "link": {
        "color": {
          "text": "inherit"
        },
        "typography": {
          "textDecoration": "underline"
        },
        ":hover": {
          "color": {
            "text": "var(--wp--preset--color--primary-700)"
          }
        },
        ":focus": {
          "color": {
            "text": "var(--wp--preset--color--primary-700)"
          }
        }
      }
    },
    "blocks": {
      "core/calendar": {
        "color": {
          "background": "var(--wp--preset--color--neutral-900)"
        }
      },
      "core/code": {
        "color": {
          "background": "var(--wp--preset--color--neutral-900)"
        }
      },
      "core/navigation": {
        "typography": {
          "fontSize": "var(--wp--preset--font-size--16)"
        }
      }
    }
  }
}