{
  "isFullTheme": false,
  "rawColors": {
    "$neutral100": "#000000",
    "$neutral200": "#333333",
    "$neutral600": "#9D9CA5",
    "$neutral700": "#ADADAD",
    "$neutral950": "#F5F5F5",
    "$neutral1000": "#FFFFFF",
    "$whiteTint0": "#FFFFFF00",
    "$whiteTint10": "#FFFFFF1A",
    "$whiteTint15": "#FFFFFF26",
    "$whiteTint20": "#FFFFFF33",
    "$whiteTint40": "#FFFFFF66",
    "$blackTint6": "#0000000F",
    "$flagstoneBlue100": "#001D20",
    "$flagstoneBlue200": "#002428",
    "$flagstoneBlue400": "#01818F",
    "$flagstoneBlue500": "#45D6D6",
    "$flagstoneBlue800": "#EEFBFB",
    "$successGreen400": "#005235",
    "$successGreen500": "#008F5C",
    "$successGreen550": "#219653",
    "$successGreen800": "#F2F9F7",
    "$alertOrange900": "#452700",
    "$alertOrange400": "#C77100",
    "$alertOrange450": "#FF8446",
    "$alertOrange500": "#FFAB40",
    "$alertOrange800": "#FFF7EC",
    "$warningRed300": "#732C1C",
    "$warningRed400": "#9C3B26",
    "$warningRed500": "#C75046",
    "$warningRed800": "#FAEEED",
    "$failRed450": "#DA2F29",
    "$failRed800": "#FFEBEA",
    "$highlightYellow400": "#F4D04F",
    "$yellow500": "#FFCD40",
    "$navy200": "#00132F",
    "$navy250": "#0A152D",
    "$navy300": "#002359",
    "$navy500": "#002D72",
    "$navy600": "#0045AE",
    "$sky400": "#00648E",
    "$sky500": "#0075A6",
    "$sky600": "#79D8FF",
    "$sky700": "#CCECF9",
    "$sky800": "#E2F7FF",
    "$slate550": "#475061",
    "$slate600": "#606776",
    "$slate650": "#A9ADB5",
    "$slate700": "#C2C5CA",
    "$slate750": "#D9D9DD",
    "$slate800": "#E5E5E5",
    "$slate850": "#F3F3F4",
    "$slate900": "#FBFBFB",
    "$ink500": "#272433",
    "$ink600": "#4C4856",
    "$ink700": "#6A6675",
    "$warmGrey550": "#F3F2F0",
    "$plum400": "#770E4A",
    "$turquoise400": "#007280",
    "$purple300": "#39007A",
    "$purple400": "#5F00CC",
    "$purple800": "#D8B7FF",
    "$purple900": "#F9F5FF",
    "$transparent": "transparent"
  },
  "colorSchema": {
    "primary": {
      "primary1": "$navy500",
      "primary2": "$slate850",
      "primary3": "$sky700",
      "secondary": "$neutral1000",
      "secondaryTint1": "$neutral1000",
      "attention": "$yellow500",
      "validationErrorText": "$neutral100"
    },
    "text": {
      "text1Default": "$ink500",
      "text2Soft": "$ink600",
      "text3Hint": "$ink700",
      "text4Inverted": "$neutral1000",
      "text5Link": "$sky500",
      "text6Error": "$failRed450",
      "text7Highlighted": "$sky500",
      "text8SecondaryLink": "$sky600",
      "text9Alert": "$alertOrange900",
      "text10Success": "$successGreen400",
      "text11Neutral": "$neutral200",
      "text12InvertedError": "$failRed450"
    },
    "backgrounds": {
      "default": "$slate850",
      "neutral1": "$neutral100",
      "neutral2": "$neutral1000",
      "neutral3": "$slate900",
      "neutral4": "$slate850",
      "neutral5": "$slate800",
      "neutral6": "$slate750",
      "neutral7": "$slate700",
      "neutral8": "$slate650",
      "neutral9": "$slate600",
      "neutral10": "$navy600",
      "neutral11": "$navy500",
      "neutral12": "$navy600",
      "neutral13": "$sky800",
      "neutral14": "$sky800",
      "neutral15": "$navy200",
      "overlayBackground": "rgba(51, 51, 51, 0.85)"
    },
    "ui": {
      "buttons": {
        "defaultOutlineFocus": "$navy500",
        "primaryButtons": {
          "default": {
            "background": "$navy500",
            "border": "$navy500",
            "text": "$sky700"
          },
          "hover": {
            "background": "$navy300",
            "border": "$navy300",
            "text": "$neutral1000"
          },
          "focus": {
            "background": "$navy300",
            "border": "$navy300",
            "text": "$neutral1000"
          }
        },
        "secondaryButtons": {
          "default": {
            "background": "$transparent",
            "border": "$navy500",
            "text": "$navy500"
          },
          "hover": {
            "background": "$blackTint6",
            "border": "$navy300",
            "text": "$navy300"
          },
          "focus": {
            "background": "$blackTint6",
            "border": "$navy300",
            "text": "$navy300"
          }
        },
        "tertiaryButtons": {
          "default": {
            "background": "$transparent",
            "border": "$navy500",
            "text": "$navy500"
          },
          "hover": {
            "background": "$blackTint6",
            "border": "$navy300",
            "text": "$navy300"
          },
          "focus": {
            "background": "$blackTint6",
            "border": "$navy300",
            "text": "$navy300"
          }
        },
        "attentionButtons": {
          "default": {
            "background": "$yellow500",
            "border": "$yellow500",
            "text": "$ink500"
          },
          "hover": {
            "background": "$alertOrange500",
            "border": "$alertOrange500",
            "text": "$ink500"
          },
          "focus": {
            "background": "$yellow500",
            "border": "$alertOrange500",
            "text": "$ink500"
          }
        },
        "ghostButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$sky500"
          },
          "hover": {
            "background": "$slate850",
            "border": "$slate850",
            "text": "$sky400"
          },
          "focus": {
            "background": "$slate850",
            "border": "$slate550",
            "text": "$sky500"
          }
        },
        "ghostDestructiveButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$warningRed400"
          },
          "hover": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$warningRed400"
          },
          "focus": {
            "background": "$transparent",
            "border": "$warningRed300",
            "text": "$warningRed400"
          }
        },
        "destructiveButtons": {
          "default": {
            "background": "$warningRed400",
            "border": "$warningRed400",
            "text": "$neutral1000"
          },
          "hover": {
            "background": "$warningRed300",
            "border": "$warningRed300",
            "text": "$neutral1000"
          },
          "focus": {
            "background": "$warningRed400",
            "border": "$warningRed300",
            "text": "$neutral1000"
          }
        },
        "invertedButtons": {
          "default": {
            "background": "$transparent",
            "border": "$neutral1000",
            "text": "$neutral1000"
          },
          "hover": {
            "background": "$whiteTint15",
            "border": "$neutral1000",
            "text": "$neutral1000"
          },
          "focus": {
            "background": "$whiteTint15",
            "border": "$neutral1000",
            "text": "$neutral1000"
          }
        },
        "ghostInvertedButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$neutral1000"
          },
          "hover": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$neutral1000"
          },
          "focus": {
            "background": "$transparent",
            "border": "$neutral1000",
            "text": "$neutral1000"
          }
        },
        "linkButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$sky500"
          },
          "hover": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$sky400"
          },
          "focus": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$sky500"
          }
        },
        "disabledButtons": {
          "default": {
            "background": "$blackTint6",
            "border": "$slate850",
            "text": "$slate600"
          }
        },
        "closeButtons": {
          "default": {
            "background": "$neutral1000",
            "border": "$neutral1000",
            "text": "$neutral200"
          },
          "hover": {
            "background": "$warmGrey550",
            "border": "$warmGrey550",
            "text": "$neutral200"
          },
          "focus": {
            "background": "$warmGrey550",
            "border": "$neutral200",
            "text": "$neutral200"
          }
        },
        "closeInvertedButtons": {
          "default": {
            "background": "$transparent",
            "border": "$transparent",
            "text": "$neutral1000"
          },
          "hover": {
            "background": "$transparent",
            "border": "$neutral1000",
            "text": "$neutral1000"
          },
          "focus": {
            "background": "$whiteTint20",
            "border": "$neutral1000",
            "text": "$neutral1000"
          }
        },
        "toggleSwitches": {
          "enabled": {
            "off": {
              "default": {
                "backgroundColor": "$neutral700",
                "borderColor": "$neutral700",
                "circleColor": "$neutral1000",
                "circleBorderColor": "$neutral1000",
                "iconColor": "$neutral1000"
              },
              "hover": {
                "backgroundColor": "$navy500",
                "borderColor": "$neutral200",
                "circleColor": "$neutral1000",
                "circleBorderColor": "$navy500",
                "iconColor": "$transparent"
              },
              "focus": {
                "backgroundColor": "$navy500",
                "borderColor": "$neutral600",
                "circleColor": "$neutral1000",
                "circleBorderColor": "$navy500",
                "iconColor": "$transparent"
              }
            },
            "on": {
              "default": {
                "backgroundColor": "$navy500",
                "borderColor": "$neutral600",
                "circleColor": "$neutral1000",
                "circleBorderColor": "$navy500",
                "iconColor": "$neutral100"
              },
              "hover": {
                "backgroundColor": "$navy500",
                "borderColor": "$neutral200",
                "circleColor": "$neutral1000",
                "circleBorderColor": "$navy500",
                "iconColor": "$neutral100"
              },
              "focus": {
                "backgroundColor": "$navy500",
                "borderColor": "$neutral600",
                "circleColor": "$neutral1000",
                "circleBorderColor": "$navy500",
                "iconColor": "$neutral100"
              }
            }
          },
          "disabled": {
            "off": {
              "default": {
                "backgroundColor": "$neutral1000",
                "borderColor": "$neutral200",
                "circleColor": "$warmGrey550",
                "circleBorderColor": "$warmGrey550",
                "iconColor": "$warmGrey550"
              }
            },
            "on": {
              "default": {
                "backgroundColor": "$sky700",
                "borderColor": "$neutral200",
                "circleColor": "$warmGrey550",
                "circleBorderColor": "$warmGrey550",
                "iconColor": "$neutral100"
              }
            }
          }
        },
        "navigationButtons": {
          "default": {
            "background": "$navy500",
            "border": "$navy200",
            "text": "$neutral1000"
          },
          "active": {
            "background": "$slate850",
            "border": "$slate850",
            "text": "$ink500"
          },
          "hover": {
            "background": "$navy600",
            "border": "$navy200",
            "text": "$neutral1000"
          }
        },
        "radioButtons": {
          "backgroundColor": "$neutral1000",
          "border": "$neutral600",
          "activeColor": "$neutral1000",
          "activeBackgroundColor": "$navy500"
        },
        "styledRadioButtons": {
          "default": {
            "background": "$neutral1000",
            "border": "$neutral600",
            "text": "$ink500"
          },
          "hover": {
            "background": "$sky700",
            "border": "$neutral600",
            "text": "$ink500"
          },
          "focus": {
            "background": "$sky700",
            "border": "$neutral600",
            "text": "$ink500"
          },
          "active": {
            "background": "$sky700",
            "border": "$neutral600",
            "text": "$ink500"
          }
        },
        "toggleMenu": {
          "backgroundColor": "rgba(255, 255, 255, 0.14)",
          "selectedColor": "rgba(255, 255, 255, 0.13)",
          "text": "$neutral1000",
          "focusBorder": "$neutral1000"
        }
      },
      "lines": {
        "line1default": "$neutral100",
        "line2dark": "$slate550",
        "line3medium": "$slate650",
        "line4light": "$slate700",
        "line5inverted": "$neutral1000",
        "line6accent": "$sky500",
        "line7highlight": "$plum400",
        "lineWarning": "$warningRed400",
        "lineAlert": "$alertOrange500",
        "lineSuccess": "$successGreen500",
        "lineCallout": "$yellow500"
      },
      "links": {
        "textDecorationColorHover": "",
        "textDecorationColorFocus": ""
      },
      "notifications": {
        "success": {
          "borderColor": "$successGreen550",
          "textColor": "$successGreen400",
          "backgroundColor": "$successGreen800"
        },
        "fail": {
          "borderColor": "$failRed450",
          "textColor": "$failRed450",
          "backgroundColor": "$warningRed800"
        },
        "alert": {
          "borderColor": "$alertOrange450",
          "textColor": "$alertOrange900",
          "backgroundColor": "$alertOrange800"
        },
        "highlight": {
          "borderColor": "$highlightYellow400",
          "textColor": "$alertOrange900",
          "backgroundColor": "$alertOrange800"
        },
        "highlightV2": {
          "borderColor": "$flagstoneBlue400",
          "textColor": "$neutral200",
          "backgroundColor": "$flagstoneBlue800"
        },
        "info": {
          "borderColor": "$slate650",
          "textColor": "$neutral200",
          "backgroundColor": "$slate900"
        },
        "failed": {
          "borderColor": "$warningRed500",
          "textColor": "$failRed450",
          "backgroundColor": "$warningRed800"
        },
        "neutral": {
          "borderColor": "$slate600",
          "textColor": "$slate550",
          "backgroundColor": "$slate900"
        }
      },
      "navigationPanels": {
        "topPanel": {
          "background": "$navy500",
          "border": "$navy250",
          "text": "$neutral1000"
        },
        "avatar": {
          "background": "$neutral1000",
          "border": "$neutral1000",
          "text": "$plum400"
        },
        "footer": {
          "background": "$navy500",
          "border": "$navy500",
          "text": "$neutral1000"
        },
        "separatorColor": "$slate550",
        "bottomPanel": {
          "background": "$navy500",
          "border": "$navy500",
          "text": "$neutral1000"
        }
      },
      "loaders": {
        "background": "$slate850",
        "fill": "$navy500"
      },
      "header": {
        "separatorColor": "$neutral1000",
        "backgroundButton": "$transparent"
      },
      "inputs": {
        "backgroundColor": "$neutral1000"
      },
      "tooltip": {
        "background": "$slate850"
      },
      "multiBasket": {
        "selectionBanner": {
          "background": "$navy500",
          "text": "$neutral1000"
        }
      },
      "tag": {
        "alert": {
          "color": "$alertOrange900",
          "backgroundColor": "$alertOrange800",
          "stroke": "$alertOrange400"
        },
        "warning": {
          "color": "$warningRed300",
          "backgroundColor": "$warningRed800",
          "stroke": "$warningRed400"
        },
        "success": {
          "color": "$successGreen400",
          "backgroundColor": "$successGreen800",
          "stroke": "$successGreen550"
        },
        "neutral": {
          "color": "$neutral200",
          "backgroundColor": "$neutral950",
          "stroke": "$slate650"
        },
        "active": {
          "color": "$neutral200",
          "backgroundColor": "$flagstoneBlue800",
          "stroke": "$turquoise400"
        }
      },
      "chip": {
        "unselected": {
          "color": "$neutral200",
          "backgroundColor": "$neutral1000",
          "borderColor": "rgba(0, 0, 0, 0.2)"
        },
        "hover": {
          "color": "$neutral200",
          "backgroundColor": "$warmGrey550",
          "borderColor": "$navy500"
        },
        "focus": {
          "color": "$neutral200",
          "backgroundColor": "$warmGrey550",
          "borderColor": "$navy500"
        },
        "selected": {
          "color": "$neutral1000",
          "backgroundColor": "$navy500",
          "borderColor": "$navy500"
        }
      },
      "progressBarStep": {
        "active": {
          "backgroundColor": "$sky800"
        },
        "incomplete": {
          "backgroundColor": "$slate800"
        },
        "completed": {
          "backgroundColor": "$sky700"
        },
        "error": {
          "backgroundColor": "$failRed800"
        }
      },
      "descriptiveProgressBar": {
        "item": {
          "backgroundColor": "$slate900",
          "backgroundColorHover": "$neutral1000",
          "borderColorFocus": "$ink500",
          "titleColor": "$ink500",
          "descriptionColor": "$ink700",
          "titleColorMuted": "$ink700",
          "chevronColor": "$sky500"
        }
      },
      "callOutV2": {
        "neutral": {
          "backgroundColor": "$slate900",
          "textColor": "$neutral200",
          "iconColor": "$slate600"
        },
        "upsell": {
          "backgroundColor": "$purple900",
          "textColor": "$purple300",
          "iconColor": "$purple300"
        }
      },
      "notificationButton": {
        "neutral": {
          "primary": {
            "default": {
              "backgroundColor": "$neutral200",
              "borderColor": "$neutral200",
              "textColor": "$neutral1000"
            },
            "hover": {
              "backgroundColor": "$neutral100",
              "borderColor": "$neutral100",
              "textColor": "$neutral1000"
            },
            "focus": {
              "backgroundColor": "$slate600",
              "borderColor": "$neutral100",
              "textColor": "$neutral1000"
            }
          },
          "secondary": {
            "default": {
              "backgroundColor": "$transparent",
              "borderColor": "$neutral200",
              "textColor": "$neutral200"
            },
            "hover": {
              "backgroundColor": "$slate750",
              "borderColor": "$neutral100",
              "textColor": "$neutral100"
            },
            "focus": {
              "backgroundColor": "$slate750",
              "borderColor": "$neutral100",
              "textColor": "$neutral100"
            }
          },
          "ghost": {
            "default": {
              "backgroundColor": "$transparent",
              "borderColor": "$transparent",
              "textColor": "$neutral200"
            },
            "hover": {
              "backgroundColor": "$transparent",
              "borderColor": "$transparent",
              "textColor": "$neutral100"
            },
            "focus": {
              "backgroundColor": "$transparent",
              "borderColor": "$neutral100",
              "textColor": "$neutral100"
            }
          }
        },
        "upsell": {
          "primary": {
            "default": {
              "backgroundColor": "$purple300",
              "borderColor": "$purple300",
              "textColor": "$neutral1000"
            },
            "hover": {
              "backgroundColor": "$purple400",
              "borderColor": "$purple400",
              "textColor": "$neutral1000"
            },
            "focus": {
              "backgroundColor": "$purple400",
              "borderColor": "$neutral100",
              "textColor": "$neutral1000"
            }
          },
          "secondary": {
            "default": {
              "backgroundColor": "$transparent",
              "borderColor": "$purple300",
              "textColor": "$purple300"
            },
            "hover": {
              "backgroundColor": "$purple800",
              "borderColor": "$purple400",
              "textColor": "$purple300"
            },
            "focus": {
              "backgroundColor": "$purple800",
              "borderColor": "$neutral100",
              "textColor": "$purple300"
            }
          },
          "ghost": {
            "default": {
              "backgroundColor": "$transparent",
              "borderColor": "$transparent",
              "textColor": "$purple300"
            },
            "hover": {
              "backgroundColor": "$transparent",
              "borderColor": "$transparent",
              "textColor": "$purple400"
            },
            "focus": {
              "backgroundColor": "$transparent",
              "borderColor": "$neutral100",
              "textColor": "$purple400"
            }
          }
        },
        "disabled": {
          "solid": {
            "backgroundColor": "$slate800",
            "borderColor": "$slate800",
            "textColor": "$neutral200"
          },
          "ghost": {
            "backgroundColor": "$transparent",
            "borderColor": "$transparent",
            "textColor": "$neutral200"
          }
        }
      },
      "bcob": {
        "notificationColour": "$alertOrange900"
      },
      "infoBanner": {
        "alert": {
          "color": "$alertOrange900",
          "backgroundColor": "$alertOrange800",
          "stroke": "$alertOrange400"
        },
        "info": {
          "color": "$neutral200",
          "backgroundColor": "$slate900",
          "stroke": "$neutral200"
        },
        "announcement": {
          "color": "$neutral1000",
          "backgroundColor": "$plum400",
          "stroke": "$neutral1000"
        },
        "warning": {
          "color": "$warningRed300",
          "backgroundColor": "$warningRed800",
          "stroke": "$warningRed400"
        }
      },
      "overrides": {
        "navigationPanels": {
          "topPanel": {
            "background": "$navy500",
            "border": "$navy250",
            "text": "$neutral1000"
          },
          "avatar": {
            "background": "$neutral1000",
            "border": "$neutral1000",
            "text": "$plum400"
          },
          "footer": {
            "background": "$navy500",
            "border": "$navy500",
            "text": "$neutral1000"
          },
          "separatorColor": "$slate550",
          "bottomPanel": {
            "background": "$navy500",
            "border": "$navy500",
            "text": "$neutral1000"
          }
        },
        "navigationButtons": {
          "default": {
            "background": "$navy500",
            "border": "$navy200",
            "text": "$neutral1000"
          },
          "active": {
            "background": "$slate850",
            "border": "$slate850",
            "text": "$ink500"
          },
          "hover": {
            "background": "$navy600",
            "border": "$navy200",
            "text": "$neutral1000"
          }
        }
      },
      "promoCard": {
        "variantOne": {
          "backgroundColor": "$navy500",
          "color": "$neutral1000"
        },
        "variantTwo": {
          "backgroundColor": "$plum400",
          "color": "$neutral1000"
        },
        "variantThree": {
          "backgroundColor": "$flagstoneBlue200",
          "color": "$neutral1000"
        }
      }
    }
  },
  "logoSchema": {
    "referralPartnerLogo": "partner/logos/soderberg-logo.svg",
    "showFlagstoneLogo": false,
    "logoDirection": "horizontal",
    "flagstoneLogoHeight": "",
    "partnerLogoHeight": "3rem",
    "footer": {
      "logoBackgroundColor": "$flagstoneBlue500",
      "logoForegroundColor": "$neutral100"
    }
  },
  "fontsSchema": {
    "headingFont": {
      "fontFamily": "PlainMedium",
      "fontRegular": "https://staticassets.flagstoneim.com/Fonts/Plain/Plain-Medium.woff",
      "fontSemiBold": "https://staticassets.flagstoneim.com/Fonts/Plain/Plain-Medium.woff",
      "fontBold": "https://staticassets.flagstoneim.com/Fonts/Plain/Plain-Medium.woff",
      "fontType": "woff",
      "fontSize": "16px",
      "fallbackFont": "Helvetica, Arial, sans-serif",
      "fontWeight": "500",
      "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": "48px",
          "lineHeight": "56px",
          "letterSpacing": "1px"
        },
        "xl": {
          "fontSize": "34px",
          "lineHeight": "48px",
          "letterSpacing": "0.75px"
        },
        "l": {
          "fontSize": "28px",
          "lineHeight": "34px",
          "letterSpacing": "0.25px"
        },
        "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"
        },
        "sectionSmall": {
          "fontSize": "14px",
          "lineHeight": "22px",
          "letterSpacing": "3px"
        }
      },
      "body": {
        "l": {
          "fontSize": "20px",
          "lineHeight": "28px",
          "letterSpacing": "0px"
        },
        "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": "4px",
      "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
    },
    "checkbox": {
      "borderRadius": "4px"
    },
    "signpost": {
      "showContainerBorder": false
    },
    "accordion": {
      "iconBorderRadius": "100%"
    },
    "step": {
      "showInactiveAlternative": false
    },
    "accountTypePage": {
      "background": "$slate850",
      "showBorderLine": true
    },
    "tooltip": {
      "hideBorder": true
    },
    "profileMenuButton": {
      "userInitials": {
        "lineHeight": "40px"
      }
    },
    "loadingDialog": {
      "showDdsLoader": true
    },
    "navigationMenu": {
      "portfolioMenu": {
        "text": "$neutral1000",
        "icon": "$neutral1000",
        "background": {
          "default": "$whiteTint20",
          "hover": "$whiteTint40",
          "focused": "$whiteTint20",
          "expanded": "$whiteTint20"
        },
        "border": {
          "default": "$whiteTint0",
          "hover": "$whiteTint0",
          "focused": "$neutral1000",
          "expanded": "$neutral1000"
        },
        "list": {
          "container": "$neutral1000"
        }
      },
      "accountMenu": {
        "icon": "$neutral1000",
        "background": {
          "default": "$whiteTint20",
          "hover": "$whiteTint40",
          "focused": "$whiteTint20",
          "expanded": "$whiteTint20"
        },
        "border": {
          "default": "$whiteTint0",
          "hover": "$whiteTint0",
          "focused": "$neutral1000",
          "expanded": "$neutral1000"
        },
        "list": {
          "container": "$neutral1000"
        }
      }
    }
  }
}