{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 3,
  "title": "Bookster Sport styles",
  "description": "Playvora — sport venue and activity booking",
  "settings": {
    "color": {
      "palette": [
        { "color": "#CCFB55", "slug": "brandy-primary", "name": "Brandy Primary" },
        { "color": "#CCFB551A", "slug": "brandy-primary-10", "name": "Brandy Primary 10%" },
        { "color": "#E2F3DA", "slug": "brandy-secondary", "name": "Brandy Secondary" },
        { "color": "#0B0B0D", "slug": "brandy-foreground", "name": "Brandy Primary Foreground" },
        { "color": "#565754", "slug": "brandy-muted-foreground", "name": "Brandy Muted Foreground" },
        { "color": "#E5E6EA80", "slug": "brandy-border", "name": "Brandy Border" },
        { "color": "#F8F9F5", "slug": "brandy-gray-1", "name": "Brandy Gray 1" },
        { "color": "#F6F6FF", "slug": "brandy-gray-2", "name": "Brandy Gray 2" },
        { "color": "#F0F1F7", "slug": "brandy-gray-3", "name": "Brandy Gray 3" },
        { "color": "#E5E6EA", "slug": "brandy-gray-4", "name": "Brandy Gray 4" },
        { "color": "#D9D9D9", "slug": "brandy-gray-5", "name": "Brandy Gray 5" },
        { "color": "#C9C9CA", "slug": "brandy-gray-6", "name": "Brandy Gray 6" },
        { "color": "#8E978A", "slug": "brandy-gray-7", "name": "Brandy Gray 7" }
      ],
      "gradients": [
        {
          "slug": "gradient-1",
          "name": "Gradient 1",
          "gradient": "linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 49.52%,rgba(0,0,0,0.2) 99.52%)"
        }
      ]
    },
    "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 1px 3px 0 rgba(0,0,0,0.05)" },
        { "slug": "shadow-2", "name": "Shadow 2", "shadow": "0 0 4px 0 rgba(44,44,44,0.06)" },
        { "slug": "shadow-3", "name": "Shadow 3", "shadow": "0 4px 4px 0 rgba(0,0,0,0.1)" }
      ]
    },
    "typography": {
      "fontFamilies": [
        {
          "fontFace": [
            {
              "fontFamily": "Montserrat",
              "fontStyle": "normal",
              "fontWeight": "100 900",
              "src": [
                "[bookster_sites_url]fonts/montserrat/montserrat-regular.woff2"
              ],
              "fontDisplay": "swap"
            }
          ],
          "fontFamily": "\"Montserrat\", sans-serif",
          "name": "Montserrat",
          "slug": "montserrat"
        },
        {
          "fontFace": [
            {
              "fontFamily": "Fredoka",
              "fontStyle": "normal",
              "fontWeight": "300 700",
              "src": [
                "[bookster_sites_url]fonts/fredoka/fredoka-regular.woff2"
              ],
              "fontDisplay": "swap"
            }
          ],
          "fontFamily": "\"Fredoka\", sans-serif",
          "name": "Fredoka",
          "slug": "fredoka"
        },
        {
          "fontFace": [
            {
              "fontFamily": "Outfit",
              "fontStyle": "normal",
              "fontWeight": "100 900",
              "src": [
                "file:./assets/fonts/outfit/outfit-regular.woff2"
              ]
            }
          ],
          "fontFamily": "\"Outfit\", sans-serif",
          "name": "Outfit",
          "slug": "outfit"
        },
        {
          "fontFamily": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif",
          "slug": "system-fonts",
          "name": "System fonts"
        }
      ]
    },
    "layout": {
      "contentSize": "1080px",
      "wideSize": "1440px"
    },
    "custom": {
      "radius": "20px",
      "input": {
        "borderRadius": "12px"
      },
      "color": {
        "button": {
          "outline": {
            "hoverForeground": "var:preset|color|white",
            "hoverBackground": "var:preset|color|brandy-foreground",
            "hoverBorder": "var:preset|color|brandy-foreground"
          }
        }
      }
    }
  },
  "styles": {
    "color": {
      "background": "var:preset|color|white",
      "text": "var:preset|color|brandy-foreground"
    },
    "typography": {
      "fontFamily": "var:preset|font-family|montserrat"
    },
    "elements": {
      "heading": {
        "typography": {
          "fontFamily": "var:preset|font-family|montserrat",
          "fontWeight": "600",
          "letterSpacing": "0"
        },
        "color": {
          "text": "var:preset|color|brandy-foreground"
        }
      },
      "button": {
        "color": {
          "text": "var:preset|color|brandy-foreground",
          "background": "var:preset|color|brandy-primary"
        },
        ":hover": {
          "color": {
            "text": "var:preset|color|brandy-foreground",
            "background": "#B0E330"
          }
        },
        "border": {
          "radius": "8px"
        },
        "shadow": "var:preset|shadow|shadow-1",
        "typography": {
          "fontSize": "14px",
          "fontWeight": "600",
          "lineHeight": "0.714",
          "textTransform": "capitalize"
        },
        "spacing": {
          "padding": {
            "left": "28px",
            "right": "28px",
            "top": "18px",
            "bottom": "18px"
          }
        }
      },
      "link": {
        "color": {
          "text": "var:preset|color|brandy-foreground"
        },
        ":hover": {
          "color": {
            "text": "var:preset|color|brandy-muted-foreground"
          }
        }
      }
    },
    "blocks": {
      "core/button": {
        "variations": {
          "outline": {
            "color": {
              "text": "var:preset|color|brandy-foreground",
              "background": "#ffffff00"
            },
            "border": {
              "width": "1.5px",
              "color": "var:preset|color|brandy-foreground"
            },
            "shadow": "none"
          }
        }
      }
    }
  }
}