{
  "jf": {
    "color": {
      "bg": {
        "regular": {
          "default": {
            "value": "{jf.color.neutral}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "{jf.modifier.amount.5} ",
                  "space": "hsl"
                }
              }
            }
          },
          "alt": {
            "value": "{jf.color.neutral}",
            "type": "color",
            "description": "Provides visual rest and constrast agains the default background",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "{jf.modifier.amount.3} ",
                  "space": "hsl"
                }
              }
            }
          },
          "inverted": {
            "value": "{jf.color.neutral}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "{jf.modifier.amount.4} ",
                  "space": "hsl"
                }
              }
            }
          },
          "primary": {
            "value": "{jf.color.primary}",
            "type": "color"
          },
          "secondary": {
            "value": "{jf.color.secondary}",
            "type": "color"
          },
          "success": {
            "value": "{jf.color.success}",
            "type": "color"
          },
          "critical": {
            "value": "{jf.color.critical}",
            "type": "color"
          },
          "warning": {
            "value": "{jf.color.warning}",
            "type": "color"
          }
        },
        "subtle": {
          "default": {
            "value": "{jf.color.bg.regular.default}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "{jf.modifier.amount.4} ",
                  "space": "hsl"
                }
              }
            }
          },
          "alt": {
            "value": "{jf.color.bg.regular.alt}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "{jf.modifier.amount.3} ",
                  "space": "hsl"
                }
              }
            }
          },
          "inverted": {
            "value": "{jf.color.bg.regular.inverted}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "{jf.modifier.amount.4} ",
                  "space": "hsl"
                }
              }
            }
          },
          "primary": {
            "value": "{jf.color.bg.regular.primary}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "{jf.modifier.amount.4} ",
                  "space": "hsl"
                }
              }
            }
          },
          "secondary": {
            "value": "{jf.color.bg.regular.secondary}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "{jf.modifier.amount.4} ",
                  "space": "hsl"
                }
              }
            }
          },
          "success": {
            "value": "{jf.color.bg.regular.success}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "{jf.modifier.amount.4} ",
                  "space": "hsl"
                }
              }
            }
          },
          "critical": {
            "value": "{jf.color.bg.regular.critical}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "{jf.modifier.amount.4} ",
                  "space": "hsl"
                }
              }
            }
          },
          "warning": {
            "value": "{jf.color.bg.regular.warning}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "{jf.modifier.amount.4} ",
                  "space": "hsl"
                }
              }
            }
          }
        }
      }
    }
  }
}