{
  "stepper": {
    "focus-ring": {
      "color": {
        "$type": "color",
        "$value": "{focus.ring.color.default}",
        "$extensions": {
          "appearance": {
            "light": {
              "$type": "color",
              "$value": "{focus.ring.color.default}"
            },
            "dark": {
              "$type": "color",
              "$value": "{focus.ring.color.default}"
            }
          },
          "com.figma.scopes": ["STROKE_COLOR"]
        }
      }
    },
    "step": {
      "default": {
        "label": {
          "foreground": {
            "color": {
              "$type": "color",
              "$value": "{foreground.color.default}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{foreground.color.default}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{foreground.color.default}"
                  }
                },
                "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
              }
            }
          }
        },
        "link": {
          "foreground": {
            "color": {
              "$type": "color",
              "$value": "{foreground.color.primary}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{foreground.color.primary}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{foreground.color.primary}"
                  }
                },
                "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
              }
            }
          }
        },
        "background": {
          "color": {
            "$type": "color",
            "$value": "{status.color.info}",
            "$extensions": {
              "appearance": {
                "light": {
                  "$type": "color",
                  "$value": "{status.color.info}"
                },
                "dark": {
                  "$type": "color",
                  "$value": "{status.color.info}"
                }
              },
              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
            }
          }
        },
        "foreground": {
          "color": {
            "$type": "color",
            "$value": "{foreground.color.on.primary}",
            "$extensions": {
              "appearance": {
                "light": {
                  "$type": "color",
                  "$value": "{foreground.color.on.primary}"
                },
                "dark": {
                  "$type": "color",
                  "$value": "{foreground.color.on.primary}"
                }
              },
              "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
            }
          }
        },
        "track": {
          "color": {
            "$type": "color",
            "$value": "{background.color.stronger}",
            "$extensions": {
              "appearance": {
                "light": {
                  "$type": "color",
                  "$value": "{background.color.stronger}"
                },
                "dark": {
                  "$type": "color",
                  "$value": "{background.color.stronger}"
                }
              },
              "com.figma.scopes": []
            }
          }
        },
        "circle": {
          "background": {
            "color": {
              "$type": "color",
              "$value": "{background.color.default}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{background.color.default}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{background.color.default}"
                  }
                },
                "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
              }
            }
          },
          "border": {
            "color": {
              "$type": "color",
              "$value": "{border.color.default}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{border.color.default}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{border.color.default}"
                  }
                },
                "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
              }
            }
          },
          "icon": {
            "color": {
              "$type": "color",
              "$value": "{foreground.color.on.primary}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{foreground.color.on.primary}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{foreground.color.on.primary}"
                  }
                },
                "com.figma.scopes": []
              }
            }
          }
        }
      },
      "current": {
        "label": {
          "foreground": {
            "color": {
              "$type": "color",
              "$value": "{foreground.color.default}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{foreground.color.default}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{foreground.color.default}"
                  }
                },
                "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
              }
            }
          }
        },
        "background": {
          "color": {
            "$type": "color",
            "$value": "{status.color.info}",
            "$extensions": {
              "appearance": {
                "light": {
                  "$type": "color",
                  "$value": "{status.color.info}"
                },
                "dark": {
                  "$type": "color",
                  "$value": "{status.color.info}"
                }
              },
              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
            }
          }
        },
        "foreground": {
          "color": {
            "$type": "color",
            "$value": "{foreground.color.on.primary}",
            "$extensions": {
              "appearance": {
                "light": {
                  "$type": "color",
                  "$value": "{foreground.color.on.primary}"
                },
                "dark": {
                  "$type": "color",
                  "$value": "{foreground.color.on.primary}"
                }
              },
              "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
            }
          }
        },
        "track": {
          "color": {
            "$type": "color",
            "$value": "{background.color.stronger}",
            "$extensions": {
              "appearance": {
                "light": {
                  "$type": "color",
                  "$value": "{background.color.stronger}"
                },
                "dark": {
                  "$type": "color",
                  "$value": "{background.color.stronger}"
                }
              },
              "com.figma.scopes": []
            }
          }
        },
        "circle": {
          "background": {
            "color": {
              "$type": "color",
              "$value": "{background.color.default}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{background.color.default}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{background.color.default}"
                  }
                },
                "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
              }
            }
          },
          "border": {
            "color": {
              "$type": "color",
              "$value": "{status.color.info}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{status.color.info}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{status.color.info}"
                  }
                },
                "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
              }
            }
          },
          "icon": {
            "color": {
              "$type": "color",
              "$value": "{foreground.color.on.primary}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{foreground.color.on.primary}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{foreground.color.on.primary}"
                  }
                },
                "com.figma.scopes": []
              }
            }
          }
        }
      },
      "complete": {
        "label": {
          "foreground": {
            "color": {
              "$type": "color",
              "$value": "{foreground.color.default}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{foreground.color.default}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{foreground.color.default}"
                  }
                },
                "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
              }
            }
          }
        },
        "link": {
          "foreground": {
            "color": {
              "$type": "color",
              "$value": "{foreground.color.primary}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{foreground.color.primary}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{foreground.color.primary}"
                  }
                },
                "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
              }
            }
          }
        },
        "background": {
          "color": {
            "$type": "color",
            "$value": "{status.color.info}",
            "$extensions": {
              "appearance": {
                "light": {
                  "$type": "color",
                  "$value": "{status.color.info}"
                },
                "dark": {
                  "$type": "color",
                  "$value": "{status.color.info}"
                }
              },
              "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
            }
          }
        },
        "foreground": {
          "color": {
            "$type": "color",
            "$value": "{foreground.color.on.primary}",
            "$extensions": {
              "appearance": {
                "light": {
                  "$type": "color",
                  "$value": "{foreground.color.on.primary}"
                },
                "dark": {
                  "$type": "color",
                  "$value": "{foreground.color.on.primary}"
                }
              },
              "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
            }
          }
        },
        "track": {
          "color": {
            "$type": "color",
            "$value": "{background.color.stronger}",
            "$extensions": {
              "appearance": {
                "light": {
                  "$type": "color",
                  "$value": "{background.color.stronger}"
                },
                "dark": {
                  "$type": "color",
                  "$value": "{background.color.stronger}"
                }
              },
              "com.figma.scopes": []
            }
          }
        },
        "circle": {
          "background": {
            "color": {
              "$type": "color",
              "$value": "{status.color.info}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{status.color.info}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{status.color.info}"
                  }
                },
                "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
              }
            }
          },
          "border": {
            "color": {
              "$type": "color",
              "$value": "{status.color.info}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{status.color.info}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{status.color.info}"
                  }
                },
                "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
              }
            }
          },
          "icon": {
            "color": {
              "$type": "color",
              "$value": "{foreground.color.on.primary}",
              "$extensions": {
                "appearance": {
                  "light": {
                    "$type": "color",
                    "$value": "{foreground.color.on.primary}"
                  },
                  "dark": {
                    "$type": "color",
                    "$value": "{foreground.color.on.primary}"
                  }
                },
                "com.figma.scopes": []
              }
            }
          }
        }
      }
    }
  }
}