{
  display: {
    $description: 'Decorative colors for categorization and visual distinction without semantic meaning. Use for labels, tags, avatars, status indicators, and user-assigned colors. Do NOT use for success/error/warning states—use semantic colors (bgColor.success/danger/attention) instead.',
    $extensions: {
      'org.primer.llm': {
        usage: ['label', 'tag', 'avatar', 'badge', 'category-indicator', 'user-assigned-color', 'project-color', 'decorative-element'],
        rules: 'Use display colors for arbitrary categorization where the color has no inherent meaning (e.g., project labels, user avatars). For meaningful states like success, error, or warning, use semantic colors instead. Scales 0-2 are lighter (backgrounds), 3-5 are mid-tones, 6-9 are darker (foregrounds/borders).',
      },
    },
    blue: {
      scale: {
        '0': {
          $value: '{base.display.color.blue.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.blue.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.blue.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.blue.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.blue.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.blue.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.blue.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.blue.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.blue.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.blue.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.blue.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.blue.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.blue.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.blue.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.blue.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.blue.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.blue.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.blue.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.blue.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.blue.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.blue.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.blue.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.blue.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.blue.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.blue.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.blue.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.blue.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.blue.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.blue.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.blue.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.blue.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.blue.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.blue.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.blue.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.blue.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.blue.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.blue.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.blue.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.blue.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.blue.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.blue.6}',
              },
            },
          },
        },
      },
    },
    green: {
      scale: {
        '0': {
          $value: '{base.display.color.green.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.green.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.green.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.green.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.green.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.green.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.green.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.green.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.green.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.green.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.green.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.green.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.green.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.green.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.green.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.green.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.green.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.green.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.green.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.green.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.green.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.green.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.green.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.green.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.green.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.green.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.green.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.green.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.green.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.green.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.green.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.green.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.green.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.green.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.green.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.green.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.green.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.green.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.green.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.green.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.green.6}',
              },
            },
          },
        },
      },
    },
    orange: {
      scale: {
        '0': {
          $value: '{base.display.color.orange.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.orange.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.orange.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.orange.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.orange.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.orange.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.orange.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.orange.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.orange.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.orange.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.orange.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.orange.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.orange.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.orange.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.orange.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.orange.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.orange.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.orange.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.orange.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.orange.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.orange.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.orange.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.orange.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.orange.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.orange.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.orange.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.orange.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.orange.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.orange.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.orange.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.orange.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.orange.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.orange.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.orange.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.orange.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.orange.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.orange.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.orange.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.orange.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.orange.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.orange.6}',
              },
            },
          },
        },
      },
    },
    purple: {
      scale: {
        '0': {
          $value: '{base.display.color.purple.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.purple.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.purple.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.purple.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.purple.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.purple.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.purple.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.purple.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.purple.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.purple.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.purple.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.purple.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.purple.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.purple.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.purple.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.purple.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.purple.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.purple.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.purple.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.purple.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.purple.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.purple.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.purple.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.purple.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.purple.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.purple.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.purple.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.purple.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.purple.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.purple.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.purple.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.purple.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.purple.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.purple.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.purple.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.purple.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.purple.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.purple.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.purple.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.purple.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.purple.6}',
              },
            },
          },
        },
      },
    },
    plum: {
      scale: {
        '0': {
          $value: '{base.display.color.plum.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.plum.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.plum.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.plum.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.plum.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.plum.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.plum.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.plum.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.plum.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.plum.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.plum.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.plum.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.plum.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.plum.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.plum.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.plum.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.plum.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.plum.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.plum.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.plum.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.plum.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.plum.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.plum.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.plum.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.plum.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.plum.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.plum.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.plum.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.plum.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.plum.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.plum.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.plum.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.plum.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.plum.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.plum.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.plum.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.plum.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.plum.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.plum.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.plum.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.plum.6}',
              },
            },
          },
        },
      },
    },
    red: {
      scale: {
        '0': {
          $value: '{base.display.color.red.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.red.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.red.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.red.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.red.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.red.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.red.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.red.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.red.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.red.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.red.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.red.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.red.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.red.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.red.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.red.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.red.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.red.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.red.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.red.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.red.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.red.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.red.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.red.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.red.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.red.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.red.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.red.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.red.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.red.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.red.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.red.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.red.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.red.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.red.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.red.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.red.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.red.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.red.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.red.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.red.6}',
              },
            },
          },
        },
      },
    },
    coral: {
      scale: {
        '0': {
          $value: '{base.display.color.coral.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.coral.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.coral.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.coral.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.coral.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.coral.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.coral.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.coral.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.coral.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.coral.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.coral.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.red.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.coral.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.red.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.coral.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.coral.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.coral.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.coral.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.coral.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.coral.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.coral.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.coral.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.red.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.coral.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.coral.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.coral.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.coral.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.coral.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.coral.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.coral.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.coral.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.red.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.coral.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.red.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.coral.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.coral.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.coral.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.coral.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.coral.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.coral.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.coral.6}',
              },
            },
          },
        },
      },
    },
    yellow: {
      scale: {
        '0': {
          $value: '{base.display.color.yellow.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.yellow.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.yellow.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.yellow.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.yellow.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.yellow.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.yellow.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.yellow.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.yellow.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.yellow.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.yellow.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.yellow.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.yellow.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.yellow.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.yellow.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.yellow.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.yellow.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.yellow.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.yellow.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.yellow.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.yellow.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.yellow.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.yellow.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.yellow.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.yellow.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.yellow.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.yellow.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.yellow.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.yellow.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.yellow.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.yellow.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.yellow.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.yellow.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.yellow.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.yellow.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.yellow.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.yellow.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.yellow.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.yellow.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.yellow.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.yellow.6}',
              },
            },
          },
        },
      },
    },
    gray: {
      scale: {
        '0': {
          $value: '{base.display.color.gray.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.gray.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.gray.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.gray.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.gray.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.gray.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.gray.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.gray.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.gray.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.gray.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.gray.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.gray.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.gray.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.gray.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.gray.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.gray.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.gray.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.gray.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.gray.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.gray.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.gray.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.gray.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.gray.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.gray.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.gray.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.gray.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.gray.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.gray.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.gray.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.gray.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.gray.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.gray.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.gray.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.gray.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.gray.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.gray.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.gray.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.gray.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.gray.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.gray.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.gray.6}',
              },
            },
          },
        },
      },
    },
    auburn: {
      scale: {
        '0': {
          $value: '{base.display.color.auburn.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.auburn.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.auburn.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.auburn.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.auburn.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.auburn.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.auburn.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.auburn.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.auburn.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.auburn.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.auburn.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.auburn.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.auburn.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.auburn.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.auburn.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.auburn.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.auburn.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.auburn.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.auburn.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.auburn.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.auburn.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.auburn.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.auburn.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.auburn.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.auburn.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.auburn.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.auburn.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.auburn.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.auburn.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.auburn.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.auburn.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.auburn.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.auburn.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.auburn.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.auburn.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.auburn.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.auburn.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.auburn.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.auburn.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.auburn.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.auburn.6}',
              },
            },
          },
        },
      },
    },
    brown: {
      scale: {
        '0': {
          $value: '{base.display.color.brown.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.brown.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.brown.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.brown.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.brown.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.brown.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.brown.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.brown.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.brown.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.brown.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.brown.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.brown.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.brown.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.brown.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.brown.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.brown.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.brown.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.brown.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.brown.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.brown.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.brown.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.brown.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.brown.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.brown.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.brown.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.brown.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.brown.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.brown.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.brown.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.brown.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.brown.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.brown.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.brown.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.brown.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.brown.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.brown.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.brown.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.brown.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.brown.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.brown.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.brown.6}',
              },
            },
          },
        },
      },
    },
    lemon: {
      scale: {
        '0': {
          $value: '{base.display.color.lemon.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.lemon.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.lemon.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.lemon.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.lemon.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.lemon.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.lemon.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.lemon.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.lemon.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.lemon.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.lemon.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.lemon.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.lemon.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.lemon.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.lemon.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.lemon.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.lemon.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.lemon.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.lemon.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.lemon.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.lemon.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.lemon.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.lemon.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.lemon.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.lemon.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.lemon.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.lemon.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.lemon.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.lemon.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.lemon.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.lemon.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.lemon.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.lemon.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.lemon.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.lemon.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.lemon.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.lemon.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.lemon.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.lemon.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.lemon.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.lemon.6}',
              },
            },
          },
        },
      },
    },
    olive: {
      scale: {
        '0': {
          $value: '{base.display.color.olive.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.olive.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.olive.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.olive.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.olive.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.olive.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.olive.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.olive.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.olive.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.olive.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.olive.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.olive.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.olive.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.olive.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.olive.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.olive.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.olive.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.olive.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.olive.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.olive.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.olive.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.olive.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.olive.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.olive.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.olive.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.olive.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.olive.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.olive.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.olive.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.olive.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.olive.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.olive.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.olive.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.olive.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.olive.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.olive.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.olive.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.olive.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.olive.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.olive.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.olive.6}',
              },
            },
          },
        },
      },
    },
    lime: {
      scale: {
        '0': {
          $value: '{base.display.color.lime.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.lime.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.lime.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.lime.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.lime.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.lime.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.lime.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.lime.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.lime.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.lime.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.lime.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.lime.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.lime.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.lime.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.lime.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.lime.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.lime.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.lime.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.lime.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.lime.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.lime.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.lime.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.lime.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.lime.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.lime.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.lime.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.lime.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.lime.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.lime.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.lime.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.lime.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.lime.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.lime.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.lime.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.lime.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.lime.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.lime.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.lime.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.lime.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.lime.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.lime.6}',
              },
            },
          },
        },
      },
    },
    pine: {
      scale: {
        '0': {
          $value: '{base.display.color.pine.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.pine.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.pine.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.pine.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.pine.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.pine.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.pine.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.pine.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.pine.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.pine.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.pine.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.pine.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.pine.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.pine.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.pine.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.pine.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.pine.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.pine.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.pine.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.pine.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.pine.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.pine.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.pine.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.pine.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.pine.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.pine.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.pine.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.pine.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.pine.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.pine.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.pine.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.pine.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.pine.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.pine.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.pine.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.pine.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.pine.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.pine.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.pine.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.pine.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.pine.6}',
              },
            },
          },
        },
      },
    },
    teal: {
      scale: {
        '0': {
          $value: '{base.display.color.teal.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.teal.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.teal.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.teal.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.teal.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.teal.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.teal.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.teal.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.teal.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.teal.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.teal.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.teal.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.teal.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.teal.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.teal.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.teal.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.teal.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.teal.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.teal.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.teal.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.teal.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.teal.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.teal.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.teal.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.teal.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.teal.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.teal.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.teal.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.teal.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.teal.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.teal.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.teal.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.teal.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.teal.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.teal.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.teal.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.teal.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.teal.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.teal.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.teal.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.teal.6}',
              },
            },
          },
        },
      },
    },
    cyan: {
      scale: {
        '0': {
          $value: '{base.display.color.cyan.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.cyan.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.cyan.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.cyan.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.cyan.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.cyan.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.cyan.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.cyan.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.cyan.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.cyan.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.cyan.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.cyan.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.cyan.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.cyan.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.cyan.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.cyan.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.cyan.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.cyan.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.cyan.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.cyan.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.cyan.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.cyan.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.cyan.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.cyan.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.cyan.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.cyan.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.cyan.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.cyan.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.cyan.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.cyan.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.cyan.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.cyan.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.cyan.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.cyan.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.cyan.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.cyan.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.cyan.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.cyan.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.cyan.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.cyan.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.cyan.6}',
              },
            },
          },
        },
      },
    },
    indigo: {
      scale: {
        '0': {
          $value: '{base.display.color.indigo.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.indigo.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.indigo.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.indigo.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.indigo.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.indigo.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.indigo.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.indigo.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.indigo.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.indigo.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.indigo.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.indigo.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.indigo.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.indigo.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.indigo.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.indigo.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.indigo.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.indigo.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.indigo.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.indigo.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.indigo.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.indigo.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.indigo.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.indigo.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.indigo.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.indigo.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.indigo.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.indigo.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.indigo.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.indigo.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.indigo.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.indigo.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.indigo.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.indigo.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.indigo.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.indigo.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.indigo.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.indigo.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.indigo.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.indigo.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.indigo.6}',
              },
            },
          },
        },
      },
    },
    pink: {
      scale: {
        '0': {
          $value: '{base.display.color.pink.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '1': {
          $value: '{base.display.color.pink.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '2': {
          $value: '{base.display.color.pink.2}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '3': {
          $value: '{base.display.color.pink.3}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '4': {
          $value: '{base.display.color.pink.4}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '5': {
          $value: '{base.display.color.pink.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '6': {
          $value: '{base.display.color.pink.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '7': {
          $value: '{base.display.color.pink.7}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '8': {
          $value: '{base.display.color.pink.8}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
        '9': {
          $value: '{base.display.color.pink.9}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor', 'borderColor'],
            },
          },
        },
      },
      bgColor: {
        muted: {
          $value: '{base.display.color.pink.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.pink.0}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.pink.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.pink.4}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.pink.7}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.pink.7}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.pink.7}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.pink.3}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.pink.3}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.pink.3}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.pink.3}',
              },
            },
          },
        },
      },
      fgColor: {
        $value: '{base.display.color.pink.6}',
        $type: 'color',
        $extensions: {
          'org.primer.figma': {
            collection: 'mode',
            group: 'component',
            scopes: ['fgColor'],
          },
          'org.primer.overrides': {
            dark: {
              $value: '{base.display.color.pink.6}',
            },
            'light-high-contrast': {
              $value: '{base.display.color.pink.8}',
            },
            'light-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.pink.8}',
            },
            'light-tritanopia-high-contrast': {
              $value: '{base.display.color.pink.8}',
            },
            'dark-high-contrast': {
              $value: '{base.display.color.pink.8}',
            },
            'dark-dimmed-high-contrast': {
              $value: '{base.display.color.pink.8}',
            },
            'dark-protanopia-deuteranopia-high-contrast': {
              $value: '{base.display.color.pink.8}',
            },
            'dark-tritanopia-high-contrast': {
              $value: '{base.display.color.pink.8}',
            },
          },
        },
      },
      borderColor: {
        muted: {
          $value: '{base.display.color.pink.1}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.pink.1}',
              },
            },
          },
        },
        emphasis: {
          $value: '{base.display.color.pink.5}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component',
              scopes: ['borderColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.display.color.pink.5}',
              },
              'light-high-contrast': {
                $value: '{base.display.color.pink.6}',
              },
              'light-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.pink.6}',
              },
              'light-tritanopia-high-contrast': {
                $value: '{base.display.color.pink.6}',
              },
              'dark-high-contrast': {
                $value: '{base.display.color.pink.6}',
              },
              'dark-dimmed-high-contrast': {
                $value: '{base.display.color.pink.6}',
              },
              'dark-protanopia-deuteranopia-high-contrast': {
                $value: '{base.display.color.pink.6}',
              },
              'dark-tritanopia-high-contrast': {
                $value: '{base.display.color.pink.6}',
              },
            },
          },
        },
      },
    },
  },
}