{
  "isFullTheme": false,
  "rawColors": {
    "$grey000": "#000000",
    "$grey100": "#333333",
    "$grey300": "#595959",
    "$grey500": "#858585",
    "$grey600": "#ADADAD",
    "$grey700": "#D6D6D6",
    "$grey800": "#EAEAEA",
    "$grey850": "#F2F2F2",
    "$grey900": "#F9F9F9",
    "$grey1000": "#FFFFFF",
    "$whiteTint0": "#FFFFFF00",
    "$whiteTint10": "#FFFFFF1A",
    "$whiteTint20": "#FFFFFF33",
    "$flagstoneBlue200": "#002428",
    "$flagstoneBlue300": "#004A53",
    "$flagstoneBlue400": "#01818F",
    "$flagstoneBlue500": "#45D6D6",
    "$flagstoneBlue700": "#C4F2F2",
    "$flagstoneBlue800": "#EEFBFB",
    "$successGreen400": "#005235",
    "$successGreen500": "#008F5C",
    "$successGreen800": "#F2F9F7",
    "$alertOrange200": "#452700",
    "$alertOrange400": "#C77100",
    "$alertOrange500": "#FFAB40",
    "$alertOrange800": "#FFF7EC",
    "$warningRed300": "#732C1C",
    "$warningRed400": "#9C3B26",
    "$warningRed500": "#C75046",
    "$warningRed600": "#D67F78",
    "$warningRed800": "#FAEEED",
    "$yellow500": "#FFCD40",
    "$rose300": "#7A0043",
    "$rose800": "#FFF8FC",
    "$transparent": "transparent",
    "$darkblue": "#0A223D",
    "$green": "#007C96",
    "$kolibriBlue": "#00437A",
    "$darkerGreen": "#006680"
  },
  "colorSchema": {
    "primary": {
      "primary1": "$darkblue",
      "primary2": "$grey800",
      "primary3": "$green",
      "secondary": "$grey1000",
      "secondaryTint1": "$grey1000",
      "attention": "$flagstoneBlue500",
      "validationErrorText": "$grey000"
    },
    "text": {
      "text1Default": "$grey000",
      "text2Soft": "$grey100",
      "text3Hint": "$grey300",
      "text4Inverted": "$grey1000",
      "text5Link": "$flagstoneBlue400",
      "text6Error": "$warningRed400",
      "text7Highlighted": "$rose300",
      "text8SecondaryLink": "$flagstoneBlue500",
      "text9Alert": "$alertOrange200",
      "text10Success": "$successGreen400",
      "text11Neutral": "$grey100"
    },
    "backgrounds": {
      "default": "$grey800",
      "neutral1": "$grey000",
      "neutral2": "$grey1000",
      "neutral3": "$grey900",
      "neutral4": "$grey850",
      "neutral5": "$grey800",
      "neutral6": "$grey700",
      "neutral7": "$grey600",
      "neutral8": "$grey300",
      "neutral9": "$grey200",
      "neutral10": "$kolibriBlue",
      "neutral11": "$darkblue",
      "neutral12": "$rose300",
      "neutral13": "$rose800",
      "overlayBackground": "rgba(51, 51, 51, 0.85)"
    },
    "ui": {
      "buttons": {
        "defaultOutlineFocus": "$grey100",
        "primaryButtons": {
          "default": {
            "background": "$green",
            "border": "$green",
            "text": "$grey1000"
          },
          "hover": {
            "background": "$darkerGreen",
            "border": "$darkerGreen",
            "text": "$grey1000"
          },
          "focus": {
            "background": "$green",
            "border": "$darkerGreen",
            "text": "$grey1000"
          }
        },
        "secondaryButtons": {
          "default": {
            "background": "$transparent",
            "border": "$green",
            "text": "$grey000"
          },
          "hover": {
            "background": "$grey850",
            "border": "$grey100",
            "text": "$grey000"
          },
          "focus": {
            "background": "$grey850",
            "border": "$grey100",
            "text": "$grey000"
          }
        },
        "tertiaryButtons": {
          "default": {
            "background": "$transparent",
            "border": "$grey100",
            "text": "$grey000"
          },
          "hover": {
            "background": "$grey850",
            "border": "$grey100",
            "text": "$grey000"
          },
          "focus": {
            "background": "$grey850",
            "border": "$grey100",
            "text": "$grey000"
          }
        },
        "attentionButtons": {
          "default": {
            "background": "$alertOrange500",
            "border": "$alertOrange500",
            "text": "$grey000"
          },
          "hover": {
            "background": "$alertOrange400",
            "border": "$alertOrange400",
            "text": "$grey1000"
          },
          "focus": {
            "background": "$alertOrange500",
            "border": "$alertOrange400",
            "text": "$grey000"
          }
        },
        "ghostButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$flagstoneBlue400"
          },
          "hover": {
            "background": "$grey850",
            "border": "$grey850",
            "text": "$flagstoneBlue400"
          },
          "focus": {
            "background": "$grey850",
            "border": "$grey100",
            "text": "$flagstoneBlue400"
          }
        },
        "ghostDestructiveButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$warningRed400"
          },
          "hover": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$warningRed400"
          },
          "focus": {
            "background": "$transparent",
            "border": "$flagstoneBlue200",
            "text": "$warningRed400"
          }
        },
        "destructiveButtons": {
          "default": {
            "background": "$warningRed400",
            "border": "$warningRed400",
            "text": "$grey1000"
          },
          "hover": {
            "background": "$warningRed300",
            "border": "$warningRed300",
            "text": "$grey1000"
          },
          "focus": {
            "background": "$warningRed400",
            "border": "$warningRed300",
            "text": "$grey1000"
          }
        },
        "invertedButtons": {
          "default": {
            "background": "$transparent",
            "border": "$grey1000",
            "text": "$grey1000"
          },
          "hover": {
            "background": "$grey850",
            "border": "$grey1000",
            "text": "$grey1000"
          },
          "focus": {
            "background": "$grey850",
            "border": "$grey1000",
            "text": "$grey1000"
          }
        },
        "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": "$flagstoneBlue400"
          },
          "hover": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$flagstoneBlue400"
          },
          "focus": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$flagstoneBlue400"
          }
        },
        "disabledButtons": {
          "default": {
            "background": "$grey800",
            "border": "$grey800",
            "text": "$grey300"
          }
        },
        "closeButtons": {
          "default": {
            "background": "$whiteTint0",
            "border": "$whiteTint0",
            "text": "$grey000"
          },
          "hover": {
            "background": "$grey800",
            "border": "$grey800",
            "text": "$grey000"
          },
          "focus": {
            "background": "$grey800",
            "border": "$flagstoneBlue200",
            "text": "$grey000"
          }
        },
        "closeInvertedButtons": {
          "default": {
            "background": "$whiteTint0",
            "border": "$whiteTint0",
            "text": "$grey1000"
          },
          "hover": {
            "background": "$whiteTint20",
            "border": "$whiteTint10",
            "text": "$grey1000"
          },
          "focus": {
            "background": "$whiteTint20",
            "border": "$grey1000",
            "text": "$grey1000"
          }
        },
        "toggleSwitches": {
          "enabled": {
            "off": {
              "default": {
                "backgroundColor": "$grey600",
                "borderColor": "$grey600",
                "circleColor": "$grey1000",
                "circleBorderColor": "$grey1000",
                "iconColor": "$grey1000"
              },
              "hover": {
                "backgroundColor": "$darkerGreen",
                "borderColor": "$darkerGreen",
                "circleColor": "$grey1000",
                "circleBorderColor": "$grey1000",
                "iconColor": "$grey1000"
              },
              "focus": {
                "backgroundColor": "$darkerGreen",
                "borderColor": "$darkerGreen",
                "circleColor": "$grey1000",
                "circleBorderColor": "$grey1000",
                "iconColor": "$grey1000"
              }
            },
            "on": {
              "default": {
                "backgroundColor": "$green",
                "borderColor": "$green",
                "circleColor": "$grey1000",
                "circleBorderColor": "$grey1000",
                "iconColor": "$darkerGreen"
              },
              "hover": {
                "backgroundColor": "$darkerGreen",
                "borderColor": "$darkerGreen",
                "circleColor": "$grey1000",
                "circleBorderColor": "$grey1000",
                "iconColor": "$darkerGreen"
              },
              "focus": {
                "backgroundColor": "$darkerGreen",
                "borderColor": "$darkerGreen",
                "circleColor": "$grey1000",
                "circleBorderColor": "$grey1000",
                "iconColor": "$darkerGreen"
              }
            }
          },
          "disabled": {
            "off": {
              "default": {
                "backgroundColor": "$grey1000",
                "borderColor": "$grey700",
                "circleColor": "$grey700",
                "circleBorderColor": "$grey700",
                "iconColor": "$grey700"
              }
            },
            "on": {
              "default": {
                "backgroundColor": "$grey1000",
                "borderColor": "$grey700",
                "circleColor": "$grey700",
                "circleBorderColor": "$grey700",
                "iconColor": "$grey300"
              }
            }
          }
        },
        "navigationButtons": {
          "default": {
            "background": "$darkblue",
            "border": "$darkblue",
            "text": "$grey1000"
          },
          "active": {
            "background": "$grey800",
            "border": "$grey800",
            "text": "$grey000"
          },
          "hover": {
            "background": "$kolibriBlue",
            "border": "$kolibriBlue",
            "text": "$grey1000"
          }
        },
        "radioButtons": {
          "backgroundColor": "$grey1000",
          "border": "$grey500",
          "activeColor": "$grey1000",
          "activeBackgroundColor": "$green"
        },
        "styledRadioButtons": {
          "default": {
            "background": "$grey1000",
            "border": "$grey700",
            "text": "$flagstoneBlue200"
          },
          "hover": {
            "background": "$flagstoneBlue800",
            "border": "$flagstoneBlue400",
            "text": "$flagstoneBlue200"
          },
          "focus": {
            "background": "$flagstoneBlue800",
            "border": "$grey700",
            "text": "$flagstoneBlue200"
          },
          "active": {
            "background": "$flagstoneBlue800",
            "border": "$grey700",
            "text": "$flagstoneBlue200"
          }
        },
        "toggleMenu": {
          "backgroundColor": "rgba(255, 255, 255, 0.14)",
          "selectedColor": "rgba(255, 255, 255, 0.13)",
          "text": "$grey1000",
          "focusBorder": "$grey1000"
        }
      },
      "lines": {
        "line1default": "$grey000",
        "line2dark": "$flagstoneBlue200",
        "line3medium": "$grey600",
        "line4light": "$grey800",
        "line5inverted": "$grey1000",
        "line6accent": "$green",
        "line7highlight": "$rose300",
        "lineWarning": "$warningRed400",
        "lineAlert": "$alertOrange500",
        "lineSuccess": "$successGreen500",
        "lineCallout": "$yellow500"
      },
      "links": {
        "textDecorationColorHover": "",
        "textDecorationColorFocus": ""
      },
      "notifications": {
        "success": {
          "borderColor": "$successGreen500",
          "textColor": "$successGreen400"
        },
        "fail": {
          "borderColor": "$warningRed400",
          "textColor": "$warningRed400"
        },
        "alert": {
          "borderColor": "$alertOrange400",
          "textColor": "$alertOrange200"
        },
        "highlight": {
          "borderColor": "$yellow500",
          "textColor": "$alertOrange200"
        },
        "highlightV2": {
          "borderColor": "$flagstoneBlue400",
          "backgroundColor": "$flagstoneBlue800",
          "textColor": "$grey100"
        },
        "info": {
          "borderColor": "$grey500",
          "textColor": "$grey100"
        },
        "failed": {
          "borderColor": "$warningRed500",
          "textColor": "$warningRed400"
        }
      },
      "navigationPanels": {
        "topPanel": {
          "background": "$grey1000",
          "border": "$grey1000",
          "text": "$grey000"
        },
        "avatar": {
          "background": "$darkblue",
          "border": "$grey1000",
          "text": "$grey1000"
        },
        "footer": {
          "background": "$darkblue",
          "border": "$darkblue",
          "text": "$grey1000"
        },
        "separatorColor": "$grey000",
        "bottomPanel": {
          "background": "$darkblue",
          "border": "$darkblue",
          "text": "$grey1000"
        }
      },
      "loaders": {
        "background": "$grey1000",
        "fill": "$grey000"
      },
      "header": {
        "separatorColor": "$grey500",
        "backgroundButton": "$transparent"
      },
      "inputs": {
        "backgroundColor": "$grey1000"
      },
      "tooltip": {
        "background": "$grey850"
      },
      "multiBasket": {
        "selectionBanner": {
          "background": "$kolibriBlue",
          "text": "$grey1000"
        }
      },
      "tag": {
        "alert": {
          "color": "$alertOrange200",
          "backgroundColor": "$alertOrange800",
          "stroke": "$alertOrange400"
        },
        "warning": {
          "color": "$warningRed300",
          "backgroundColor": "$warningRed800",
          "stroke": "$warningRed400"
        },
        "success": {
          "color": "$successGreen400",
          "backgroundColor": "$successGreen800",
          "stroke": "$successGreen500"
        },
        "neutral": {
          "color": "$grey100",
          "backgroundColor": "$grey900",
          "stroke": "$grey500"
        },
        "active": {
          "color": "$grey100",
          "backgroundColor": "$flagstoneBlue800",
          "stroke": "$flagstoneBlue400"
        }
      },
      "bcob": {
        "notificationColour": "$alertOrange200"
      },
      "infoBanner": {
        "alert": {
          "color": "$alertOrange200",
          "backgroundColor": "$alertOrange800",
          "stroke": "$alertOrange400"
        },
        "info": {
          "color": "$grey100",
          "backgroundColor": "$grey900",
          "stroke": "$grey100"
        },
        "announcement": {
          "color": "$grey1000",
          "backgroundColor": "$rose300",
          "stroke": "$grey1000"
        },
        "warning": {
          "color": "$warningRed300",
          "backgroundColor": "$warningRed800",
          "stroke": "$warningRed400"
        }
      },
      "overrides": {
        "navigationPanels": {
          "topPanel": {
            "background": "$grey1000",
            "border": "$grey1000",
            "text": "$grey000"
          },
          "avatar": {
            "background": "$darkblue",
            "border": "$grey1000",
            "text": "$grey1000"
          },
          "footer": {
            "background": "$darkblue",
            "border": "$darkblue",
            "text": "$grey1000"
          },
          "separatorColor": "$grey000",
          "bottomPanel": {
            "background": "$darkblue",
            "border": "$darkblue",
            "text": "$grey1000"
          }
        },
        "navigationButtons": {
          "default": {
            "background": "$darkblue",
            "border": "$darkblue",
            "text": "$grey1000"
          },
          "active": {
            "background": "$grey800",
            "border": "$grey800",
            "text": "$grey000"
          },
          "hover": {
            "background": "$kolibriBlue",
            "border": "$kolibriBlue",
            "text": "$grey1000"
          }
        }
      },
      "promoCard": {
        "variantOne": {
          "backgroundColor": "$flagstoneBlue300",
          "color": "$grey1000"
        },
        "variantTwo": {
          "backgroundColor": "$rose300",
          "color": "$grey1000"
        },
        "variantThree": {
          "backgroundColor": "$flagstoneBlue200",
          "color": "$grey1000"
        }
      }
    }
  },
  "logoSchema": {
    "referralPartnerLogo": "partner/logos/caf-logo.svg",
    "showFlagstoneLogo": false,
    "logoDirection": "horizontal",
    "flagstoneLogoHeight": "40px",
    "partnerLogoHeight": "",
    "footer": {
      "logoBackgroundColor": "$grey1000",
      "logoForegroundColor": "$grey000"
    }
  },
  "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": "tertiary",
      "borderRadius": "unset",
      "showBorder": true
    },
    "signpost": {
      "showContainerBorder": false
    },
    "accordion": {
      "iconBorderRadius": "100%"
    },
    "step": {
      "showInactiveAlternative": false
    },
    "accountTypePage": {
      "background": "$grey800",
      "showBorderLine": true
    },
    "tooltip": {
      "hideBorder": true
    },
    "profileMenuButton": {
      "userInitials": {
        "lineHeight": "40px"
      }
    },
    "loadingDialog": {
      "showDdsLoader": true
    }
  }
}