$turquoise = #00c9e0;
$purple = #8c238c;
$green = #25d479;
$red = #da2300;
$yellow = #ff9d00;
$orange = #ff4b1a;
$black = #000000;
$gray = #99abb3;
$blue = #0075C4;

$gray-base = $gray;
$gray-lightest = lighten($gray-base, 32);
$gray-lighter = lighten($gray-base, 29);
$gray-light = lighten($gray-base, 20);
$gray-dark = darken($gray-base, 20);
$gray-darker = darken($gray-base, 35);
$gray-darkest = darken($gray-base, 50);

$brand-base = $purple;
$brand-lightest = lighten($brand-base, 57);
$brand-lighter = lighten($brand-base, 42);
$brand-light = lighten($brand-base, 6);
$brand-dark = darken($brand-base, 3);

$active-base = $turquoise;
$active-lightest = lighten($active-base, 50);
$active-lighter = lighten($active-base, 40);
$active-light = lighten($active-base, 3);
$active-dark = darken($active-base, 3);
$active-darkest = darken($active-base, 16);

$success-base = $green;
$success-lightest = lighten($success-base, 42);
$success-light = lighten($success-base, 6);
$success-dark = darken($success-base, 3);
$success-darkest = darken($success-base, 16);

$error-base = $red;
$error-lightest = lighten($error-base, 42);
$error-light = lighten($error-base, 6);
$error-dark = darken($error-base, 3);

$warning-base = $yellow;
$warning-lightest = lighten($warning-base, 42);
$warning-light = lighten($warning-base, 6);
$warning-dark = darken($warning-base, 3);

$attention-base = $orange;

$restricted-base = $black;

$link-base = $blue;
$link-light = lighten($link-base, 6);
$link-dark = darken($link-base, 3);