Update color variables' names

app/frontend/src/stylesheets/modules/form/abstract-form-item.scss

@@ -52,7 +52,7 @@
   &.is-required &-header p::after {
     content: "*";
     margin-left: 0.5ch;
-    color: var(--error);
+    color: var(--alert);
   }
 
   &-field {
@@ -152,19 +152,19 @@
     }
   }
   &.is-incorrect &-field {
-    border-color: var(--error);
+    border-color: var(--alert);
     .icon {
-      color: var(--error);
-      border-color: var(--error);
-      background-color: var(--error-lightest);
+      color: var(--alert);
+      border-color: var(--alert);
+      background-color: var(--alert-lightest);
     }
   }
   &.is-warned &-field {
-    border-color: var(--warning);
+    border-color: var(--notification);
     .icon {
-      color: var(--warning);
-      border-color: var(--warning);
-      background-color: var(--warning-lightest);
+      color: var(--notification);
+      border-color: var(--notification);
+      background-color: var(--notification-lightest);
     }
   }
   &.is-disabled &-field input,
@@ -174,11 +174,11 @@
 
   &-error {
     margin-top: 0.4rem;
-    color: var(--error);
+    color: var(--alert);
   }
   &-warning {
     margin-top: 0.4rem;
-    color: var(--warning);
+    color: var(--notification);
   }
 
   input[type='file'] {

app/frontend/src/stylesheets/modules/store/product-categories.scss

@@ -96,7 +96,7 @@
             &:hover { opacity: 0.75; }
           }
           .edit-btn { background: var(--gray-hard-darkest); }
-          .delete-btn { background: var(--error); }
+          .delete-btn { background: var(--main); }
         }
       }
     }

app/frontend/src/stylesheets/modules/supporting-documents/supporting-documents-files.scss

@@ -12,7 +12,7 @@
 
   .file-item {
     &.has-error {
-      color: var(--error);
+      color: var(--alert);
     }
 
     label {

app/frontend/src/stylesheets/modules/supporting-documents/supporting-documents-validation.scss

@@ -16,7 +16,7 @@
     }
 
     .missing-file {
-      color: var(--error);
+      color: var(--alert);
     }
   }
 

app/frontend/src/stylesheets/modules/user/avatar-input.scss

@@ -23,7 +23,7 @@
       }
     }
     .delete-avatar {
-      background-color: var(--error);
+      background-color: var(--alert);
       color: white;
     }
   }

app/frontend/src/stylesheets/variables/colors.scss

@@ -28,11 +28,11 @@
   --success-dark: #229051;
   --success-darkest: #155239;
 
-  --error-lightest: #FDF1F1;
-  --error-light: #EA8585;
-  --error: #DA3030;
-  --error-dark: #9F1D1D;
-  --error-darkest: #611818;
+  --alert-lightest: #FDF1F1;
+  --alert-light: #EA8585;
+  --alert: #DA3030;
+  --alert-dark: #9F1D1D;
+  --alert-darkest: #611818;
 
   --information-lightest: #EFF6FF;
   --information-light: #93C5FD;
@@ -40,11 +40,11 @@
   --information-dark: #1E3A8A;
   --information-darkest: #122354;
 
-  --warning-lightest: #FFFCF4;
-  --warning-light: #FAE29F;
-  --warning: #D6AE47;
-  --warning-dark: #8C6D1F;
-  --warning-darkest: #5C4813;
+  --notification-lightest: #FFFCF4;
+  --notification-light: #FAE29F;
+  --notification: #D6AE47;
+  --notification-dark: #8C6D1F;
+  --notification-darkest: #5C4813;
 
   --main-text-color: black;
   --secondary-text-color: black;