1// Colors that will eventually be in Structure package
2
3// Vault Gray
4$vault-gray-010: #fdfdfe;
5$vault-gray-050: #f7fafc;
6$vault-gray-100: #ebeef5;
7$vault-gray-200: #d3dbe6;
8$vault-gray-300: #b4bdcc;
9$vault-gray-400: #949fb0;
10$vault-gray-500: #7c8797;
11$vault-gray-600: #5a6370;
12$vault-gray-700: #3c434d;
13$vault-gray-800: #1d2126;
14$vault-gray-900: #060708;
15$vault-gray: $vault-gray-500;
16$vault-gray-dark: $vault-gray-700;
17
18// UI Gray
19$ui-gray-010: #FBFBFC;
20$ui-gray-050: #F7F8FA;
21$ui-gray-100: #EBEEF2;
22$ui-gray-200: #DCE0E6;
23$ui-gray-300: #BAC1CC;
24$ui-gray-500: #6F7682;
25$ui-gray-700: #525761;
26$ui-gray-800: #373a42;
27$ui-gray-900: #1f2124;
28$grey-lightest: $ui-gray-050;
29$grey-light: $ui-gray-300;
30$grey: $ui-gray-500;
31$grey-dark: $ui-gray-700;
32$grey-darkest: $ui-gray-900;
33
34// Blue
35$blue-010: #fbfcff;
36$blue-050: #f0f5ff;
37$blue-100: #bfd4ff;
38$blue-300: #5b92ff;
39$blue-500: #1563ff;
40$blue-700: #0e40a3;
41$blue-900: #061b46;
42$blue-lightest: $blue-050;
43$blue-light: $blue-300;
44$blue: $blue-500;
45$blue-dark: $blue-700;
46$blue-darkest: $blue-900;
47
48// Red
49$red-010: #fdfafb;
50$red-050: #f9ecee;
51$red-100: #efc7cc;
52$red-300: #db7d88;
53$red-500: #c73445;
54$red-700: #7f222c;
55$red-900: #370f13;
56$red-lightest: $red-050;
57$red-light: $red-300;
58$red: $red-500;
59$red-dark: $red-700;
60$red-darkest: $red-900;
61
62// Green
63$green-010: #fafdfa;
64$green-050: #ecf7ed;
65$green-100: #c6e9c9;
66$green-300: #7acc81;
67$green-500: #2eb039;
68$green-700: #1e7125;
69$green-900: #0d3010;
70$green-lightest: $green-050;
71$green-light: $green-300;
72$green: $green-500;
73$green-dark: $green-700;
74$green-darkest: $green-900;
75
76// Orange
77$orange-010: #fffcfa;
78$orange-050: #fef4ec;
79$orange-100: #fde0c8;
80$orange-300: #fbb77f;
81$orange-500: #fa8f37;
82$orange-700: #a05c23;
83$orange-900: #45270f;
84$orange-lightest: $orange-050;
85$orange-light: $orange-300;
86$orange: $orange-500;
87$orange-dark: $orange-700;
88$orange-darkest: $orange-900;
89
90// Yellow
91$yellow-010: #fffdf6;
92$yellow-050: #fffbed;
93$yellow-100: #fdeeba;
94$yellow-300: #fbd95e;
95$yellow-500: #fac402;
96$yellow-700: #a07d02;
97$yellow-900: #453601;
98$yellow-lightest: $yellow-050;
99$yellow-light: $yellow-300;
100$yellow: $yellow-500;
101$yellow-dark: $yellow-700;
102$yellow-darkest: $yellow-900;
103