Add @brand-secondary color

services/web/public/stylesheets/app/plans.less

@@ -4,7 +4,7 @@
 		margin-bottom: @line-height-computed;
 	}
 	.best-value {
-		color: @red;
+		color: @brand-secondary;
 		line-height: @line-height-computed;
 	}
 	blockquote {
@@ -67,7 +67,7 @@
 		width: 120px;
 		height: 120px;
 		border-radius: 50%;
-		background-color: @red;
+		background-color: @brand-secondary;
 		color: white;
 		white-space: nowrap;
 		span.small {
@@ -348,7 +348,7 @@
 
 	/* tooltip */
 	sup {
-		color: @red;
+		color: @brand-secondary;
 		cursor: pointer;
 		margin-left: 5px;
 	}

services/web/public/stylesheets/core/ol-variables.less

@@ -360,6 +360,7 @@
 @purple:                #7a43b6;
 
 @brand-primary:         @ol-green;
+@brand-secondary:       @ol-dark-green;
 @brand-success:         @green;
 @brand-info:            @ol-blue;
 @brand-warning:         @orange;

services/web/public/stylesheets/core/variables.less

@@ -20,6 +20,7 @@
 @purple:                #7a43b6;
 
 @brand-primary:         @red;
+@brand-secondary:       @red;
 @brand-success:         @green;
 @brand-info:            @blue;
 @brand-warning:         @orange;