{
  button: {
    default: {
      fgColor: {
        rest: {
          '$value': '{control.fgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.fgColor.rest}'
              }
            }
          }
        },
        disabled: {
          '$value': '{control.fgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            }
          }
        }
      },
      bgColor: {
        rest: {
          '$value': '{control.bgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.bgColor.rest}'
              }
            }
          }
        },
        hover: {
          '$value': '{control.bgColor.hover}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.bgColor.hover}'
              }
            }
          }
        },
        active: {
          '$value': '{control.bgColor.active}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          }
        },
        selected: {
          '$value': '{control.bgColor.active}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          }
        },
        disabled: {
          '$value': '{control.bgColor.disabled}',
          '$type': 'color',
          '$extensions': {}
        }
      },
      borderColor: {
        rest: {
          '$value': '{control.borderColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        },
        hover: {
          '$value': '{button.default.borderColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        },
        active: {
          '$value': '{control.borderColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{button.default.borderColor.rest}'
              }
            }
          }
        },
        disabled: {
          '$value': '{control.borderColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.borderColor.disabled}'
              }
            }
          }
        }
      },
      shadow: {
        resting: {
          '$value': [
            {
              color: '{base.color.neutral.13}',
              alpha: 0.04,
              offsetX: {
                value: 0,
                unit: 'px'
              },
              offsetY: {
                value: 1,
                unit: 'px'
              },
              blur: {
                value: 0,
                unit: 'px'
              },
              spread: {
                value: 0,
                unit: 'px'
              },
              inset: false
            }
          ],
          '$type': 'shadow',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component shadow'
            },
            'org.primer.overrides': {
              dark: {
                '$value': [
                  {
                    color: '{base.color.transparent}',
                    alpha: 0,
                    offsetX: {
                      value: 0,
                      unit: 'px'
                    },
                    offsetY: {
                      value: 0,
                      unit: 'px'
                    },
                    blur: {
                      value: 0,
                      unit: 'px'
                    },
                    spread: {
                      value: 0,
                      unit: 'px'
                    },
                    inset: false
                  }
                ]
              }
            }
          }
        }
      }
    },
    primary: {
      fgColor: {
        rest: {
          '$value': '{fgColor.white}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{fgColor.white}'
              },
              'dark-dimmed': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [0, 0, 100],
                  hex: '#ffffff',
                }
              },
              'dark-dimmed-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [0, 0, 100],
                  hex: '#ffffff',
                }
              }
            }
          }
        },
        disabled: {
          '$value': '{base.color.neutral.0}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.neutral.13}',
                alpha: 0.4
              }
            }
          },
          alpha: 0.8
        }
      },
      iconColor: {
        rest: {
          '$value': '{fgColor.white}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              light: {
                '$value': '{fgColor.white}',
                alpha: 0.8
              },
              dark: {
                '$value': '{fgColor.white}'
              },
              'dark-dimmed': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [0, 0, 100],
                  hex: '#ffffff',
                }
              },
              'dark-dimmed-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [0, 0, 100],
                  hex: '#ffffff',
                }
              }
            }
          }
        },
        disabled: {
          '$value': '{button.primary.fgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            }
          }
        }
      },
      bgColor: {
        rest: {
          '$value': '{bgColor.success.emphasis}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{bgColor.success.emphasis}'
              },
              'light-high-contrast': {
                '$value': '{base.color.green.5}'
              }
            }
          }
        },
        hover: {
          '$value': {
            colorSpace: 'hsl',
            components: [137.2, 64.3, 30.8],
            hex: '#1c8139',
          },
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': {
                  colorSpace: 'hsl',
                  components: [130.5, 55.7, 36.3],
                  hex: '#29903B',
                }
              },
              'dark-dimmed': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [124, 38.9, 37.8],
                  hex: '#3b8640',
                }
              },
              'dark-dimmed-high-contrast': {
                '$value': '{base.color.green.6}'
              },
              'dark-tritanopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [215.6, 86, 55.1],
                  hex: '#2a7aef',
                }
              },
              'dark-tritanopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [215.6, 86, 55.1],
                  hex: '#2a7aef',
                }
              },
              'dark-protanopia-deuteranopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [215.6, 86, 55.1],
                  hex: '#2a7aef',
                }
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [215.6, 86, 55.1],
                  hex: '#2a7aef',
                }
              },
              'dark-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [138.6, 87.6, 25.3],
                  hex: '#08792b',
                }
              },
              'light-tritanopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [212.5, 92.6, 42.5],
                  hex: '#0864d1',
                }
              },
              'light-tritanopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [212.5, 92.6, 42.5],
                  hex: '#0864d1',
                }
              },
              'light-protanopia-deuteranopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [212.5, 92.6, 42.5],
                  hex: '#0864d1',
                }
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [212.5, 92.6, 42.5],
                  hex: '#0864d1',
                }
              },
              'light-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [138.8, 91.2, 17.8],
                  hex: '#04571e',
                }
              }
            }
          }
        },
        active: {
          '$value': {
            colorSpace: 'hsl',
            components: [137.5, 65.8, 28.6],
            hex: '#197935',
          },
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': {
                  colorSpace: 'hsl',
                  components: [130, 54, 39.2],
                  hex: '#2E9A40',
                }
              },
              'dark-dimmed': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [123.1, 36.8, 41],
                  hex: '#428f46',
                }
              },
              'dark-dimmed-high-contrast': {
                '$value': '{base.color.green.5}'
              },
              'dark-tritanopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [214.9, 88.7, 58.2],
                  hex: '#3685f3',
                }
              },
              'dark-tritanopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [214.9, 88.7, 58.2],
                  hex: '#3685f3',
                }
              },
              'dark-protanopia-deuteranopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [214.9, 88.7, 58.2],
                  hex: '#3685f3',
                }
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [214.9, 88.7, 58.2],
                  hex: '#3685f3',
                }
              },
              'dark-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [137.2, 80.1, 31.6],
                  hex: '#109135',
                }
              },
              'light-tritanopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [212.6, 93.2, 40.6],
                  hex: '#075fc8',
                }
              },
              'light-tritanopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [212.6, 93.2, 40.6],
                  hex: '#075fc8',
                }
              },
              'light-protanopia-deuteranopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [212.6, 93.2, 40.6],
                  hex: '#075fc8',
                }
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [212.6, 93.2, 40.6],
                  hex: '#075fc8',
                }
              },
              'light-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [138.7, 92.8, 16.3],
                  hex: '#03501b',
                }
              }
            }
          }
        },
        disabled: {
          '$value': {
            colorSpace: 'hsl',
            components: [135.2, 46.2, 71.6],
            hex: '#95d8a6',
          },
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': {
                  colorSpace: 'hsl',
                  components: [135.8, 69.2, 20.4],
                  hex: '#105823',
                }
              },
              'dark-dimmed': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [135.8, 69.2, 20.4],
                  hex: '#105823',
                }
              },
              'dark-tritanopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [211.3, 98.8, 68.4],
                  hex: '#5fabfe',
                }
              },
              'dark-tritanopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [211.3, 98.8, 68.4],
                  hex: '#5fabfe',
                }
              },
              'dark-protanopia-deuteranopia': {
                '$value': '{base.color.blue.6}'
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.blue.6}'
              },
              'dark-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [138.6, 94.6, 28.8],
                  hex: '#048f2f',
                }
              },
              'light-tritanopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [209.2, 100, 78.6],
                  hex: '#92caff',
                }
              },
              'light-tritanopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [209.2, 100, 78.6],
                  hex: '#92caff',
                }
              },
              'light-protanopia-deuteranopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [209.2, 100, 78.6],
                  hex: '#92caff',
                }
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [209.2, 100, 78.6],
                  hex: '#92caff',
                }
              },
              'light-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [135.4, 40.2, 65.9],
                  hex: '#85cb97',
                }
              }
            }
          }
        }
      },
      borderColor: {
        rest: {
          '$value': '{borderColor.translucent}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              'dark-high-contrast': {
                '$value': '{base.color.green.2}',
                alpha: 1
              },
              'dark-dimmed-high-contrast': {
                '$value': '{base.color.green.2}',
                alpha: 1
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.blue.2}',
                alpha: 1
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.blue.2}',
                alpha: 1
              },
              'light-high-contrast': {
                '$value': '{base.color.green.7}',
                alpha: 1
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.blue.7}',
                alpha: 1
              },
              'light-tritanopia-high-contrast': {
                '$value': '{base.color.blue.7}',
                alpha: 1
              }
            }
          }
        },
        hover: {
          '$value': '{button.primary.borderColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        },
        active: {
          '$value': '{button.primary.borderColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        },
        disabled: {
          '$value': '{button.primary.bgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': {
                  colorSpace: 'hsl',
                  components: [135.8, 69.2, 20.4],
                  hex: '#105823',
                }
              },
              'dark-dimmed': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [135.8, 69.2, 20.4],
                  hex: '#105823',
                }
              },
              'dark-tritanopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [211.3, 98.8, 68.4],
                  hex: '#5fabfe',
                }
              },
              'dark-tritanopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [211.3, 98.8, 68.4],
                  hex: '#5fabfe',
                }
              },
              'dark-protanopia-deuteranopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [216.6, 84.3, 42.4],
                  hex: '#1158c7',
                }
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [216.6, 84.3, 42.4],
                  hex: '#1158c7',
                }
              },
              'dark-high-contrast': {
                '$value': '{base.color.green.2}',
                alpha: 0.4
              },
              'light-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [135.4, 40.2, 65.9],
                  hex: '#85cb97',
                }
              }
            }
          }
        }
      },
      shadow: {
        selected: {
          '$value': [
            {
              color: '{base.color.green.9}',
              alpha: 0.3,
              offsetX: {
                value: 0,
                unit: 'px'
              },
              offsetY: {
                value: 1,
                unit: 'px'
              },
              blur: {
                value: 0,
                unit: 'px'
              },
              spread: {
                value: 0,
                unit: 'px'
              },
              inset: true
            }
          ],
          '$type': 'shadow',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component shadow'
            },
            'org.primer.overrides': {
              'light-tritanopia': {
                '$value': [
                  {
                    color: '{base.color.blue.9}',
                    alpha: 0.3,
                    offsetX: {
                      value: 0,
                      unit: 'px'
                    },
                    offsetY: {
                      value: 1,
                      unit: 'px'
                    },
                    blur: {
                      value: 0,
                      unit: 'px'
                    },
                    spread: {
                      value: 0,
                      unit: 'px'
                    },
                    inset: true
                  }
                ]
              },
              'light-protanopia-deuteranopia': {
                '$value': [
                  {
                    color: '{base.color.blue.9}',
                    alpha: 0.3,
                    offsetX: {
                      value: 0,
                      unit: 'px'
                    },
                    offsetY: {
                      value: 1,
                      unit: 'px'
                    },
                    blur: {
                      value: 0,
                      unit: 'px'
                    },
                    spread: {
                      value: 0,
                      unit: 'px'
                    },
                    inset: true
                  }
                ]
              },
              dark: {
                '$value': [
                  {
                    color: '{base.color.transparent}',
                    alpha: 0,
                    offsetX: {
                      value: 0,
                      unit: 'px'
                    },
                    offsetY: {
                      value: 0,
                      unit: 'px'
                    },
                    blur: {
                      value: 0,
                      unit: 'px'
                    },
                    spread: {
                      value: 0,
                      unit: 'px'
                    },
                    inset: false
                  }
                ]
              }
            }
          }
        }
      }
    },
    invisible: {
      fgColor: {
        rest: {
          '$value': '{control.fgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.fgColor.rest}'
              }
            }
          }
        },
        hover: {
          '$value': '{control.fgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.fgColor.rest}'
              },
              'light-high-contrast': {
                '$value': '{base.color.neutral.11}'
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.neutral.11}'
              },
              'light-tritanopia-high-contrast': {
                '$value': '{base.color.neutral.11}'
              }
            }
          }
        },
        active: {
          '$value': '{control.fgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.fgColor.rest}'
              }
            }
          }
        },
        disabled: {
          '$value': '{control.fgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.fgColor.disabled}'
              }
            }
          }
        }
      },
      iconColor: {
        rest: {
          '$value': '{fgColor.muted}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{fgColor.muted}'
              },
              'dark-dimmed': {
                '$value': '{base.color.neutral.10}'
              },
              'dark-high-contrast': {
                '$value': '{base.color.neutral.11}'
              },
              'dark-dimmed-high-contrast': {
                '$value': '{base.color.neutral.11}'
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.neutral.11}'
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.neutral.11}'
              }
            }
          }
        },
        hover: {
          '$value': '{fgColor.muted}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{fgColor.muted}'
              },
              'dark-dimmed': {
                '$value': '{base.color.neutral.10}'
              },
              'dark-dimmed-high-contrast': {
                '$value': '{base.color.neutral.11}'
              },
              'dark-high-contrast': {
                '$value': '{base.color.neutral.11}'
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.neutral.11}'
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.neutral.11}'
              },
              'light-high-contrast': {
                '$value': '{base.color.neutral.11}'
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.neutral.11}'
              },
              'light-tritanopia-high-contrast': {
                '$value': '{base.color.neutral.11}'
              }
            }
          }
        },
        disabled: {
          '$value': '{control.fgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.fgColor.disabled}'
              }
            }
          }
        }
      },
      bgColor: {
        rest: {
          '$value': '{control.transparent.bgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.transparent.bgColor.rest}'
              }
            }
          }
        },
        hover: {
          '$value': '{control.transparent.bgColor.hover}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.transparent.bgColor.hover}'
              },
              'dark-high-contrast': {
                '$value': '{base.color.neutral.2}',
                alpha: null
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.neutral.2}',
                alpha: null
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.neutral.2}',
                alpha: null
              }
            }
          }
        },
        active: {
          '$value': '{control.transparent.bgColor.active}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.transparent.bgColor.active}'
              },
              'dark-high-contrast': {
                '$value': '{base.color.neutral.3}',
                alpha: null
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.neutral.3}',
                alpha: null
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.neutral.3}',
                alpha: null
              }
            }
          }
        },
        disabled: {
          '$value': '{base.color.transparent}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.transparent}'
              }
            }
          }
        }
      },
      borderColor: {
        rest: {
          '$value': '{control.transparent.borderColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.transparent.borderColor.rest}'
              }
            }
          }
        },
        hover: {
          '$value': '{control.transparent.borderColor.hover}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.transparent.borderColor.hover}'
              }
            }
          }
        },
        disabled: {
          '$value': '{base.color.transparent}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.transparent}'
              }
            }
          }
        }
      }
    },
    outline: {
      fgColor: {
        rest: {
          '$value': '{fgColor.accent}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.blue.4}'
              }
            }
          }
        },
        hover: {
          '$value': '{base.color.neutral.0}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.blue.3}'
              }
            }
          }
        },
        active: {
          '$value': '{base.color.neutral.0}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.neutral.13}'
              }
            }
          }
        },
        disabled: {
          '$value': '{fgColor.accent}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{fgColor.accent}',
                alpha: 0.5
              },
              'dark-dimmed': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [214.3, 76.1, 59],
                  hex: '#478be6',
                },
                alpha: 0.502,
              }
            }
          },
          alpha: 0.5
        }
      },
      bgColor: {
        rest: {
          '$value': '{control.bgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.neutral.12}'
              }
            }
          }
        },
        hover: {
          '$value': '{bgColor.accent.emphasis}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.bgColor.hover}'
              },
              'dark-tritanopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [217.5, 17.4, 18],
                  hex: '#262c36',
                }
              }
            }
          }
        },
        active: {
          '$value': {
            colorSpace: 'hsl',
            components: [213.2, 92.7, 37.8],
            hex: '#0757ba',
          },
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.blue.7}'
              },
              'dark-tritanopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [218.3, 84.7, 33.3],
                  hex: '#0d419d',
                }
              },
              'dark-tritanopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [218.3, 84.7, 33.3],
                  hex: '#0d419d',
                }
              },
              'light-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [216.6, 96.3, 31.4],
                  hex: '#033f9d',
                }
              },
              'light-tritanopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [216.6, 96.3, 31.4],
                  hex: '#033f9d',
                }
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [216.6, 96.3, 31.4],
                  hex: '#033f9d',
                }
              }
            }
          }
        },
        disabled: {
          '$value': '{control.bgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.bgColor.disabled}'
              },
              'dark-tritanopia': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [212, 18.5, 15.9],
                  hex: '#212830',
                }
              }
            }
          }
        }
      },
      borderColor: {
        hover: {
          '$value': '{button.primary.borderColor.hover}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{button.default.borderColor.hover}'
              },
              'light-high-contrast': {
                '$value': '{base.color.blue.7}'
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.blue.7}'
              },
              'light-tritanopia-high-contrast': {
                '$value': '{base.color.blue.7}'
              }
            }
          }
        },
        active: {
          '$value': '{button.outline.borderColor.hover}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        }
      },
      shadow: {
        selected: {
          '$value': [
            {
              color: '{base.color.blue.9}',
              alpha: 0.2,
              offsetX: {
                value: 0,
                unit: 'px'
              },
              offsetY: {
                value: 1,
                unit: 'px'
              },
              blur: {
                value: 0,
                unit: 'px'
              },
              spread: {
                value: 0,
                unit: 'px'
              },
              inset: true
            }
          ],
          '$type': 'shadow',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component shadow'
            },
            'org.primer.overrides': {
              dark: {
                '$value': [
                  {
                    color: '{base.color.transparent}',
                    alpha: 0,
                    offsetX: {
                      value: 0,
                      unit: 'px'
                    },
                    offsetY: {
                      value: 0,
                      unit: 'px'
                    },
                    blur: {
                      value: 0,
                      unit: 'px'
                    },
                    spread: {
                      value: 0,
                      unit: 'px'
                    },
                    inset: false
                  }
                ]
              }
            }
          }
        }
      }
    },
    danger: {
      fgColor: {
        rest: {
          '$value': '{fgColor.danger}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': {
                  colorSpace: 'hsl',
                  components: [3.3, 94.3, 65.7],
                  hex: '#FA5E55',
                }
              },
              'dark-dimmed': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [3.6, 78.2, 62.2],
                  hex: '#ea5c53',
                }
              },
              'dark-dimmed-high-contrast': {
                '$value': '{base.color.red.1}'
              },
              'dark-protanopia-deuteranopia': {
                '$value': '{fgColor.danger}'
              },
              'dark-high-contrast': {
                '$value': '{base.color.red.2}'
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.red.2}'
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.orange.2}'
              }
            }
          }
        },
        hover: {
          '$value': '{base.color.neutral.0}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.neutral.13}'
              },
              'dark-dimmed-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [0, 0, 100],
                  hex: '#ffffff',
                }
              },
              'dark-dimmed': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [0, 0, 100],
                  hex: '#ffffff',
                }
              }
            }
          }
        },
        active: {
          '$value': '{base.color.neutral.0}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.neutral.13}'
              },
              'dark-dimmed-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [0, 0, 100],
                  hex: '#ffffff',
                }
              },
              'dark-dimmed': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [0, 0, 100],
                  hex: '#ffffff',
                }
              }
            }
          }
        },
        disabled: {
          '$value': '{fgColor.danger}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{fgColor.danger}',
                alpha: 0.5
              }
            }
          },
          alpha: 0.5
        }
      },
      iconColor: {
        rest: {
          '$value': '{button.danger.fgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            }
          }
        },
        hover: {
          '$value': '{base.color.neutral.0}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.neutral.13}'
              },
              'dark-dimmed-high-contrast': {
                '$value': {
                  colorSpace: 'hsl',
                  components: [0, 0, 100],
                  hex: '#ffffff',
                }
              }
            }
          }
        },
        disabled: {
          '$value': '{button.danger.fgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            }
          }
        }
      },
      bgColor: {
        rest: {
          '$value': '{control.bgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.bgColor.rest}'
              }
            }
          }
        },
        hover: {
          '$value': '{bgColor.danger.emphasis}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.red.6}'
              },
              'dark-protanopia-deuteranopia': {
                '$value': '{base.color.orange.6}'
              },
              'dark-high-contrast': {
                '$value': '{base.color.red.9}'
              },
              'dark-dimmed-high-contrast': {
                '$value': '{base.color.red.7}'
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.orange.9}'
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.red.9}'
              }
            }
          }
        },
        active: {
          '$value': '{base.color.red.6}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{bgColor.danger.emphasis}'
              },
              'dark-dimmed': {
                '$value': '{bgColor.danger.emphasis}'
              },
              'dark-dimmed-high-contrast': {
                '$value': '{bgColor.danger.emphasis}'
              },
              'dark-protanopia-deuteranopia': {
                '$value': '{bgColor.danger.emphasis}'
              },
              'dark-high-contrast': {
                '$value': '{bgColor.danger.emphasis}'
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{bgColor.danger.emphasis}'
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{bgColor.danger.emphasis}'
              },
              'light-protanopia-deuteranopia': {
                '$value': '{base.color.orange.6}'
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.orange.6}'
              }
            }
          }
        },
        disabled: {
          '$value': '{control.bgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.bgColor.disabled}'
              }
            }
          }
        }
      },
      borderColor: {
        rest: {
          '$value': '{control.borderColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{control.borderColor.rest}'
              }
            }
          }
        },
        hover: {
          '$value': '{button.primary.borderColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{button.primary.borderColor.rest}'
              },
              'dark-high-contrast': {
                '$value': '{base.color.red.2}',
                alpha: 1
              },
              'dark-dimmed-high-contrast': {
                '$value': '{base.color.red.1}',
                alpha: 1
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.orange.2}',
                alpha: 1
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.red.2}',
                alpha: 1
              },
              'light-high-contrast': {
                '$value': '{base.color.red.7}',
                alpha: 1
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.orange.7}',
                alpha: 1
              },
              'light-tritanopia-high-contrast': {
                '$value': '{base.color.red.7}',
                alpha: 1
              }
            }
          }
        },
        active: {
          '$value': '{button.danger.borderColor.hover}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{button.danger.borderColor.hover}'
              },
              'dark-high-contrast': {
                '$value': '{base.color.red.2}',
                alpha: 1
              }
            }
          }
        }
      },
      shadow: {
        selected: {
          '$value': [
            {
              color: '{base.color.red.9}',
              alpha: 0.2,
              offsetX: {
                value: 0,
                unit: 'px'
              },
              offsetY: {
                value: 1,
                unit: 'px'
              },
              blur: {
                value: 0,
                unit: 'px'
              },
              spread: {
                value: 0,
                unit: 'px'
              },
              inset: true
            }
          ],
          '$type': 'shadow',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component shadow'
            },
            'org.primer.overrides': {
              'light-protanopia-deuteranopia': {
                '$value': [
                  {
                    color: '{base.color.orange.9}',
                    alpha: 0.2,
                    offsetX: {
                      value: 0,
                      unit: 'px'
                    },
                    offsetY: {
                      value: 1,
                      unit: 'px'
                    },
                    blur: {
                      value: 0,
                      unit: 'px'
                    },
                    spread: {
                      value: 0,
                      unit: 'px'
                    },
                    inset: true
                  }
                ]
              },
              dark: {
                '$value': [
                  {
                    color: '{base.color.transparent}',
                    alpha: 0,
                    offsetX: {
                      value: 0,
                      unit: 'px'
                    },
                    offsetY: {
                      value: 0,
                      unit: 'px'
                    },
                    blur: {
                      value: 0,
                      unit: 'px'
                    },
                    spread: {
                      value: 0,
                      unit: 'px'
                    },
                    inset: false
                  }
                ]
              }
            }
          }
        }
      }
    },
    inactive: {
      $description: 'Single-state button variant for non-interactive/inactive buttons (e.g. unselected segmented control tabs). Does not have rest/hover/active/disabled interaction states — "inactive" is the state.',
      fgColor: {
        '$value': '{base.color.neutral.9}',
        '$type': 'color',
        '$extensions': {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: [
              'fgColor'
            ]
          },
          'org.primer.overrides': {
            dark: {
              '$value': '{base.color.neutral.9}'
            },
            'dark-dimmed': {
              '$value': '{base.color.neutral.8}'
            },
            'dark-high-contrast': {
              '$value': '{base.color.neutral.10}'
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              '$value': '{base.color.neutral.10}'
            },
            'dark-tritanopia-high-contrast': {
              '$value': '{base.color.neutral.10}'
            },
            'light-high-contrast': {
              '$value': '{base.color.neutral.10}'
            },
            'light-protanopia-deuteranopia-high-contrast': {
              '$value': '{base.color.neutral.10}'
            },
            'light-tritanopia-high-contrast': {
              '$value': '{base.color.neutral.10}'
            }
          }
        }
      },
      bgColor: {
        '$value': '{base.color.neutral.3}',
        '$type': 'color',
        '$extensions': {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: [
              'bgColor'
            ]
          },
          'org.primer.overrides': {
            dark: {
              '$value': '{base.color.neutral.4}'
            },
            'dark-dimmed': {
              '$value': '{base.color.neutral.5}'
            },
            'dark-high-contrast': {
              '$value': '{control.bgColor.rest}'
            },
            'light-high-contrast': {
              '$value': '{control.bgColor.rest}'
            }
          }
        }
      }
    },
    star: {
      $description: 'Star icon color for the starred/filled state of the star button. Single-state token — does not have rest/hover/active/disabled interaction states.',
      iconColor: {
        '$value': '{base.color.yellow.2}',
        '$type': 'color',
        '$extensions': {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: [
              'bgColor'
            ]
          },
          'org.primer.overrides': {
            dark: {
              '$value': '{base.color.yellow.2}'
            }
          }
        }
      }
    }
  },
  buttonCounter: {
    default: {
      bgColor: {
        rest: {
          '$value': '{bgColor.neutral.muted}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.neutral.6}'
              },
              'light-high-contrast': '{base.color.neutral.7}',
              'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.7}',
              'light-tritanopia-high-contrast': '{base.color.neutral.7}'
            }
          }
        }
      }
    },
    invisible: {
      bgColor: {
        rest: {
          '$value': '{bgColor.neutral.muted}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{bgColor.neutral.muted}'
              }
            }
          }
        }
      }
    },
    primary: {
      bgColor: {
        rest: {
          '$value': '{base.color.green.9}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.green.9}',
                alpha: 0.2
              },
              'dark-high-contrast': {
                '$value': '{base.color.neutral.0}',
                alpha: 0.15
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.neutral.0}',
                alpha: 0.15
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.neutral.0}',
                alpha: 0.15
              }
            }
          },
          alpha: 0.2
        }
      }
    },
    outline: {
      bgColor: {
        rest: {
          '$value': '{bgColor.accent.emphasis}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.blue.9}',
                alpha: 0.2
              }
            }
          },
          alpha: 0.1
        },
        hover: {
          '$value': '{base.color.neutral.0}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.blue.9}',
                alpha: 0.2
              }
            }
          },
          alpha: 0.2
        },
        disabled: {
          '$value': '{bgColor.accent.emphasis}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{bgColor.accent.emphasis}',
                alpha: 0.05
              }
            }
          },
          alpha: 0.05
        }
      },
      fgColor: {
        rest: {
          '$value': '{base.color.blue.6}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.blue.4}'
              }
            }
          }
        },
        hover: {
          '$value': '{base.color.neutral.0}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.blue.3}'
              }
            }
          }
        },
        disabled: {
          '$value': '{fgColor.accent}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{fgColor.accent}',
                alpha: 0.5
              }
            }
          },
          alpha: 0.5
        }
      }
    },
    danger: {
      bgColor: {
        hover: {
          '$value': '{base.color.neutral.0}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.neutral.13}',
                alpha: 0.2
              },
              'dark-high-contrast': {
                '$value': '{base.color.neutral.0}',
                alpha: 0.15
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.neutral.0}',
                alpha: 0.15
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.neutral.0}',
                alpha: 0.15
              }
            }
          },
          alpha: 0.2
        },
        disabled: {
          '$value': '{bgColor.danger.emphasis}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{bgColor.danger.emphasis}',
                alpha: 0.05
              }
            }
          },
          alpha: 0.05
        },
        rest: {
          '$value': '{bgColor.danger.emphasis}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.red.9}',
                alpha: 0.2
              },
              'dark-high-contrast': {
                '$value': '{base.color.neutral.0}',
                alpha: 0.15
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.neutral.0}',
                alpha: 0.15
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.neutral.0}',
                alpha: 0.15
              }
            }
          },
          alpha: 0.1
        }
      },
      fgColor: {
        rest: {
          '$value': {
            colorSpace: 'hsl',
            components: [354.2, 74.8, 43.5],
            hex: '#c21c2c',
          },
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{fgColor.danger}'
              },
              'light-high-contrast': {
                '$value': '{fgColor.danger}'
              },
              'light-tritanopia-high-contrast': {
                '$value': '{fgColor.danger}'
              },
              'light-protanopia-deuteranopia': {
                '$value': '{base.color.orange.6}'
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': '{fgColor.danger}'
              }
            }
          }
        },
        hover: {
          '$value': '{base.color.neutral.0}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.neutral.13}'
              }
            }
          }
        },
        disabled: {
          '$value': '{fgColor.danger}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{fgColor.danger}',
                alpha: 0.5
              }
            }
          },
          alpha: 0.5
        }
      }
    }
  },
  buttonKeybindingHint: {
    default: {
      bgColor: {
        rest: {
          '$value': '{base.color.neutral.2}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.neutral.5}'
              },
              'dark-high-contrast': '{base.color.neutral.4}',
              'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
              'dark-tritanopia-high-contrast': '{base.color.neutral.4}'
            }
          }
        },
        disabled: {
          '$value': '{buttonKeybindingHint.default.bgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          }
        }
      },
      borderColor: {
        rest: {
          '$value': '{borderColor.muted}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        },
        disabled: {
          '$value': '{control.borderColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        }
      },
      fgColor: {
        rest: {
          '$value': '{fgColor.muted}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            }
          }
        },
        disabled: {
          '$value': '{control.fgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            }
          }
        }
      }
    },
    invisible: {
      bgColor: {
        rest: {
          '$value': '{buttonKeybindingHint.default.bgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          }
        },
        hover: {
          '$value': '{control.transparent.bgColor.hover}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          }
        },
        active: {
          '$value': '{control.transparent.bgColor.active}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          }
        },
        disabled: {
          '$value': '{button.invisible.bgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          }
        }
      },
      borderColor: {
        rest: {
          '$value': '{base.color.transparent}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              'dark-high-contrast': {
                '$value': '{borderColor.muted}'
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{borderColor.muted}'
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{borderColor.muted}'
              },
              'light-high-contrast': {
                '$value': '{borderColor.muted}'
              },
              'light-tritanopia-high-contrast': {
                '$value': '{borderColor.muted}'
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': '{borderColor.muted}'
              }
            }
          }
        },
        disabled: {
          '$value': '{control.borderColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        }
      },
      fgColor: {
        rest: {
          '$value': '{fgColor.muted}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        },
        disabled: {
          '$value': '{control.fgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        }
      }
    },
    primary: {
      bgColor: {
        rest: {
          '$value': '{buttonCounter.primary.bgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          }
        },
        disabled: {
          '$value': '{buttonCounter.primary.bgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          },
          alpha: 0.1
        }
      },
      borderColor: {
        rest: {
          '$value': '{borderColor.translucent}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              'dark-dimmed': {
                '$value': '{buttonCounter.primary.bgColor.rest}',
                alpha: 0.1
              },
              'dark-dimmed-high-contrast': {
                '$value': '{base.color.white}'
              },
              dark: {
                '$value': '{buttonCounter.primary.bgColor.rest}',
                alpha: 0.1
              },
              'dark-high-contrast': {
                '$value': '{base.color.white}'
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.white}'
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.white}'
              },
              'light-high-contrast': {
                '$value': '{base.color.white}'
              },
              'light-tritanopia-high-contrast': {
                '$value': '{base.color.white}'
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.white}'
              }
            }
          }
        },
        disabled: {
          '$value': '{control.borderColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        }
      },
      fgColor: {
        rest: {
          '$value': '{fgColor.onEmphasis}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            }
          }
        },
        disabled: {
          '$value': '{button.primary.fgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            }
          }
        }
      }
    },
    danger: {
      bgColor: {
        rest: {
          '$value': '{buttonKeybindingHint.default.bgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          }
        },
        hover: {
          '$value': '{base.color.black}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          },
          alpha: 0.2
        },
        active: {
          '$value': '{base.color.black}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          },
          alpha: 0.4
        },
        disabled: {
          '$value': '{buttonKeybindingHint.default.bgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'bgColor'
              ]
            }
          }
        }
      },
      borderColor: {
        rest: {
          '$value': '{buttonKeybindingHint.default.borderColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        },
        hover: {
          '$value': '{borderColor.translucent}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            },
            'org.primer.overrides': {
              dark: {
                '$value': '{base.color.black}',
                alpha: 0.1
              },
              'dark-dimmed': {
                '$value': '{base.color.black}',
                alpha: 0.1
              },
              'dark-dimmed-high-contrast': {
                '$value': '{base.color.white}'
              },
              'dark-high-contrast': {
                '$value': '{base.color.white}'
              },
              'dark-tritanopia-high-contrast': {
                '$value': '{base.color.white}'
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.white}'
              },
              'light-high-contrast': {
                '$value': '{base.color.white}'
              },
              'light-tritanopia-high-contrast': {
                '$value': '{base.color.white}'
              },
              'light-protanopia-deuteranopia-high-contrast': {
                '$value': '{base.color.white}'
              }
            }
          }
        },
        active: {
          '$value': '{buttonKeybindingHint.danger.borderColor.hover}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        },
        disabled: {
          '$value': '{buttonKeybindingHint.default.borderColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'borderColor'
              ]
            }
          }
        }
      },
      fgColor: {
        rest: {
          '$value': '{buttonKeybindingHint.default.fgColor.rest}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            }
          }
        },
        hover: {
          '$value': '{fgColor.onEmphasis}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            }
          }
        },
        active: {
          '$value': '{fgColor.onEmphasis}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            }
          }
        },
        disabled: {
          '$value': '{buttonKeybindingHint.default.fgColor.disabled}',
          '$type': 'color',
          '$extensions': {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: [
                'fgColor'
              ]
            }
          }
        }
      }
    },
    inactive: {
      $description: 'Keybinding hint colors for inactive button state. Single-state — does not have rest/hover/active/disabled interaction states.',
      bgColor: {
        '$value': '{base.color.neutral.2}',
        '$type': 'color',
        '$extensions': {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: [
              'bgColor'
            ]
          },
          'org.primer.overrides': {
            dark: {
              '$value': '{base.color.neutral.5}'
            },
            'dark-high-contrast': '{base.color.neutral.4}',
            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
            'dark-tritanopia-high-contrast': '{base.color.neutral.4}'
          }
        }
      },
      borderColor: {
        '$value': '{borderColor.muted}',
        '$type': 'color',
        '$extensions': {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: [
              'borderColor'
            ]
          }
        }
      },
      fgColor: {
        '$value': '{button.inactive.fgColor}',
        '$type': 'color',
        '$extensions': {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: [
              'fgColor'
            ]
          }
        }
      }
    }
  }
}