{
  control: {
    $description: 'Colors for interactive form controls like buttons, inputs, selects, and checkboxes.',
    $extensions: {
      'org.primer.llm': {
        usage: ['button', 'input', 'select', 'checkbox', 'radio', 'form-control'],
        rules: 'Use control tokens for interactive form elements. Match states (rest, hover, active, disabled) to user interactions. Use transparent variants for ghost/tertiary buttons. Use danger variants for destructive actions. Use checked variants for selected checkboxes and radios.',
      },
    },
    bgColor: {
      rest: {
        $value: '{base.color.neutral.1}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['bgColor'],
          },
          'org.primer.overrides': {
            dark: '{base.color.neutral.3}',
            'dark-high-contrast': {
              $value: '{base.color.neutral.4}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.color.neutral.4}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.4}',
            },
            'dark-dimmed': {
              $value: '{base.color.neutral.5}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.color.neutral.4}',
            },
            'light-high-contrast': {
              $value: '{base.color.neutral.4}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.color.neutral.4}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.4}',
            },
          },
        },
      },
      hover: {
        $value: '{base.color.neutral.2}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['bgColor'],
          },
          'org.primer.overrides': {
            dark: '{base.color.neutral.4}',
            'dark-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
            'dark-dimmed': {
              $value: '{base.color.neutral.6}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
            'light-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
          },
        },
      },
      active: {
        $value: '{base.color.neutral.3}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['bgColor'],
          },
          'org.primer.overrides': {
            dark: '{base.color.neutral.5}',
            'dark-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
            'dark-dimmed': {
              $value: '{base.color.neutral.7}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
            'light-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
          },
        },
      },
      disabled: {
        $value: '{bgColor.disabled}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['bgColor'],
          },
          'org.primer.overrides': {
            dark: '{bgColor.disabled}',
          },
        },
      },
      selected: {
        $value: '{control.bgColor.rest}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['bgColor'],
          },
          'org.primer.overrides': {
            dark: '{control.bgColor.rest}',
          },
        },
      },
    },
    fgColor: {
      rest: {
        $value: '{base.color.neutral.12}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: '{fgColor.default}',
          },
        },
      },
      placeholder: {
        $value: '{fgColor.muted}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: '{fgColor.muted}',
            'dark-high-contrast': {
              $value: '{base.color.neutral.10}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.color.neutral.10}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.color.neutral.10}',
            },
            'dark-protanopia-deuteranopia-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}',
            },
          },
        },
      },
      disabled: {
        $value: '{fgColor.disabled}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: '{fgColor.disabled}',
          },
        },
      },
    },
    borderColor: {
      rest: {
        $value: '{borderColor.default}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['borderColor'],
          },
          'org.primer.overrides': {
            dark: '{borderColor.default}',
            'dark-dimmed': {
              $value: {
                colorSpace: 'hsl',
                components: [213.8, 11.6, 27.1],
                hex: '#3d444d',
              },
            },
          },
        },
      },
      emphasis: {
        $value: '{borderColor.emphasis}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['borderColor'],
          },
          'org.primer.overrides': {
            dark: '{borderColor.emphasis}',
            'dark-high-contrast': {
              $value: '{borderColor.emphasis}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{borderColor.emphasis}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{borderColor.emphasis}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{borderColor.emphasis}',
            },
          },
        },
      },
      disabled: {
        $value: '{borderColor.disabled}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['borderColor'],
          },
          'org.primer.overrides': {
            dark: '{borderColor.disabled}',
            'dark-dimmed': {
              $value: '{base.color.neutral.8}',
              alpha: 0.1,
            },
          },
        },
      },
      selected: {
        $value: '{control.bgColor.selected}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['borderColor'],
          },
          'org.primer.overrides': {
            dark: '{base.color.neutral.12}',
          },
        },
      },
      success: {
        $value: '{borderColor.success.emphasis}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['borderColor'],
          },
          'org.primer.overrides': {
            dark: '{borderColor.success.emphasis}',
          },
        },
      },
      danger: {
        $value: '{borderColor.danger.emphasis}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['borderColor'],
          },
          'org.primer.overrides': {
            dark: '{borderColor.danger.emphasis}',
          },
        },
      },
      warning: {
        $value: '{borderColor.attention.emphasis}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['borderColor'],
          },
          'org.primer.overrides': {
            dark: '{borderColor.attention.emphasis}',
          },
        },
      },
    },
    iconColor: {
      rest: {
        $value: '{fgColor.muted}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: '{fgColor.muted}',
          },
        },
      },
    },
    transparent: {
      $description: 'Transparent control colors for ghost buttons and tertiary actions with no visible background at rest.',
      bgColor: {
        rest: {
          $value: '{base.color.transparent}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: '{base.color.transparent}',
            },
          },
        },
        hover: {
          $value: '{base.color.neutral.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.color.neutral.8}',
                alpha: 0.2,
              },
              'dark-high-contrast': {
                $value: '{base.color.neutral.6}',
                alpha: 1,
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.color.neutral.6}',
                alpha: 1,
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.color.neutral.6}',
                alpha: 1,
              },
              'dark-dimmed': {
                $value: '{base.color.neutral.8}',
                alpha: 0.15,
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.color.neutral.6}',
                alpha: 1,
              },
              'light-high-contrast': {
                $value: '{base.color.neutral.5}',
                alpha: 1,
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.color.neutral.5}',
                alpha: 1,
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.color.neutral.5}',
                alpha: 1,
              },
            },
          },
          alpha: 0.1,
        },
        active: {
          $value: '{base.color.neutral.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.color.neutral.8}',
                alpha: 0.25,
              },
              'dark-high-contrast': {
                $value: '{base.color.neutral.7}',
                alpha: 1,
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.color.neutral.7}',
                alpha: 1,
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.color.neutral.7}',
                alpha: 1,
              },
              'dark-dimmed': {
                $value: '{base.color.neutral.8}',
                alpha: 0.2,
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.color.neutral.7}',
                alpha: 1,
              },
              'light-high-contrast': {
                $value: '{base.color.neutral.6}',
                alpha: 1,
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.color.neutral.6}',
                alpha: 1,
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.color.neutral.6}',
                alpha: 1,
              },
            },
          },
          alpha: 0.15,
        },
        disabled: {
          $value: '{bgColor.disabled}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: '{bgColor.disabled}',
            },
          },
        },
        selected: {
          $value: '{base.color.neutral.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.color.neutral.8}',
                alpha: 0.2,
              },
              'dark-high-contrast': {
                $value: '{base.color.neutral.6}',
                alpha: 1,
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.color.neutral.6}',
                alpha: 1,
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.color.neutral.6}',
                alpha: 1,
              },
              'dark-dimmed': {
                $value: '{base.color.neutral.8}',
                alpha: 0.1,
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.color.neutral.6}',
                alpha: 1,
              },
              'light-high-contrast': {
                $value: '{base.color.neutral.5}',
                alpha: 1,
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.color.neutral.5}',
                alpha: 1,
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.color.neutral.5}',
                alpha: 1,
              },
            },
          },
          alpha: 0.15,
        },
      },
      borderColor: {
        rest: {
          $value: '{base.color.transparent}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: '{base.color.transparent}',
            },
          },
        },
        hover: {
          $value: '{base.color.transparent}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: '{base.color.transparent}',
              'dark-high-contrast': {
                $value: '{borderColor.default}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{borderColor.default}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{borderColor.default}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{borderColor.default}',
              },
              'light-high-contrast': {
                $value: '{borderColor.default}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{borderColor.default}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{borderColor.default}',
              },
            },
          },
        },
        active: {
          $value: '{base.color.transparent}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: '{base.color.transparent}',
              'dark-high-contrast': {
                $value: '{borderColor.default}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{borderColor.default}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{borderColor.default}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{borderColor.default}',
              },
              'light-high-contrast': {
                $value: '{borderColor.default}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{borderColor.default}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{borderColor.default}',
              },
            },
          },
        },
      },
    },
    danger: {
      $description: 'Danger control colors for destructive actions like delete buttons and remove actions.',
      fgColor: {
        rest: {
          $value: '{fgColor.danger}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['fgColor'],
            },
            'org.primer.overrides': {
              dark: '{fgColor.danger}',
            },
          },
        },
        hover: {
          $value: '{fgColor.danger}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['fgColor'],
            },
            'org.primer.overrides': {
              dark: '{base.color.red.3}',
              'dark-protanopia-deuteranopia': '{base.color.orange.3}',
              'light-high-contrast': {
                $value: '{fgColor.onEmphasis}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{fgColor.onEmphasis}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{fgColor.onEmphasis}',
              },
              'dark-high-contrast': {
                $value: '{fgColor.onEmphasis}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{fgColor.onEmphasis}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{fgColor.onEmphasis}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{fgColor.onEmphasis}',
              },
            },
          },
        },
      },
      bgColor: {
        hover: {
          $value: '{bgColor.danger.muted}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: '{bgColor.danger.muted}',
              'dark-high-contrast': {
                $value: '{bgColor.danger.emphasis}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{bgColor.danger.emphasis}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{bgColor.danger.emphasis}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{bgColor.danger.emphasis}',
              },
              'light-high-contrast': {
                $value: '{bgColor.danger.emphasis}',
                alpha: null,
              },
              'light-tritanopia-high-contrast': {
                $value: '{bgColor.danger.emphasis}',
                alpha: null,
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{bgColor.danger.emphasis}',
                alpha: null,
              },
            },
          },
        },
        active: {
          $value: '{bgColor.danger.muted}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              light: {
                $value: '{bgColor.danger.muted}',
                alpha: 0.4,
              },
              dark: {
                $value: '{bgColor.danger.muted}',
                alpha: 0.4,
              },
              'dark-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [355, 84.1, 42],
                  hex: '#c51120',
                },
                alpha: 1,
              },
              'dark-dimmed-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [355, 84.1, 42],
                  hex: '#c51120',
                },
                alpha: 1,
              },
              'dark-tritanopia-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [355, 84.1, 42],
                  hex: '#c51120',
                },
                alpha: 1,
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{bgColor.danger.emphasis}',
              },
              'light-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [351.6, 85.4, 29.6],
                  hex: '#8c0b1d',
                },
              },
              'light-tritanopia-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [351.6, 85.4, 29.6],
                  hex: '#8c0b1d',
                },
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.color.orange.6}',
              },
            },
          },
        },
      },
    },
    checked: {
      $description: 'Colors for checked/selected state of checkboxes, radio buttons, and toggle switches.',
      bgColor: {
        rest: {
          $value: '{bgColor.accent.emphasis}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: '{bgColor.accent.emphasis}',
            },
          },
        },
        hover: {
          $value: {
            colorSpace: 'hsl',
            components: [212.8, 92.4, 41.2],
            hex: '#0860ca',
          },
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: '#2A7AEF',
              'dark-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [217.2, 63.6, 46.3],
                  hex: '#2b64c1',
                },
              },
              'dark-tritanopia-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [217.2, 63.6, 46.3],
                  hex: '#2b64c1',
                },
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [217.2, 63.6, 46.3],
                  hex: '#2b64c1',
                },
              },
              'dark-dimmed': {
                $value: {
                  colorSpace: 'hsl',
                  components: [216, 63.8, 52.4],
                  hex: '#3876d3',
                },
              },
              'dark-dimmed-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [217.2, 63.6, 46.3],
                  hex: '#2b64c1',
                },
              },
              'light-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [216.4, 96.5, 33.5],
                  hex: '#0344a8',
                },
              },
              'light-tritanopia-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [216.4, 96.5, 33.5],
                  hex: '#0344a8',
                },
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [216.4, 96.5, 33.5],
                  hex: '#0344a8',
                },
              },
            },
          },
        },
        active: {
          $value: {
            colorSpace: 'hsl',
            components: [213.2, 92.7, 37.8],
            hex: '#0757ba',
          },
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: '#3685F3',
              'dark-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [215.3, 61.2, 52.5],
                  hex: '#3c79d0',
                },
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [215.3, 61.2, 52.5],
                  hex: '#3c79d0',
                },
              },
              'dark-tritanopia-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [215.3, 61.2, 52.5],
                  hex: '#3c79d0',
                },
              },
              'dark-dimmed': {
                $value: {
                  colorSpace: 'hsl',
                  components: [215.4, 68.4, 55.3],
                  hex: '#3f7fdb',
                },
              },
              'dark-dimmed-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [215.3, 61.2, 52.5],
                  hex: '#3c79d0',
                },
              },
              '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: '{fgColor.disabled}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: '{fgColor.disabled}',
            },
          },
        },
      },
      fgColor: {
        rest: {
          $value: '{fgColor.onEmphasis}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['fgColor'],
            },
            'org.primer.overrides': {
              dark: '{fgColor.onEmphasis}',
            },
          },
        },
        disabled: {
          $value: '{fgColor.onEmphasis}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['fgColor'],
            },
            'org.primer.overrides': {
              dark: '{base.color.inset}',
            },
          },
        },
      },
      borderColor: {
        rest: {
          $value: '{control.checked.bgColor.rest}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: '{control.checked.bgColor.rest}',
              'dark-high-contrast': {
                $value: '{base.color.blue.2}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.color.blue.2}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.color.blue.2}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.color.blue.2}',
              },
            },
          },
        },
        hover: {
          $value: '{control.checked.bgColor.hover}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: '{control.checked.bgColor.hover}',
              'dark-high-contrast': {
                $value: '{base.color.blue.2}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.color.blue.2}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.color.blue.2}',
              },
              'dark-dimmed': {
                $value: {
                  colorSpace: 'hsl',
                  components: [216, 63.8, 52.4],
                  hex: '#3876d3',
                },
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.color.blue.2}',
              },
              'light-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [216.4, 96.5, 33.5],
                  hex: '#0344a8',
                },
              },
              'light-tritanopia-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [216.4, 96.5, 33.5],
                  hex: '#0344a8',
                },
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [216.4, 96.5, 33.5],
                  hex: '#0344a8',
                },
              },
            },
          },
        },
        active: {
          $value: '{control.checked.bgColor.active}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: '{control.checked.bgColor.active}',
              'dark-high-contrast': {
                $value: '{base.color.blue.2}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.color.blue.2}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.color.blue.2}',
              },
              'dark-dimmed': {
                $value: {
                  colorSpace: 'hsl',
                  components: [215.4, 68.4, 55.3],
                  hex: '#3f7fdb',
                },
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.color.blue.2}',
              },
              'light-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',
                },
              },
              'light-tritanopia-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [216.6, 96.3, 31.4],
                  hex: '#033f9d',
                },
              },
            },
          },
        },
        disabled: {
          $value: '{control.checked.bgColor.disabled}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: '{control.checked.bgColor.disabled}',
            },
          },
        },
      },
    },
  },
  controlTrack: {
    $description: 'Colors for toggle switch tracks (the background rail that the knob slides along).',
    $extensions: {
      'org.primer.llm': {
        usage: ['toggle-track', 'switch-track', 'slider-track'],
        rules: 'Use for the track/rail element of toggle switches and sliders. Pair with controlKnob tokens for the movable handle.',
      },
    },
    bgColor: {
      rest: {
        $value: '{base.color.neutral.3}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['bgColor'],
          },
          'org.primer.overrides': {
            dark: '{base.color.neutral.0}',
            'dark-high-contrast': {
              $value: '{base.color.neutral.0}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.color.neutral.0}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.0}',
            },
            'dark-dimmed': {
              $value: '{base.color.neutral.2}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.color.neutral.2}',
            },
            'light-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
          },
        },
      },
      hover: {
        $value: '{base.color.neutral.4}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['bgColor'],
          },
          'org.primer.overrides': {
            dark: '{base.color.neutral.5}',
            'dark-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
            'dark-dimmed': {
              $value: '{base.color.neutral.6}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
            'light-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
          },
        },
      },
      active: {
        $value: '{base.color.neutral.5}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['bgColor'],
          },
          'org.primer.overrides': {
            dark: '{base.color.neutral.6}',
            'dark-high-contrast': {
              $value: '{base.color.neutral.7}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.color.neutral.7}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.7}',
            },
            'dark-dimmed': {
              $value: '{base.color.neutral.7}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.color.neutral.7}',
            },
            'light-high-contrast': {
              $value: '{base.color.neutral.7}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.color.neutral.7}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.6}',
            },
          },
        },
      },
      disabled: {
        $value: '{fgColor.disabled}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['bgColor'],
          },
          'org.primer.overrides': {
            dark: '{fgColor.disabled}',
          },
        },
      },
    },
    fgColor: {
      rest: {
        $value: '{base.color.neutral.9}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: '{fgColor.muted}',
            'dark-high-contrast': {
              $value: '{fgColor.default}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{fgColor.default}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{fgColor.default}',
            },
          },
        },
      },
      disabled: {
        $value: '{fgColor.onEmphasis}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: '{fgColor.onEmphasis}',
          },
        },
      },
    },
    borderColor: {
      rest: {
        $value: '{borderColor.default}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['borderColor'],
          },
          'org.primer.overrides': {
            dark: '{borderColor.default}',
            'dark-high-contrast': {
              $value: '{borderColor.emphasis}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{borderColor.emphasis}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{borderColor.emphasis}',
            },
            'dark-dimmed': {
              $value: '{base.color.neutral.7}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{borderColor.emphasis}',
            },
            'light-high-contrast': {
              $value: '{borderColor.emphasis}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{borderColor.emphasis}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{borderColor.emphasis}',
            },
          },
        },
      },
      disabled: {
        $value: '{fgColor.disabled}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['borderColor'],
          },
          'org.primer.overrides': {
            dark: '{fgColor.disabled}',
          },
        },
      },
    },
  },
  controlKnob: {
    $description: 'Colors for toggle switch knobs (the circular handle that moves along the track).',
    $extensions: {
      'org.primer.llm': {
        usage: ['toggle-knob', 'switch-handle', 'slider-thumb'],
        rules: 'Use for the movable handle/thumb of toggle switches and sliders. Pair with controlTrack tokens for the background rail.',
      },
    },
    bgColor: {
      rest: {
        $value: '{base.color.neutral.0}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['bgColor'],
          },
          'org.primer.overrides': {
            dark: '{base.color.neutral.4}',
            'dark-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
            'dark-dimmed': {
              $value: '{base.color.neutral.5}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.color.neutral.5}',
            },
          },
        },
      },
      disabled: {
        $value: '{control.bgColor.disabled}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['bgColor'],
          },
          'org.primer.overrides': {
            dark: '{control.bgColor.disabled}',
          },
        },
      },
      checked: {
        $value: '{base.color.neutral.0}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['bgColor'],
          },
          'org.primer.overrides': {
            dark: '{base.color.neutral.13}',
          },
        },
      },
    },
    borderColor: {
      rest: {
        $value: '{control.borderColor.rest}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['borderColor'],
          },
          'org.primer.overrides': {
            dark: '{control.borderColor.rest}',
            'dark-dimmed-high-contrast': '{control.borderColor.emphasis}',
            'light-high-contrast': '{control.borderColor.emphasis}',
            'light-tritanopia-high-contrast': '{control.borderColor.emphasis}',
            'light-protanopia-deuteranopia-high-contrast': '{control.borderColor.emphasis}',
            'dark-high-contrast': '{control.borderColor.emphasis}',
            'dark-tritanopia-high-contrast': '{control.borderColor.emphasis}',
            'dark-protanopia-deuteranopia-high-contrast': '{control.borderColor.emphasis}',
          },
        },
      },
      disabled: {
        $value: '{control.bgColor.disabled}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['borderColor'],
          },
          'org.primer.overrides': {
            dark: '{control.bgColor.disabled}',
          },
        },
      },
      checked: {
        $value: '{control.checked.bgColor.rest}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component (internal)',
            scopes: ['borderColor'],
          },
          'org.primer.overrides': {
            dark: '{control.checked.bgColor.rest}',
          },
        },
      },
    },
  },
}