Improve flexibility of applying color to the theme

assets/_scss/_notices.scss

@@ -13,7 +13,7 @@
 @mixin notice($notice-color) {
   margin: 2em 0 !important;  // override
   padding: 1em;
-  font-family: $sans-serif;
+  font-family: $global-font-family;
   font-size: $type-size-6 !important;
   text-indent: initial; // override
   background-color: mix(#fff, $notice-color, 90%);
@@ -70,6 +70,12 @@
 /* Default notice */
 
 .notice {
+  @include notice($light-gray);
+}
+
+/* Primary notice */
+
+.notice--primary {
   @include notice($primary-color);
 }