style: darker primary coral

src/app/stepbar/stepbar.component.css

@@ -84,7 +84,7 @@
 }
 
 .stepped-process-item.active {
-  background-color: #f88378 !important;
+  background-color: #ea7070 !important;
 }
 .stepped-process-item.active a {
   color: #ffffff !important;

src/app/variable-editor/variable-editor.component.css

@@ -25,7 +25,7 @@ input:invalid {
 }
 .form-group.advanced>.col-form-label::after {
   content: "ADV.";
-  color: #f88378;
+  color: #ea7070;
   font-weight: normal;
   position: relative;
   top: -0.5em;

src/styles.css

@@ -9,8 +9,8 @@ html, body {
 :root {
   /* force no copyrighted font */
   --font-family-sans-serif: Helvetica,Arial,sans-serif;
-  --primary-color: #f88378;
-  --text-color: #f88378;
+  --primary-color: #ea7070;
+  --text-color: #ea7070;
 }
 
 /* use all available width up to 1320px */
@@ -46,7 +46,7 @@ markdown p {
   border-color: #000 !important;
 }
 .btn-group-toggle>.btn-secondary:hover {
-  color: #f88378;
+  color: #ea7070;
   background-color: #fff;
   border-color: #ccc;
 }
@@ -178,38 +178,38 @@ markdown p {
   display: none !important;
 }
 .nav-link:hover {
-  color: #f88378 !important; 
+  color: #ea7070 !important; 
 }
 .navbar-nav .nav-link.active {
-  color: #f88378 !important; 
+  color: #ea7070 !important; 
 }
 .btn-toggle:hover {
-  color: #f88378 !important; 
+  color: #ea7070 !important; 
 }
 .btn-toggle:active {
   color: #fff !important; 
-  background-color: #f88378 !important; 
-  border-color: #f88378 !important; 
+  background-color: #ea7070 !important; 
+  border-color: #ea7070 !important; 
 }
 .form-check-input:checked {
-  background-color: #f88378 !important; 
-  border-color: #f88378 !important;   
+  background-color: #ea7070 !important; 
+  border-color: #ea7070 !important;   
 }
 .form-check-input:active {
-  background-color: #f88378 !important; 
-  border-color: #f88378 !important;   
+  background-color: #ea7070 !important; 
+  border-color: #ea7070 !important;   
 }
 .title:hover {
-  color: #f88378 !important;   
+  color: #ea7070 !important;   
 }
 .title {
   color: #fff !important;   
 }
 a:hover {
-  color: #f88378 !important;   
+  color: #ea7070 !important;   
 }
 .btn-secondary:active {
   color: #fff !important; 
-  background-color: #f88378 !important; 
-  border-color: #f88378 !important; 
+  background-color: #ea7070 !important; 
+  border-color: #ea7070 !important; 
 }