Define Red color scale for Claro

Problem/Motivation

Following the work from #3251709: Define Blue scale for Claro and defined in #3155531: Naming convention of color shades in the Drupal Design System (e.g. for Claro), we are creating a red color scale.
Right now we have 5 reds on the design system, but they are not completely related to each other and do not pass some accessibility tests.

Proposed resolution

Update the current red colors defined on the code and files with the new ones. Color definition can be seen at Figma, where you can copy&paste the color values:

Remaining tasks

• Replace the 6 red colors with the new ones
• Replace any icon color using red with the new ones. This will mean to:
  • Update the color inside the SVG
  • Update icons' directory names (based on their hexadecimal color).
  • Update any reference to that icons in the CSS.
• Accessibility sign-off

Testing steps

Components to test using red:

• Action link
• Button
• Ckeditor
• Fieldset
• Form
• Form password confirm
• Form checkbox/radio
• Form text / textarea
• Messages

User interface changes

All red colors will change their values.