Change color of solutions, change back font

Resolves MS-956 #complete

client/src/components/content-blocks/CmsDocumentBlock.vue

@@ -55,9 +55,12 @@ export default {
 
   &--solution {
     margin-bottom: $small-spacing;
-
     #{$parent}__link {
-      @include regular-text;
+      color: $color-charcoal-light;
+    }
+
+    #{$parent}__icon {
+      fill: $color-charcoal-light;
     }
   }
 }

client/src/components/content-blocks/Solution.vue

@@ -82,10 +82,12 @@ export default {
 
   &__text {
     font-size: toRem(18px);
-    @include regular-text;
+    @include regular-paragraph;
+    color: $color-charcoal-light;
 
     :deep(p) {
-      @include regular-text;
+      @include regular-paragraph;
+      color: $color-charcoal-light;
       font-size: toRem(18px);
     }
 
@@ -93,7 +95,8 @@ export default {
       padding-left: $medium-spacing;
 
       > li {
-        @include regular-text;
+        @include regular-paragraph;
+        color: $color-charcoal-light;
         list-style: disc outside none;
       }
     }

client/src/styles/_typography.scss

@@ -110,8 +110,10 @@ sub {
 b,
 b mark {
   font-weight: bold;
+  color: inherit;
 }
 
-.secondary mark , .brand mark{
+.secondary mark,
+.brand mark {
   font-weight: bold;
 }