+ hp feature now working as intended

public/stylesheets/tallytome.css

@@ -1880,6 +1880,7 @@ progress,
 :root {
   --color-hp: #f06048;
   --color-mana: #01aaff;
+  --color-error: #c52f21;
 }
 
 .text-center {
@@ -1977,6 +1978,10 @@ progress {
   }
 }
 
+.error-helper {
+  color: var(--color-error);
+}
+
 .mb-0 {
   margin-bottom: 0 !important;
 }

public/stylesheets/tallytome.scss

@@ -80,7 +80,7 @@
 
     --color-hp: #{$red-400};
     --color-mana: #{$azure-350};
-
+    --color-error: #{$red-550};
 }
 
 // *, ::after, ::before {
@@ -231,7 +231,9 @@ progress{
 }
 
 
-
+.error-helper{
+    color: var(--color-error);
+}
 
 
 // utility