{
  "isFullTheme": false,
  "rawColors": {
    "$antiFlashWhite": "#F3F3F4",
    "$lightGrey": "#E7E6E2",
    "$metallicSilver": "#A9ADB5",
    "$turquoise": "#3FDCC8",
    "$white": "#FFFFFF",
    "$yellowOrange": "#FFAB40",
    "$black": "#000000",
    "$successGreen": "#008F5C",
    "$maastrichtBlue": "#0A152D",
    "$transparent": "transparent",
    "$charcoal": "#333333",
    "$flagstoneBlue400": "#01818F",
    "$darkElectricBlue": "#606776",
    "$deepGreenCyanTurquoise": "#188173",
    "$independence": "#475061",
    "$seaGreen": "#23A153",
    "$mediumSeaGreen": "#28B65E",
    "$mediumCarmine3": "#AB3C33",
    "$japaneseCarmine": "#97352D",
    "$failRed": "#9C3B26",
    "$darkPlum": "#770E4A",
    "$snow": "#FBFBFB",
    "$mercury": "#E5E5E5",
    "$mischka": "#D9D9DD",
    "$frenchGray": "#C2C5CA",
    "$malibu": "#88C5F7",
    "$brightSun": "#FFCD40",
    "$redSand": "#9C3B26",
    "$metallicCopper": "#732C1C",
    "$lightOrange": "#FFEED5",
    "$creamCan": "#F4D04F",
    "$paradisoBlue": "#3E8B94",
    "$deepOrange": "#C94D31",
    "$softRed": "#C75046",
    "$bronze": "#452700",
    "$seashell": "#FFF7EC",
    "$mustardBrown": "#C77100",
    "$isabelline": "#FAEEED",
    "$sweetBrown": "#9C3B26",
    "$castletonGreen": "#005235",
    "$cultured": "#F2F9F7",
    "$blueyGrey": "#F5F5F5",
    "$midnightGreen": "#004A53",
    "$romance": "#F3F2F0",
    "$flagstoneBlue200": "#002428",
    "$turquoise800": "#EEFBFB",
    "$turquoise400": "#007280"
  },
  "colorSchema": {
    "primary": {
      "primary1": "$maastrichtBlue",
      "primary2": "$antiFlashWhite",
      "primary3": "$turquoise",
      "secondary": "$white",
      "secondaryTint1": "$white",
      "attention": "$turquoise",
      "validationErrorText": "$black"
    },
    "text": {
      "text1Default": "$black",
      "text2Soft": "$independence",
      "text3Hint": "$darkElectricBlue",
      "text4Inverted": "$white",
      "text5Link": "$deepGreenCyanTurquoise",
      "text6Error": "$failRed",
      "text7Highlighted": "$darkPlum",
      "text8SecondaryLink": "$turquoise",
      "text9Alert": "$bronze",
      "text10Success": "$castletonGreen",
      "charcol": "$charcoal",
      "text12InvertedError": "$failRed"
    },
    "backgrounds": {
      "default": "$antiFlashWhite",
      "neutral1": "$black",
      "neutral2": "$white",
      "neutral3": "$snow",
      "neutral4": "$antiFlashWhite",
      "neutral5": "$mercury",
      "neutral6": "$mischka",
      "neutral7": "$frenchGray",
      "neutral8": "$metallicSilver",
      "neutral9": "$darkElectricBlue",
      "neutral10": "$independence",
      "neutral11": "$maastrichtBlue",
      "neutral12": "$darkPlum",
      "neutral13": "$lightPlum",
      "overlayBackground": "rgba(51, 51, 51, 0.85)"
    },
    "ui": {
      "buttons": {
        "defaultOutlineFocus": "$independence",
        "primaryButtons": {
          "default": {
            "background": "$turquoise",
            "border": "$turquoise",
            "text": "$black"
          },
          "hover": {
            "background": "$deepGreenCyanTurquoise",
            "border": "$turquoise",
            "text": "$white"
          },
          "focus": {
            "background": "$turquoise",
            "border": "$deepGreenCyanTurquoise",
            "text": "$black"
          }
        },
        "secondaryButtons": {
          "default": {
            "background": "$transparent",
            "border": "$turquoise",
            "text": "$black"
          },
          "hover": {
            "background": "$antiFlashWhite",
            "border": "$independence",
            "text": "$black"
          },
          "focus": {
            "background": "$antiFlashWhite",
            "border": "$independence",
            "text": "$black"
          }
        },
        "tertiaryButtons": {
          "default": {
            "background": "$transparent",
            "border": "$independence",
            "text": "$black"
          },
          "hover": {
            "background": "$antiFlashWhite",
            "border": "$independence",
            "text": "$black"
          },
          "focus": {
            "background": "$antiFlashWhite",
            "border": "$independence",
            "text": "$black"
          }
        },
        "attentionButtons": {
          "default": {
            "background": "$brightSun",
            "border": "$brightSun",
            "text": "$black"
          },
          "hover": {
            "background": "$yellowOrange",
            "border": "$yellowOrange",
            "text": "$black"
          },
          "focus": {
            "background": "$brightSun",
            "border": "$yellowOrange",
            "text": "$black"
          }
        },
        "ghostButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$deepGreenCyanTurquoise"
          },
          "hover": {
            "background": "$antiFlashWhite",
            "border": "$antiFlashWhite",
            "text": "$deepGreenCyanTurquoise"
          },
          "focus": {
            "background": "$antiFlashWhite",
            "border": "$independence",
            "text": "$deepGreenCyanTurquoise"
          }
        },
        "ghostDestructiveButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$redSand"
          },
          "hover": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$redSand"
          },
          "focus": {
            "background": "$transparent",
            "border": "$destructiveDarkRed",
            "text": "$redSand"
          }
        },
        "destructiveButtons": {
          "default": {
            "background": "$redSand",
            "border": "$redSand",
            "text": "$white"
          },
          "hover": {
            "background": "$metallicCopper",
            "border": "$metallicCopper",
            "text": "$white"
          },
          "focus": {
            "background": "$redSand",
            "border": "$metallicCopper",
            "text": "$white"
          }
        },
        "invertedButtons": {
          "default": {
            "background": "$transparent",
            "border": "$white",
            "text": "$white"
          },
          "hover": {
            "background": "$antiFlashWhite",
            "border": "$white",
            "text": "$white"
          },
          "focus": {
            "background": "$antiFlashWhite",
            "border": "$white",
            "text": "$white"
          }
        },
        "ghostInvertedButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$turquoise"
          },
          "hover": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$turquoise"
          },
          "focus": {
            "background": "$transparent",
            "border": "$white",
            "text": "$turquoise"
          }
        },
        "linkButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$turquoise"
          },
          "hover": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$turquoise"
          },
          "focus": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$turquoise"
          }
        },
        "disabledButtons": {
          "default": {
            "background": "$antiFlashWhite",
            "border": "$antiFlashWhite",
            "text": "$darkElectricBlue"
          }
        },
        "closeButtons": {
          "default": {
            "background": "$white",
            "border": "$white",
            "text": "$charcoal"
          },
          "hover": {
            "background": "$romance",
            "border": "$romance",
            "text": "$charcoal"
          },
          "focus": {
            "background": "$romance",
            "border": "$charcoal",
            "text": "$charcoal"
          }
        },
        "closeInvertedButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$white"
          },
          "hover": {
            "background": "$transparent",
            "border": "$white",
            "text": "$white"
          },
          "focus": {
            "background": "$whiteTint20",
            "border": "$white",
            "text": "$white"
          }
        },
        "toggleSwitches": {
          "enabled": {
            "off": {
              "default": {
                "backgroundColor": "$white",
                "borderColor": "$metallicSilver",
                "circleColor": "$transparent",
                "circleBorderColor": "$turquoise",
                "iconColor": "$transparent"
              },
              "hover": {
                "backgroundColor": "$lightOrange",
                "borderColor": "$charcoal",
                "circleColor": "$transparent",
                "circleBorderColor": "$turquoise",
                "iconColor": "$transparent"
              },
              "focus": {
                "backgroundColor": "$lightOrange",
                "borderColor": "$metallicSilver",
                "circleColor": "$transparent",
                "circleBorderColor": "$turquoise",
                "iconColor": "$transparent"
              }
            },
            "on": {
              "default": {
                "backgroundColor": "$lightOrange",
                "borderColor": "$metallicSilver",
                "circleColor": "$turquoise",
                "circleBorderColor": "$turquoise",
                "iconColor": "$black"
              },
              "hover": {
                "backgroundColor": "$lightOrange",
                "borderColor": "$charcoal",
                "circleColor": "$turquoise",
                "circleBorderColor": "$turquoise",
                "iconColor": "$black"
              },
              "focus": {
                "backgroundColor": "$lightOrange",
                "borderColor": "$metallicSilver",
                "circleColor": "$turquoise",
                "circleBorderColor": "$turquoise",
                "iconColor": "$black"
              }
            }
          },
          "disabled": {
            "off": {
              "default": {
                "backgroundColor": "$white",
                "borderColor": "$charcoal",
                "circleColor": "$romance",
                "circleBorderColor": "$romance",
                "iconColor": "$romance"
              }
            },
            "on": {
              "default": {
                "backgroundColor": "$lightOrange",
                "borderColor": "$charcoal",
                "circleColor": "$romance",
                "circleBorderColor": "$romance",
                "iconColor": "$black"
              }
            }
          }
        },
        "navigationButtons": {
          "default": {
            "background": "$maastrichtBlue",
            "border": "$maastrichtBlue",
            "text": "$white"
          },
          "active": {
            "background": "$antiFlashWhite",
            "border": "$antiFlashWhite",
            "text": "$black"
          },
          "hover": {
            "background": "$independence",
            "border": "$independence",
            "text": "$white"
          }
        },
        "radioButtons": {
          "backgroundColor": "$white",
          "border": "$metallicSilver",
          "activeColor": "$independence",
          "activeBackgroundColor": "$turquoise"
        },
        "styledRadioButtons": {
          "default": {
            "background": "$white",
            "border": "$metallicSilver",
            "text": "$black"
          },
          "hover": {
            "background": "$lightOrange",
            "border": "$metallicSilver",
            "text": "$black"
          },
          "focus": {
            "background": "$lightOrange",
            "border": "$metallicSilver",
            "text": "$black"
          },
          "active": {
            "background": "$lightOrange",
            "border": "$metallicSilver",
            "text": "$black"
          }
        },
        "toggleMenu": {
          "backgroundColor": "rgba(255, 255, 255, 0.14)",
          "selectedColor": "rgba(255, 255, 255, 0.13)",
          "text": "$white",
          "focusBorder": "$white"
        }
      },
      "lines": {
        "line1default": "$black",
        "line2dark": "$independence",
        "line3medium": "$metallicSilver",
        "line4light": "$frenchGray",
        "line5inverted": "$white",
        "line6accent": "$turquoise",
        "line7highlight": "$darkPlum"
      },
      "links": {
        "textDecorationColorHover": "",
        "textDecorationColorFocus": ""
      },
      "notifications": {
        "success": {
          "borderColor": "$successGreen",
          "textColor": "$castletonGreen"
        },
        "fail": {
          "borderColor": "$failRed",
          "textColor": "$failRed"
        },
        "alert": {
          "borderColor": "$alertOrange",
          "textColor": "$bronze"
        },
        "highlight": {
          "borderColor": "$highlightYellow",
          "textColor": "$bronze"
        },
        "highlightV2": {
          "borderColor": "$flagstoneBlue400",
          "textColor": "$charcoal",
          "backgroundColor": "$turquoise800"
        },
        "info": {
          "borderColor": "$blackishGrey",
          "textColor": "$charcoal"
        },
        "failed": {
          "borderColor": "$softRed",
          "textColor": "$failRed"
        }
      },
      "navigationPanels": {
        "topPanel": {
          "background": "$maastrichtBlue",
          "border": "$maastrichtBlue",
          "text": "$white"
        },
        "avatar": {
          "background": "$white",
          "border": "$white",
          "text": "$darkPlum"
        },
        "footer": {
          "background": "$maastrichtBlue",
          "border": "$maastrichtBlue",
          "text": "$white"
        },
        "separatorColor": "$independence",
        "bottomPanel": {
          "background": "$maastrichtBlue",
          "border": "$maastrichtBlue",
          "text": "$white"
        }
      },
      "loaders": {
        "background": "$antiFlashWhite",
        "fill": "$maastrichtBlue"
      },
      "header": {
        "separatorColor": "$white",
        "backgroundButton": "$transparent"
      },
      "inputs": {
        "backgroundColor": "$white"
      },
      "tooltip": {
        "background": "$antiFlashWhite"
      },
      "multiBasket": {
        "selectionBanner": {
          "background": "$maastrichtBlue",
          "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"
        },
        "active": {
          "color": "$charcoal",
          "backgroundColor": "$turquoise800",
          "stroke": "$turquoise400"
        }
      },
      "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"
        }
      },
      "overrides": {
        "navigationPanels": {
          "topPanel": {
            "background": "$maastrichtBlue",
            "border": "$maastrichtBlue",
            "text": "$white"
          },
          "avatar": {
            "background": "$white",
            "border": "$white",
            "text": "$darkPlum"
          },
          "footer": {
            "background": "$maastrichtBlue",
            "border": "$maastrichtBlue",
            "text": "$white"
          },
          "separatorColor": "$independence",
          "bottomPanel": {
            "background": "$maastrichtBlue",
            "border": "$maastrichtBlue",
            "text": "$white"
          }
        },
        "navigationButtons": {
          "default": {
            "background": "$maastrichtBlue",
            "border": "$maastrichtBlue",
            "text": "$white"
          },
          "active": {
            "background": "$antiFlashWhite",
            "border": "$antiFlashWhite",
            "text": "$black"
          },
          "hover": {
            "background": "$independence",
            "border": "$independence",
            "text": "$white"
          }
        }
      },
      "promoCard": {
        "variantOne": {
          "backgroundColor": "$midnightGreen",
          "color": "$white"
        },
        "variantTwo": {
          "backgroundColor": "$darkPlum",
          "color": "$white"
        },
        "variantThree": {
          "backgroundColor": "$flagstoneBlue200",
          "color": "$white"
        }
      }
    }
  },
  "logoSchema": {
    "referralPartnerLogo": "partner/logos/sjp-logo.svg",
    "showFlagstoneLogo": false,
    "logoDirection": "horizontal",
    "flagstoneLogoHeight": "",
    "partnerLogoHeight": "3rem",
    "footer": {
      "logoBackgroundColor": "$white",
      "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.25px"
        },
        "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.25px"
        }
      }
    },
    "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": "50%"
    },
    "step": {
      "showInactiveAlternative": false
    },
    "accountTypePage": {
      "background": "$antiFlashWhite",
      "showBorderLine": true
    },
    "tooltip": {
      "hideBorder": true
    },
    "profileMenuButton": {
      "userInitials": {
        "lineHeight": "40px"
      }
    },
    "loadingDialog": {
      "showDdsLoader": true
    }
  }
}