{
  "version": "3.0",
  "contents": "left",
  "colors": {
    "@color-black": "#000000",
    "@color-black2": "#000010",
    "@color-white": "#ffffff",
    "@color-white2": "#fffffd",
    "@color-transparent": "#fffffe",
    "@color-text": "#000000",
    "@color1": "#ff0f7b",
    "@color2": "#ff712b",
    "@color3": "#ffab0f",
    "@color4": "#200040",
    "@color5": "#bebfc4",
    "@color6": "#83848a",
    "@color7": "#5d5e64",
    "@color8": "#3b3c41",
    "@color9": "#3b3c41",
    "@color10": "#3b3c41"
  },
  "surf": {
    "hintLabels": {
      "en_GB": "Read on"
    },
    "styles": [
      {
        "name": "Cover",
        "positions": [
          "Top left",
          "Center left",
          "Bottom left",
          "Center"
        ],
        "colors": [
          "@color-white",
          "@color1",
          "@color2",
          "@color3",
          "@color4",
          "@color5",
          "@color6",
          "@color7",
          "@color8",
          "@color9",
          "@color10",
          "@color-transparent",
          "@color-black"
        ]
      },
      {
        "name": "Banner",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          "@color-white",
          "@color1",
          "@color2",
          "@color3",
          "@color4",
          "@color5",
          "@color6",
          "@color7",
          "@color8",
          "@color9",
          "@color10"
        ]
      },
      {
        "name": "Inset",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          "@color-white",
          "@color1",
          "@color2",
          "@color3",
          "@color4",
          "@color5",
          "@color6",
          "@color7",
          "@color8",
          "@color9",
          "@color10"
        ]
      },
      {
        "name": "Sidebar",
        "positions": [
          "Left",
          "Right"
        ],
        "colors": [
          "@color-white",
          "@color1",
          "@color2",
          "@color3",
          "@color4",
          "@color5",
          "@color6",
          "@color7",
          "@color8",
          "@color9",
          "@color10"
        ]
      },
      {
        "name": "Flat",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          "@color1",
          "@color2",
          "@color3",
          "@color4",
          "@color5",
          "@color6",
          "@color7",
          "@color8",
          "@color9",
          "@color10"
        ]
      },
      {
        "name": "Overlay",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          "@color1",
          "@color2",
          "@color3",
          "@color4",
          "@color5",
          "@color6",
          "@color7",
          "@color8",
          "@color9",
          "@color10"
        ]
      },
      {
        "name": "Fade",
        "positions": [
          "Top left",
          "Top right",
          "Left",
          "Right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          "@color-white",
          "@color-white2",
          "@color-black",
          "@color-black2"
        ]
      },
      {
        "name": "Clear",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          "@color-white",
          "@color-white2",
          "@color-black",
          "@color-black2"
        ]
      }
    ]
  },
  "immerse": {
    "grid": {
      "fontSize": 14,
      "lineHeight": 20
    },
    "styles": {
      "page": [
        "White",
        "Pink",
        "Dark"
      ],
      "heading": [
        "Extra large heading",
        "Mid large heading"
      ],
      "paragraph": [
        "Default drop cap",
        "Pink drop cap",
        "Orange drop cap",
        "Yellow drop cap",
        "Purple drop cap",
        "Gray-30 drop cap",
        "Gray-50 drop cap",
        "Gray-70 drop cap",
        "Gray-90 drop cap",
        "Gray-90 drop cap",
        "Gray-90 drop cap"
      ],
      "featurebox": [
        "Plain",
        "Plain padded",
        "Pink",
        "Orange",
        "Yellow",
        "Purple",
        "Gray-30",
        "Gray-50",
        "Gray-70",
        "Gray-90",
        "Gray-90",
        "Gray-90",
        "White",
        "Left line",
        "Right line",
        "Overline",
        "Underline",
        "Outline"
      ],
      "soundbite": [
        "Pink",
        "Orange",
        "Yellow",
        "Purple",
        "Gray-30",
        "Gray-50",
        "Gray-70",
        "Gray-90",
        "Gray-90",
        "Gray-90",
        "White",
        "Default medium",
        "Pink medium",
        "Orange medium",
        "Yellow medium",
        "Purple medium",
        "Gray-30 medium",
        "Gray-50 medium",
        "Gray-70 medium",
        "Gray-90 medium",
        "Gray-90 medium",
        "Gray-90 medium",
        "White medium",
        "Default large",
        "Pink large",
        "Orange large",
        "Yellow large",
        "Purple large",
        "Gray-30 large",
        "Gray-50 large",
        "Gray-70 large",
        "Gray-90 large",
        "Gray-90 large",
        "Gray-90 large",
        "White large"
      ],
      "simplepoll": [
        "Pink",
        "Orange",
        "Yellow",
        "Purple",
        "Gray-30",
        "Gray-50",
        "Gray-70",
        "Gray-90",
        "Gray-90",
        "Gray-90"
      ],
      "customlink": [
        "Pink button",
        "Orange button",
        "Yellow button",
        "Purple button",
        "Gray-30 button",
        "Gray-50 button",
        "Gray-70 button",
        "Gray-90 button",
        "Gray-90 button",
        "Gray-90 button",
        "White button"
      ],
      "customtable": [
        "Pink",
        "Orange",
        "Yellow",
        "Purple",
        "Gray-30",
        "Gray-50",
        "Gray-70",
        "Gray-90",
        "Gray-90",
        "Gray-90"
      ],
      "colors": [
        {
          "name": "Pink",
          "value": "@color1"
        },
        {
          "name": "Orange",
          "value": "@color2"
        },
        {
          "name": "Yellow",
          "value": "@color3"
        },
        {
          "name": "Purple",
          "value": "@color4"
        },
        {
          "name": "Gray-30",
          "value": "@color5"
        },
        {
          "name": "Gray-50",
          "value": "@color6"
        },
        {
          "name": "Gray-70",
          "value": "@color7"
        },
        {
          "name": "Gray-90",
          "value": "@color8"
        },
        {
          "name": "Gray-90",
          "value": "@color9"
        },
        {
          "name": "Gray-90",
          "value": "@color10"
        },
        {
          "name": "Body",
          "value": "@color-text"
        },
        {
          "name": "Black",
          "value": "@color-black"
        },
        {
          "name": "White",
          "value": "@color-white"
        }
      ]
    }
  },
  "backcover": {
    "styles": [
      {
        "name": "Opaque",
        "colors": [
          "@color1",
          "@color2",
          "@color3",
          "@color4",
          "@color5",
          "@color6",
          "@color7",
          "@color8",
          "@color9",
          "@color10",
          "@color-black",
          "@color-white"
        ]
      },
      {
        "name": "Solid",
        "colors": [
          "@color1",
          "@color2",
          "@color3",
          "@color4",
          "@color5",
          "@color6",
          "@color7",
          "@color8",
          "@color9",
          "@color10",
          "@color-black",
          "@color-white"
        ]
      },
      {
        "name": "Clear",
        "colors": [
          "@color-white",
          "@color-black"
        ]
      }
    ]
  },
  "customComponents": {
    "logo": [
      {
        "selector": ".ttl-surf-logo",
        "scale": {
          "default": 5,
          "min": 0,
          "max": 10
        }
      },
      {
        "selector": ".surf-style-cover .text:before"
      },
      {
        "selector": "toolbar .cta:after",
        "pages": "all"
      }
    ]
  },
  "fonts": {
    "Inter": [
      "400",
      "400i",
      "700",
      "700i"
    ]
  }
}