// Colors that will eventually be in Structure package

// Vault Gray
$vault-gray-050: #F7FAFC;
$vault-gray-100: #EBEEF5;
$vault-gray-200: #D3DBE6;
$vault-gray-300: #B4BDCC;
$vault-gray-400: #949FB0;
$vault-gray-500: #7C8797;
$vault-gray-600: #5A6370;
$vault-gray-700: #3C434D;
$vault-gray-800: #1D2126;
$vault-gray-900: #060708;
$vault-gray: $vault-gray-500;
$vault-gray-dark: $vault-gray-700;

// UI Gray
$ui-gray-050: #F7F8FA;
$ui-gray-100: #EBEEF2;
$ui-gray-200: #DCE0E6;
$ui-gray-300: #BAC1CC;
$ui-gray-500: #6a7786;
$ui-gray-700: #525761;
$ui-gray-800: #373A42;
$ui-gray-900: #1F2124;
$grey-lightest: $ui-gray-050;
$grey-light: $ui-gray-300;
$grey: $ui-gray-500;
$grey-dark: $ui-gray-700;
$grey-darkest: $ui-gray-900;

// Blue
$blue-050: #F0F5FF;
$blue-100: #BFD4FF;
$blue-300: #5B92FF;
$blue-500: #1563ff;
$blue-700: #0E40A3;
$blue-900: #061B46;
$blue-lightest: $blue-050;
$blue-light: $blue-300;
$blue: $blue-500;
$blue-dark: $blue-700;
$blue-darkest: $blue-900;

// Red
$red-050: #F9ECEE;
$red-100: #EFC7CC;
$red-300: #DB7D88;
$red-500: #C73445;
$red-700: #7F222C;
$red-900: #370F13;
$red-lightest: $red-050;
$red-light: $red-300;
$red: $red-500;
$red-dark: $red-700;
$red-darkest: $red-900;

// Green
$green-050: #ECF7ED;
$green-100: #C6E9C9;
$green-300: #7ACC81;
$green-500: #2EB039;
$green-700: #1E7125;
$green-900: #0D3010;
$green-lightest: $green-050;
$green-light: $green-300;
$green: $green-500;
$green-dark: $green-700;
$green-darkest: $green-900;

// Orange
$orange-050: #FEF4EC;
$orange-100: #FDE0C8;
$orange-300: #FBB77F;
$orange-500: #FA8F37;
$orange-700: #A05C23;
$orange-900: #45270F;
$orange-lightest: $orange-050;
$orange-light: $orange-300;
$orange: $orange-500;
$orange-dark: $orange-700;
$orange-darkest: $orange-900;

// Yellow
$yellow-050: #FFFBED;
$yellow-100: #FDEEBA;
$yellow-300: #FBD95E;
$yellow-500: #FAC402;
$yellow-700: #A07D02;
$yellow-900: #453601;
$yellow-lightest: $yellow-050;
$yellow-light: $yellow-300;
$yellow: $yellow-500;
$yellow-dark: $yellow-700;
$yellow-darkest: $yellow-900;
