{
  "version": "3.0",
  "favicon": "true",
  "fonts": {
    "Inter": [
      400,
      "400i",
      600,
      "600i",
      700,
      "700i"
    ],
    "Parafina": [
      900
    ]
  },
  "colors": {
    "@color-black": "#000000",
    "@color-white": "#ffffff",
    "@color-text": "#2d150d",
    "@color1": "#173d41",
    "@color2": "#6fee83",
    "@color3": "#2d150d",
    "@color4": "#fffceb",
    "@color5": "#d9ec7f",
    "@color6": "#b8f370",
    "@color7": "#234f1e",
    "@color8": "#dce2e3",
    "@color9": "#f3f5f6"
  },
  "surf": {
    "hintLabels": {
      "en_GB": "Read on"
    },
    "styles": [
      {
        "name": "Cover",
        "positions": [
          "Top left",
          "Center left"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Ocean Blue",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-1-light",
            "name": "Ocean Blue light",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-2",
            "name": "Turtl Green",
            "value": "#6fee83"
          },
          {
            "optionId": "option-surf-2-light",
            "name": "Turtl Green light",
            "value": "#6fee83"
          },
          {
            "optionId": "option-surf-3",
            "name": "option-surf-white",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-3-light",
            "name": "option-surf-white light",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-1-custom-toolbar",
            "name": "Ocean Blue custom toolbar",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-2-custom-toolbar",
            "name": "Turtl Green custom toolbar",
            "value": "#6fee83"
          },
          {
            "optionId": "option-surf-3-custom-toolbar",
            "name": "option-surf-white custom toolbar",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-4",
            "name": "Ocean Blue",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-5",
            "name": "Turtl Green",
            "value": "#6fee83"
          },
          {
            "optionId": "option-surf-6",
            "name": "option-surf-white",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-7",
            "name": "Ocean Blue",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-white",
            "name": "option-surf-white",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-black",
            "name": "option-surf-black",
            "value": "@color-black"
          }
        ]
      },
      {
        "name": "Inset",
        "positions": [
          "Top left",
          "Top right",
          "Center left",
          "Center",
          "Center right",
          "Bottom left",
          "Bottom right"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Ocean Blue",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-2",
            "name": "Turtl Green",
            "value": "#6fee83"
          },
          {
            "optionId": "option-surf-3",
            "name": "option-surf-white",
            "value": "@color-white"
          }
        ]
      },
      {
        "name": "Banner",
        "positions": [
          "Bottom left"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Ocean Blue",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-2",
            "name": "Turtl Green",
            "value": "#6fee83"
          },
          {
            "optionId": "option-surf-3",
            "name": "option-surf-white",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-4",
            "name": "Ocean Blue",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-5",
            "name": "Turtl Green",
            "value": "#6fee83"
          },
          {
            "optionId": "option-surf-6",
            "name": "option-surf-white",
            "value": "@color-white"
          }
        ]
      },
      {
        "name": "Sidebar",
        "positions": [
          "Left",
          "Right"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Ocean Blue",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-1-light",
            "name": "Ocean Blue light",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-2",
            "name": "Turtl Green",
            "value": "#6fee83"
          },
          {
            "optionId": "option-surf-2-light",
            "name": "Turtl Green light",
            "value": "#6fee83"
          },
          {
            "optionId": "option-surf-3",
            "name": "option-surf-white",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-3-light",
            "name": "option-surf-white light",
            "value": "@color-white"
          }
        ]
      },
      {
        "name": "Flat",
        "positions": [
          "Top left",
          "Center left",
          "Bottom left",
          "Center"
        ],
        "colors": [
          {
            "optionId": "option-surf-1",
            "name": "Ocean Blue",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-2",
            "name": "Turtl Green",
            "value": "#6fee83"
          },
          {
            "optionId": "option-surf-3",
            "name": "option-surf-white",
            "value": "@color-white"
          }
        ]
      },
      {
        "name": "Fade",
        "positions": [
          "Top left",
          "Left",
          "Bottom left"
        ],
        "colors": [
          {
            "optionId": "option-surf-white",
            "name": "option-surf-white",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-black",
            "name": "option-surf-black",
            "value": "@color-black"
          }
        ],
        "buttons": [
          {
            "optionId": "option-surf-button-solid-white",
            "name": "White",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-solid-1",
            "name": "Ocean Blue",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-button-solid-2",
            "name": "Turtl Green",
            "value": "#6fee83"
          }
        ]
      },
      {
        "name": "Clear",
        "positions": [
          "Top left",
          "Center left",
          "Bottom left",
          "Center"
        ],
        "colors": [
          {
            "optionId": "option-surf-white",
            "name": "option-surf-white",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-black",
            "name": "option-surf-black",
            "value": "@color-black"
          }
        ],
        "buttons": [
          {
            "optionId": "option-surf-button-solid-white",
            "name": "White",
            "value": "@color-white"
          },
          {
            "optionId": "option-surf-button-solid-1",
            "name": "Ocean Blue",
            "value": "#173d41"
          },
          {
            "optionId": "option-surf-button-solid-2",
            "name": "Turtl Green",
            "value": "#6fee83"
          }
        ]
      }
    ]
  },
  "immerse": {
    "grid": {
      "fontSize": 14,
      "lineHeight": 20
    },
    "styles": {
      "page": [
        {
          "optionId": "option-immerse-page-white",
          "name": "White (Primary)",
          "value": "@color-white"
        },
        {
          "optionId": "option-immerse-page-4",
          "name": "Sand (Primary)",
          "value": "#fffceb"
        },
        {
          "optionId": "option-immerse-page-1",
          "name": "Ocean Blue (Primary)",
          "value": "#173d41"
        },
        {
          "optionId": "option-immerse-page-2",
          "name": "Turtl Green (Secondary)",
          "value": "#6fee83"
        },
        {
          "optionId": "option-immerse-page-5",
          "name": "Golden Sand (Secondary)",
          "value": "#d9ec7f"
        },
        {
          "optionId": "option-immerse-page-6",
          "name": "Green (Secondary)",
          "value": "#b8f370"
        }
      ],
      "heading": [
        {
          "optionId": "option-immerse-heading-display-heading",
          "name": "Display heading Parafina",
          "value": "Display heading Parafina"
        },
        {
          "optionId": "option-immerse-heading-extra-large-heading",
          "name": "Extra large heading Parafina",
          "value": "Extra large heading Parafina"
        },
        {
          "optionId": "option-immerse-heading-mid-large-heading",
          "name": "Mid large heading Inter",
          "value": "Mid large heading Inter"
        },
        {
          "optionId": "option-immerse-heading-mid-large-heading-parafina",
          "name": "Mid large heading Parafina",
          "value": "Mid large heading Parafina"
        }
      ],
      "paragraph": [],
      "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-1",
          "name": "Ocean Blue",
          "value": "#173d41"
        },
        {
          "optionId": "option-immerse-featurebox-2",
          "name": "Turtl Green",
          "value": "#6fee83"
        },
        {
          "optionId": "option-immerse-featurebox-3",
          "name": "Turtl Shell",
          "value": "#2d150d"
        },
        {
          "optionId": "option-immerse-featurebox-4",
          "name": "Sand",
          "value": "#fffceb"
        },
        {
          "optionId": "option-immerse-featurebox-5",
          "name": "Golden Sand",
          "value": "#d9ec7f"
        },
        {
          "optionId": "option-immerse-featurebox-6",
          "name": "Green",
          "value": "#b8f370"
        },
        {
          "optionId": "option-immerse-featurebox-7",
          "name": "Dark Green",
          "value": "#234f1e"
        },
        {
          "optionId": "option-immerse-featurebox-8",
          "name": "Blue Grey",
          "value": "#dce2e3"
        },
        {
          "optionId": "option-immerse-featurebox-9",
          "name": "Light Grey",
          "value": "#f3f5f6"
        },
        {
          "optionId": "option-immerse-featurebox-white",
          "name": "White (Default)",
          "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": "Ocean Blue",
          "value": "#173d41"
        },
        {
          "optionId": "option-immerse-soundbite-2",
          "name": "Turtl Green",
          "value": "#6fee83"
        },
        {
          "optionId": "option-immerse-soundbite-white",
          "name": "White (Default)",
          "value": "@color-white"
        },
        {
          "optionId": "Default medium",
          "name": "Default medium",
          "value": "@color-text medium"
        },
        {
          "optionId": "option-immerse-soundbite-1-medium",
          "name": "Ocean Blue medium",
          "value": "#173d41 medium"
        },
        {
          "optionId": "option-immerse-soundbite-2-medium",
          "name": "Turtl Green medium",
          "value": "#6fee83 medium"
        },
        {
          "optionId": "option-immerse-soundbite-white-medium",
          "name": "White medium (Default)",
          "value": "@color-white medium"
        },
        {
          "optionId": "Default large",
          "name": "Default large",
          "value": "@color-text large"
        },
        {
          "optionId": "option-immerse-soundbite-1-large",
          "name": "Ocean Blue large",
          "value": "#173d41 large"
        },
        {
          "optionId": "option-immerse-soundbite-2-large",
          "name": "Turtl Green large",
          "value": "#6fee83 large"
        },
        {
          "optionId": "option-immerse-soundbite-white-large",
          "name": "White large (Default)",
          "value": "@color-white large"
        },
        {
          "optionId": "Default parafina",
          "name": "Default Parafina",
          "value": "@color-text parafina"
        },
        {
          "optionId": "option-immerse-soundbite-1-parafina",
          "name": "Ocean Blue Parafina",
          "value": "#173d41 parafina"
        },
        {
          "optionId": "option-immerse-soundbite-2-parafina",
          "name": "Turtl Green Parafina",
          "value": "#6fee83 parafina"
        },
        {
          "optionId": "option-immerse-soundbite-white-parafina",
          "name": "White Parafina",
          "value": "@color-white parafina"
        }
      ],
      "simplepoll": [
        {
          "optionId": "option-immerse-todo-list-default",
          "name": "Default - To do list",
          "value": "#173d41"
        },
        {
          "optionId": "option-immerse-poll-1",
          "name": "Ocean Blue",
          "value": "#173d41"
        },
        {
          "optionId": "option-immerse-todo-list-1",
          "name": "Ocean Blue - To do list",
          "value": "#173d41"
        },
        {
          "optionId": "option-immerse-poll-2",
          "name": "Turtl Green",
          "value": "#6fee83"
        },
        {
          "optionId": "option-immerse-todo-list-2",
          "name": "Turtl Green - To do list",
          "value": "#6fee83"
        },
        {
          "optionId": "option-immerse-poll-white-transparent",
          "name": "White transparent (Default)",
          "value": "@color-white"
        },
        {
          "optionId": "option-immerse-todo-list-white-transparent",
          "name": "White transparent (Default) - To do list",
          "value": "@color-white"
        },
        {
          "optionId": "option-immerse-poll-black-transparent",
          "name": "Black transparent (Default)",
          "value": "@color-black"
        },
        {
          "optionId": "option-immerse-todo-list-black-transparent",
          "name": "Black transparent (Default) - To do list",
          "value": "@color-black"
        }
      ],
      "customlink": [
        {
          "optionId": "option-immerse-customlink-1",
          "name": "Ocean Blue button",
          "value": "#173d41"
        },
        {
          "optionId": "option-immerse-customlink-2",
          "name": "Turtl Green button",
          "value": "#6fee83"
        },
        {
          "optionId": "option-immerse-customlink-white",
          "name": "White button (Default)",
          "value": "@color-white"
        }
      ],
      "customtable": [
        {
          "optionId": "option-immerse-table-1",
          "name": "Ocean Blue",
          "value": "#173d41"
        },
        {
          "optionId": "option-immerse-table-1-rounded",
          "name": "Ocean Blue rounded",
          "value": "#173d41 rounded"
        }
      ],
      "colors": [
        {
          "optionId": "option-immerse-color-1",
          "name": "Ocean Blue",
          "value": "@color1"
        },
        {
          "optionId": "option-immerse-color-2",
          "name": "Turtl Green",
          "value": "@color2"
        },
        {
          "optionId": "option-immerse-color-3",
          "name": "Turtl Shell",
          "value": "@color3"
        },
        {
          "optionId": "option-immerse-color-6",
          "name": "Green",
          "value": "@color6"
        },
        {
          "optionId": "option-immerse-color-7",
          "name": "Dark Green",
          "value": "@color7"
        },
        {
          "optionId": "option-immerse-color-white",
          "name": "White (Default)",
          "value": "@color-white"
        },
        {
          "optionId": "option-immerse-color-black",
          "name": "Black (Default)",
          "value": "@color-black"
        }
      ]
    }
  },
  "backcover": {
    "styles": [
      {
        "name": "Solid",
        "colors": [
          {
            "optionId": "option-back-cover-1",
            "name": "Ocean Blue",
            "value": "#173d41"
          },
          {
            "optionId": "option-back-cover-2",
            "name": "Turtl Green",
            "value": "#6fee83"
          },
          {
            "optionId": "option-back-cover-3",
            "name": "Turtl Shell",
            "value": "@color-white"
          }
        ]
      },
      {
        "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,
          "align": "center"
        }
      },
      {
        "selector": ".surf-style-cover .overlay .text:before"
      },
      {
        "selector": "toolbar .cta:after",
        "pages": "all"
      }
    ]
  },
  "contents": "left"
}