Colors: separate out blue and blue-light color, so we can use blue for the focused color and blue-light for the tag color. See #77074

Author: Stefanie Hein

src/scss/themes/fylr/_variables.scss

@@ -76,7 +76,8 @@ $grays: map.merge(
 	$grays
 );
 
-$blue:    #6bb2bb !default;
+$blue:    #0261f8 !default;
+$blue-light: #8bceec !default;
 $indigo:  #6610f2 !default;
 $purple:  #6f42c1 !default;
 $pink:    #b64b7c !default;
@@ -94,6 +95,7 @@ $colors: () !default;
 $colors: map.merge(
 	(
 		'blue':       $blue,
+		'blue-light': $blue-light,
 		'indigo':     $indigo,
 		'purple':     $purple,
 		'pink':       $pink,
@@ -121,7 +123,7 @@ $danger-bg-light: 	color.adjust($danger, $lightness: 39%) !default;
 $light:         	$gray-100 !default;
 $dark:          	$gray-800 !default;
 $muted:         	$gray-600 !default; // used in field-label, block description, empty label
-$focused:    		#0261f8 !default;
+$focused:    		$blue !default;
 $disabled:      	$muted !default;
 
 $disabled-opacity: 		0.5 !default;