{
  "version": "3.0",
  "favicon": "true",
  "colors": {
    "@color-black": "#000000",
    "@color-white": "#ffffff",
    "@color-white2": "#fffffe",
    "@color-teal": "#00b0b9",
    "@color-teal2": "#00b0b8",
    "@color-slate": "#5b6770",
    "@color-orange": "#6e3fa3",
    "@color-orange2": "#6e3fa4",
    "@color-lslate": "#a2aaad",
    "@color-body": "#222222",
    "@color-light": "#f2f2f2"
  },
  "fonts": {
    "Roboto": [
      100,
      "100i",
      300,
      "300i",
      500,
      "500i"
    ]
  },
  "surf": {
    "hintLabels": {
      "en_GB": "Read on"
    },
    "styles": [
      {
        "name": "Cover",
        "positions": [
          "Default"
        ],
        "colors": [
          "@color-teal",
          "@color-orange"
        ]
      },
      {
        "name": "Banner",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          "@color-white",
          "@color-white2",
          "@color-teal",
          "@color-orange"
        ]
      },
      {
        "name": "Inset",
        "positions": [
          "Center left",
          "Center right"
        ],
        "colors": [
          "@color-teal",
          "@color-orange",
          "@color-white",
          "@color-white2",
          "@color-teal2",
          "@color-orange2"
        ]
      },
      {
        "name": "Sidebar",
        "positions": [
          "Left",
          "Right"
        ],
        "colors": [
          "@color-teal",
          "@color-orange",
          "@color-white",
          "@color-white2",
          "@color-teal2",
          "@color-orange2"
        ]
      },
      {
        "name": "Overlay",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          "@color-teal",
          "@color-orange"
        ]
      },
      {
        "name": "Fade",
        "positions": [
          "Top left",
          "Top right",
          "Left",
          "Right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          "@color-white",
          "@color-teal",
          "@color-orange"
        ]
      },
      {
        "name": "Sideline",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          "@color-white",
          "@color-teal",
          "@color-orange"
        ]
      },
      {
        "name": "Clear",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          "@color-white",
          "@color-teal",
          "@color-orange"
        ]
      }
    ]
  },
  "immerse": {
    "grid": {
      "fontSize": 14,
      "lineHeight": 20
    },
    "styles": {
      "page": [
        "White",
        "Light"
      ],
      "featurebox": [
        "Plain",
        "Teal",
        "Slate",
        "Orange",
        "Light slate",
        "Teal underline",
        "Orange underline",
        "Overline",
        "Underline",
        "Left line",
        "Right line"
      ],
      "soundbite": [
        "Teal",
        "Orange",
        "Slate",
        "Teal jumbo",
        "Orange jumbo",
        "Slate jumbo"
      ],
      "simplepoll": [
        "Teal",
        "Orange",
        "Teal underline",
        "Orange underline"
      ],
      "customlink": [
        "Teal button",
        "White button"
      ],
      "customtable": [
        "Bordered",
        "Hoverable",
        "Striped",
        "Teal",
        "Orange",
        "Slate"
      ],
      "colors": [
        {
          "name": "Teal",
          "value": "@color-teal"
        },
        {
          "name": "Orange",
          "value": "@color-orange"
        },
        {
          "name": "Slate",
          "value": "@color-slate"
        },
        {
          "name": "Black",
          "value": "@color-black"
        },
        {
          "name": "White",
          "value": "@color-white"
        }
      ]
    }
  }
}