{
  "isFullTheme": false,
  "rawColors": {
    "$charcoal": "#333333",
    "$lightGrey": "#E7E6E2",
    "$turquoise": "#45D6D6",
    "$black": "#000000",
    "$darkGrey1": "#383838",
    "$darkGrey2": "#595959",
    "$white": "#FFFFFF",
    "$teal": "#00818F",
    "$darkTeal": "#007280",
    "$snow": "#FBFBFB",
    "$romance": "#F3F2F0",
    "$brightGrey": "#EAEAEA",
    "$grey": "#D6D6D6",
    "$darkGrey": "#ADADAD",
    "$blackishGrey": "#858585",
    "$zambezi": "#5C5C5C",
    "$darkYellow": "#E0AA23",
    "$highlightYellow": "#FFCD40",
    "$highlightDarkYellow": "#FFAB40",
    "$midYellow": "#FCE68D",
    "$lightYellow": "#FEF6D8",
    "$darkOrange": "#BF862B",
    "$alertOrange": "#FFAB40",
    "$midOrange": "#FFCC80",
    "$lightOrange": "#FFEED5",
    "$darkRed": "#AA4C3F",
    "$red": "#D66654",
    "$failRed": "#9C3B26",
    "$mediumRed": "#FFAB91",
    "$lightRed": "#FFE2DA",
    "$successGreen": "#008F5C",
    "$darkPlum": "#770E4A",
    "$plum": "#C6326A",
    "$midPlum": "#EAA7C1",
    "$lightPlum": "#FCE7EF",
    "$transparent": "transparent",
    "$destructiveRed": "#9C3B26",
    "$destructiveDarkRed": "#732C1C",
    "$softRed": "#C75046",
    "$bronze": "#452700",
    "$seashell": "#FFF7EC",
    "$mustardBrown": "#C77100",
    "$isabelline": "#FAEEED",
    "$sweetBrown": "#9C3B26",
    "$castletonGreen": "#005235",
    "$cultured": "#F2F9F7",
    "$blueyGrey": "#F5F5F5",
    "$newYorkPink": "#D67F78",
    "$midnightGreen": "#004A53",
    "$flagstoneBlue300": "#004A53",
    "$flagstoneBlue400": "#01818F",
    "$flagstoneBlue700": "#C4F2F2"
  },
  "colorSchema": {
    "primary": {
      "primary1": "$charcoal",
      "primary2": "$lightGrey",
      "primary3": "$turquoise",
      "secondary": "$white",
      "secondaryTint1": "$white",
      "attention": "$turquoise",
      "validationErrorText": "$black"
    },
    "text": {
      "text1Default": "$black",
      "text2Soft": "$darkGrey1",
      "text3Hint": "$darkGrey2",
      "text4Inverted": "$white",
      "text5Link": "$darkTeal",
      "text6Error": "$failRed",
      "text7Highlighted": "$darkPlum",
      "text8SecondaryLink": "$turquoise",
      "text9Alert": "$bronze",
      "text10Success": "$castletonGreen",
      "text11Neutral": "$charcoal",
      "text12InvertedError": "$newYorkPink"
    },
    "backgrounds": {
      "default": "$lightGrey",
      "neutral1": "$black",
      "neutral2": "$white",
      "neutral3": "$snow",
      "neutral4": "$romance",
      "neutral5": "$lightGrey",
      "neutral6": "$brightGrey",
      "neutral7": "$grey",
      "neutral8": "$darkGrey",
      "neutral9": "$blackishGrey",
      "neutral10": "$zambezi",
      "neutral11": "$charcoal",
      "neutral12": "$darkPlum",
      "neutral13": "$lightPlum",
      "overlayBackground": "rgba(51, 51, 51, 0.85)"
    },
    "ui": {
      "buttons": {
        "defaultOutlineFocus": "$charcoal",
        "primaryButtons": {
          "default": {
            "background": "$turquoise",
            "border": "$turquoise",
            "text": "$black"
          },
          "hover": {
            "background": "$teal",
            "border": "$teal",
            "text": "$white"
          },
          "focus": {
            "background": "$turquoise",
            "border": "$teal",
            "text": "$black"
          }
        },
        "secondaryButtons": {
          "default": {
            "background": "$transparent",
            "border": "$turquoise",
            "text": "$black"
          },
          "hover": {
            "background": "$romance",
            "border": "$charcoal",
            "text": "$black"
          },
          "focus": {
            "background": "$romance",
            "border": "$charcoal",
            "text": "$black"
          }
        },
        "tertiaryButtons": {
          "default": {
            "background": "$transparent",
            "border": "$charcoal",
            "text": "$black"
          },
          "hover": {
            "background": "$romance",
            "border": "$charcoal",
            "text": "$black"
          },
          "focus": {
            "background": "$romance",
            "border": "$charcoal",
            "text": "$black"
          }
        },
        "attentionButtons": {
          "default": {
            "background": "$highlightYellow",
            "border": "$highlightYellow",
            "text": "$black"
          },
          "hover": {
            "background": "$highlightDarkYellow",
            "border": "$highlightDarkYellow",
            "text": "$black"
          },
          "focus": {
            "background": "$highlightYellow",
            "border": "$highlightDarkYellow",
            "text": "$black"
          }
        },
        "ghostButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$teal"
          },
          "hover": {
            "background": "$romance",
            "border": "$romance",
            "text": "$teal"
          },
          "focus": {
            "background": "$romance",
            "border": "$charcoal",
            "text": "$teal"
          }
        },
        "ghostDestructiveButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$destructiveRed"
          },
          "hover": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$destructiveRed"
          },
          "focus": {
            "background": "$transparent",
            "border": "$destructiveDarkRed",
            "text": "$destructiveRed"
          }
        },
        "destructiveButtons": {
          "default": {
            "background": "$destructiveRed",
            "border": "$destructiveRed",
            "text": "$white"
          },
          "hover": {
            "background": "$destructiveDarkRed",
            "border": "$destructiveDarkRed",
            "text": "$white"
          },
          "focus": {
            "background": "$destructiveRed",
            "border": "$destructiveDarkRed",
            "text": "$white"
          }
        },
        "invertedButtons": {
          "default": {
            "background": "$transparent",
            "border": "$white",
            "text": "$white"
          },
          "hover": {
            "background": "$romance",
            "border": "$white",
            "text": "$white"
          },
          "focus": {
            "background": "$romance",
            "border": "$white",
            "text": "$white"
          }
        },
        "linkButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$teal"
          },
          "hover": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$teal"
          },
          "focus": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$teal"
          }
        },
        "disabledButtons": {
          "default": {
            "background": "$romance",
            "border": "$romance",
            "text": "$darkGrey2"
          }
        },
        "buttonSwitches": {
          "default": {
            "background": "$white",
            "border": "$charcoal",
            "text": "$black"
          },
          "hover": {
            "background": "$lightOrange",
            "border": "$blackishGrey",
            "text": "$black"
          },
          "focus": {
            "background": "$lightOrange",
            "border": "$black",
            "text": "$black"
          },
          "active": {
            "background": "$lightOrange",
            "border": "$black",
            "text": "$black"
          }
        },
        "navigationButtons": {
          "default": {
            "background": "$charcoal",
            "border": "$charcoal",
            "text": "$white"
          },
          "active": {
            "background": "$lightGrey",
            "border": "$lightGrey",
            "text": "$black"
          },
          "hover": {
            "background": "$zambezi",
            "border": "$charcoal",
            "text": "$white"
          }
        },
        "radioButtons": {
          "backgroundColor": "$white",
          "border": "$blackishGrey",
          "activeColor": "$charcoal",
          "activeBackgroundColor": "$turquoise"
        }
      },
      "lines": {
        "line1default": "$black",
        "line2dark": "$charcoal",
        "line3medium": "$blackishGrey",
        "line4light": "$grey",
        "line5inverted": "$white",
        "line6accent": "$turquoise",
        "line7highlight": "$darkPlum"
      },
      "links": {
        "textDecorationColorHover": "",
        "textDecorationColorFocus": "$black"
      },
      "notifications": {
        "success": {
          "borderColor": "$successGreen",
          "textColor": "$castletonGreen"
        },
        "fail": {
          "borderColor": "$failRed",
          "textColor": "$failRed"
        },
        "alert": {
          "borderColor": "$alertOrange",
          "textColor": "$bronze"
        },
        "highlight": {
          "borderColor": "$highlightYellow",
          "textColor": "$bronze"
        },
        "info": {
          "borderColor": "$blackishGrey",
          "textColor": "$charcoal"
        },
        "failed": {
          "borderColor": "$softRed",
          "textColor": "$failRed"
        }
      },
      "navigationPanels": {
        "topPanel": {
          "background": "$charcoal",
          "border": "$charcoal",
          "text": "$white"
        },
        "avatar": {
          "background": "$white",
          "border": "$white",
          "text": "$darkPlum"
        },
        "footer": {
          "background": "$charcoal",
          "border": "$charcoal",
          "text": "$white"
        },
        "separatorColor": "$black",
        "bottomPanel": {
          "background": "$charcoal",
          "border": "$charcoal",
          "text": "$white"
        }
      },
      "loaders": {
        "background": "$lightGrey",
        "fill": "$charcoal"
      },
      "header": {
        "separatorColor": "$white",
        "backgroundButton": "$transparent"
      },
      "inputs": {
        "backgroundColor": "$white"
      },
      "tooltip": {
        "background": "$romance"
      },
      "multiBasket": {
        "selectionBanner": {
          "background": "$zambezi",
          "text": "$white"
        }
      },
      "tag": {
        "alert": {
          "color": "$bronze",
          "backgroundColor": "$seashell",
          "stroke": "$mustardBrown"
        },
        "warning": {
          "color": "$destructiveDarkRed",
          "backgroundColor": "$isabelline",
          "stroke": "$sweetBrown"
        },
        "success": {
          "color": "$castletonGreen",
          "backgroundColor": "$cultured",
          "stroke": "$successGreen"
        },
        "neutral": {
          "color": "$charcoal",
          "backgroundColor": "$blueyGrey",
          "stroke": "$blackishGrey"
        }
      },
      "bcob": {
        "notificationColour": "$bronze"
      },
      "infoBanner": {
        "alert": {
          "color": "$bronze",
          "backgroundColor": "$seashell",
          "stroke": "$mustardBrown"
        },
        "info": {
          "color": "$charcoal",
          "backgroundColor": "$snow",
          "stroke": "$charcoal"
        },
        "announcement": {
          "color": "$white",
          "backgroundColor": "$darkPlum",
          "stroke": "$white"
        },
        "warning": {
          "color": "$destructiveDarkRed",
          "backgroundColor": "$isabelline",
          "stroke": "$sweetBrown"
        }
      },
      "productNotifications": {
        "reducedShareOfInterestForNewCustomers": {
          "backgroundColor": "$flagstoneBlue700"
        }
      },
      "overrides": {
        "navigationPanels": {
          "topPanel": {
            "background": "$midnightGreen",
            "border": "$midnightGreen",
            "text": "$white"
          },
          "avatar": {
            "background": "$white",
            "border": "$white",
            "text": "$darkPlum"
          },
          "footer": {
            "background": "$midnightGreen",
            "border": "$midnightGreen",
            "text": "$white"
          },
          "separatorColor": "$black",
          "bottomPanel": {
            "background": "$midnightGreen",
            "border": "$midnightGreen",
            "text": "$white"
          }
        },
        "navigationButtons": {
          "default": {
            "background": "$midnightGreen",
            "border": "$midnightGreen",
            "text": "$white"
          },
          "active": {
            "background": "$lightGrey",
            "border": "$lightGrey",
            "text": "$black"
          },
          "hover": {
            "background": "$zambezi",
            "border": "$midnightGreen",
            "text": "$white"
          }
        }
      },
      "isaBanner": {
        "backgroundColor": "$midnightGreen",
        "color": "$white"
      },
      "reducedShareOfInterestPromotionalBanner": {
        "banner": {
          "backgroundColor1": "$flagstoneBlue300",
          "backgroundColor2": "$flagstoneBlue400"
        }
      }
    }
  },
  "logoSchema": {
    "referralPartnerLogo": "",
    "showFlagstoneLogo": true,
    "logoDirection": "horizontal",
    "flagstoneLogoHeight": "40px",
    "partnerLogoHeight": "",
    "footer": {
      "logoBackgroundColor": "$turquoise",
      "logoForegroundColor": "$black"
    }
  },
  "fontsSchema": {
    "headingFont": {
      "fontFamily": "Wicklow",
      "fontRegular": "https://staticassets.flagstoneim.com/Fonts/F37WicklowPC/F37WicklowPC-Regular.woff",
      "fontSemiBold": "https://staticassets.flagstoneim.com/Fonts/F37WicklowPC/F37WicklowPC-Regular.woff",
      "fontBold": "https://staticassets.flagstoneim.com/Fonts/F37WicklowPC/F37WicklowPC-Regular.woff",
      "fontType": "woff",
      "fontSize": "16px",
      "fallbackFont": "Georgia, Times New Roman, serif",
      "fontWeight": "400",
      "fontWeightSemiBold": "500"
    },
    "bodyFont": {
      "fontFamily": "Plain",
      "fontWeight": "300",
      "fontRegular": "https://staticassets.flagstoneim.com/Fonts/Plain/Plain-Light.woff",
      "fontFamilySemiBold": "PlainMedium",
      "fontWeightSemiBold": "500",
      "fontSemiBold": "https://staticassets.flagstoneim.com/Fonts/Plain/Plain-Medium.woff",
      "fontBold": "https://staticassets.flagstoneim.com/Fonts/Plain/Plain-Medium.woff",
      "fontWeightBold": "600",
      "fontType": "woff",
      "fontSize": "16px",
      "fallbackFont": "Helvetica, Arial, sans-serif"
    },
    "typography": {
      "headings": {
        "xxl": {
          "fontSize": "56px",
          "lineHeight": "57px",
          "letterSpacing": "1px"
        },
        "xl": {
          "fontSize": "40px",
          "lineHeight": "48px",
          "letterSpacing": "0.75px"
        },
        "l": {
          "fontSize": "32px",
          "lineHeight": "36px",
          "letterSpacing": "0.75px"
        },
        "m": {
          "fontSize": "24px",
          "lineHeight": "28px",
          "letterSpacing": "0.75px"
        },
        "s": {
          "fontSize": "20px",
          "lineHeight": "24px",
          "letterSpacing": "0.15px"
        },
        "xs": {
          "fontSize": "18px",
          "lineHeight": "22px",
          "letterSpacing": "0.15px"
        },
        "xxs": {
          "fontSize": "16px",
          "lineHeight": "20px",
          "letterSpacing": "0.15px"
        },
        "section": {
          "fontSize": "18px",
          "lineHeight": "24px",
          "letterSpacing": "4px"
        }
      },
      "body": {
        "l": {
          "fontSize": "20px",
          "lineHeight": "28px",
          "letterSpacing": "0.25px"
        },
        "m": {
          "fontSize": "16px",
          "lineHeight": "24px",
          "letterSpacing": "0.25px"
        },
        "s": {
          "fontSize": "14px",
          "lineHeight": "21px",
          "letterSpacing": "0.1px"
        },
        "xs": {
          "fontSize": "12px",
          "lineHeight": "16px",
          "letterSpacing": "0.1px"
        },
        "caption": {
          "fontSize": "16px",
          "lineHeight": "18px",
          "letterSpacing": "0.5px"
        }
      }
    },
    "buttons": {
      "textTransform": "uppercase",
      "fontWeight": "300",
      "letterSpacing": "2px",
      "borderRadius": "0px",
      "outlineWidthFocus": "2px"
    },
    "links": {
      "textDecoration": "none",
      "textUnderlineOffset": ""
    },
    "tabs": {
      "fontWeight": "300",
      "fontWeightHover": "300",
      "fontWeightFocus": "600",
      "fontWeightActive": "700"
    },
    "components": {
      "recoveryCodes": {
        "fontSize": "1.1rem",
        "fontFamily": "monospace"
      }
    }
  },
  "componentSchema": {
    "header": {
      "actionButtonType": "inverted",
      "borderRadius": "unset",
      "showBorder": true
    },
    "signpost": {
      "showContainerBorder": false
    },
    "accordion": {
      "iconBorderRadius": "0%"
    },
    "step": {
      "showInactiveAlternative": false
    },
    "accountTypePage": {
      "background": "$lightGrey",
      "showBorderLine": true
    },
    "tooltip": {
      "hideBorder": true
    },
    "profileMenuButton": {
      "userInitials": {
        "lineHeight": "40px"
      }
    },
    "loadingDialog": {
      "showDdsLoader": true
    }
  }
}