_colors.scss

// GRAY
$gray:              #4e4d49;
$gray-70:           mix($gray, #FFF, 70%);
$gray-50:           mix($gray, #FFF, 50%);
$gray-20:           mix($gray, #FFF, 20%);

$gray-light:        #a6a499;
$gray-light-70:     mix($gray-light, #FFF, 70%);
$gray-light-50:     mix($gray-light, #FFF, 50%);
$gray-light-20:     mix($gray-light, #FFF, 20%);

// GREEN
$green:             #005c27;
$green-70:          mix($green, #FFF, 70%);
$green-50:          mix($green, #FFF, 50%);
$green-20:          mix($green, #FFF, 20%);

$green-light:       #66aa22;
$green-light-70:    mix($green-light, #FFF, 70%);
$green-light-50:    mix($green-light, #FFF, 50%);
$green-light-20:    mix($green-light, #FFF, 20%);

// BLUE
$blue:              #005d92;
$blue-70:           mix($blue, #FFF, 70%);
$blue-50:           mix($blue, #FFF, 50%);
$blue-20:           mix($blue, #FFF, 20%);

$blue-light:        #62c4dd;
$blue-light-70:     mix($blue-light, #FFF, 70%);
$blue-light-50:     mix($blue-light, #FFF, 50%);
$blue-light-20:     mix($blue-light, #FFF, 20%);

// PURPLE
$purple:            #7c0d6b;
$purple-70:         mix($purple, #FFF, 70%);
$purple-50:         mix($purple, #FFF, 50%);
$purple-20:         mix($purple, #FFF, 20%);

$purple-light:      #ba5895;
$purple-light-70:   mix($purple-light, #FFF, 70%);
$purple-light-50:   mix($purple-light, #FFF, 50%);
$purple-light-20:   mix($purple-light, #FFF, 20%);

// ORANGE
$orange:            #e75113;
$orange-70:         mix($orange, #FFF, 70%);
$orange-50:         mix($orange, #FFF, 50%);
$orange-20:         mix($orange, #FFF, 20%);

$orange-light:      #f6a800;
$orange-light-70:   mix($orange-light, #FFF, 70%);
$orange-light-50:   mix($orange-light, #FFF, 50%);
$orange-light-20:   mix($orange-light, #FFF, 20%);



// CONFIGURATION

$font-color:        $gray;
$header-color:      $gray;
$link-color:        $gray;
$link-hover-color:  $gray-70;
$link-focus-color:  $gray-70;
$link-active-color: $gray-50;
$link-visited-color:$gray;