// Bay Blue (#14558f)
$c-bay-blue-90-tint:                #E8EEF4 !default;
$c-bay-blue-80-tint:                #D0DDE9 !default;
$c-bay-blue-70-tint:                #B9CCDD !default;
$c-bay-blue-60-tint:                #A1BBD2 !default;
$c-bay-blue-50-tint:                #8AAAC7 !default;
$c-bay-blue-40-tint:                #7299BC !default;
$c-bay-blue-30-tint:                #5B88B1 !default;
$c-bay-blue-20-tint:                #4377A5 !default;
$c-bay-blue-10-tint:                #2C669A !default;
$c-bay-blue:                        #14558f !default;
$c-bay-blue-10-shade:               #124D81 !default;
$c-bay-blue-20-shade:               #104472 !default;
$c-bay-blue-30-shade:               #0E3C64 !default;
$c-bay-blue-40-shade:               #0C3356 !default;
$c-bay-blue-50-shade:               #0A2B48 !default;

$c-bay-blue-light:                  $c-bay-blue-20-tint; //Commonly used in outlines
$c-bay-blue-lighter:                $c-bay-blue-50-tint !default; //Commonly used in outlines
$c-bay-blue-lightest:               $c-bay-blue-90-tint !default; //Commonly used in background
$c-bay-blue-darker:                 $c-bay-blue-30-shade !default;
$c-bay-blue-darkest:                $c-bay-blue-50-shade !default;

// Berkshires Green (#388557)
$c-berkshires-green-90-tint:        #EBF3EE !default;
$c-berkshires-green-80-tint:        #D7E7DD !default;
$c-berkshires-green-70-tint:        #C3DACD !default;
$c-berkshires-green-60-tint:        #AFCEBC !default;
$c-berkshires-green-50-tint:        #9CC2AB !default;
$c-berkshires-green-40-tint:        #88B69A !default;
$c-berkshires-green-30-tint:        #74AA89 !default;
$c-berkshires-green-20-tint:        #609D79 !default;
$c-berkshires-green-10-tint:        #4C9168 !default;
$c-berkshires-green:                #388557 !default;
$c-berkshires-green-10-shade:       #32784E !default;
$c-berkshires-green-20-shade:       #2D6A46 !default;
$c-berkshires-green-30-shade:       #275D3D !default;
$c-berkshires-green-40-shade:       #225034 !default;
$c-berkshires-green-50-shade:       #1C432C !default;

$c-berkshires-green-lighter:        $c-berkshires-green-50-tint !default; //Commonly used in outlines
$c-berkshires-green-lightest:       $c-berkshires-green-80-tint !default; //Commonly used in background
$c-berkshires-green-dark:           #214F34 !default; // Followup needed: should be replaced with one of the gradient colors
$c-berkshires-green-darker:         $c-berkshires-green-30-shade !default;
$c-berkshires-green-darkest:        $c-berkshires-green-50-shade !default;

// Duckling Yellow (#f6c51b)
$c-duckling-yellow-90-tint:         #FEF9E8 !default;
$c-duckling-yellow-80-tint:         #FDF3D1 !default;
$c-duckling-yellow-70-tint:         #FCEEBB !default;
$c-duckling-yellow-60-tint:         #FBE8A4 !default;
$c-duckling-yellow-50-tint:         #FBE28D !default;
$c-duckling-yellow-40-tint:         #FADC76 !default;
$c-duckling-yellow-30-tint:         #F9D65F !default;
$c-duckling-yellow-20-tint:         #F8D149 !default;
$c-duckling-yellow-10-tint:         #F7CB32 !default;
$c-duckling-yellow:                 #f6c51b !default;
$c-duckling-yellow-10-shade:        #DDB118 !default;
$c-duckling-yellow-20-shade:        #C59E16 !default;
$c-duckling-yellow-30-shade:        #AC8A13 !default;
$c-duckling-yellow-40-shade:        #947610 !default;
$c-duckling-yellow-50-shade:        #7B630E !default;

$c-duckling-yellow-lighter:         $c-duckling-yellow-50-tint !default; //Commonly used in outlines
$c-duckling-yellow-lightest:        $c-duckling-yellow-90-tint !default; //Commonly used in background
$c-duckling-yellow-darker:          $c-duckling-yellow-30-shade !default;
$c-duckling-yellow-darkest:         $c-duckling-yellow-50-shade !default;

// Independence Cranberry (#680A1D)
$c-independence-cranberry-90-tint:  #F0E7E8 !default;
$c-independence-cranberry-80-tint:  #E1CED2 !default;
$c-independence-cranberry-70-tint:  #D2B6BB !default;
$c-independence-cranberry-60-tint:  #C39DA5 !default;
$c-independence-cranberry-50-tint:  #B4858E !default;
$c-independence-cranberry-40-tint:  #A46C77 !default;
$c-independence-cranberry-30-tint:  #955461 !default;
$c-independence-cranberry-20-tint:  #863B4A !default;
$c-independence-cranberry-10-tint:  #772334 !default;
$c-independence-cranberry:          #680A1D !default;
$c-independence-cranberry-10-shade: #5E091A !default;
$c-independence-cranberry-20-shade: #530817 !default;
$c-independence-cranberry-30-shade: #490714 !default;
$c-independence-cranberry-40-shade: #3E0611 !default;
$c-independence-cranberry-50-shade: #34050F !default;

$c-independence-cranberry-lighter:  $c-independence-cranberry-50-tint !default;  //Commonly used in outlines
$c-independence-cranberry-lightest: $c-independence-cranberry-90-tint !default;  //Commonly used in outlines
$c-independence-cranberry-darker:   $c-independence-cranberry-30-shade !default;
$c-independence-cranberry-darkest:  $c-independence-cranberry-50-shade !default;

// Base Gray Scale Colors
$c-revolution-gray:                 #141414 !default;
$c-granite-gray:                    #535353 !default;
$c-atlantic-gray:                   #707070 !default;
$c-overcast-gray:                   #DCDCDC !default;
$c-platinum-gray:                   #F2F2F2 !default;

// Gray Scale Spectrum Mapping
$c-black:                           #000000 !default;
$c-gray-darkest:                    $c-revolution-gray !default;
// $c-gray-darker: (place holder)
$c-gray-dark:                       $c-granite-gray !default;
$c-gray:                            $c-atlantic-gray !default;
$c-gray-light:                      $c-overcast-gray !default;
$c-gray-lighter:                    #CCCCCC !default; // Followup needed: should be added as a base color or be replaced as a gradient color from granite gray
$c-gray-lightest:                   $c-platinum-gray !default;
$c-white:                           white !default;

// Error Red (#CD0D0D)
$c-error-red:                       #CD0D0D !default;
$c-error-red-lighter:               #EEACAC !default; //Commonly used in outlines
$c-error-red-lightest:              #FCF3F3 !default; //Commonly used in background

// Focus Highlight (#3e94cf)
$c-focus-hightlight:                #3e94cf !default;

:root {
    // Bay Blue (#14558f)
    --mf-c-bay-blue-90-tint:                #{$c-bay-blue-90-tint};
    --mf-c-bay-blue-80-tint:                #{$c-bay-blue-80-tint};
    --mf-c-bay-blue-70-tint:                #{$c-bay-blue-70-tint};
    --mf-c-bay-blue-60-tint:                #{$c-bay-blue-60-tint};
    --mf-c-bay-blue-50-tint:                #{$c-bay-blue-50-tint};
    --mf-c-bay-blue-40-tint:                #{$c-bay-blue-40-tint};
    --mf-c-bay-blue-30-tint:                #{$c-bay-blue-30-tint};
    --mf-c-bay-blue-20-tint:                #{$c-bay-blue-20-tint};
    --mf-c-bay-blue-10-tint:                #{$c-bay-blue-10-tint};
    --mf-c-bay-blue:                        #{$c-bay-blue};
    --mf-c-bay-blue-10-shade:               #{$c-bay-blue-10-shade};
    --mf-c-bay-blue-20-shade:               #{$c-bay-blue-20-shade};
    --mf-c-bay-blue-30-shade:               #{$c-bay-blue-30-shade};
    --mf-c-bay-blue-40-shade:               #{$c-bay-blue-40-shade};
    --mf-c-bay-blue-50-shade:               #{$c-bay-blue-50-shade};

    --mf-c-bay-blue-light:                  #{$c-bay-blue-light}; //Commonly used in outlines
    --mf-c-bay-blue-lighter:                #{$c-bay-blue-lighter}; //Commonly used in outlines
    --mf-c-bay-blue-lightest:               #{$c-bay-blue-lightest}; //Commonly used in background
    --mf-c-bay-blue-darker:                 #{$c-bay-blue-darker};
    --mf-c-bay-blue-darkest:                #{$c-bay-blue-darkest};

    // Berkshires Green (#388557)
    --mf-c-berkshires-green-90-tint:        #{$c-berkshires-green-90-tint};
    --mf-c-berkshires-green-80-tint:        #{$c-berkshires-green-80-tint};
    --mf-c-berkshires-green-70-tint:        #{$c-berkshires-green-70-tint};
    --mf-c-berkshires-green-60-tint:        #{$c-berkshires-green-60-tint};
    --mf-c-berkshires-green-50-tint:        #{$c-berkshires-green-50-tint};
    --mf-c-berkshires-green-40-tint:        #{$c-berkshires-green-40-tint};
    --mf-c-berkshires-green-30-tint:        #{$c-berkshires-green-30-tint};
    --mf-c-berkshires-green-20-tint:        #{$c-berkshires-green-20-tint};
    --mf-c-berkshires-green-10-tint:        #{$c-berkshires-green-10-tint};
    --mf-c-berkshires-green:                #{$c-berkshires-green};
    --mf-c-berkshires-green-10-shade:       #{$c-berkshires-green-10-shade};
    --mf-c-berkshires-green-20-shade:       #{$c-berkshires-green-20-shade};
    --mf-c-berkshires-green-30-shade:       #{$c-berkshires-green-30-shade};
    --mf-c-berkshires-green-40-shade:       #{$c-berkshires-green-40-shade};
    --mf-c-berkshires-green-50-shade:       #{$c-berkshires-green-50-shade};

    --mf-c-berkshires-green-lighter:        #{$c-berkshires-green-lighter}; //Commonly used in outlines
    --mf-c-berkshires-green-lightest:       #{$c-berkshires-green-lightest}; //Commonly used in background
    --mf-c-berkshires-green-dark:           #{$c-berkshires-green-dark}; // Followup needed: should be replaced with one of the gradient colors
    --mf-c-berkshires-green-darker:         #{$c-berkshires-green-darker};
    --mf-c-berkshires-green-darkest:        #{$c-berkshires-green-darkest};

    // Duckling Yellow (#f6c51b)
    --mf-c-duckling-yellow-90-tint:         #{$c-duckling-yellow-90-tint};
    --mf-c-duckling-yellow-80-tint:         #{$c-duckling-yellow-80-tint};
    --mf-c-duckling-yellow-70-tint:         #{$c-duckling-yellow-70-tint};
    --mf-c-duckling-yellow-60-tint:         #{$c-duckling-yellow-60-tint};
    --mf-c-duckling-yellow-50-tint:         #{$c-duckling-yellow-50-tint};
    --mf-c-duckling-yellow-40-tint:         #{$c-duckling-yellow-40-tint};
    --mf-c-duckling-yellow-30-tint:         #{$c-duckling-yellow-30-tint};
    --mf-c-duckling-yellow-20-tint:         #{$c-duckling-yellow-20-tint};
    --mf-c-duckling-yellow-10-tint:         #{$c-duckling-yellow-10-tint};
    --mf-c-duckling-yellow:                 #{$c-duckling-yellow};
    --mf-c-duckling-yellow-10-shade:        #{$c-duckling-yellow-10-shade};
    --mf-c-duckling-yellow-20-shade:        #{$c-duckling-yellow-20-shade};
    --mf-c-duckling-yellow-30-shade:        #{$c-duckling-yellow-30-shade};
    --mf-c-duckling-yellow-40-shade:        #{$c-duckling-yellow-40-shade};
    --mf-c-duckling-yellow-50-shade:        #{$c-duckling-yellow-50-shade};

    --mf-c-duckling-yellow-lighter:         #{$c-duckling-yellow-lighter}; //Commonly used in outlines
    --mf-c-duckling-yellow-lightest:        #{$c-duckling-yellow-lightest}; //Commonly used in background
    --mf-c-duckling-yellow-darker:          #{$c-duckling-yellow-darker};
    --mf-c-duckling-yellow-darkest:         #{$c-duckling-yellow-darkest};

    // Independence Cranberry (#680A1D)
    --mf-c-independence-cranberry-90-tint:  #{$c-independence-cranberry-90-tint};
    --mf-c-independence-cranberry-80-tint:  #{$c-independence-cranberry-80-tint};
    --mf-c-independence-cranberry-70-tint:  #{$c-independence-cranberry-70-tint};
    --mf-c-independence-cranberry-60-tint:  #{$c-independence-cranberry-60-tint};
    --mf-c-independence-cranberry-50-tint:  #{$c-independence-cranberry-50-tint};
    --mf-c-independence-cranberry-40-tint:  #{$c-independence-cranberry-40-tint};
    --mf-c-independence-cranberry-30-tint:  #{$c-independence-cranberry-30-tint};
    --mf-c-independence-cranberry-20-tint:  #{$c-independence-cranberry-20-tint};
    --mf-c-independence-cranberry-10-tint:  #{$c-independence-cranberry-10-tint};
    --mf-c-independence-cranberry:          #{$c-independence-cranberry};
    --mf-c-independence-cranberry-10-shade: #{$c-independence-cranberry-10-shade};
    --mf-c-independence-cranberry-20-shade: #{$c-independence-cranberry-20-shade};
    --mf-c-independence-cranberry-30-shade: #{$c-independence-cranberry-30-shade};
    --mf-c-independence-cranberry-40-shade: #{$c-independence-cranberry-40-shade};
    --mf-c-independence-cranberry-50-shade: #{$c-independence-cranberry-50-shade};

    --mf-c-independence-cranberry-lighter:  #{$c-independence-cranberry-lighter};  //Commonly used in outlines
    --mf-c-independence-cranberry-lightest: #{$c-independence-cranberry-lightest};  //Commonly used in outlines
    --mf-c-independence-cranberry-darker:   #{$c-independence-cranberry-darker};
    --mf-c-independence-cranberry-darkest:  #{$c-independence-cranberry-darkest};

    // Base Gray Scale Colors
    --mf-c-revolution-gray:                 #{$c-revolution-gray};
    --mf-c-granite-gray:                    #{$c-granite-gray};
    --mf-c-atlantic-gray:                   #{$c-atlantic-gray};
    --mf-c-overcast-gray:                   #{$c-overcast-gray};
    --mf-c-platinum-gray:                   #{$c-platinum-gray};

    // Gray Scale Spectrum Mapping
    --mf-c-black:                           #{$c-black};
    --mf-c-gray-darkest:                    #{$c-gray-darkest};
    // --mf-c-gray-darker: (place holder)
    --mf-c-gray-dark:                       #{$c-gray-dark};
    --mf-c-gray:                            #{$c-gray};
    --mf-c-gray-light:                      #{$c-gray-light};
    --mf-c-gray-lighter:                    #{$c-gray-lighter}; // Followup needed: should be added as a base color or be replaced as a gradient color from granite gray
    --mf-c-gray-lightest:                   #{$c-gray-lightest};
    --mf-c-white:                           #{$c-white};

    // Error Red (#CD0D0D)
    --mf-c-error-red:                       #{$c-error-red};
    --mf-c-error-red-lighter:               #{$c-error-red-lighter}; //Commonly used in outlines
    --mf-c-error-red-lightest:              #{$c-error-red-lightest}; //Commonly used in background

    // Focus Highlight (#3e94cf)
    --mf-c-focus-hightlight:                #{$c-focus-hightlight};
}