docs: updating links to theme and brand colors to go to docs page

docs/IntroductionColor.stories.mdx

@@ -26,11 +26,11 @@ Color is a powerful tool in design. It can express style, convey meaning, and es
 
 ### **Brand colors (first tier)**
 
-Brand colors form the foundation of our color system. However, in most cases they **should not** be used directly in component styles. Instead, they serve as a reference for the [theme colors](/docs/colors-themecolors--light-theme-colors). You can view our brand colors in the [brand colors](/docs/colors-brandcolors--default-story) section.
+Brand colors form the foundation of our color system. However, in most cases they **should not** be used directly in component styles. Instead, they serve as a reference for the [theme colors](/docs/colors-themecolors--docs). You can view our brand colors in the [brand colors](/docs/colors-brandcolors--docs) section.
 
 ### **Theme colors (second tier)**
 
-Theme colors are semantically neutral, theme-compatible design tokens that you can use directly in your code and styles. Each token has been tested for accessibility contrast and has a specific purpose, which is described in its documentation. You can view our theme colors in the [theme colors](/docs/colors-themecolors--light-theme-colors) section.
+Theme colors are semantically neutral, theme-compatible design tokens that you can use directly in your code and styles. Each token has been tested for accessibility contrast and has a specific purpose, which is described in its documentation. You can view our theme colors in the [theme colors](/docs/colors-themecolors--docs) section.
 
 ### **Component colors (third tier)**