{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 3,
  "title": "Hat Shop styles",
  "description": "Remit dark hat store",
  "settings": {
    "layout": {
      "wideSize": "1440px"
    },
    "color": {
      "palette": [
        { "color": "#9710FF", "slug": "brandy-primary", "name": "Brandy Primary" },
        { "color": "#9710FF1A", "slug": "brandy-primary-10", "name": "Brandy Primary 10%" },
        { "color": "#D38138", "slug": "brandy-secondary", "name": "Brandy Secondary" },
        { "color": "#ECECEC", "slug": "brandy-foreground", "name": "Brandy Primary Foreground" },
        { "color": "#949495", "slug": "brandy-muted-foreground", "name": "Brandy Muted Foreground" },
        { "color": "#A3B5C726", "slug": "brandy-border", "name": "Brandy Border" }
      ],
      "gradients": [
        { "slug": "gradient-1", "name": "Gradient 1", "gradient": "linear-gradient(90deg,#FEB26F 0%,#B88CFF 54.5%,#D077A7 98%)" },
        { "slug": "gradient-2", "name": "Gradient 2", "gradient": "linear-gradient(180deg,rgba(29,26,26,0) 18.17%,rgba(26,24,24,0.25) 38.63%,rgba(22,21,22,0.5) 59.09%,rgba(19,19,20,0.75) 79.54%,#0F1012 100%)" },
        { "slug": "gradient-3", "name": "Gradient 3", "gradient": "linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%)" }
      ]
    },
    "shadow": {
      "presets": [
        { "slug": "sm", "name": "Small", "shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" },
        { "slug": "md", "name": "Medium", "shadow": "0 4px  10px 0 rgba( 0, 0, 0, 0.3 )" },
        { "slug": "base", "name": "Base", "shadow": "0 4px  20px 0 #00000026" },
        { "slug": "lg", "name": "Large", "shadow": "0 8px  15px 0 rgba( 0, 0, 0, 0.3 )" },
        { "slug": "shadow-1", "name": "Shadow 1", "shadow": "0 4px 4px 0 #00000040" },
        { "slug": "shadow-2", "name": "Shadow 2", "shadow": "0 1px 5px 0 #00000026" },
        { "slug": "shadow-3", "name": "Shadow 3", "shadow": "0 5px 15px 0 #377E621A" },
        { "slug": "shadow-4", "name": "Shadow 4", "shadow": "1px 1px 20px 0 #0E0E0F1A" }
      ]
    },
    "typography": {
      "fontFamilies": [
        {
          "fontFace": [
            {
              "fontFamily": "Jost",
              "fontStyle": "normal",
              "fontWeight": "100 900",
              "src": [
                "file:./[brandy_sites_path]assets/fonts/jost/jost-regular.woff2"
              ],
              "fontDisplay": "swap"
            },
            {
              "fontFamily": "Jost",
              "fontStyle": "italic",
              "fontWeight": "100 900",
              "src": [
                "file:./[brandy_sites_path]assets/fonts/jost/jost-italic.woff2"
              ],
              "fontDisplay": "swap"
            }
          ],
          "fontFamily": "\"Jost\", sans-serif",
          "name": "Jost",
          "slug": "jost"
        },
        {
          "fontFamily": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif",
          "slug": "system-fonts",
          "name": "System fonts"
        }
      ]
    },
    "custom": {
      "radius": "0px",
      "input": {
        "borderRadius": "0px"
      },
      "productImageRatio": "1",
      "color": {
        "card": {
          "background": "#181818"
        },
        "sidebar": {
          "background": "#0F1012"
        },
        "input": {
          "foreground": "var:preset|color|brandy-foreground",
          "background": "#FFFFFF1A",
          "border": "#A3B5C726",
          "hoverBorder": "#A3B5C74D",
          "focus-border": "#A3B5C74D"
        },
        "button": {
          "outline": {
            "hoverForeground": "#0F1012",
            "hoverBackground": "var:preset|color|brandy-foreground",
            "hoverBorder": "var:preset|color|brandy-foreground"
          }
        }
      }
    }
  },
  "styles": {
    "spacing": {
      "padding": {
        "top": "8rem"
      }
    },
    "color": {
      "background": "#0F1012",
      "text": "var:preset|color|brandy-foreground"
    },
    "typography": {
      "fontFamily": "var:preset|font-family|jost"
    },
    "elements": {
      "heading": {
        "typography": {
          "fontFamily": "var:preset|font-family|jost",
          "fontWeight": "500",
          "letterSpacing": "0"
        },
        "color": {
          "text": "var:preset|color|brandy-foreground"
        }
      },
      "button": {
        "color": {
          "text": "var:preset|color|white",
          "background": "var:preset|color|brandy-primary"
        },
        ":hover": {
          "color": {
            "text": "var:preset|color|white",
            "background": "#7416D8"
          }
        },
        "border": {
          "radius": "0px"
        },
        "typography": {
          "fontSize": "18px",
          "fontWeight": "700",
          "lineHeight": "1.445",
          "textTransform": "capitalize"
        },
        "spacing": {
          "padding": {
            "left": "30px",
            "right": "30px",
            "top": "13px",
            "bottom": "13px"
          }
        }
      },
      "link": {
        "color": {
          "text": "var:preset|color|brandy-foreground"
        },
        ":hover": {
          "color": {
            "text": "var:preset|color|brandy-primary"
          }
        }
      }
    },
    "blocks": {
      "core/button": {
        "variations": {
          "outline": {
            "color": {
              "text": "var:preset|color|brandy-foreground",
              "background": "#ffffff00"
            },
            "border": {
              "width": "2px",
              "color": "var:preset|color|brandy-foreground"
            },
            "shadow": "none"
          }
        }
      },
      "woocommerce/product-image": {
        "border": {
          "radius": "0px"
        }
      },
      "woocommerce/product-sale-badge": {
        "shadow": "none",
        "border": {
          "radius": "8px"
        },
        "spacing": {
          "padding": {
            "top": "3px",
            "right": "10px",
            "bottom": "3px",
            "left": "10px"
          }
        },
        "typography": {
          "fontSize": "14px",
          "fontWeight": "600",
          "lineHeight": "1.445"
        }
      }
    }
  }
}