{
  "version": "3.0",
  "contents": "left",
  "colors": {
    "@color-black": "#000000",
    "@color-white": "#ffffff",
    "@color-text": "#000000",
    "@color1": "#c01d19",
    "@color2": "#0d0202",
    "@color3": "#ebebeb",
    "@color4": "#8b0304",
    "@color5": "#b30000",
    "@color6": "#808285",
    "@color7": "#d7d7ce",
    "@color8": "#b5b5a8",
    "@color9": "#f1ebe5",
    "@color10": "#e5e8e2",
    "@color11": "#ebeaf1",
    "@color12": "#f3eedd"
  },
  "fonts": {
    "Graphik": [
      400,
      "400i",
      700,
      "700i"
    ],
    "Regis": [
      400,
      "400i",
      600,
      "600i"
    ],
    "Noto Sans SC": [
      400,
      600,
      700
    ],
    "Noto Sans JP": [
      400,
      600,
      700
    ]
  },
  "surf": {
    "hintLabels": {
      "en_GB": "Read on"
    },
    "styles": [
      {
        "name": "Cover",
        "positions": [
          "Top left",
          "Center left"
        ],
        "colors": [
          {
            "optionId": "option-cover-1",
            "name": "Red",
            "value": "@color-white"
          },
          {
            "optionId": "option-cover-2",
            "name": "CIO Black",
            "value": "@color-black"
          },
          {
            "optionId": "option-cover-3",
            "name": "Light Grey",
            "value": "@color-white"
          },
          {
            "optionId": "option-cover-4",
            "name": "Dark Red",
            "value": "@color-black"
          }
        ]
      },
      {
        "name": "Banner",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Red",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-2",
            "name": "CIO Black",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-3",
            "name": "Light Grey",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-4",
            "name": "Sand",
            "value": "#f1ebe5"
          },
          {
            "optionId": "option-surf-5",
            "name": "Light Green",
            "value": "#e5e8e2"
          },
          {
            "optionId": "option-surf-6",
            "name": "Light Purple",
            "value": "#ebeaf1"
          },
          {
            "optionId": "option-surf-7",
            "name": "Light Yellow",
            "value": "#f3eedd"
          }
        ]
      },
      {
        "name": "Flat",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Red",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-2",
            "name": "CIO Black",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-3",
            "name": "Light Grey",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-4",
            "name": "Sand",
            "value": "#f1ebe5"
          },
          {
            "optionId": "option-surf-5",
            "name": "Light Green",
            "value": "#e5e8e2"
          },
          {
            "optionId": "option-surf-6",
            "name": "Light Purple",
            "value": "#ebeaf1"
          },
          {
            "optionId": "option-surf-7",
            "name": "Light Yellow",
            "value": "#f3eedd"
          }
        ]
      },
      {
        "name": "Overlay",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Red",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-2",
            "name": "CIO Black",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-3",
            "name": "Light Grey",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-4",
            "name": "Sand",
            "value": "#f1ebe5"
          },
          {
            "optionId": "option-surf-5",
            "name": "Light Green",
            "value": "#e5e8e2"
          },
          {
            "optionId": "option-surf-6",
            "name": "Light Purple",
            "value": "#ebeaf1"
          },
          {
            "optionId": "option-surf-7",
            "name": "Light Yellow",
            "value": "#f3eedd"
          }
        ]
      },
      {
        "name": "Sidebar",
        "positions": [
          "Left",
          "Right"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Red",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-2",
            "name": "CIO Black",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-3",
            "name": "Light Grey",
            "value": "@color-black"
          },
          {
            "optionId": "option-surf-4",
            "name": "Sand",
            "value": "#f1ebe5"
          },
          {
            "optionId": "option-surf-5",
            "name": "Light Green",
            "value": "#e5e8e2"
          },
          {
            "optionId": "option-surf-6",
            "name": "Light Purple",
            "value": "#ebeaf1"
          },
          {
            "optionId": "option-surf-7",
            "name": "Light Yellow",
            "value": "#f3eedd"
          }
        ]
      },
      {
        "name": "Fade",
        "positions": [
          "Top left",
          "Top right",
          "Left",
          "Right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          {
            "optionId": "option-surf-white",
            "name": "option-surf-white",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-black",
            "name": "option-surf-black",
            "value": "@color-black"
          }
        ]
      },
      {
        "name": "Clear",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          {
            "optionId": "option-surf-white",
            "name": "option-surf-white",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-black",
            "name": "option-surf-black",
            "value": "@color-black"
          }
        ]
      }
    ]
  },
  "immerse": {
    "grid": {
      "fontSize": 14,
      "lineHeight": 20
    },
    "styles": {
      "heading": [
        {
          "optionId": "option-immerse-heading-extra-large-heading",
          "name": "Extra large heading",
          "value": "Extra large heading"
        },
        {
          "optionId": "option-immerse-heading-mid-large-heading",
          "name": "Mid large heading",
          "value": "Mid large heading"
        }
      ],
      "paragraph": [
        {
          "optionId": "option-immerse-text-medium-text",
          "name": "Medium text",
          "value": "Medium text"
        },
        {
          "optionId": "option-immerse-text",
          "name": "Text drop cap",
          "value": "Text"
        },
        {
          "optionId": "option-immerse-text-1",
          "name": "Red drop cap",
          "value": "#c01d19"
        },
        {
          "optionId": "option-immerse-text-2",
          "name": "CIO Black drop cap",
          "value": "#0d0202"
        },
        {
          "optionId": "option-immerse-text-3",
          "name": "Light Grey drop cap",
          "value": "#ebebeb"
        },
        {
          "optionId": "option-immerse-text-4",
          "name": "Dark Red drop cap",
          "value": "#8b0304"
        },
        {
          "optionId": "option-immerse-text-5",
          "name": "Mid Red drop cap",
          "value": "#b30000"
        },
        {
          "optionId": "option-immerse-text-6",
          "name": "Mid Grey drop cap",
          "value": "#808285"
        },
        {
          "optionId": "option-immerse-text-7",
          "name": "Neutral 1 drop cap",
          "value": "#d7d7ce"
        },
        {
          "optionId": "option-immerse-text-8",
          "name": "Neutral 2 drop cap",
          "value": "#b5b5a8"
        }
      ],
      "featurebox": [
        {
          "optionId": "option-immerse-featurebox-plain",
          "name": "Plain",
          "value": "Plain"
        },
        {
          "optionId": "option-immerse-featurebox-plain-padded",
          "name": "Plain padded",
          "value": "Plain padded"
        },
        {
          "optionId": "option-immerse-featurebox-7",
          "name": "Neutral 1",
          "value": "#d7d7ce"
        },
        {
          "optionId": "option-immerse-featurebox-8",
          "name": "Neutral 2",
          "value": "#b5b5a8"
        },
        {
          "optionId": "option-immerse-featurebox-9",
          "name": "Sand",
          "value": "#f1ebe5"
        },
        {
          "optionId": "option-immerse-featurebox-10",
          "name": "Light Green",
          "value": "#e5e8e2"
        },
        {
          "optionId": "option-immerse-featurebox-11",
          "name": "Light Purple",
          "value": "#ebeaf1"
        },
        {
          "optionId": "option-immerse-featurebox-12",
          "name": "Light Yellow",
          "value": "#f3eedd"
        },
        {
          "optionId": "option-immerse-featurebox-white",
          "name": "White",
          "value": "@color-white"
        },
        {
          "optionId": "option-immerse-featurebox-leftline",
          "name": "Left line",
          "value": "Left line"
        },
        {
          "optionId": "option-immerse-featurebox-rightline",
          "name": "Right line",
          "value": "Right line"
        },
        {
          "optionId": "option-immerse-featurebox-overline",
          "name": "Overline",
          "value": "Overline"
        },
        {
          "optionId": "option-immerse-featurebox-underline",
          "name": "Underline",
          "value": "Underline"
        },
        {
          "optionId": "option-immerse-featurebox-outline",
          "name": "Outline",
          "value": "Outline"
        }
      ],
      "soundbite": [
        {
          "optionId": "option-immerse-soundbite-1",
          "name": "Red",
          "value": "#c01d19"
        },
        {
          "optionId": "option-immerse-soundbite-2",
          "name": "CIO Black",
          "value": "#0d0202"
        },
        {
          "optionId": "option-immerse-soundbite-4",
          "name": "Dark Red",
          "value": "#8b0304"
        },
        {
          "optionId": "option-immerse-soundbite-5",
          "name": "Mid Red",
          "value": "#b30000"
        },
        {
          "optionId": "option-immerse-soundbite-6",
          "name": "Mid Grey",
          "value": "#808285"
        },
        {
          "optionId": "option-immerse-soundbite-7",
          "name": "Neutral 1",
          "value": "#d7d7ce"
        },
        {
          "optionId": "option-immerse-soundbite-8",
          "name": "Neutral 2",
          "value": "#b5b5a8"
        },
        {
          "optionId": "Default medium",
          "name": "Default medium",
          "value": "#000000 medium"
        },
        {
          "optionId": "option-immerse-soundbite-1-medium",
          "name": "Red medium",
          "value": "#c01d19 medium"
        },
        {
          "optionId": "option-immerse-soundbite-2-medium",
          "name": "CIO Black medium",
          "value": "#0d0202 medium"
        },
        {
          "optionId": "option-immerse-soundbite-4-medium",
          "name": "Dark Red medium",
          "value": "#8b0304 medium"
        },
        {
          "optionId": "option-immerse-soundbite-5-medium",
          "name": "Mid Red medium",
          "value": "#b30000 medium"
        },
        {
          "optionId": "option-immerse-soundbite-6-medium",
          "name": "Mid Grey medium",
          "value": "#808285 medium"
        },
        {
          "optionId": "option-immerse-soundbite-7-medium",
          "name": "Neutral 1 medium",
          "value": "#d7d7ce medium"
        },
        {
          "optionId": "option-immerse-soundbite-8-medium",
          "name": "Neutral 2 medium",
          "value": "#b5b5a8 medium"
        },
        {
          "optionId": "Default large",
          "name": "Default large",
          "value": "#000000 large"
        },
        {
          "optionId": "option-immerse-soundbite-1-large",
          "name": "Red large",
          "value": "#c01d19 large"
        },
        {
          "optionId": "option-immerse-soundbite-2-large",
          "name": "CIO Black large",
          "value": "#0d0202 large"
        },
        {
          "optionId": "option-immerse-soundbite-4-large",
          "name": "Dark Red large",
          "value": "#8b0304 large"
        },
        {
          "optionId": "option-immerse-soundbite-5-large",
          "name": "Mid Red large",
          "value": "#b30000 large"
        },
        {
          "optionId": "option-immerse-soundbite-6-large",
          "name": "Mid Grey large",
          "value": "#808285 large"
        },
        {
          "optionId": "option-immerse-soundbite-7-large",
          "name": "Neutral 1 large",
          "value": "#d7d7ce large"
        },
        {
          "optionId": "option-immerse-soundbite-8-large",
          "name": "Neutral 2 large",
          "value": "#b5b5a8 large"
        }
      ],
      "simplepoll": [
        {
          "optionId": "option-immerse-poll-1",
          "name": "Red",
          "value": "#c01d19"
        },
        {
          "optionId": "option-immerse-poll-2",
          "name": "CIO Black",
          "value": "#0d0202"
        },
        {
          "optionId": "option-immerse-poll-3",
          "name": "Light Grey",
          "value": "#ebebeb"
        },
        {
          "optionId": "option-immerse-poll-4",
          "name": "Dark Red",
          "value": "#8b0304"
        },
        {
          "optionId": "option-immerse-poll-5",
          "name": "Mid Red",
          "value": "#b30000"
        },
        {
          "optionId": "option-immerse-poll-6",
          "name": "Mid Grey",
          "value": "#808285"
        },
        {
          "optionId": "option-immerse-poll-7",
          "name": "Neutral 1",
          "value": "#d7d7ce"
        },
        {
          "optionId": "option-immerse-poll-8",
          "name": "Neutral 2",
          "value": "#b5b5a8"
        },
        {
          "optionId": "option-immerse-poll-9",
          "name": "Sand",
          "value": "#f1ebe5"
        },
        {
          "optionId": "option-immerse-poll-10",
          "name": "Light Green",
          "value": "#e5e8e2"
        },
        {
          "optionId": "option-immerse-poll-11",
          "name": "Light Purple",
          "value": "#ebeaf1"
        },
        {
          "optionId": "option-immerse-poll-12",
          "name": "Light Yellow",
          "value": "#f3eedd"
        }
      ],
      "customlink": [
        {
          "optionId": "option-immerse-customlink-1",
          "name": "Red button",
          "value": "#c01d19"
        },
        {
          "optionId": "option-immerse-customlink-white",
          "name": "White button",
          "value": "@color-white"
        }
      ],
      "customtable": [
        {
          "optionId": "option-immerse-table-1",
          "name": "Red",
          "value": "#c01d19"
        },
        {
          "optionId": "option-immerse-table-2",
          "name": "CIO Black",
          "value": "#0d0202"
        },
        {
          "optionId": "option-immerse-table-3",
          "name": "Light Grey",
          "value": "#ebebeb"
        },
        {
          "optionId": "option-immerse-table-4",
          "name": "Dark Red",
          "value": "#8b0304"
        },
        {
          "optionId": "option-immerse-table-5",
          "name": "Mid Red",
          "value": "#b30000"
        },
        {
          "optionId": "option-immerse-table-6",
          "name": "Mid Grey",
          "value": "#808285"
        },
        {
          "optionId": "option-immerse-table-7",
          "name": "Neutral 1",
          "value": "#d7d7ce"
        },
        {
          "optionId": "option-immerse-table-8",
          "name": "Neutral 2",
          "value": "#b5b5a8"
        }
      ],
      "colors": [
        {
          "optionId": "option-immerse-color-1",
          "name": "Red",
          "value": "@color1"
        },
        {
          "optionId": "option-immerse-color-2",
          "name": "CIO Black",
          "value": "@color2"
        },
        {
          "optionId": "option-immerse-color-3",
          "name": "Light Grey",
          "value": "@color3"
        },
        {
          "optionId": "option-immerse-color-4",
          "name": "Dark Red",
          "value": "@color4"
        },
        {
          "optionId": "option-immerse-color-5",
          "name": "Mid Red",
          "value": "@color5"
        },
        {
          "optionId": "option-immerse-color-6",
          "name": "Mid Grey",
          "value": "@color6"
        },
        {
          "optionId": "option-immerse-color-7",
          "name": "Neutral 1",
          "value": "@color7"
        },
        {
          "optionId": "option-immerse-color-8",
          "name": "Neutral 2",
          "value": "@color8"
        },
        {
          "optionId": "option-immerse-color-9",
          "name": "Sand",
          "value": "@color9"
        },
        {
          "optionId": "option-immerse-color-10",
          "name": "Light Green",
          "value": "@color10"
        },
        {
          "optionId": "option-immerse-color-11",
          "name": "Light Purple",
          "value": "@color11"
        },
        {
          "optionId": "option-immerse-color-12",
          "name": "Light Yellow",
          "value": "@color12"
        },
        {
          "optionId": "option-immerse-color-white",
          "name": "White",
          "value": "@color-white"
        },
        {
          "optionId": "option-immerse-color-black",
          "name": "Black",
          "value": "@color-black"
        },
        {
          "optionId": "option-immerse-color-text",
          "name": "Text",
          "value": "@color-text"
        }
      ]
    }
  },
  "backcover": {
    "styles": [
      {
        "name": "Opaque",
        "colors": [
          {
            "optionId": "option-back-cover-default",
            "name": "White",
            "value": "@color-white"
          },
          {
            "optionId": "option-back-cover-black",
            "name": "Black",
            "value": "@color-black"
          },
          {
            "optionId": "option-back-cover-1",
            "name": "Red",
            "value": "#c01d19"
          }
        ]
      },
      {
        "name": "Solid",
        "colors": [
          {
            "optionId": "option-back-cover-default",
            "name": "White",
            "value": "@color-white"
          },
          {
            "optionId": "option-back-cover-black",
            "name": "Black",
            "value": "@color-black"
          },
          {
            "optionId": "option-back-cover-1",
            "name": "Red",
            "value": "#c01d19"
          }
        ]
      },
      {
        "name": "Clear",
        "colors": [
          {
            "optionId": "option-back-cover-white",
            "name": "White",
            "value": "@color-white"
          },
          {
            "optionId": "option-back-cover-black",
            "name": "Black",
            "value": "@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"
      }
    ]
  }
}