{
  "spinner": {
    "foreground": {
      "color": {
        "primary": {
          "$type": "color",
          "$value": "{background.color.primary}",
          "$extensions": {
            "appearance": {
              "light": {
                "$type": "color",
                "$value": "{background.color.primary}"
              },
              "dark": {
                "$type": "color",
                "$value": "{background.color.primary}"
              }
            },
            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
          }
        },
        "current": {
          "$type": "color",
          "$value": "currentColor",
          "$extensions": {
            "appearance": {
              "light": {
                "$type": "color",
                "$value": "currentColor"
              },
              "dark": {
                "$type": "color",
                "$value": "currentColor"
              }
            },
            "com.figma.alternateValue": {
              "mode": {
                "light": "{foreground.color.primary}",
                "dark": "{foreground.color.primary}"
              }
            },
            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
          }
        }
      }
    },
    "track": {
      "foreground": {
        "color": {
          "$type": "color",
          "$value": "{background.color.secondary}",
          "$extensions": {
            "appearance": {
              "light": {
                "$type": "color",
                "$value": "{background.color.secondary}"
              },
              "dark": {
                "$type": "color",
                "$value": "{background.color.secondary}"
              }
            },
            "com.figma.scopes": ["SHAPE_FILL", "STROKE_COLOR"]
          }
        }
      }
    },
    "arc": {
      "foreground": {
        "color": {
          "$type": "color",
          "$value": "currentColor",
          "$extensions": {
            "appearance": {
              "light": {
                "$type": "color",
                "$value": "currentColor"
              },
              "dark": {
                "$type": "color",
                "$value": "currentColor"
              }
            },
            "com.figma.alternateValue": {
              "mode": {
                "light": "{foreground.color.primary}",
                "dark": "{foreground.color.primary}"
              }
            },
            "com.figma.scopes": ["SHAPE_FILL", "STROKE_COLOR"]
          }
        }
      }
    }
  }
}