diff --git a/__tests__/fixtures/tailwind-input.css b/__tests__/fixtures/tailwind-input.css
index fcfd51935..91bb3eebd 100644
--- a/__tests__/fixtures/tailwind-input.css
+++ b/__tests__/fixtures/tailwind-input.css
@@ -7,6 +7,6 @@
 @responsive {
   .example {
     @apply .font-bold;
-    color: theme('colors.red');
+    color: theme('colors.red.500');
   }
 }
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index 056052157..de2f5e2a8 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -455,7 +455,7 @@ html {
 *::after {
   border-width: 0;
   border-style: solid;
-  border-color: #dae1e7;
+  border-color: #5a6977;
 }
 
 /**
@@ -602,291 +602,371 @@ samp {
 }
 
 .bg-black {
-  background-color: #22292f !important;
-}
-
-.bg-grey-darkest {
-  background-color: #3d4852 !important;
-}
-
-.bg-grey-darker {
-  background-color: #606f7b !important;
-}
-
-.bg-grey-dark {
-  background-color: #8795a1 !important;
-}
-
-.bg-grey {
-  background-color: #b8c2cc !important;
-}
-
-.bg-grey-light {
-  background-color: #dae1e7 !important;
-}
-
-.bg-grey-lighter {
-  background-color: #f1f5f8 !important;
-}
-
-.bg-grey-lightest {
-  background-color: #f8fafc !important;
+  background-color: #000 !important;
 }
 
 .bg-white {
   background-color: #fff !important;
 }
 
-.bg-red-darkest {
-  background-color: #3b0d0c !important;
+.bg-teal-100 {
+  background-color: #ebfffc !important;
 }
 
-.bg-red-darker {
-  background-color: #621b18 !important;
+.bg-teal-200 {
+  background-color: #b3f1e9 !important;
 }
 
-.bg-red-dark {
-  background-color: #cc1f1a !important;
+.bg-teal-300 {
+  background-color: #82e1d7 !important;
 }
 
-.bg-red {
-  background-color: #e3342f !important;
+.bg-teal-400 {
+  background-color: #60cfc5 !important;
 }
 
-.bg-red-light {
-  background-color: #ef5753 !important;
+.bg-teal-500 {
+  background-color: #49bab2 !important;
 }
 
-.bg-red-lighter {
-  background-color: #f9acaa !important;
+.bg-teal-600 {
+  background-color: #3ea39f !important;
 }
 
-.bg-red-lightest {
-  background-color: #fcebea !important;
+.bg-teal-700 {
+  background-color: #378786 !important;
 }
 
-.bg-orange-darkest {
-  background-color: #462a16 !important;
+.bg-teal-800 {
+  background-color: #316769 !important;
 }
 
-.bg-orange-darker {
-  background-color: #613b1f !important;
+.bg-teal-900 {
+  background-color: #265152 !important;
 }
 
-.bg-orange-dark {
-  background-color: #de751f !important;
+.bg-red-100 {
+  background-color: #fff5f5 !important;
 }
 
-.bg-orange {
-  background-color: #f6993f !important;
+.bg-red-200 {
+  background-color: #fee3e3 !important;
 }
 
-.bg-orange-light {
-  background-color: #faad63 !important;
+.bg-red-300 {
+  background-color: #febcbc !important;
 }
 
-.bg-orange-lighter {
-  background-color: #fcd9b6 !important;
+.bg-red-400 {
+  background-color: #fd9292 !important;
 }
 
-.bg-orange-lightest {
-  background-color: #fff5eb !important;
+.bg-red-500 {
+  background-color: #f95e5f !important;
 }
 
-.bg-yellow-darkest {
-  background-color: #453411 !important;
+.bg-red-600 {
+  background-color: #ec454e !important;
 }
 
-.bg-yellow-darker {
-  background-color: #684f1d !important;
+.bg-red-700 {
+  background-color: #dc3448 !important;
 }
 
-.bg-yellow-dark {
-  background-color: #f2d024 !important;
+.bg-red-800 {
+  background-color: #b4203b !important;
 }
 
-.bg-yellow {
-  background-color: #ffed4a !important;
+.bg-red-900 {
+  background-color: #801b33 !important;
 }
 
-.bg-yellow-light {
-  background-color: #fff382 !important;
+.bg-orange-100 {
+  background-color: #fffaef !important;
 }
 
-.bg-yellow-lighter {
-  background-color: #fff9c2 !important;
+.bg-orange-200 {
+  background-color: #fee8c1 !important;
 }
 
-.bg-yellow-lightest {
-  background-color: #fcfbeb !important;
+.bg-orange-300 {
+  background-color: #fbd087 !important;
 }
 
-.bg-green-darkest {
-  background-color: #0f2f21 !important;
+.bg-orange-400 {
+  background-color: #f6aa4f !important;
 }
 
-.bg-green-darker {
-  background-color: #1a4731 !important;
+.bg-orange-500 {
+  background-color: #ec832b !important;
 }
 
-.bg-green-dark {
-  background-color: #1f9d55 !important;
+.bg-orange-600 {
+  background-color: #df6d22 !important;
 }
 
-.bg-green {
-  background-color: #38c172 !important;
+.bg-orange-700 {
+  background-color: #c55822 !important;
 }
 
-.bg-green-light {
-  background-color: #51d88a !important;
+.bg-orange-800 {
+  background-color: #9f4423 !important;
 }
 
-.bg-green-lighter {
-  background-color: #a2f5bf !important;
+.bg-orange-900 {
+  background-color: #70311e !important;
 }
 
-.bg-green-lightest {
-  background-color: #e3fcec !important;
+.bg-yellow-100 {
+  background-color: #ffffeb !important;
 }
 
-.bg-teal-darkest {
-  background-color: #0d3331 !important;
+.bg-yellow-200 {
+  background-color: #fefcbf !important;
 }
 
-.bg-teal-darker {
-  background-color: #20504f !important;
+.bg-yellow-300 {
+  background-color: #fbf189 !important;
 }
 
-.bg-teal-dark {
-  background-color: #38a89d !important;
+.bg-yellow-400 {
+  background-color: #f6e05e !important;
 }
 
-.bg-teal {
-  background-color: #4dc0b5 !important;
+.bg-yellow-500 {
+  background-color: #ebc743 !important;
 }
 
-.bg-teal-light {
-  background-color: #64d5ca !important;
+.bg-yellow-600 {
+  background-color: #d69e2e !important;
 }
 
-.bg-teal-lighter {
-  background-color: #a0f0ed !important;
+.bg-yellow-700 {
+  background-color: #b7791f !important;
 }
 
-.bg-teal-lightest {
-  background-color: #e8fffe !important;
+.bg-yellow-800 {
+  background-color: #8d5415 !important;
 }
 
-.bg-blue-darkest {
-  background-color: #12283a !important;
+.bg-yellow-900 {
+  background-color: #66390e !important;
 }
 
-.bg-blue-darker {
-  background-color: #1c3d5a !important;
+.bg-green-100 {
+  background-color: #e9ffe9 !important;
 }
 
-.bg-blue-dark {
-  background-color: #2779bd !important;
+.bg-green-200 {
+  background-color: #c1f5c5 !important;
 }
 
-.bg-blue {
-  background-color: #3490dc !important;
+.bg-green-300 {
+  background-color: #9ae6a8 !important;
 }
 
-.bg-blue-light {
-  background-color: #6cb2eb !important;
+.bg-green-400 {
+  background-color: #68d391 !important;
 }
 
-.bg-blue-lighter {
-  background-color: #bcdefa !important;
+.bg-green-500 {
+  background-color: #48bb87 !important;
 }
 
-.bg-blue-lightest {
-  background-color: #eff8ff !important;
+.bg-green-600 {
+  background-color: #38a181 !important;
 }
 
-.bg-indigo-darkest {
-  background-color: #191e38 !important;
+.bg-green-700 {
+  background-color: #2f8572 !important;
 }
 
-.bg-indigo-darker {
-  background-color: #2f365f !important;
+.bg-green-800 {
+  background-color: #28695c !important;
 }
 
-.bg-indigo-dark {
-  background-color: #5661b3 !important;
+.bg-green-900 {
+  background-color: #22544b !important;
 }
 
-.bg-indigo {
-  background-color: #6574cd !important;
+.bg-blue-100 {
+  background-color: #f1fafd !important;
 }
 
-.bg-indigo-light {
-  background-color: #7886d7 !important;
+.bg-blue-200 {
+  background-color: #caedfa !important;
 }
 
-.bg-indigo-lighter {
-  background-color: #b2b7ff !important;
+.bg-blue-300 {
+  background-color: #87d3f3 !important;
 }
 
-.bg-indigo-lightest {
-  background-color: #e6e8ff !important;
+.bg-blue-400 {
+  background-color: #57b9ec !important;
 }
 
-.bg-purple-darkest {
-  background-color: #21183c !important;
+.bg-blue-500 {
+  background-color: #3a9adf !important;
 }
 
-.bg-purple-darker {
-  background-color: #382b5f !important;
+.bg-blue-600 {
+  background-color: #2b7cc4 !important;
 }
 
-.bg-purple-dark {
-  background-color: #794acf !important;
+.bg-blue-700 {
+  background-color: #2762a3 !important;
 }
 
-.bg-purple {
-  background-color: #9561e2 !important;
+.bg-blue-800 {
+  background-color: #284f81 !important;
 }
 
-.bg-purple-light {
-  background-color: #a779e9 !important;
+.bg-blue-900 {
+  background-color: #294468 !important;
 }
 
-.bg-purple-lighter {
-  background-color: #d6bbfc !important;
+.bg-indigo-100 {
+  background-color: #eef6ff !important;
 }
 
-.bg-purple-lightest {
-  background-color: #f3ebff !important;
+.bg-indigo-200 {
+  background-color: #cbe0f9 !important;
 }
 
-.bg-pink-darkest {
-  background-color: #451225 !important;
+.bg-indigo-300 {
+  background-color: #a6c5f0 !important;
 }
 
-.bg-pink-darker {
-  background-color: #6f213f !important;
+.bg-indigo-400 {
+  background-color: #82a2e3 !important;
 }
 
-.bg-pink-dark {
-  background-color: #eb5286 !important;
+.bg-indigo-500 {
+  background-color: #6d80d3 !important;
 }
 
-.bg-pink {
-  background-color: #f66d9b !important;
+.bg-indigo-600 {
+  background-color: #5e68bc !important;
 }
 
-.bg-pink-light {
-  background-color: #fa7ea8 !important;
+.bg-indigo-700 {
+  background-color: #5154a1 !important;
 }
 
-.bg-pink-lighter {
-  background-color: #ffbbca !important;
+.bg-indigo-800 {
+  background-color: #42417f !important;
 }
 
-.bg-pink-lightest {
-  background-color: #ffebef !important;
+.bg-indigo-900 {
+  background-color: #37366a !important;
+}
+
+.bg-purple-100 {
+  background-color: #faf5ff !important;
+}
+
+.bg-purple-200 {
+  background-color: #eddffd !important;
+}
+
+.bg-purple-300 {
+  background-color: #dcc7fb !important;
+}
+
+.bg-purple-400 {
+  background-color: #b18af4 !important;
+}
+
+.bg-purple-500 {
+  background-color: #976de9 !important;
+}
+
+.bg-purple-600 {
+  background-color: #7c54d5 !important;
+}
+
+.bg-purple-700 {
+  background-color: #6845b9 !important;
+}
+
+.bg-purple-800 {
+  background-color: #4d368a !important;
+}
+
+.bg-purple-900 {
+  background-color: #3b2c6c !important;
+}
+
+.bg-pink-100 {
+  background-color: #fff2f4 !important;
+}
+
+.bg-pink-200 {
+  background-color: #fedee4 !important;
+}
+
+.bg-pink-300 {
+  background-color: #fcbccb !important;
+}
+
+.bg-pink-400 {
+  background-color: #f786a7 !important;
+}
+
+.bg-pink-500 {
+  background-color: #ed588b !important;
+}
+
+.bg-pink-600 {
+  background-color: #d9447b !important;
+}
+
+.bg-pink-700 {
+  background-color: #b32f62 !important;
+}
+
+.bg-pink-800 {
+  background-color: #8d2450 !important;
+}
+
+.bg-pink-900 {
+  background-color: #741c46 !important;
+}
+
+.bg-grey-100 {
+  background-color: #f8fcfe !important;
+}
+
+.bg-grey-200 {
+  background-color: #f1f5fb !important;
+}
+
+.bg-grey-300 {
+  background-color: #e2e9f0 !important;
+}
+
+.bg-grey-400 {
+  background-color: #bbc5cf !important;
+}
+
+.bg-grey-500 {
+  background-color: #a3b0bd !important;
+}
+
+.bg-grey-600 {
+  background-color: #7a8996 !important;
+}
+
+.bg-grey-700 {
+  background-color: #5a6977 !important;
+}
+
+.bg-grey-800 {
+  background-color: #2e3a45 !important;
+}
+
+.bg-grey-900 {
+  background-color: #1f2830 !important;
 }
 
 .hover\:bg-transparent:hover {
@@ -894,291 +974,371 @@ samp {
 }
 
 .hover\:bg-black:hover {
-  background-color: #22292f !important;
-}
-
-.hover\:bg-grey-darkest:hover {
-  background-color: #3d4852 !important;
-}
-
-.hover\:bg-grey-darker:hover {
-  background-color: #606f7b !important;
-}
-
-.hover\:bg-grey-dark:hover {
-  background-color: #8795a1 !important;
-}
-
-.hover\:bg-grey:hover {
-  background-color: #b8c2cc !important;
-}
-
-.hover\:bg-grey-light:hover {
-  background-color: #dae1e7 !important;
-}
-
-.hover\:bg-grey-lighter:hover {
-  background-color: #f1f5f8 !important;
-}
-
-.hover\:bg-grey-lightest:hover {
-  background-color: #f8fafc !important;
+  background-color: #000 !important;
 }
 
 .hover\:bg-white:hover {
   background-color: #fff !important;
 }
 
-.hover\:bg-red-darkest:hover {
-  background-color: #3b0d0c !important;
+.hover\:bg-teal-100:hover {
+  background-color: #ebfffc !important;
 }
 
-.hover\:bg-red-darker:hover {
-  background-color: #621b18 !important;
+.hover\:bg-teal-200:hover {
+  background-color: #b3f1e9 !important;
 }
 
-.hover\:bg-red-dark:hover {
-  background-color: #cc1f1a !important;
+.hover\:bg-teal-300:hover {
+  background-color: #82e1d7 !important;
 }
 
-.hover\:bg-red:hover {
-  background-color: #e3342f !important;
+.hover\:bg-teal-400:hover {
+  background-color: #60cfc5 !important;
 }
 
-.hover\:bg-red-light:hover {
-  background-color: #ef5753 !important;
+.hover\:bg-teal-500:hover {
+  background-color: #49bab2 !important;
 }
 
-.hover\:bg-red-lighter:hover {
-  background-color: #f9acaa !important;
+.hover\:bg-teal-600:hover {
+  background-color: #3ea39f !important;
 }
 
-.hover\:bg-red-lightest:hover {
-  background-color: #fcebea !important;
+.hover\:bg-teal-700:hover {
+  background-color: #378786 !important;
 }
 
-.hover\:bg-orange-darkest:hover {
-  background-color: #462a16 !important;
+.hover\:bg-teal-800:hover {
+  background-color: #316769 !important;
 }
 
-.hover\:bg-orange-darker:hover {
-  background-color: #613b1f !important;
+.hover\:bg-teal-900:hover {
+  background-color: #265152 !important;
 }
 
-.hover\:bg-orange-dark:hover {
-  background-color: #de751f !important;
+.hover\:bg-red-100:hover {
+  background-color: #fff5f5 !important;
 }
 
-.hover\:bg-orange:hover {
-  background-color: #f6993f !important;
+.hover\:bg-red-200:hover {
+  background-color: #fee3e3 !important;
 }
 
-.hover\:bg-orange-light:hover {
-  background-color: #faad63 !important;
+.hover\:bg-red-300:hover {
+  background-color: #febcbc !important;
 }
 
-.hover\:bg-orange-lighter:hover {
-  background-color: #fcd9b6 !important;
+.hover\:bg-red-400:hover {
+  background-color: #fd9292 !important;
 }
 
-.hover\:bg-orange-lightest:hover {
-  background-color: #fff5eb !important;
+.hover\:bg-red-500:hover {
+  background-color: #f95e5f !important;
 }
 
-.hover\:bg-yellow-darkest:hover {
-  background-color: #453411 !important;
+.hover\:bg-red-600:hover {
+  background-color: #ec454e !important;
 }
 
-.hover\:bg-yellow-darker:hover {
-  background-color: #684f1d !important;
+.hover\:bg-red-700:hover {
+  background-color: #dc3448 !important;
 }
 
-.hover\:bg-yellow-dark:hover {
-  background-color: #f2d024 !important;
+.hover\:bg-red-800:hover {
+  background-color: #b4203b !important;
 }
 
-.hover\:bg-yellow:hover {
-  background-color: #ffed4a !important;
+.hover\:bg-red-900:hover {
+  background-color: #801b33 !important;
 }
 
-.hover\:bg-yellow-light:hover {
-  background-color: #fff382 !important;
+.hover\:bg-orange-100:hover {
+  background-color: #fffaef !important;
 }
 
-.hover\:bg-yellow-lighter:hover {
-  background-color: #fff9c2 !important;
+.hover\:bg-orange-200:hover {
+  background-color: #fee8c1 !important;
 }
 
-.hover\:bg-yellow-lightest:hover {
-  background-color: #fcfbeb !important;
+.hover\:bg-orange-300:hover {
+  background-color: #fbd087 !important;
 }
 
-.hover\:bg-green-darkest:hover {
-  background-color: #0f2f21 !important;
+.hover\:bg-orange-400:hover {
+  background-color: #f6aa4f !important;
 }
 
-.hover\:bg-green-darker:hover {
-  background-color: #1a4731 !important;
+.hover\:bg-orange-500:hover {
+  background-color: #ec832b !important;
 }
 
-.hover\:bg-green-dark:hover {
-  background-color: #1f9d55 !important;
+.hover\:bg-orange-600:hover {
+  background-color: #df6d22 !important;
 }
 
-.hover\:bg-green:hover {
-  background-color: #38c172 !important;
+.hover\:bg-orange-700:hover {
+  background-color: #c55822 !important;
 }
 
-.hover\:bg-green-light:hover {
-  background-color: #51d88a !important;
+.hover\:bg-orange-800:hover {
+  background-color: #9f4423 !important;
 }
 
-.hover\:bg-green-lighter:hover {
-  background-color: #a2f5bf !important;
+.hover\:bg-orange-900:hover {
+  background-color: #70311e !important;
 }
 
-.hover\:bg-green-lightest:hover {
-  background-color: #e3fcec !important;
+.hover\:bg-yellow-100:hover {
+  background-color: #ffffeb !important;
 }
 
-.hover\:bg-teal-darkest:hover {
-  background-color: #0d3331 !important;
+.hover\:bg-yellow-200:hover {
+  background-color: #fefcbf !important;
 }
 
-.hover\:bg-teal-darker:hover {
-  background-color: #20504f !important;
+.hover\:bg-yellow-300:hover {
+  background-color: #fbf189 !important;
 }
 
-.hover\:bg-teal-dark:hover {
-  background-color: #38a89d !important;
+.hover\:bg-yellow-400:hover {
+  background-color: #f6e05e !important;
 }
 
-.hover\:bg-teal:hover {
-  background-color: #4dc0b5 !important;
+.hover\:bg-yellow-500:hover {
+  background-color: #ebc743 !important;
 }
 
-.hover\:bg-teal-light:hover {
-  background-color: #64d5ca !important;
+.hover\:bg-yellow-600:hover {
+  background-color: #d69e2e !important;
 }
 
-.hover\:bg-teal-lighter:hover {
-  background-color: #a0f0ed !important;
+.hover\:bg-yellow-700:hover {
+  background-color: #b7791f !important;
 }
 
-.hover\:bg-teal-lightest:hover {
-  background-color: #e8fffe !important;
+.hover\:bg-yellow-800:hover {
+  background-color: #8d5415 !important;
 }
 
-.hover\:bg-blue-darkest:hover {
-  background-color: #12283a !important;
+.hover\:bg-yellow-900:hover {
+  background-color: #66390e !important;
 }
 
-.hover\:bg-blue-darker:hover {
-  background-color: #1c3d5a !important;
+.hover\:bg-green-100:hover {
+  background-color: #e9ffe9 !important;
 }
 
-.hover\:bg-blue-dark:hover {
-  background-color: #2779bd !important;
+.hover\:bg-green-200:hover {
+  background-color: #c1f5c5 !important;
 }
 
-.hover\:bg-blue:hover {
-  background-color: #3490dc !important;
+.hover\:bg-green-300:hover {
+  background-color: #9ae6a8 !important;
 }
 
-.hover\:bg-blue-light:hover {
-  background-color: #6cb2eb !important;
+.hover\:bg-green-400:hover {
+  background-color: #68d391 !important;
 }
 
-.hover\:bg-blue-lighter:hover {
-  background-color: #bcdefa !important;
+.hover\:bg-green-500:hover {
+  background-color: #48bb87 !important;
 }
 
-.hover\:bg-blue-lightest:hover {
-  background-color: #eff8ff !important;
+.hover\:bg-green-600:hover {
+  background-color: #38a181 !important;
 }
 
-.hover\:bg-indigo-darkest:hover {
-  background-color: #191e38 !important;
+.hover\:bg-green-700:hover {
+  background-color: #2f8572 !important;
 }
 
-.hover\:bg-indigo-darker:hover {
-  background-color: #2f365f !important;
+.hover\:bg-green-800:hover {
+  background-color: #28695c !important;
 }
 
-.hover\:bg-indigo-dark:hover {
-  background-color: #5661b3 !important;
+.hover\:bg-green-900:hover {
+  background-color: #22544b !important;
 }
 
-.hover\:bg-indigo:hover {
-  background-color: #6574cd !important;
+.hover\:bg-blue-100:hover {
+  background-color: #f1fafd !important;
 }
 
-.hover\:bg-indigo-light:hover {
-  background-color: #7886d7 !important;
+.hover\:bg-blue-200:hover {
+  background-color: #caedfa !important;
 }
 
-.hover\:bg-indigo-lighter:hover {
-  background-color: #b2b7ff !important;
+.hover\:bg-blue-300:hover {
+  background-color: #87d3f3 !important;
 }
 
-.hover\:bg-indigo-lightest:hover {
-  background-color: #e6e8ff !important;
+.hover\:bg-blue-400:hover {
+  background-color: #57b9ec !important;
 }
 
-.hover\:bg-purple-darkest:hover {
-  background-color: #21183c !important;
+.hover\:bg-blue-500:hover {
+  background-color: #3a9adf !important;
 }
 
-.hover\:bg-purple-darker:hover {
-  background-color: #382b5f !important;
+.hover\:bg-blue-600:hover {
+  background-color: #2b7cc4 !important;
 }
 
-.hover\:bg-purple-dark:hover {
-  background-color: #794acf !important;
+.hover\:bg-blue-700:hover {
+  background-color: #2762a3 !important;
 }
 
-.hover\:bg-purple:hover {
-  background-color: #9561e2 !important;
+.hover\:bg-blue-800:hover {
+  background-color: #284f81 !important;
 }
 
-.hover\:bg-purple-light:hover {
-  background-color: #a779e9 !important;
+.hover\:bg-blue-900:hover {
+  background-color: #294468 !important;
 }
 
-.hover\:bg-purple-lighter:hover {
-  background-color: #d6bbfc !important;
+.hover\:bg-indigo-100:hover {
+  background-color: #eef6ff !important;
 }
 
-.hover\:bg-purple-lightest:hover {
-  background-color: #f3ebff !important;
+.hover\:bg-indigo-200:hover {
+  background-color: #cbe0f9 !important;
 }
 
-.hover\:bg-pink-darkest:hover {
-  background-color: #451225 !important;
+.hover\:bg-indigo-300:hover {
+  background-color: #a6c5f0 !important;
 }
 
-.hover\:bg-pink-darker:hover {
-  background-color: #6f213f !important;
+.hover\:bg-indigo-400:hover {
+  background-color: #82a2e3 !important;
 }
 
-.hover\:bg-pink-dark:hover {
-  background-color: #eb5286 !important;
+.hover\:bg-indigo-500:hover {
+  background-color: #6d80d3 !important;
 }
 
-.hover\:bg-pink:hover {
-  background-color: #f66d9b !important;
+.hover\:bg-indigo-600:hover {
+  background-color: #5e68bc !important;
 }
 
-.hover\:bg-pink-light:hover {
-  background-color: #fa7ea8 !important;
+.hover\:bg-indigo-700:hover {
+  background-color: #5154a1 !important;
 }
 
-.hover\:bg-pink-lighter:hover {
-  background-color: #ffbbca !important;
+.hover\:bg-indigo-800:hover {
+  background-color: #42417f !important;
 }
 
-.hover\:bg-pink-lightest:hover {
-  background-color: #ffebef !important;
+.hover\:bg-indigo-900:hover {
+  background-color: #37366a !important;
+}
+
+.hover\:bg-purple-100:hover {
+  background-color: #faf5ff !important;
+}
+
+.hover\:bg-purple-200:hover {
+  background-color: #eddffd !important;
+}
+
+.hover\:bg-purple-300:hover {
+  background-color: #dcc7fb !important;
+}
+
+.hover\:bg-purple-400:hover {
+  background-color: #b18af4 !important;
+}
+
+.hover\:bg-purple-500:hover {
+  background-color: #976de9 !important;
+}
+
+.hover\:bg-purple-600:hover {
+  background-color: #7c54d5 !important;
+}
+
+.hover\:bg-purple-700:hover {
+  background-color: #6845b9 !important;
+}
+
+.hover\:bg-purple-800:hover {
+  background-color: #4d368a !important;
+}
+
+.hover\:bg-purple-900:hover {
+  background-color: #3b2c6c !important;
+}
+
+.hover\:bg-pink-100:hover {
+  background-color: #fff2f4 !important;
+}
+
+.hover\:bg-pink-200:hover {
+  background-color: #fedee4 !important;
+}
+
+.hover\:bg-pink-300:hover {
+  background-color: #fcbccb !important;
+}
+
+.hover\:bg-pink-400:hover {
+  background-color: #f786a7 !important;
+}
+
+.hover\:bg-pink-500:hover {
+  background-color: #ed588b !important;
+}
+
+.hover\:bg-pink-600:hover {
+  background-color: #d9447b !important;
+}
+
+.hover\:bg-pink-700:hover {
+  background-color: #b32f62 !important;
+}
+
+.hover\:bg-pink-800:hover {
+  background-color: #8d2450 !important;
+}
+
+.hover\:bg-pink-900:hover {
+  background-color: #741c46 !important;
+}
+
+.hover\:bg-grey-100:hover {
+  background-color: #f8fcfe !important;
+}
+
+.hover\:bg-grey-200:hover {
+  background-color: #f1f5fb !important;
+}
+
+.hover\:bg-grey-300:hover {
+  background-color: #e2e9f0 !important;
+}
+
+.hover\:bg-grey-400:hover {
+  background-color: #bbc5cf !important;
+}
+
+.hover\:bg-grey-500:hover {
+  background-color: #a3b0bd !important;
+}
+
+.hover\:bg-grey-600:hover {
+  background-color: #7a8996 !important;
+}
+
+.hover\:bg-grey-700:hover {
+  background-color: #5a6977 !important;
+}
+
+.hover\:bg-grey-800:hover {
+  background-color: #2e3a45 !important;
+}
+
+.hover\:bg-grey-900:hover {
+  background-color: #1f2830 !important;
 }
 
 .focus\:bg-transparent:focus {
@@ -1186,291 +1346,371 @@ samp {
 }
 
 .focus\:bg-black:focus {
-  background-color: #22292f !important;
-}
-
-.focus\:bg-grey-darkest:focus {
-  background-color: #3d4852 !important;
-}
-
-.focus\:bg-grey-darker:focus {
-  background-color: #606f7b !important;
-}
-
-.focus\:bg-grey-dark:focus {
-  background-color: #8795a1 !important;
-}
-
-.focus\:bg-grey:focus {
-  background-color: #b8c2cc !important;
-}
-
-.focus\:bg-grey-light:focus {
-  background-color: #dae1e7 !important;
-}
-
-.focus\:bg-grey-lighter:focus {
-  background-color: #f1f5f8 !important;
-}
-
-.focus\:bg-grey-lightest:focus {
-  background-color: #f8fafc !important;
+  background-color: #000 !important;
 }
 
 .focus\:bg-white:focus {
   background-color: #fff !important;
 }
 
-.focus\:bg-red-darkest:focus {
-  background-color: #3b0d0c !important;
+.focus\:bg-teal-100:focus {
+  background-color: #ebfffc !important;
 }
 
-.focus\:bg-red-darker:focus {
-  background-color: #621b18 !important;
+.focus\:bg-teal-200:focus {
+  background-color: #b3f1e9 !important;
 }
 
-.focus\:bg-red-dark:focus {
-  background-color: #cc1f1a !important;
+.focus\:bg-teal-300:focus {
+  background-color: #82e1d7 !important;
 }
 
-.focus\:bg-red:focus {
-  background-color: #e3342f !important;
+.focus\:bg-teal-400:focus {
+  background-color: #60cfc5 !important;
 }
 
-.focus\:bg-red-light:focus {
-  background-color: #ef5753 !important;
+.focus\:bg-teal-500:focus {
+  background-color: #49bab2 !important;
 }
 
-.focus\:bg-red-lighter:focus {
-  background-color: #f9acaa !important;
+.focus\:bg-teal-600:focus {
+  background-color: #3ea39f !important;
 }
 
-.focus\:bg-red-lightest:focus {
-  background-color: #fcebea !important;
+.focus\:bg-teal-700:focus {
+  background-color: #378786 !important;
 }
 
-.focus\:bg-orange-darkest:focus {
-  background-color: #462a16 !important;
+.focus\:bg-teal-800:focus {
+  background-color: #316769 !important;
 }
 
-.focus\:bg-orange-darker:focus {
-  background-color: #613b1f !important;
+.focus\:bg-teal-900:focus {
+  background-color: #265152 !important;
 }
 
-.focus\:bg-orange-dark:focus {
-  background-color: #de751f !important;
+.focus\:bg-red-100:focus {
+  background-color: #fff5f5 !important;
 }
 
-.focus\:bg-orange:focus {
-  background-color: #f6993f !important;
+.focus\:bg-red-200:focus {
+  background-color: #fee3e3 !important;
 }
 
-.focus\:bg-orange-light:focus {
-  background-color: #faad63 !important;
+.focus\:bg-red-300:focus {
+  background-color: #febcbc !important;
 }
 
-.focus\:bg-orange-lighter:focus {
-  background-color: #fcd9b6 !important;
+.focus\:bg-red-400:focus {
+  background-color: #fd9292 !important;
 }
 
-.focus\:bg-orange-lightest:focus {
-  background-color: #fff5eb !important;
+.focus\:bg-red-500:focus {
+  background-color: #f95e5f !important;
 }
 
-.focus\:bg-yellow-darkest:focus {
-  background-color: #453411 !important;
+.focus\:bg-red-600:focus {
+  background-color: #ec454e !important;
 }
 
-.focus\:bg-yellow-darker:focus {
-  background-color: #684f1d !important;
+.focus\:bg-red-700:focus {
+  background-color: #dc3448 !important;
 }
 
-.focus\:bg-yellow-dark:focus {
-  background-color: #f2d024 !important;
+.focus\:bg-red-800:focus {
+  background-color: #b4203b !important;
 }
 
-.focus\:bg-yellow:focus {
-  background-color: #ffed4a !important;
+.focus\:bg-red-900:focus {
+  background-color: #801b33 !important;
 }
 
-.focus\:bg-yellow-light:focus {
-  background-color: #fff382 !important;
+.focus\:bg-orange-100:focus {
+  background-color: #fffaef !important;
 }
 
-.focus\:bg-yellow-lighter:focus {
-  background-color: #fff9c2 !important;
+.focus\:bg-orange-200:focus {
+  background-color: #fee8c1 !important;
 }
 
-.focus\:bg-yellow-lightest:focus {
-  background-color: #fcfbeb !important;
+.focus\:bg-orange-300:focus {
+  background-color: #fbd087 !important;
 }
 
-.focus\:bg-green-darkest:focus {
-  background-color: #0f2f21 !important;
+.focus\:bg-orange-400:focus {
+  background-color: #f6aa4f !important;
 }
 
-.focus\:bg-green-darker:focus {
-  background-color: #1a4731 !important;
+.focus\:bg-orange-500:focus {
+  background-color: #ec832b !important;
 }
 
-.focus\:bg-green-dark:focus {
-  background-color: #1f9d55 !important;
+.focus\:bg-orange-600:focus {
+  background-color: #df6d22 !important;
 }
 
-.focus\:bg-green:focus {
-  background-color: #38c172 !important;
+.focus\:bg-orange-700:focus {
+  background-color: #c55822 !important;
 }
 
-.focus\:bg-green-light:focus {
-  background-color: #51d88a !important;
+.focus\:bg-orange-800:focus {
+  background-color: #9f4423 !important;
 }
 
-.focus\:bg-green-lighter:focus {
-  background-color: #a2f5bf !important;
+.focus\:bg-orange-900:focus {
+  background-color: #70311e !important;
 }
 
-.focus\:bg-green-lightest:focus {
-  background-color: #e3fcec !important;
+.focus\:bg-yellow-100:focus {
+  background-color: #ffffeb !important;
 }
 
-.focus\:bg-teal-darkest:focus {
-  background-color: #0d3331 !important;
+.focus\:bg-yellow-200:focus {
+  background-color: #fefcbf !important;
 }
 
-.focus\:bg-teal-darker:focus {
-  background-color: #20504f !important;
+.focus\:bg-yellow-300:focus {
+  background-color: #fbf189 !important;
 }
 
-.focus\:bg-teal-dark:focus {
-  background-color: #38a89d !important;
+.focus\:bg-yellow-400:focus {
+  background-color: #f6e05e !important;
 }
 
-.focus\:bg-teal:focus {
-  background-color: #4dc0b5 !important;
+.focus\:bg-yellow-500:focus {
+  background-color: #ebc743 !important;
 }
 
-.focus\:bg-teal-light:focus {
-  background-color: #64d5ca !important;
+.focus\:bg-yellow-600:focus {
+  background-color: #d69e2e !important;
 }
 
-.focus\:bg-teal-lighter:focus {
-  background-color: #a0f0ed !important;
+.focus\:bg-yellow-700:focus {
+  background-color: #b7791f !important;
 }
 
-.focus\:bg-teal-lightest:focus {
-  background-color: #e8fffe !important;
+.focus\:bg-yellow-800:focus {
+  background-color: #8d5415 !important;
 }
 
-.focus\:bg-blue-darkest:focus {
-  background-color: #12283a !important;
+.focus\:bg-yellow-900:focus {
+  background-color: #66390e !important;
 }
 
-.focus\:bg-blue-darker:focus {
-  background-color: #1c3d5a !important;
+.focus\:bg-green-100:focus {
+  background-color: #e9ffe9 !important;
 }
 
-.focus\:bg-blue-dark:focus {
-  background-color: #2779bd !important;
+.focus\:bg-green-200:focus {
+  background-color: #c1f5c5 !important;
 }
 
-.focus\:bg-blue:focus {
-  background-color: #3490dc !important;
+.focus\:bg-green-300:focus {
+  background-color: #9ae6a8 !important;
 }
 
-.focus\:bg-blue-light:focus {
-  background-color: #6cb2eb !important;
+.focus\:bg-green-400:focus {
+  background-color: #68d391 !important;
 }
 
-.focus\:bg-blue-lighter:focus {
-  background-color: #bcdefa !important;
+.focus\:bg-green-500:focus {
+  background-color: #48bb87 !important;
 }
 
-.focus\:bg-blue-lightest:focus {
-  background-color: #eff8ff !important;
+.focus\:bg-green-600:focus {
+  background-color: #38a181 !important;
 }
 
-.focus\:bg-indigo-darkest:focus {
-  background-color: #191e38 !important;
+.focus\:bg-green-700:focus {
+  background-color: #2f8572 !important;
 }
 
-.focus\:bg-indigo-darker:focus {
-  background-color: #2f365f !important;
+.focus\:bg-green-800:focus {
+  background-color: #28695c !important;
 }
 
-.focus\:bg-indigo-dark:focus {
-  background-color: #5661b3 !important;
+.focus\:bg-green-900:focus {
+  background-color: #22544b !important;
 }
 
-.focus\:bg-indigo:focus {
-  background-color: #6574cd !important;
+.focus\:bg-blue-100:focus {
+  background-color: #f1fafd !important;
 }
 
-.focus\:bg-indigo-light:focus {
-  background-color: #7886d7 !important;
+.focus\:bg-blue-200:focus {
+  background-color: #caedfa !important;
 }
 
-.focus\:bg-indigo-lighter:focus {
-  background-color: #b2b7ff !important;
+.focus\:bg-blue-300:focus {
+  background-color: #87d3f3 !important;
 }
 
-.focus\:bg-indigo-lightest:focus {
-  background-color: #e6e8ff !important;
+.focus\:bg-blue-400:focus {
+  background-color: #57b9ec !important;
 }
 
-.focus\:bg-purple-darkest:focus {
-  background-color: #21183c !important;
+.focus\:bg-blue-500:focus {
+  background-color: #3a9adf !important;
 }
 
-.focus\:bg-purple-darker:focus {
-  background-color: #382b5f !important;
+.focus\:bg-blue-600:focus {
+  background-color: #2b7cc4 !important;
 }
 
-.focus\:bg-purple-dark:focus {
-  background-color: #794acf !important;
+.focus\:bg-blue-700:focus {
+  background-color: #2762a3 !important;
 }
 
-.focus\:bg-purple:focus {
-  background-color: #9561e2 !important;
+.focus\:bg-blue-800:focus {
+  background-color: #284f81 !important;
 }
 
-.focus\:bg-purple-light:focus {
-  background-color: #a779e9 !important;
+.focus\:bg-blue-900:focus {
+  background-color: #294468 !important;
 }
 
-.focus\:bg-purple-lighter:focus {
-  background-color: #d6bbfc !important;
+.focus\:bg-indigo-100:focus {
+  background-color: #eef6ff !important;
 }
 
-.focus\:bg-purple-lightest:focus {
-  background-color: #f3ebff !important;
+.focus\:bg-indigo-200:focus {
+  background-color: #cbe0f9 !important;
 }
 
-.focus\:bg-pink-darkest:focus {
-  background-color: #451225 !important;
+.focus\:bg-indigo-300:focus {
+  background-color: #a6c5f0 !important;
 }
 
-.focus\:bg-pink-darker:focus {
-  background-color: #6f213f !important;
+.focus\:bg-indigo-400:focus {
+  background-color: #82a2e3 !important;
 }
 
-.focus\:bg-pink-dark:focus {
-  background-color: #eb5286 !important;
+.focus\:bg-indigo-500:focus {
+  background-color: #6d80d3 !important;
 }
 
-.focus\:bg-pink:focus {
-  background-color: #f66d9b !important;
+.focus\:bg-indigo-600:focus {
+  background-color: #5e68bc !important;
 }
 
-.focus\:bg-pink-light:focus {
-  background-color: #fa7ea8 !important;
+.focus\:bg-indigo-700:focus {
+  background-color: #5154a1 !important;
 }
 
-.focus\:bg-pink-lighter:focus {
-  background-color: #ffbbca !important;
+.focus\:bg-indigo-800:focus {
+  background-color: #42417f !important;
 }
 
-.focus\:bg-pink-lightest:focus {
-  background-color: #ffebef !important;
+.focus\:bg-indigo-900:focus {
+  background-color: #37366a !important;
+}
+
+.focus\:bg-purple-100:focus {
+  background-color: #faf5ff !important;
+}
+
+.focus\:bg-purple-200:focus {
+  background-color: #eddffd !important;
+}
+
+.focus\:bg-purple-300:focus {
+  background-color: #dcc7fb !important;
+}
+
+.focus\:bg-purple-400:focus {
+  background-color: #b18af4 !important;
+}
+
+.focus\:bg-purple-500:focus {
+  background-color: #976de9 !important;
+}
+
+.focus\:bg-purple-600:focus {
+  background-color: #7c54d5 !important;
+}
+
+.focus\:bg-purple-700:focus {
+  background-color: #6845b9 !important;
+}
+
+.focus\:bg-purple-800:focus {
+  background-color: #4d368a !important;
+}
+
+.focus\:bg-purple-900:focus {
+  background-color: #3b2c6c !important;
+}
+
+.focus\:bg-pink-100:focus {
+  background-color: #fff2f4 !important;
+}
+
+.focus\:bg-pink-200:focus {
+  background-color: #fedee4 !important;
+}
+
+.focus\:bg-pink-300:focus {
+  background-color: #fcbccb !important;
+}
+
+.focus\:bg-pink-400:focus {
+  background-color: #f786a7 !important;
+}
+
+.focus\:bg-pink-500:focus {
+  background-color: #ed588b !important;
+}
+
+.focus\:bg-pink-600:focus {
+  background-color: #d9447b !important;
+}
+
+.focus\:bg-pink-700:focus {
+  background-color: #b32f62 !important;
+}
+
+.focus\:bg-pink-800:focus {
+  background-color: #8d2450 !important;
+}
+
+.focus\:bg-pink-900:focus {
+  background-color: #741c46 !important;
+}
+
+.focus\:bg-grey-100:focus {
+  background-color: #f8fcfe !important;
+}
+
+.focus\:bg-grey-200:focus {
+  background-color: #f1f5fb !important;
+}
+
+.focus\:bg-grey-300:focus {
+  background-color: #e2e9f0 !important;
+}
+
+.focus\:bg-grey-400:focus {
+  background-color: #bbc5cf !important;
+}
+
+.focus\:bg-grey-500:focus {
+  background-color: #a3b0bd !important;
+}
+
+.focus\:bg-grey-600:focus {
+  background-color: #7a8996 !important;
+}
+
+.focus\:bg-grey-700:focus {
+  background-color: #5a6977 !important;
+}
+
+.focus\:bg-grey-800:focus {
+  background-color: #2e3a45 !important;
+}
+
+.focus\:bg-grey-900:focus {
+  background-color: #1f2830 !important;
 }
 
 .bg-bottom {
@@ -1550,291 +1790,371 @@ samp {
 }
 
 .border-black {
-  border-color: #22292f !important;
-}
-
-.border-grey-darkest {
-  border-color: #3d4852 !important;
-}
-
-.border-grey-darker {
-  border-color: #606f7b !important;
-}
-
-.border-grey-dark {
-  border-color: #8795a1 !important;
-}
-
-.border-grey {
-  border-color: #b8c2cc !important;
-}
-
-.border-grey-light {
-  border-color: #dae1e7 !important;
-}
-
-.border-grey-lighter {
-  border-color: #f1f5f8 !important;
-}
-
-.border-grey-lightest {
-  border-color: #f8fafc !important;
+  border-color: #000 !important;
 }
 
 .border-white {
   border-color: #fff !important;
 }
 
-.border-red-darkest {
-  border-color: #3b0d0c !important;
+.border-teal-100 {
+  border-color: #ebfffc !important;
 }
 
-.border-red-darker {
-  border-color: #621b18 !important;
+.border-teal-200 {
+  border-color: #b3f1e9 !important;
 }
 
-.border-red-dark {
-  border-color: #cc1f1a !important;
+.border-teal-300 {
+  border-color: #82e1d7 !important;
 }
 
-.border-red {
-  border-color: #e3342f !important;
+.border-teal-400 {
+  border-color: #60cfc5 !important;
 }
 
-.border-red-light {
-  border-color: #ef5753 !important;
+.border-teal-500 {
+  border-color: #49bab2 !important;
 }
 
-.border-red-lighter {
-  border-color: #f9acaa !important;
+.border-teal-600 {
+  border-color: #3ea39f !important;
 }
 
-.border-red-lightest {
-  border-color: #fcebea !important;
+.border-teal-700 {
+  border-color: #378786 !important;
 }
 
-.border-orange-darkest {
-  border-color: #462a16 !important;
+.border-teal-800 {
+  border-color: #316769 !important;
 }
 
-.border-orange-darker {
-  border-color: #613b1f !important;
+.border-teal-900 {
+  border-color: #265152 !important;
 }
 
-.border-orange-dark {
-  border-color: #de751f !important;
+.border-red-100 {
+  border-color: #fff5f5 !important;
 }
 
-.border-orange {
-  border-color: #f6993f !important;
+.border-red-200 {
+  border-color: #fee3e3 !important;
 }
 
-.border-orange-light {
-  border-color: #faad63 !important;
+.border-red-300 {
+  border-color: #febcbc !important;
 }
 
-.border-orange-lighter {
-  border-color: #fcd9b6 !important;
+.border-red-400 {
+  border-color: #fd9292 !important;
 }
 
-.border-orange-lightest {
-  border-color: #fff5eb !important;
+.border-red-500 {
+  border-color: #f95e5f !important;
 }
 
-.border-yellow-darkest {
-  border-color: #453411 !important;
+.border-red-600 {
+  border-color: #ec454e !important;
 }
 
-.border-yellow-darker {
-  border-color: #684f1d !important;
+.border-red-700 {
+  border-color: #dc3448 !important;
 }
 
-.border-yellow-dark {
-  border-color: #f2d024 !important;
+.border-red-800 {
+  border-color: #b4203b !important;
 }
 
-.border-yellow {
-  border-color: #ffed4a !important;
+.border-red-900 {
+  border-color: #801b33 !important;
 }
 
-.border-yellow-light {
-  border-color: #fff382 !important;
+.border-orange-100 {
+  border-color: #fffaef !important;
 }
 
-.border-yellow-lighter {
-  border-color: #fff9c2 !important;
+.border-orange-200 {
+  border-color: #fee8c1 !important;
 }
 
-.border-yellow-lightest {
-  border-color: #fcfbeb !important;
+.border-orange-300 {
+  border-color: #fbd087 !important;
 }
 
-.border-green-darkest {
-  border-color: #0f2f21 !important;
+.border-orange-400 {
+  border-color: #f6aa4f !important;
 }
 
-.border-green-darker {
-  border-color: #1a4731 !important;
+.border-orange-500 {
+  border-color: #ec832b !important;
 }
 
-.border-green-dark {
-  border-color: #1f9d55 !important;
+.border-orange-600 {
+  border-color: #df6d22 !important;
 }
 
-.border-green {
-  border-color: #38c172 !important;
+.border-orange-700 {
+  border-color: #c55822 !important;
 }
 
-.border-green-light {
-  border-color: #51d88a !important;
+.border-orange-800 {
+  border-color: #9f4423 !important;
 }
 
-.border-green-lighter {
-  border-color: #a2f5bf !important;
+.border-orange-900 {
+  border-color: #70311e !important;
 }
 
-.border-green-lightest {
-  border-color: #e3fcec !important;
+.border-yellow-100 {
+  border-color: #ffffeb !important;
 }
 
-.border-teal-darkest {
-  border-color: #0d3331 !important;
+.border-yellow-200 {
+  border-color: #fefcbf !important;
 }
 
-.border-teal-darker {
-  border-color: #20504f !important;
+.border-yellow-300 {
+  border-color: #fbf189 !important;
 }
 
-.border-teal-dark {
-  border-color: #38a89d !important;
+.border-yellow-400 {
+  border-color: #f6e05e !important;
 }
 
-.border-teal {
-  border-color: #4dc0b5 !important;
+.border-yellow-500 {
+  border-color: #ebc743 !important;
 }
 
-.border-teal-light {
-  border-color: #64d5ca !important;
+.border-yellow-600 {
+  border-color: #d69e2e !important;
 }
 
-.border-teal-lighter {
-  border-color: #a0f0ed !important;
+.border-yellow-700 {
+  border-color: #b7791f !important;
 }
 
-.border-teal-lightest {
-  border-color: #e8fffe !important;
+.border-yellow-800 {
+  border-color: #8d5415 !important;
 }
 
-.border-blue-darkest {
-  border-color: #12283a !important;
+.border-yellow-900 {
+  border-color: #66390e !important;
 }
 
-.border-blue-darker {
-  border-color: #1c3d5a !important;
+.border-green-100 {
+  border-color: #e9ffe9 !important;
 }
 
-.border-blue-dark {
-  border-color: #2779bd !important;
+.border-green-200 {
+  border-color: #c1f5c5 !important;
 }
 
-.border-blue {
-  border-color: #3490dc !important;
+.border-green-300 {
+  border-color: #9ae6a8 !important;
 }
 
-.border-blue-light {
-  border-color: #6cb2eb !important;
+.border-green-400 {
+  border-color: #68d391 !important;
 }
 
-.border-blue-lighter {
-  border-color: #bcdefa !important;
+.border-green-500 {
+  border-color: #48bb87 !important;
 }
 
-.border-blue-lightest {
-  border-color: #eff8ff !important;
+.border-green-600 {
+  border-color: #38a181 !important;
 }
 
-.border-indigo-darkest {
-  border-color: #191e38 !important;
+.border-green-700 {
+  border-color: #2f8572 !important;
 }
 
-.border-indigo-darker {
-  border-color: #2f365f !important;
+.border-green-800 {
+  border-color: #28695c !important;
 }
 
-.border-indigo-dark {
-  border-color: #5661b3 !important;
+.border-green-900 {
+  border-color: #22544b !important;
 }
 
-.border-indigo {
-  border-color: #6574cd !important;
+.border-blue-100 {
+  border-color: #f1fafd !important;
 }
 
-.border-indigo-light {
-  border-color: #7886d7 !important;
+.border-blue-200 {
+  border-color: #caedfa !important;
 }
 
-.border-indigo-lighter {
-  border-color: #b2b7ff !important;
+.border-blue-300 {
+  border-color: #87d3f3 !important;
 }
 
-.border-indigo-lightest {
-  border-color: #e6e8ff !important;
+.border-blue-400 {
+  border-color: #57b9ec !important;
 }
 
-.border-purple-darkest {
-  border-color: #21183c !important;
+.border-blue-500 {
+  border-color: #3a9adf !important;
 }
 
-.border-purple-darker {
-  border-color: #382b5f !important;
+.border-blue-600 {
+  border-color: #2b7cc4 !important;
 }
 
-.border-purple-dark {
-  border-color: #794acf !important;
+.border-blue-700 {
+  border-color: #2762a3 !important;
 }
 
-.border-purple {
-  border-color: #9561e2 !important;
+.border-blue-800 {
+  border-color: #284f81 !important;
 }
 
-.border-purple-light {
-  border-color: #a779e9 !important;
+.border-blue-900 {
+  border-color: #294468 !important;
 }
 
-.border-purple-lighter {
-  border-color: #d6bbfc !important;
+.border-indigo-100 {
+  border-color: #eef6ff !important;
 }
 
-.border-purple-lightest {
-  border-color: #f3ebff !important;
+.border-indigo-200 {
+  border-color: #cbe0f9 !important;
 }
 
-.border-pink-darkest {
-  border-color: #451225 !important;
+.border-indigo-300 {
+  border-color: #a6c5f0 !important;
 }
 
-.border-pink-darker {
-  border-color: #6f213f !important;
+.border-indigo-400 {
+  border-color: #82a2e3 !important;
 }
 
-.border-pink-dark {
-  border-color: #eb5286 !important;
+.border-indigo-500 {
+  border-color: #6d80d3 !important;
 }
 
-.border-pink {
-  border-color: #f66d9b !important;
+.border-indigo-600 {
+  border-color: #5e68bc !important;
 }
 
-.border-pink-light {
-  border-color: #fa7ea8 !important;
+.border-indigo-700 {
+  border-color: #5154a1 !important;
 }
 
-.border-pink-lighter {
-  border-color: #ffbbca !important;
+.border-indigo-800 {
+  border-color: #42417f !important;
 }
 
-.border-pink-lightest {
-  border-color: #ffebef !important;
+.border-indigo-900 {
+  border-color: #37366a !important;
+}
+
+.border-purple-100 {
+  border-color: #faf5ff !important;
+}
+
+.border-purple-200 {
+  border-color: #eddffd !important;
+}
+
+.border-purple-300 {
+  border-color: #dcc7fb !important;
+}
+
+.border-purple-400 {
+  border-color: #b18af4 !important;
+}
+
+.border-purple-500 {
+  border-color: #976de9 !important;
+}
+
+.border-purple-600 {
+  border-color: #7c54d5 !important;
+}
+
+.border-purple-700 {
+  border-color: #6845b9 !important;
+}
+
+.border-purple-800 {
+  border-color: #4d368a !important;
+}
+
+.border-purple-900 {
+  border-color: #3b2c6c !important;
+}
+
+.border-pink-100 {
+  border-color: #fff2f4 !important;
+}
+
+.border-pink-200 {
+  border-color: #fedee4 !important;
+}
+
+.border-pink-300 {
+  border-color: #fcbccb !important;
+}
+
+.border-pink-400 {
+  border-color: #f786a7 !important;
+}
+
+.border-pink-500 {
+  border-color: #ed588b !important;
+}
+
+.border-pink-600 {
+  border-color: #d9447b !important;
+}
+
+.border-pink-700 {
+  border-color: #b32f62 !important;
+}
+
+.border-pink-800 {
+  border-color: #8d2450 !important;
+}
+
+.border-pink-900 {
+  border-color: #741c46 !important;
+}
+
+.border-grey-100 {
+  border-color: #f8fcfe !important;
+}
+
+.border-grey-200 {
+  border-color: #f1f5fb !important;
+}
+
+.border-grey-300 {
+  border-color: #e2e9f0 !important;
+}
+
+.border-grey-400 {
+  border-color: #bbc5cf !important;
+}
+
+.border-grey-500 {
+  border-color: #a3b0bd !important;
+}
+
+.border-grey-600 {
+  border-color: #7a8996 !important;
+}
+
+.border-grey-700 {
+  border-color: #5a6977 !important;
+}
+
+.border-grey-800 {
+  border-color: #2e3a45 !important;
+}
+
+.border-grey-900 {
+  border-color: #1f2830 !important;
 }
 
 .hover\:border-transparent:hover {
@@ -1842,291 +2162,371 @@ samp {
 }
 
 .hover\:border-black:hover {
-  border-color: #22292f !important;
-}
-
-.hover\:border-grey-darkest:hover {
-  border-color: #3d4852 !important;
-}
-
-.hover\:border-grey-darker:hover {
-  border-color: #606f7b !important;
-}
-
-.hover\:border-grey-dark:hover {
-  border-color: #8795a1 !important;
-}
-
-.hover\:border-grey:hover {
-  border-color: #b8c2cc !important;
-}
-
-.hover\:border-grey-light:hover {
-  border-color: #dae1e7 !important;
-}
-
-.hover\:border-grey-lighter:hover {
-  border-color: #f1f5f8 !important;
-}
-
-.hover\:border-grey-lightest:hover {
-  border-color: #f8fafc !important;
+  border-color: #000 !important;
 }
 
 .hover\:border-white:hover {
   border-color: #fff !important;
 }
 
-.hover\:border-red-darkest:hover {
-  border-color: #3b0d0c !important;
+.hover\:border-teal-100:hover {
+  border-color: #ebfffc !important;
 }
 
-.hover\:border-red-darker:hover {
-  border-color: #621b18 !important;
+.hover\:border-teal-200:hover {
+  border-color: #b3f1e9 !important;
 }
 
-.hover\:border-red-dark:hover {
-  border-color: #cc1f1a !important;
+.hover\:border-teal-300:hover {
+  border-color: #82e1d7 !important;
 }
 
-.hover\:border-red:hover {
-  border-color: #e3342f !important;
+.hover\:border-teal-400:hover {
+  border-color: #60cfc5 !important;
 }
 
-.hover\:border-red-light:hover {
-  border-color: #ef5753 !important;
+.hover\:border-teal-500:hover {
+  border-color: #49bab2 !important;
 }
 
-.hover\:border-red-lighter:hover {
-  border-color: #f9acaa !important;
+.hover\:border-teal-600:hover {
+  border-color: #3ea39f !important;
 }
 
-.hover\:border-red-lightest:hover {
-  border-color: #fcebea !important;
+.hover\:border-teal-700:hover {
+  border-color: #378786 !important;
 }
 
-.hover\:border-orange-darkest:hover {
-  border-color: #462a16 !important;
+.hover\:border-teal-800:hover {
+  border-color: #316769 !important;
 }
 
-.hover\:border-orange-darker:hover {
-  border-color: #613b1f !important;
+.hover\:border-teal-900:hover {
+  border-color: #265152 !important;
 }
 
-.hover\:border-orange-dark:hover {
-  border-color: #de751f !important;
+.hover\:border-red-100:hover {
+  border-color: #fff5f5 !important;
 }
 
-.hover\:border-orange:hover {
-  border-color: #f6993f !important;
+.hover\:border-red-200:hover {
+  border-color: #fee3e3 !important;
 }
 
-.hover\:border-orange-light:hover {
-  border-color: #faad63 !important;
+.hover\:border-red-300:hover {
+  border-color: #febcbc !important;
 }
 
-.hover\:border-orange-lighter:hover {
-  border-color: #fcd9b6 !important;
+.hover\:border-red-400:hover {
+  border-color: #fd9292 !important;
 }
 
-.hover\:border-orange-lightest:hover {
-  border-color: #fff5eb !important;
+.hover\:border-red-500:hover {
+  border-color: #f95e5f !important;
 }
 
-.hover\:border-yellow-darkest:hover {
-  border-color: #453411 !important;
+.hover\:border-red-600:hover {
+  border-color: #ec454e !important;
 }
 
-.hover\:border-yellow-darker:hover {
-  border-color: #684f1d !important;
+.hover\:border-red-700:hover {
+  border-color: #dc3448 !important;
 }
 
-.hover\:border-yellow-dark:hover {
-  border-color: #f2d024 !important;
+.hover\:border-red-800:hover {
+  border-color: #b4203b !important;
 }
 
-.hover\:border-yellow:hover {
-  border-color: #ffed4a !important;
+.hover\:border-red-900:hover {
+  border-color: #801b33 !important;
 }
 
-.hover\:border-yellow-light:hover {
-  border-color: #fff382 !important;
+.hover\:border-orange-100:hover {
+  border-color: #fffaef !important;
 }
 
-.hover\:border-yellow-lighter:hover {
-  border-color: #fff9c2 !important;
+.hover\:border-orange-200:hover {
+  border-color: #fee8c1 !important;
 }
 
-.hover\:border-yellow-lightest:hover {
-  border-color: #fcfbeb !important;
+.hover\:border-orange-300:hover {
+  border-color: #fbd087 !important;
 }
 
-.hover\:border-green-darkest:hover {
-  border-color: #0f2f21 !important;
+.hover\:border-orange-400:hover {
+  border-color: #f6aa4f !important;
 }
 
-.hover\:border-green-darker:hover {
-  border-color: #1a4731 !important;
+.hover\:border-orange-500:hover {
+  border-color: #ec832b !important;
 }
 
-.hover\:border-green-dark:hover {
-  border-color: #1f9d55 !important;
+.hover\:border-orange-600:hover {
+  border-color: #df6d22 !important;
 }
 
-.hover\:border-green:hover {
-  border-color: #38c172 !important;
+.hover\:border-orange-700:hover {
+  border-color: #c55822 !important;
 }
 
-.hover\:border-green-light:hover {
-  border-color: #51d88a !important;
+.hover\:border-orange-800:hover {
+  border-color: #9f4423 !important;
 }
 
-.hover\:border-green-lighter:hover {
-  border-color: #a2f5bf !important;
+.hover\:border-orange-900:hover {
+  border-color: #70311e !important;
 }
 
-.hover\:border-green-lightest:hover {
-  border-color: #e3fcec !important;
+.hover\:border-yellow-100:hover {
+  border-color: #ffffeb !important;
 }
 
-.hover\:border-teal-darkest:hover {
-  border-color: #0d3331 !important;
+.hover\:border-yellow-200:hover {
+  border-color: #fefcbf !important;
 }
 
-.hover\:border-teal-darker:hover {
-  border-color: #20504f !important;
+.hover\:border-yellow-300:hover {
+  border-color: #fbf189 !important;
 }
 
-.hover\:border-teal-dark:hover {
-  border-color: #38a89d !important;
+.hover\:border-yellow-400:hover {
+  border-color: #f6e05e !important;
 }
 
-.hover\:border-teal:hover {
-  border-color: #4dc0b5 !important;
+.hover\:border-yellow-500:hover {
+  border-color: #ebc743 !important;
 }
 
-.hover\:border-teal-light:hover {
-  border-color: #64d5ca !important;
+.hover\:border-yellow-600:hover {
+  border-color: #d69e2e !important;
 }
 
-.hover\:border-teal-lighter:hover {
-  border-color: #a0f0ed !important;
+.hover\:border-yellow-700:hover {
+  border-color: #b7791f !important;
 }
 
-.hover\:border-teal-lightest:hover {
-  border-color: #e8fffe !important;
+.hover\:border-yellow-800:hover {
+  border-color: #8d5415 !important;
 }
 
-.hover\:border-blue-darkest:hover {
-  border-color: #12283a !important;
+.hover\:border-yellow-900:hover {
+  border-color: #66390e !important;
 }
 
-.hover\:border-blue-darker:hover {
-  border-color: #1c3d5a !important;
+.hover\:border-green-100:hover {
+  border-color: #e9ffe9 !important;
 }
 
-.hover\:border-blue-dark:hover {
-  border-color: #2779bd !important;
+.hover\:border-green-200:hover {
+  border-color: #c1f5c5 !important;
 }
 
-.hover\:border-blue:hover {
-  border-color: #3490dc !important;
+.hover\:border-green-300:hover {
+  border-color: #9ae6a8 !important;
 }
 
-.hover\:border-blue-light:hover {
-  border-color: #6cb2eb !important;
+.hover\:border-green-400:hover {
+  border-color: #68d391 !important;
 }
 
-.hover\:border-blue-lighter:hover {
-  border-color: #bcdefa !important;
+.hover\:border-green-500:hover {
+  border-color: #48bb87 !important;
 }
 
-.hover\:border-blue-lightest:hover {
-  border-color: #eff8ff !important;
+.hover\:border-green-600:hover {
+  border-color: #38a181 !important;
 }
 
-.hover\:border-indigo-darkest:hover {
-  border-color: #191e38 !important;
+.hover\:border-green-700:hover {
+  border-color: #2f8572 !important;
 }
 
-.hover\:border-indigo-darker:hover {
-  border-color: #2f365f !important;
+.hover\:border-green-800:hover {
+  border-color: #28695c !important;
 }
 
-.hover\:border-indigo-dark:hover {
-  border-color: #5661b3 !important;
+.hover\:border-green-900:hover {
+  border-color: #22544b !important;
 }
 
-.hover\:border-indigo:hover {
-  border-color: #6574cd !important;
+.hover\:border-blue-100:hover {
+  border-color: #f1fafd !important;
 }
 
-.hover\:border-indigo-light:hover {
-  border-color: #7886d7 !important;
+.hover\:border-blue-200:hover {
+  border-color: #caedfa !important;
 }
 
-.hover\:border-indigo-lighter:hover {
-  border-color: #b2b7ff !important;
+.hover\:border-blue-300:hover {
+  border-color: #87d3f3 !important;
 }
 
-.hover\:border-indigo-lightest:hover {
-  border-color: #e6e8ff !important;
+.hover\:border-blue-400:hover {
+  border-color: #57b9ec !important;
 }
 
-.hover\:border-purple-darkest:hover {
-  border-color: #21183c !important;
+.hover\:border-blue-500:hover {
+  border-color: #3a9adf !important;
 }
 
-.hover\:border-purple-darker:hover {
-  border-color: #382b5f !important;
+.hover\:border-blue-600:hover {
+  border-color: #2b7cc4 !important;
 }
 
-.hover\:border-purple-dark:hover {
-  border-color: #794acf !important;
+.hover\:border-blue-700:hover {
+  border-color: #2762a3 !important;
 }
 
-.hover\:border-purple:hover {
-  border-color: #9561e2 !important;
+.hover\:border-blue-800:hover {
+  border-color: #284f81 !important;
 }
 
-.hover\:border-purple-light:hover {
-  border-color: #a779e9 !important;
+.hover\:border-blue-900:hover {
+  border-color: #294468 !important;
 }
 
-.hover\:border-purple-lighter:hover {
-  border-color: #d6bbfc !important;
+.hover\:border-indigo-100:hover {
+  border-color: #eef6ff !important;
 }
 
-.hover\:border-purple-lightest:hover {
-  border-color: #f3ebff !important;
+.hover\:border-indigo-200:hover {
+  border-color: #cbe0f9 !important;
 }
 
-.hover\:border-pink-darkest:hover {
-  border-color: #451225 !important;
+.hover\:border-indigo-300:hover {
+  border-color: #a6c5f0 !important;
 }
 
-.hover\:border-pink-darker:hover {
-  border-color: #6f213f !important;
+.hover\:border-indigo-400:hover {
+  border-color: #82a2e3 !important;
 }
 
-.hover\:border-pink-dark:hover {
-  border-color: #eb5286 !important;
+.hover\:border-indigo-500:hover {
+  border-color: #6d80d3 !important;
 }
 
-.hover\:border-pink:hover {
-  border-color: #f66d9b !important;
+.hover\:border-indigo-600:hover {
+  border-color: #5e68bc !important;
 }
 
-.hover\:border-pink-light:hover {
-  border-color: #fa7ea8 !important;
+.hover\:border-indigo-700:hover {
+  border-color: #5154a1 !important;
 }
 
-.hover\:border-pink-lighter:hover {
-  border-color: #ffbbca !important;
+.hover\:border-indigo-800:hover {
+  border-color: #42417f !important;
 }
 
-.hover\:border-pink-lightest:hover {
-  border-color: #ffebef !important;
+.hover\:border-indigo-900:hover {
+  border-color: #37366a !important;
+}
+
+.hover\:border-purple-100:hover {
+  border-color: #faf5ff !important;
+}
+
+.hover\:border-purple-200:hover {
+  border-color: #eddffd !important;
+}
+
+.hover\:border-purple-300:hover {
+  border-color: #dcc7fb !important;
+}
+
+.hover\:border-purple-400:hover {
+  border-color: #b18af4 !important;
+}
+
+.hover\:border-purple-500:hover {
+  border-color: #976de9 !important;
+}
+
+.hover\:border-purple-600:hover {
+  border-color: #7c54d5 !important;
+}
+
+.hover\:border-purple-700:hover {
+  border-color: #6845b9 !important;
+}
+
+.hover\:border-purple-800:hover {
+  border-color: #4d368a !important;
+}
+
+.hover\:border-purple-900:hover {
+  border-color: #3b2c6c !important;
+}
+
+.hover\:border-pink-100:hover {
+  border-color: #fff2f4 !important;
+}
+
+.hover\:border-pink-200:hover {
+  border-color: #fedee4 !important;
+}
+
+.hover\:border-pink-300:hover {
+  border-color: #fcbccb !important;
+}
+
+.hover\:border-pink-400:hover {
+  border-color: #f786a7 !important;
+}
+
+.hover\:border-pink-500:hover {
+  border-color: #ed588b !important;
+}
+
+.hover\:border-pink-600:hover {
+  border-color: #d9447b !important;
+}
+
+.hover\:border-pink-700:hover {
+  border-color: #b32f62 !important;
+}
+
+.hover\:border-pink-800:hover {
+  border-color: #8d2450 !important;
+}
+
+.hover\:border-pink-900:hover {
+  border-color: #741c46 !important;
+}
+
+.hover\:border-grey-100:hover {
+  border-color: #f8fcfe !important;
+}
+
+.hover\:border-grey-200:hover {
+  border-color: #f1f5fb !important;
+}
+
+.hover\:border-grey-300:hover {
+  border-color: #e2e9f0 !important;
+}
+
+.hover\:border-grey-400:hover {
+  border-color: #bbc5cf !important;
+}
+
+.hover\:border-grey-500:hover {
+  border-color: #a3b0bd !important;
+}
+
+.hover\:border-grey-600:hover {
+  border-color: #7a8996 !important;
+}
+
+.hover\:border-grey-700:hover {
+  border-color: #5a6977 !important;
+}
+
+.hover\:border-grey-800:hover {
+  border-color: #2e3a45 !important;
+}
+
+.hover\:border-grey-900:hover {
+  border-color: #1f2830 !important;
 }
 
 .focus\:border-transparent:focus {
@@ -2134,291 +2534,371 @@ samp {
 }
 
 .focus\:border-black:focus {
-  border-color: #22292f !important;
-}
-
-.focus\:border-grey-darkest:focus {
-  border-color: #3d4852 !important;
-}
-
-.focus\:border-grey-darker:focus {
-  border-color: #606f7b !important;
-}
-
-.focus\:border-grey-dark:focus {
-  border-color: #8795a1 !important;
-}
-
-.focus\:border-grey:focus {
-  border-color: #b8c2cc !important;
-}
-
-.focus\:border-grey-light:focus {
-  border-color: #dae1e7 !important;
-}
-
-.focus\:border-grey-lighter:focus {
-  border-color: #f1f5f8 !important;
-}
-
-.focus\:border-grey-lightest:focus {
-  border-color: #f8fafc !important;
+  border-color: #000 !important;
 }
 
 .focus\:border-white:focus {
   border-color: #fff !important;
 }
 
-.focus\:border-red-darkest:focus {
-  border-color: #3b0d0c !important;
+.focus\:border-teal-100:focus {
+  border-color: #ebfffc !important;
 }
 
-.focus\:border-red-darker:focus {
-  border-color: #621b18 !important;
+.focus\:border-teal-200:focus {
+  border-color: #b3f1e9 !important;
 }
 
-.focus\:border-red-dark:focus {
-  border-color: #cc1f1a !important;
+.focus\:border-teal-300:focus {
+  border-color: #82e1d7 !important;
 }
 
-.focus\:border-red:focus {
-  border-color: #e3342f !important;
+.focus\:border-teal-400:focus {
+  border-color: #60cfc5 !important;
 }
 
-.focus\:border-red-light:focus {
-  border-color: #ef5753 !important;
+.focus\:border-teal-500:focus {
+  border-color: #49bab2 !important;
 }
 
-.focus\:border-red-lighter:focus {
-  border-color: #f9acaa !important;
+.focus\:border-teal-600:focus {
+  border-color: #3ea39f !important;
 }
 
-.focus\:border-red-lightest:focus {
-  border-color: #fcebea !important;
+.focus\:border-teal-700:focus {
+  border-color: #378786 !important;
 }
 
-.focus\:border-orange-darkest:focus {
-  border-color: #462a16 !important;
+.focus\:border-teal-800:focus {
+  border-color: #316769 !important;
 }
 
-.focus\:border-orange-darker:focus {
-  border-color: #613b1f !important;
+.focus\:border-teal-900:focus {
+  border-color: #265152 !important;
 }
 
-.focus\:border-orange-dark:focus {
-  border-color: #de751f !important;
+.focus\:border-red-100:focus {
+  border-color: #fff5f5 !important;
 }
 
-.focus\:border-orange:focus {
-  border-color: #f6993f !important;
+.focus\:border-red-200:focus {
+  border-color: #fee3e3 !important;
 }
 
-.focus\:border-orange-light:focus {
-  border-color: #faad63 !important;
+.focus\:border-red-300:focus {
+  border-color: #febcbc !important;
 }
 
-.focus\:border-orange-lighter:focus {
-  border-color: #fcd9b6 !important;
+.focus\:border-red-400:focus {
+  border-color: #fd9292 !important;
 }
 
-.focus\:border-orange-lightest:focus {
-  border-color: #fff5eb !important;
+.focus\:border-red-500:focus {
+  border-color: #f95e5f !important;
 }
 
-.focus\:border-yellow-darkest:focus {
-  border-color: #453411 !important;
+.focus\:border-red-600:focus {
+  border-color: #ec454e !important;
 }
 
-.focus\:border-yellow-darker:focus {
-  border-color: #684f1d !important;
+.focus\:border-red-700:focus {
+  border-color: #dc3448 !important;
 }
 
-.focus\:border-yellow-dark:focus {
-  border-color: #f2d024 !important;
+.focus\:border-red-800:focus {
+  border-color: #b4203b !important;
 }
 
-.focus\:border-yellow:focus {
-  border-color: #ffed4a !important;
+.focus\:border-red-900:focus {
+  border-color: #801b33 !important;
 }
 
-.focus\:border-yellow-light:focus {
-  border-color: #fff382 !important;
+.focus\:border-orange-100:focus {
+  border-color: #fffaef !important;
 }
 
-.focus\:border-yellow-lighter:focus {
-  border-color: #fff9c2 !important;
+.focus\:border-orange-200:focus {
+  border-color: #fee8c1 !important;
 }
 
-.focus\:border-yellow-lightest:focus {
-  border-color: #fcfbeb !important;
+.focus\:border-orange-300:focus {
+  border-color: #fbd087 !important;
 }
 
-.focus\:border-green-darkest:focus {
-  border-color: #0f2f21 !important;
+.focus\:border-orange-400:focus {
+  border-color: #f6aa4f !important;
 }
 
-.focus\:border-green-darker:focus {
-  border-color: #1a4731 !important;
+.focus\:border-orange-500:focus {
+  border-color: #ec832b !important;
 }
 
-.focus\:border-green-dark:focus {
-  border-color: #1f9d55 !important;
+.focus\:border-orange-600:focus {
+  border-color: #df6d22 !important;
 }
 
-.focus\:border-green:focus {
-  border-color: #38c172 !important;
+.focus\:border-orange-700:focus {
+  border-color: #c55822 !important;
 }
 
-.focus\:border-green-light:focus {
-  border-color: #51d88a !important;
+.focus\:border-orange-800:focus {
+  border-color: #9f4423 !important;
 }
 
-.focus\:border-green-lighter:focus {
-  border-color: #a2f5bf !important;
+.focus\:border-orange-900:focus {
+  border-color: #70311e !important;
 }
 
-.focus\:border-green-lightest:focus {
-  border-color: #e3fcec !important;
+.focus\:border-yellow-100:focus {
+  border-color: #ffffeb !important;
 }
 
-.focus\:border-teal-darkest:focus {
-  border-color: #0d3331 !important;
+.focus\:border-yellow-200:focus {
+  border-color: #fefcbf !important;
 }
 
-.focus\:border-teal-darker:focus {
-  border-color: #20504f !important;
+.focus\:border-yellow-300:focus {
+  border-color: #fbf189 !important;
 }
 
-.focus\:border-teal-dark:focus {
-  border-color: #38a89d !important;
+.focus\:border-yellow-400:focus {
+  border-color: #f6e05e !important;
 }
 
-.focus\:border-teal:focus {
-  border-color: #4dc0b5 !important;
+.focus\:border-yellow-500:focus {
+  border-color: #ebc743 !important;
 }
 
-.focus\:border-teal-light:focus {
-  border-color: #64d5ca !important;
+.focus\:border-yellow-600:focus {
+  border-color: #d69e2e !important;
 }
 
-.focus\:border-teal-lighter:focus {
-  border-color: #a0f0ed !important;
+.focus\:border-yellow-700:focus {
+  border-color: #b7791f !important;
 }
 
-.focus\:border-teal-lightest:focus {
-  border-color: #e8fffe !important;
+.focus\:border-yellow-800:focus {
+  border-color: #8d5415 !important;
 }
 
-.focus\:border-blue-darkest:focus {
-  border-color: #12283a !important;
+.focus\:border-yellow-900:focus {
+  border-color: #66390e !important;
 }
 
-.focus\:border-blue-darker:focus {
-  border-color: #1c3d5a !important;
+.focus\:border-green-100:focus {
+  border-color: #e9ffe9 !important;
 }
 
-.focus\:border-blue-dark:focus {
-  border-color: #2779bd !important;
+.focus\:border-green-200:focus {
+  border-color: #c1f5c5 !important;
 }
 
-.focus\:border-blue:focus {
-  border-color: #3490dc !important;
+.focus\:border-green-300:focus {
+  border-color: #9ae6a8 !important;
 }
 
-.focus\:border-blue-light:focus {
-  border-color: #6cb2eb !important;
+.focus\:border-green-400:focus {
+  border-color: #68d391 !important;
 }
 
-.focus\:border-blue-lighter:focus {
-  border-color: #bcdefa !important;
+.focus\:border-green-500:focus {
+  border-color: #48bb87 !important;
 }
 
-.focus\:border-blue-lightest:focus {
-  border-color: #eff8ff !important;
+.focus\:border-green-600:focus {
+  border-color: #38a181 !important;
 }
 
-.focus\:border-indigo-darkest:focus {
-  border-color: #191e38 !important;
+.focus\:border-green-700:focus {
+  border-color: #2f8572 !important;
 }
 
-.focus\:border-indigo-darker:focus {
-  border-color: #2f365f !important;
+.focus\:border-green-800:focus {
+  border-color: #28695c !important;
 }
 
-.focus\:border-indigo-dark:focus {
-  border-color: #5661b3 !important;
+.focus\:border-green-900:focus {
+  border-color: #22544b !important;
 }
 
-.focus\:border-indigo:focus {
-  border-color: #6574cd !important;
+.focus\:border-blue-100:focus {
+  border-color: #f1fafd !important;
 }
 
-.focus\:border-indigo-light:focus {
-  border-color: #7886d7 !important;
+.focus\:border-blue-200:focus {
+  border-color: #caedfa !important;
 }
 
-.focus\:border-indigo-lighter:focus {
-  border-color: #b2b7ff !important;
+.focus\:border-blue-300:focus {
+  border-color: #87d3f3 !important;
 }
 
-.focus\:border-indigo-lightest:focus {
-  border-color: #e6e8ff !important;
+.focus\:border-blue-400:focus {
+  border-color: #57b9ec !important;
 }
 
-.focus\:border-purple-darkest:focus {
-  border-color: #21183c !important;
+.focus\:border-blue-500:focus {
+  border-color: #3a9adf !important;
 }
 
-.focus\:border-purple-darker:focus {
-  border-color: #382b5f !important;
+.focus\:border-blue-600:focus {
+  border-color: #2b7cc4 !important;
 }
 
-.focus\:border-purple-dark:focus {
-  border-color: #794acf !important;
+.focus\:border-blue-700:focus {
+  border-color: #2762a3 !important;
 }
 
-.focus\:border-purple:focus {
-  border-color: #9561e2 !important;
+.focus\:border-blue-800:focus {
+  border-color: #284f81 !important;
 }
 
-.focus\:border-purple-light:focus {
-  border-color: #a779e9 !important;
+.focus\:border-blue-900:focus {
+  border-color: #294468 !important;
 }
 
-.focus\:border-purple-lighter:focus {
-  border-color: #d6bbfc !important;
+.focus\:border-indigo-100:focus {
+  border-color: #eef6ff !important;
 }
 
-.focus\:border-purple-lightest:focus {
-  border-color: #f3ebff !important;
+.focus\:border-indigo-200:focus {
+  border-color: #cbe0f9 !important;
 }
 
-.focus\:border-pink-darkest:focus {
-  border-color: #451225 !important;
+.focus\:border-indigo-300:focus {
+  border-color: #a6c5f0 !important;
 }
 
-.focus\:border-pink-darker:focus {
-  border-color: #6f213f !important;
+.focus\:border-indigo-400:focus {
+  border-color: #82a2e3 !important;
 }
 
-.focus\:border-pink-dark:focus {
-  border-color: #eb5286 !important;
+.focus\:border-indigo-500:focus {
+  border-color: #6d80d3 !important;
 }
 
-.focus\:border-pink:focus {
-  border-color: #f66d9b !important;
+.focus\:border-indigo-600:focus {
+  border-color: #5e68bc !important;
 }
 
-.focus\:border-pink-light:focus {
-  border-color: #fa7ea8 !important;
+.focus\:border-indigo-700:focus {
+  border-color: #5154a1 !important;
 }
 
-.focus\:border-pink-lighter:focus {
-  border-color: #ffbbca !important;
+.focus\:border-indigo-800:focus {
+  border-color: #42417f !important;
 }
 
-.focus\:border-pink-lightest:focus {
-  border-color: #ffebef !important;
+.focus\:border-indigo-900:focus {
+  border-color: #37366a !important;
+}
+
+.focus\:border-purple-100:focus {
+  border-color: #faf5ff !important;
+}
+
+.focus\:border-purple-200:focus {
+  border-color: #eddffd !important;
+}
+
+.focus\:border-purple-300:focus {
+  border-color: #dcc7fb !important;
+}
+
+.focus\:border-purple-400:focus {
+  border-color: #b18af4 !important;
+}
+
+.focus\:border-purple-500:focus {
+  border-color: #976de9 !important;
+}
+
+.focus\:border-purple-600:focus {
+  border-color: #7c54d5 !important;
+}
+
+.focus\:border-purple-700:focus {
+  border-color: #6845b9 !important;
+}
+
+.focus\:border-purple-800:focus {
+  border-color: #4d368a !important;
+}
+
+.focus\:border-purple-900:focus {
+  border-color: #3b2c6c !important;
+}
+
+.focus\:border-pink-100:focus {
+  border-color: #fff2f4 !important;
+}
+
+.focus\:border-pink-200:focus {
+  border-color: #fedee4 !important;
+}
+
+.focus\:border-pink-300:focus {
+  border-color: #fcbccb !important;
+}
+
+.focus\:border-pink-400:focus {
+  border-color: #f786a7 !important;
+}
+
+.focus\:border-pink-500:focus {
+  border-color: #ed588b !important;
+}
+
+.focus\:border-pink-600:focus {
+  border-color: #d9447b !important;
+}
+
+.focus\:border-pink-700:focus {
+  border-color: #b32f62 !important;
+}
+
+.focus\:border-pink-800:focus {
+  border-color: #8d2450 !important;
+}
+
+.focus\:border-pink-900:focus {
+  border-color: #741c46 !important;
+}
+
+.focus\:border-grey-100:focus {
+  border-color: #f8fcfe !important;
+}
+
+.focus\:border-grey-200:focus {
+  border-color: #f1f5fb !important;
+}
+
+.focus\:border-grey-300:focus {
+  border-color: #e2e9f0 !important;
+}
+
+.focus\:border-grey-400:focus {
+  border-color: #bbc5cf !important;
+}
+
+.focus\:border-grey-500:focus {
+  border-color: #a3b0bd !important;
+}
+
+.focus\:border-grey-600:focus {
+  border-color: #7a8996 !important;
+}
+
+.focus\:border-grey-700:focus {
+  border-color: #5a6977 !important;
+}
+
+.focus\:border-grey-800:focus {
+  border-color: #2e3a45 !important;
+}
+
+.focus\:border-grey-900:focus {
+  border-color: #1f2830 !important;
 }
 
 .rounded-none {
@@ -5376,291 +5856,371 @@ samp {
 }
 
 .text-black {
-  color: #22292f !important;
-}
-
-.text-grey-darkest {
-  color: #3d4852 !important;
-}
-
-.text-grey-darker {
-  color: #606f7b !important;
-}
-
-.text-grey-dark {
-  color: #8795a1 !important;
-}
-
-.text-grey {
-  color: #b8c2cc !important;
-}
-
-.text-grey-light {
-  color: #dae1e7 !important;
-}
-
-.text-grey-lighter {
-  color: #f1f5f8 !important;
-}
-
-.text-grey-lightest {
-  color: #f8fafc !important;
+  color: #000 !important;
 }
 
 .text-white {
   color: #fff !important;
 }
 
-.text-red-darkest {
-  color: #3b0d0c !important;
+.text-teal-100 {
+  color: #ebfffc !important;
 }
 
-.text-red-darker {
-  color: #621b18 !important;
+.text-teal-200 {
+  color: #b3f1e9 !important;
 }
 
-.text-red-dark {
-  color: #cc1f1a !important;
+.text-teal-300 {
+  color: #82e1d7 !important;
 }
 
-.text-red {
-  color: #e3342f !important;
+.text-teal-400 {
+  color: #60cfc5 !important;
 }
 
-.text-red-light {
-  color: #ef5753 !important;
+.text-teal-500 {
+  color: #49bab2 !important;
 }
 
-.text-red-lighter {
-  color: #f9acaa !important;
+.text-teal-600 {
+  color: #3ea39f !important;
 }
 
-.text-red-lightest {
-  color: #fcebea !important;
+.text-teal-700 {
+  color: #378786 !important;
 }
 
-.text-orange-darkest {
-  color: #462a16 !important;
+.text-teal-800 {
+  color: #316769 !important;
 }
 
-.text-orange-darker {
-  color: #613b1f !important;
+.text-teal-900 {
+  color: #265152 !important;
 }
 
-.text-orange-dark {
-  color: #de751f !important;
+.text-red-100 {
+  color: #fff5f5 !important;
 }
 
-.text-orange {
-  color: #f6993f !important;
+.text-red-200 {
+  color: #fee3e3 !important;
 }
 
-.text-orange-light {
-  color: #faad63 !important;
+.text-red-300 {
+  color: #febcbc !important;
 }
 
-.text-orange-lighter {
-  color: #fcd9b6 !important;
+.text-red-400 {
+  color: #fd9292 !important;
 }
 
-.text-orange-lightest {
-  color: #fff5eb !important;
+.text-red-500 {
+  color: #f95e5f !important;
 }
 
-.text-yellow-darkest {
-  color: #453411 !important;
+.text-red-600 {
+  color: #ec454e !important;
 }
 
-.text-yellow-darker {
-  color: #684f1d !important;
+.text-red-700 {
+  color: #dc3448 !important;
 }
 
-.text-yellow-dark {
-  color: #f2d024 !important;
+.text-red-800 {
+  color: #b4203b !important;
 }
 
-.text-yellow {
-  color: #ffed4a !important;
+.text-red-900 {
+  color: #801b33 !important;
 }
 
-.text-yellow-light {
-  color: #fff382 !important;
+.text-orange-100 {
+  color: #fffaef !important;
 }
 
-.text-yellow-lighter {
-  color: #fff9c2 !important;
+.text-orange-200 {
+  color: #fee8c1 !important;
 }
 
-.text-yellow-lightest {
-  color: #fcfbeb !important;
+.text-orange-300 {
+  color: #fbd087 !important;
 }
 
-.text-green-darkest {
-  color: #0f2f21 !important;
+.text-orange-400 {
+  color: #f6aa4f !important;
 }
 
-.text-green-darker {
-  color: #1a4731 !important;
+.text-orange-500 {
+  color: #ec832b !important;
 }
 
-.text-green-dark {
-  color: #1f9d55 !important;
+.text-orange-600 {
+  color: #df6d22 !important;
 }
 
-.text-green {
-  color: #38c172 !important;
+.text-orange-700 {
+  color: #c55822 !important;
 }
 
-.text-green-light {
-  color: #51d88a !important;
+.text-orange-800 {
+  color: #9f4423 !important;
 }
 
-.text-green-lighter {
-  color: #a2f5bf !important;
+.text-orange-900 {
+  color: #70311e !important;
 }
 
-.text-green-lightest {
-  color: #e3fcec !important;
+.text-yellow-100 {
+  color: #ffffeb !important;
 }
 
-.text-teal-darkest {
-  color: #0d3331 !important;
+.text-yellow-200 {
+  color: #fefcbf !important;
 }
 
-.text-teal-darker {
-  color: #20504f !important;
+.text-yellow-300 {
+  color: #fbf189 !important;
 }
 
-.text-teal-dark {
-  color: #38a89d !important;
+.text-yellow-400 {
+  color: #f6e05e !important;
 }
 
-.text-teal {
-  color: #4dc0b5 !important;
+.text-yellow-500 {
+  color: #ebc743 !important;
 }
 
-.text-teal-light {
-  color: #64d5ca !important;
+.text-yellow-600 {
+  color: #d69e2e !important;
 }
 
-.text-teal-lighter {
-  color: #a0f0ed !important;
+.text-yellow-700 {
+  color: #b7791f !important;
 }
 
-.text-teal-lightest {
-  color: #e8fffe !important;
+.text-yellow-800 {
+  color: #8d5415 !important;
 }
 
-.text-blue-darkest {
-  color: #12283a !important;
+.text-yellow-900 {
+  color: #66390e !important;
 }
 
-.text-blue-darker {
-  color: #1c3d5a !important;
+.text-green-100 {
+  color: #e9ffe9 !important;
 }
 
-.text-blue-dark {
-  color: #2779bd !important;
+.text-green-200 {
+  color: #c1f5c5 !important;
 }
 
-.text-blue {
-  color: #3490dc !important;
+.text-green-300 {
+  color: #9ae6a8 !important;
 }
 
-.text-blue-light {
-  color: #6cb2eb !important;
+.text-green-400 {
+  color: #68d391 !important;
 }
 
-.text-blue-lighter {
-  color: #bcdefa !important;
+.text-green-500 {
+  color: #48bb87 !important;
 }
 
-.text-blue-lightest {
-  color: #eff8ff !important;
+.text-green-600 {
+  color: #38a181 !important;
 }
 
-.text-indigo-darkest {
-  color: #191e38 !important;
+.text-green-700 {
+  color: #2f8572 !important;
 }
 
-.text-indigo-darker {
-  color: #2f365f !important;
+.text-green-800 {
+  color: #28695c !important;
 }
 
-.text-indigo-dark {
-  color: #5661b3 !important;
+.text-green-900 {
+  color: #22544b !important;
 }
 
-.text-indigo {
-  color: #6574cd !important;
+.text-blue-100 {
+  color: #f1fafd !important;
 }
 
-.text-indigo-light {
-  color: #7886d7 !important;
+.text-blue-200 {
+  color: #caedfa !important;
 }
 
-.text-indigo-lighter {
-  color: #b2b7ff !important;
+.text-blue-300 {
+  color: #87d3f3 !important;
 }
 
-.text-indigo-lightest {
-  color: #e6e8ff !important;
+.text-blue-400 {
+  color: #57b9ec !important;
 }
 
-.text-purple-darkest {
-  color: #21183c !important;
+.text-blue-500 {
+  color: #3a9adf !important;
 }
 
-.text-purple-darker {
-  color: #382b5f !important;
+.text-blue-600 {
+  color: #2b7cc4 !important;
 }
 
-.text-purple-dark {
-  color: #794acf !important;
+.text-blue-700 {
+  color: #2762a3 !important;
 }
 
-.text-purple {
-  color: #9561e2 !important;
+.text-blue-800 {
+  color: #284f81 !important;
 }
 
-.text-purple-light {
-  color: #a779e9 !important;
+.text-blue-900 {
+  color: #294468 !important;
 }
 
-.text-purple-lighter {
-  color: #d6bbfc !important;
+.text-indigo-100 {
+  color: #eef6ff !important;
 }
 
-.text-purple-lightest {
-  color: #f3ebff !important;
+.text-indigo-200 {
+  color: #cbe0f9 !important;
 }
 
-.text-pink-darkest {
-  color: #451225 !important;
+.text-indigo-300 {
+  color: #a6c5f0 !important;
 }
 
-.text-pink-darker {
-  color: #6f213f !important;
+.text-indigo-400 {
+  color: #82a2e3 !important;
 }
 
-.text-pink-dark {
-  color: #eb5286 !important;
+.text-indigo-500 {
+  color: #6d80d3 !important;
 }
 
-.text-pink {
-  color: #f66d9b !important;
+.text-indigo-600 {
+  color: #5e68bc !important;
 }
 
-.text-pink-light {
-  color: #fa7ea8 !important;
+.text-indigo-700 {
+  color: #5154a1 !important;
 }
 
-.text-pink-lighter {
-  color: #ffbbca !important;
+.text-indigo-800 {
+  color: #42417f !important;
 }
 
-.text-pink-lightest {
-  color: #ffebef !important;
+.text-indigo-900 {
+  color: #37366a !important;
+}
+
+.text-purple-100 {
+  color: #faf5ff !important;
+}
+
+.text-purple-200 {
+  color: #eddffd !important;
+}
+
+.text-purple-300 {
+  color: #dcc7fb !important;
+}
+
+.text-purple-400 {
+  color: #b18af4 !important;
+}
+
+.text-purple-500 {
+  color: #976de9 !important;
+}
+
+.text-purple-600 {
+  color: #7c54d5 !important;
+}
+
+.text-purple-700 {
+  color: #6845b9 !important;
+}
+
+.text-purple-800 {
+  color: #4d368a !important;
+}
+
+.text-purple-900 {
+  color: #3b2c6c !important;
+}
+
+.text-pink-100 {
+  color: #fff2f4 !important;
+}
+
+.text-pink-200 {
+  color: #fedee4 !important;
+}
+
+.text-pink-300 {
+  color: #fcbccb !important;
+}
+
+.text-pink-400 {
+  color: #f786a7 !important;
+}
+
+.text-pink-500 {
+  color: #ed588b !important;
+}
+
+.text-pink-600 {
+  color: #d9447b !important;
+}
+
+.text-pink-700 {
+  color: #b32f62 !important;
+}
+
+.text-pink-800 {
+  color: #8d2450 !important;
+}
+
+.text-pink-900 {
+  color: #741c46 !important;
+}
+
+.text-grey-100 {
+  color: #f8fcfe !important;
+}
+
+.text-grey-200 {
+  color: #f1f5fb !important;
+}
+
+.text-grey-300 {
+  color: #e2e9f0 !important;
+}
+
+.text-grey-400 {
+  color: #bbc5cf !important;
+}
+
+.text-grey-500 {
+  color: #a3b0bd !important;
+}
+
+.text-grey-600 {
+  color: #7a8996 !important;
+}
+
+.text-grey-700 {
+  color: #5a6977 !important;
+}
+
+.text-grey-800 {
+  color: #2e3a45 !important;
+}
+
+.text-grey-900 {
+  color: #1f2830 !important;
 }
 
 .hover\:text-transparent:hover {
@@ -5668,291 +6228,371 @@ samp {
 }
 
 .hover\:text-black:hover {
-  color: #22292f !important;
-}
-
-.hover\:text-grey-darkest:hover {
-  color: #3d4852 !important;
-}
-
-.hover\:text-grey-darker:hover {
-  color: #606f7b !important;
-}
-
-.hover\:text-grey-dark:hover {
-  color: #8795a1 !important;
-}
-
-.hover\:text-grey:hover {
-  color: #b8c2cc !important;
-}
-
-.hover\:text-grey-light:hover {
-  color: #dae1e7 !important;
-}
-
-.hover\:text-grey-lighter:hover {
-  color: #f1f5f8 !important;
-}
-
-.hover\:text-grey-lightest:hover {
-  color: #f8fafc !important;
+  color: #000 !important;
 }
 
 .hover\:text-white:hover {
   color: #fff !important;
 }
 
-.hover\:text-red-darkest:hover {
-  color: #3b0d0c !important;
+.hover\:text-teal-100:hover {
+  color: #ebfffc !important;
 }
 
-.hover\:text-red-darker:hover {
-  color: #621b18 !important;
+.hover\:text-teal-200:hover {
+  color: #b3f1e9 !important;
 }
 
-.hover\:text-red-dark:hover {
-  color: #cc1f1a !important;
+.hover\:text-teal-300:hover {
+  color: #82e1d7 !important;
 }
 
-.hover\:text-red:hover {
-  color: #e3342f !important;
+.hover\:text-teal-400:hover {
+  color: #60cfc5 !important;
 }
 
-.hover\:text-red-light:hover {
-  color: #ef5753 !important;
+.hover\:text-teal-500:hover {
+  color: #49bab2 !important;
 }
 
-.hover\:text-red-lighter:hover {
-  color: #f9acaa !important;
+.hover\:text-teal-600:hover {
+  color: #3ea39f !important;
 }
 
-.hover\:text-red-lightest:hover {
-  color: #fcebea !important;
+.hover\:text-teal-700:hover {
+  color: #378786 !important;
 }
 
-.hover\:text-orange-darkest:hover {
-  color: #462a16 !important;
+.hover\:text-teal-800:hover {
+  color: #316769 !important;
 }
 
-.hover\:text-orange-darker:hover {
-  color: #613b1f !important;
+.hover\:text-teal-900:hover {
+  color: #265152 !important;
 }
 
-.hover\:text-orange-dark:hover {
-  color: #de751f !important;
+.hover\:text-red-100:hover {
+  color: #fff5f5 !important;
 }
 
-.hover\:text-orange:hover {
-  color: #f6993f !important;
+.hover\:text-red-200:hover {
+  color: #fee3e3 !important;
 }
 
-.hover\:text-orange-light:hover {
-  color: #faad63 !important;
+.hover\:text-red-300:hover {
+  color: #febcbc !important;
 }
 
-.hover\:text-orange-lighter:hover {
-  color: #fcd9b6 !important;
+.hover\:text-red-400:hover {
+  color: #fd9292 !important;
 }
 
-.hover\:text-orange-lightest:hover {
-  color: #fff5eb !important;
+.hover\:text-red-500:hover {
+  color: #f95e5f !important;
 }
 
-.hover\:text-yellow-darkest:hover {
-  color: #453411 !important;
+.hover\:text-red-600:hover {
+  color: #ec454e !important;
 }
 
-.hover\:text-yellow-darker:hover {
-  color: #684f1d !important;
+.hover\:text-red-700:hover {
+  color: #dc3448 !important;
 }
 
-.hover\:text-yellow-dark:hover {
-  color: #f2d024 !important;
+.hover\:text-red-800:hover {
+  color: #b4203b !important;
 }
 
-.hover\:text-yellow:hover {
-  color: #ffed4a !important;
+.hover\:text-red-900:hover {
+  color: #801b33 !important;
 }
 
-.hover\:text-yellow-light:hover {
-  color: #fff382 !important;
+.hover\:text-orange-100:hover {
+  color: #fffaef !important;
 }
 
-.hover\:text-yellow-lighter:hover {
-  color: #fff9c2 !important;
+.hover\:text-orange-200:hover {
+  color: #fee8c1 !important;
 }
 
-.hover\:text-yellow-lightest:hover {
-  color: #fcfbeb !important;
+.hover\:text-orange-300:hover {
+  color: #fbd087 !important;
 }
 
-.hover\:text-green-darkest:hover {
-  color: #0f2f21 !important;
+.hover\:text-orange-400:hover {
+  color: #f6aa4f !important;
 }
 
-.hover\:text-green-darker:hover {
-  color: #1a4731 !important;
+.hover\:text-orange-500:hover {
+  color: #ec832b !important;
 }
 
-.hover\:text-green-dark:hover {
-  color: #1f9d55 !important;
+.hover\:text-orange-600:hover {
+  color: #df6d22 !important;
 }
 
-.hover\:text-green:hover {
-  color: #38c172 !important;
+.hover\:text-orange-700:hover {
+  color: #c55822 !important;
 }
 
-.hover\:text-green-light:hover {
-  color: #51d88a !important;
+.hover\:text-orange-800:hover {
+  color: #9f4423 !important;
 }
 
-.hover\:text-green-lighter:hover {
-  color: #a2f5bf !important;
+.hover\:text-orange-900:hover {
+  color: #70311e !important;
 }
 
-.hover\:text-green-lightest:hover {
-  color: #e3fcec !important;
+.hover\:text-yellow-100:hover {
+  color: #ffffeb !important;
 }
 
-.hover\:text-teal-darkest:hover {
-  color: #0d3331 !important;
+.hover\:text-yellow-200:hover {
+  color: #fefcbf !important;
 }
 
-.hover\:text-teal-darker:hover {
-  color: #20504f !important;
+.hover\:text-yellow-300:hover {
+  color: #fbf189 !important;
 }
 
-.hover\:text-teal-dark:hover {
-  color: #38a89d !important;
+.hover\:text-yellow-400:hover {
+  color: #f6e05e !important;
 }
 
-.hover\:text-teal:hover {
-  color: #4dc0b5 !important;
+.hover\:text-yellow-500:hover {
+  color: #ebc743 !important;
 }
 
-.hover\:text-teal-light:hover {
-  color: #64d5ca !important;
+.hover\:text-yellow-600:hover {
+  color: #d69e2e !important;
 }
 
-.hover\:text-teal-lighter:hover {
-  color: #a0f0ed !important;
+.hover\:text-yellow-700:hover {
+  color: #b7791f !important;
 }
 
-.hover\:text-teal-lightest:hover {
-  color: #e8fffe !important;
+.hover\:text-yellow-800:hover {
+  color: #8d5415 !important;
 }
 
-.hover\:text-blue-darkest:hover {
-  color: #12283a !important;
+.hover\:text-yellow-900:hover {
+  color: #66390e !important;
 }
 
-.hover\:text-blue-darker:hover {
-  color: #1c3d5a !important;
+.hover\:text-green-100:hover {
+  color: #e9ffe9 !important;
 }
 
-.hover\:text-blue-dark:hover {
-  color: #2779bd !important;
+.hover\:text-green-200:hover {
+  color: #c1f5c5 !important;
 }
 
-.hover\:text-blue:hover {
-  color: #3490dc !important;
+.hover\:text-green-300:hover {
+  color: #9ae6a8 !important;
 }
 
-.hover\:text-blue-light:hover {
-  color: #6cb2eb !important;
+.hover\:text-green-400:hover {
+  color: #68d391 !important;
 }
 
-.hover\:text-blue-lighter:hover {
-  color: #bcdefa !important;
+.hover\:text-green-500:hover {
+  color: #48bb87 !important;
 }
 
-.hover\:text-blue-lightest:hover {
-  color: #eff8ff !important;
+.hover\:text-green-600:hover {
+  color: #38a181 !important;
 }
 
-.hover\:text-indigo-darkest:hover {
-  color: #191e38 !important;
+.hover\:text-green-700:hover {
+  color: #2f8572 !important;
 }
 
-.hover\:text-indigo-darker:hover {
-  color: #2f365f !important;
+.hover\:text-green-800:hover {
+  color: #28695c !important;
 }
 
-.hover\:text-indigo-dark:hover {
-  color: #5661b3 !important;
+.hover\:text-green-900:hover {
+  color: #22544b !important;
 }
 
-.hover\:text-indigo:hover {
-  color: #6574cd !important;
+.hover\:text-blue-100:hover {
+  color: #f1fafd !important;
 }
 
-.hover\:text-indigo-light:hover {
-  color: #7886d7 !important;
+.hover\:text-blue-200:hover {
+  color: #caedfa !important;
 }
 
-.hover\:text-indigo-lighter:hover {
-  color: #b2b7ff !important;
+.hover\:text-blue-300:hover {
+  color: #87d3f3 !important;
 }
 
-.hover\:text-indigo-lightest:hover {
-  color: #e6e8ff !important;
+.hover\:text-blue-400:hover {
+  color: #57b9ec !important;
 }
 
-.hover\:text-purple-darkest:hover {
-  color: #21183c !important;
+.hover\:text-blue-500:hover {
+  color: #3a9adf !important;
 }
 
-.hover\:text-purple-darker:hover {
-  color: #382b5f !important;
+.hover\:text-blue-600:hover {
+  color: #2b7cc4 !important;
 }
 
-.hover\:text-purple-dark:hover {
-  color: #794acf !important;
+.hover\:text-blue-700:hover {
+  color: #2762a3 !important;
 }
 
-.hover\:text-purple:hover {
-  color: #9561e2 !important;
+.hover\:text-blue-800:hover {
+  color: #284f81 !important;
 }
 
-.hover\:text-purple-light:hover {
-  color: #a779e9 !important;
+.hover\:text-blue-900:hover {
+  color: #294468 !important;
 }
 
-.hover\:text-purple-lighter:hover {
-  color: #d6bbfc !important;
+.hover\:text-indigo-100:hover {
+  color: #eef6ff !important;
 }
 
-.hover\:text-purple-lightest:hover {
-  color: #f3ebff !important;
+.hover\:text-indigo-200:hover {
+  color: #cbe0f9 !important;
 }
 
-.hover\:text-pink-darkest:hover {
-  color: #451225 !important;
+.hover\:text-indigo-300:hover {
+  color: #a6c5f0 !important;
 }
 
-.hover\:text-pink-darker:hover {
-  color: #6f213f !important;
+.hover\:text-indigo-400:hover {
+  color: #82a2e3 !important;
 }
 
-.hover\:text-pink-dark:hover {
-  color: #eb5286 !important;
+.hover\:text-indigo-500:hover {
+  color: #6d80d3 !important;
 }
 
-.hover\:text-pink:hover {
-  color: #f66d9b !important;
+.hover\:text-indigo-600:hover {
+  color: #5e68bc !important;
 }
 
-.hover\:text-pink-light:hover {
-  color: #fa7ea8 !important;
+.hover\:text-indigo-700:hover {
+  color: #5154a1 !important;
 }
 
-.hover\:text-pink-lighter:hover {
-  color: #ffbbca !important;
+.hover\:text-indigo-800:hover {
+  color: #42417f !important;
 }
 
-.hover\:text-pink-lightest:hover {
-  color: #ffebef !important;
+.hover\:text-indigo-900:hover {
+  color: #37366a !important;
+}
+
+.hover\:text-purple-100:hover {
+  color: #faf5ff !important;
+}
+
+.hover\:text-purple-200:hover {
+  color: #eddffd !important;
+}
+
+.hover\:text-purple-300:hover {
+  color: #dcc7fb !important;
+}
+
+.hover\:text-purple-400:hover {
+  color: #b18af4 !important;
+}
+
+.hover\:text-purple-500:hover {
+  color: #976de9 !important;
+}
+
+.hover\:text-purple-600:hover {
+  color: #7c54d5 !important;
+}
+
+.hover\:text-purple-700:hover {
+  color: #6845b9 !important;
+}
+
+.hover\:text-purple-800:hover {
+  color: #4d368a !important;
+}
+
+.hover\:text-purple-900:hover {
+  color: #3b2c6c !important;
+}
+
+.hover\:text-pink-100:hover {
+  color: #fff2f4 !important;
+}
+
+.hover\:text-pink-200:hover {
+  color: #fedee4 !important;
+}
+
+.hover\:text-pink-300:hover {
+  color: #fcbccb !important;
+}
+
+.hover\:text-pink-400:hover {
+  color: #f786a7 !important;
+}
+
+.hover\:text-pink-500:hover {
+  color: #ed588b !important;
+}
+
+.hover\:text-pink-600:hover {
+  color: #d9447b !important;
+}
+
+.hover\:text-pink-700:hover {
+  color: #b32f62 !important;
+}
+
+.hover\:text-pink-800:hover {
+  color: #8d2450 !important;
+}
+
+.hover\:text-pink-900:hover {
+  color: #741c46 !important;
+}
+
+.hover\:text-grey-100:hover {
+  color: #f8fcfe !important;
+}
+
+.hover\:text-grey-200:hover {
+  color: #f1f5fb !important;
+}
+
+.hover\:text-grey-300:hover {
+  color: #e2e9f0 !important;
+}
+
+.hover\:text-grey-400:hover {
+  color: #bbc5cf !important;
+}
+
+.hover\:text-grey-500:hover {
+  color: #a3b0bd !important;
+}
+
+.hover\:text-grey-600:hover {
+  color: #7a8996 !important;
+}
+
+.hover\:text-grey-700:hover {
+  color: #5a6977 !important;
+}
+
+.hover\:text-grey-800:hover {
+  color: #2e3a45 !important;
+}
+
+.hover\:text-grey-900:hover {
+  color: #1f2830 !important;
 }
 
 .focus\:text-transparent:focus {
@@ -5960,291 +6600,371 @@ samp {
 }
 
 .focus\:text-black:focus {
-  color: #22292f !important;
-}
-
-.focus\:text-grey-darkest:focus {
-  color: #3d4852 !important;
-}
-
-.focus\:text-grey-darker:focus {
-  color: #606f7b !important;
-}
-
-.focus\:text-grey-dark:focus {
-  color: #8795a1 !important;
-}
-
-.focus\:text-grey:focus {
-  color: #b8c2cc !important;
-}
-
-.focus\:text-grey-light:focus {
-  color: #dae1e7 !important;
-}
-
-.focus\:text-grey-lighter:focus {
-  color: #f1f5f8 !important;
-}
-
-.focus\:text-grey-lightest:focus {
-  color: #f8fafc !important;
+  color: #000 !important;
 }
 
 .focus\:text-white:focus {
   color: #fff !important;
 }
 
-.focus\:text-red-darkest:focus {
-  color: #3b0d0c !important;
+.focus\:text-teal-100:focus {
+  color: #ebfffc !important;
 }
 
-.focus\:text-red-darker:focus {
-  color: #621b18 !important;
+.focus\:text-teal-200:focus {
+  color: #b3f1e9 !important;
 }
 
-.focus\:text-red-dark:focus {
-  color: #cc1f1a !important;
+.focus\:text-teal-300:focus {
+  color: #82e1d7 !important;
 }
 
-.focus\:text-red:focus {
-  color: #e3342f !important;
+.focus\:text-teal-400:focus {
+  color: #60cfc5 !important;
 }
 
-.focus\:text-red-light:focus {
-  color: #ef5753 !important;
+.focus\:text-teal-500:focus {
+  color: #49bab2 !important;
 }
 
-.focus\:text-red-lighter:focus {
-  color: #f9acaa !important;
+.focus\:text-teal-600:focus {
+  color: #3ea39f !important;
 }
 
-.focus\:text-red-lightest:focus {
-  color: #fcebea !important;
+.focus\:text-teal-700:focus {
+  color: #378786 !important;
 }
 
-.focus\:text-orange-darkest:focus {
-  color: #462a16 !important;
+.focus\:text-teal-800:focus {
+  color: #316769 !important;
 }
 
-.focus\:text-orange-darker:focus {
-  color: #613b1f !important;
+.focus\:text-teal-900:focus {
+  color: #265152 !important;
 }
 
-.focus\:text-orange-dark:focus {
-  color: #de751f !important;
+.focus\:text-red-100:focus {
+  color: #fff5f5 !important;
 }
 
-.focus\:text-orange:focus {
-  color: #f6993f !important;
+.focus\:text-red-200:focus {
+  color: #fee3e3 !important;
 }
 
-.focus\:text-orange-light:focus {
-  color: #faad63 !important;
+.focus\:text-red-300:focus {
+  color: #febcbc !important;
 }
 
-.focus\:text-orange-lighter:focus {
-  color: #fcd9b6 !important;
+.focus\:text-red-400:focus {
+  color: #fd9292 !important;
 }
 
-.focus\:text-orange-lightest:focus {
-  color: #fff5eb !important;
+.focus\:text-red-500:focus {
+  color: #f95e5f !important;
 }
 
-.focus\:text-yellow-darkest:focus {
-  color: #453411 !important;
+.focus\:text-red-600:focus {
+  color: #ec454e !important;
 }
 
-.focus\:text-yellow-darker:focus {
-  color: #684f1d !important;
+.focus\:text-red-700:focus {
+  color: #dc3448 !important;
 }
 
-.focus\:text-yellow-dark:focus {
-  color: #f2d024 !important;
+.focus\:text-red-800:focus {
+  color: #b4203b !important;
 }
 
-.focus\:text-yellow:focus {
-  color: #ffed4a !important;
+.focus\:text-red-900:focus {
+  color: #801b33 !important;
 }
 
-.focus\:text-yellow-light:focus {
-  color: #fff382 !important;
+.focus\:text-orange-100:focus {
+  color: #fffaef !important;
 }
 
-.focus\:text-yellow-lighter:focus {
-  color: #fff9c2 !important;
+.focus\:text-orange-200:focus {
+  color: #fee8c1 !important;
 }
 
-.focus\:text-yellow-lightest:focus {
-  color: #fcfbeb !important;
+.focus\:text-orange-300:focus {
+  color: #fbd087 !important;
 }
 
-.focus\:text-green-darkest:focus {
-  color: #0f2f21 !important;
+.focus\:text-orange-400:focus {
+  color: #f6aa4f !important;
 }
 
-.focus\:text-green-darker:focus {
-  color: #1a4731 !important;
+.focus\:text-orange-500:focus {
+  color: #ec832b !important;
 }
 
-.focus\:text-green-dark:focus {
-  color: #1f9d55 !important;
+.focus\:text-orange-600:focus {
+  color: #df6d22 !important;
 }
 
-.focus\:text-green:focus {
-  color: #38c172 !important;
+.focus\:text-orange-700:focus {
+  color: #c55822 !important;
 }
 
-.focus\:text-green-light:focus {
-  color: #51d88a !important;
+.focus\:text-orange-800:focus {
+  color: #9f4423 !important;
 }
 
-.focus\:text-green-lighter:focus {
-  color: #a2f5bf !important;
+.focus\:text-orange-900:focus {
+  color: #70311e !important;
 }
 
-.focus\:text-green-lightest:focus {
-  color: #e3fcec !important;
+.focus\:text-yellow-100:focus {
+  color: #ffffeb !important;
 }
 
-.focus\:text-teal-darkest:focus {
-  color: #0d3331 !important;
+.focus\:text-yellow-200:focus {
+  color: #fefcbf !important;
 }
 
-.focus\:text-teal-darker:focus {
-  color: #20504f !important;
+.focus\:text-yellow-300:focus {
+  color: #fbf189 !important;
 }
 
-.focus\:text-teal-dark:focus {
-  color: #38a89d !important;
+.focus\:text-yellow-400:focus {
+  color: #f6e05e !important;
 }
 
-.focus\:text-teal:focus {
-  color: #4dc0b5 !important;
+.focus\:text-yellow-500:focus {
+  color: #ebc743 !important;
 }
 
-.focus\:text-teal-light:focus {
-  color: #64d5ca !important;
+.focus\:text-yellow-600:focus {
+  color: #d69e2e !important;
 }
 
-.focus\:text-teal-lighter:focus {
-  color: #a0f0ed !important;
+.focus\:text-yellow-700:focus {
+  color: #b7791f !important;
 }
 
-.focus\:text-teal-lightest:focus {
-  color: #e8fffe !important;
+.focus\:text-yellow-800:focus {
+  color: #8d5415 !important;
 }
 
-.focus\:text-blue-darkest:focus {
-  color: #12283a !important;
+.focus\:text-yellow-900:focus {
+  color: #66390e !important;
 }
 
-.focus\:text-blue-darker:focus {
-  color: #1c3d5a !important;
+.focus\:text-green-100:focus {
+  color: #e9ffe9 !important;
 }
 
-.focus\:text-blue-dark:focus {
-  color: #2779bd !important;
+.focus\:text-green-200:focus {
+  color: #c1f5c5 !important;
 }
 
-.focus\:text-blue:focus {
-  color: #3490dc !important;
+.focus\:text-green-300:focus {
+  color: #9ae6a8 !important;
 }
 
-.focus\:text-blue-light:focus {
-  color: #6cb2eb !important;
+.focus\:text-green-400:focus {
+  color: #68d391 !important;
 }
 
-.focus\:text-blue-lighter:focus {
-  color: #bcdefa !important;
+.focus\:text-green-500:focus {
+  color: #48bb87 !important;
 }
 
-.focus\:text-blue-lightest:focus {
-  color: #eff8ff !important;
+.focus\:text-green-600:focus {
+  color: #38a181 !important;
 }
 
-.focus\:text-indigo-darkest:focus {
-  color: #191e38 !important;
+.focus\:text-green-700:focus {
+  color: #2f8572 !important;
 }
 
-.focus\:text-indigo-darker:focus {
-  color: #2f365f !important;
+.focus\:text-green-800:focus {
+  color: #28695c !important;
 }
 
-.focus\:text-indigo-dark:focus {
-  color: #5661b3 !important;
+.focus\:text-green-900:focus {
+  color: #22544b !important;
 }
 
-.focus\:text-indigo:focus {
-  color: #6574cd !important;
+.focus\:text-blue-100:focus {
+  color: #f1fafd !important;
 }
 
-.focus\:text-indigo-light:focus {
-  color: #7886d7 !important;
+.focus\:text-blue-200:focus {
+  color: #caedfa !important;
 }
 
-.focus\:text-indigo-lighter:focus {
-  color: #b2b7ff !important;
+.focus\:text-blue-300:focus {
+  color: #87d3f3 !important;
 }
 
-.focus\:text-indigo-lightest:focus {
-  color: #e6e8ff !important;
+.focus\:text-blue-400:focus {
+  color: #57b9ec !important;
 }
 
-.focus\:text-purple-darkest:focus {
-  color: #21183c !important;
+.focus\:text-blue-500:focus {
+  color: #3a9adf !important;
 }
 
-.focus\:text-purple-darker:focus {
-  color: #382b5f !important;
+.focus\:text-blue-600:focus {
+  color: #2b7cc4 !important;
 }
 
-.focus\:text-purple-dark:focus {
-  color: #794acf !important;
+.focus\:text-blue-700:focus {
+  color: #2762a3 !important;
 }
 
-.focus\:text-purple:focus {
-  color: #9561e2 !important;
+.focus\:text-blue-800:focus {
+  color: #284f81 !important;
 }
 
-.focus\:text-purple-light:focus {
-  color: #a779e9 !important;
+.focus\:text-blue-900:focus {
+  color: #294468 !important;
 }
 
-.focus\:text-purple-lighter:focus {
-  color: #d6bbfc !important;
+.focus\:text-indigo-100:focus {
+  color: #eef6ff !important;
 }
 
-.focus\:text-purple-lightest:focus {
-  color: #f3ebff !important;
+.focus\:text-indigo-200:focus {
+  color: #cbe0f9 !important;
 }
 
-.focus\:text-pink-darkest:focus {
-  color: #451225 !important;
+.focus\:text-indigo-300:focus {
+  color: #a6c5f0 !important;
 }
 
-.focus\:text-pink-darker:focus {
-  color: #6f213f !important;
+.focus\:text-indigo-400:focus {
+  color: #82a2e3 !important;
 }
 
-.focus\:text-pink-dark:focus {
-  color: #eb5286 !important;
+.focus\:text-indigo-500:focus {
+  color: #6d80d3 !important;
 }
 
-.focus\:text-pink:focus {
-  color: #f66d9b !important;
+.focus\:text-indigo-600:focus {
+  color: #5e68bc !important;
 }
 
-.focus\:text-pink-light:focus {
-  color: #fa7ea8 !important;
+.focus\:text-indigo-700:focus {
+  color: #5154a1 !important;
 }
 
-.focus\:text-pink-lighter:focus {
-  color: #ffbbca !important;
+.focus\:text-indigo-800:focus {
+  color: #42417f !important;
 }
 
-.focus\:text-pink-lightest:focus {
-  color: #ffebef !important;
+.focus\:text-indigo-900:focus {
+  color: #37366a !important;
+}
+
+.focus\:text-purple-100:focus {
+  color: #faf5ff !important;
+}
+
+.focus\:text-purple-200:focus {
+  color: #eddffd !important;
+}
+
+.focus\:text-purple-300:focus {
+  color: #dcc7fb !important;
+}
+
+.focus\:text-purple-400:focus {
+  color: #b18af4 !important;
+}
+
+.focus\:text-purple-500:focus {
+  color: #976de9 !important;
+}
+
+.focus\:text-purple-600:focus {
+  color: #7c54d5 !important;
+}
+
+.focus\:text-purple-700:focus {
+  color: #6845b9 !important;
+}
+
+.focus\:text-purple-800:focus {
+  color: #4d368a !important;
+}
+
+.focus\:text-purple-900:focus {
+  color: #3b2c6c !important;
+}
+
+.focus\:text-pink-100:focus {
+  color: #fff2f4 !important;
+}
+
+.focus\:text-pink-200:focus {
+  color: #fedee4 !important;
+}
+
+.focus\:text-pink-300:focus {
+  color: #fcbccb !important;
+}
+
+.focus\:text-pink-400:focus {
+  color: #f786a7 !important;
+}
+
+.focus\:text-pink-500:focus {
+  color: #ed588b !important;
+}
+
+.focus\:text-pink-600:focus {
+  color: #d9447b !important;
+}
+
+.focus\:text-pink-700:focus {
+  color: #b32f62 !important;
+}
+
+.focus\:text-pink-800:focus {
+  color: #8d2450 !important;
+}
+
+.focus\:text-pink-900:focus {
+  color: #741c46 !important;
+}
+
+.focus\:text-grey-100:focus {
+  color: #f8fcfe !important;
+}
+
+.focus\:text-grey-200:focus {
+  color: #f1f5fb !important;
+}
+
+.focus\:text-grey-300:focus {
+  color: #e2e9f0 !important;
+}
+
+.focus\:text-grey-400:focus {
+  color: #bbc5cf !important;
+}
+
+.focus\:text-grey-500:focus {
+  color: #a3b0bd !important;
+}
+
+.focus\:text-grey-600:focus {
+  color: #7a8996 !important;
+}
+
+.focus\:text-grey-700:focus {
+  color: #5a6977 !important;
+}
+
+.focus\:text-grey-800:focus {
+  color: #2e3a45 !important;
+}
+
+.focus\:text-grey-900:focus {
+  color: #1f2830 !important;
 }
 
 .text-xs {
@@ -6625,7 +7345,7 @@ samp {
 
 .example {
   font-weight: 700;
-  color: #e3342f;
+  color: #f95e5f;
 }
 
 @media (min-width: 640px) {
@@ -6650,291 +7370,371 @@ samp {
   }
 
   .sm\:bg-black {
-    background-color: #22292f !important;
-  }
-
-  .sm\:bg-grey-darkest {
-    background-color: #3d4852 !important;
-  }
-
-  .sm\:bg-grey-darker {
-    background-color: #606f7b !important;
-  }
-
-  .sm\:bg-grey-dark {
-    background-color: #8795a1 !important;
-  }
-
-  .sm\:bg-grey {
-    background-color: #b8c2cc !important;
-  }
-
-  .sm\:bg-grey-light {
-    background-color: #dae1e7 !important;
-  }
-
-  .sm\:bg-grey-lighter {
-    background-color: #f1f5f8 !important;
-  }
-
-  .sm\:bg-grey-lightest {
-    background-color: #f8fafc !important;
+    background-color: #000 !important;
   }
 
   .sm\:bg-white {
     background-color: #fff !important;
   }
 
-  .sm\:bg-red-darkest {
-    background-color: #3b0d0c !important;
+  .sm\:bg-teal-100 {
+    background-color: #ebfffc !important;
   }
 
-  .sm\:bg-red-darker {
-    background-color: #621b18 !important;
+  .sm\:bg-teal-200 {
+    background-color: #b3f1e9 !important;
   }
 
-  .sm\:bg-red-dark {
-    background-color: #cc1f1a !important;
+  .sm\:bg-teal-300 {
+    background-color: #82e1d7 !important;
   }
 
-  .sm\:bg-red {
-    background-color: #e3342f !important;
+  .sm\:bg-teal-400 {
+    background-color: #60cfc5 !important;
   }
 
-  .sm\:bg-red-light {
-    background-color: #ef5753 !important;
+  .sm\:bg-teal-500 {
+    background-color: #49bab2 !important;
   }
 
-  .sm\:bg-red-lighter {
-    background-color: #f9acaa !important;
+  .sm\:bg-teal-600 {
+    background-color: #3ea39f !important;
   }
 
-  .sm\:bg-red-lightest {
-    background-color: #fcebea !important;
+  .sm\:bg-teal-700 {
+    background-color: #378786 !important;
   }
 
-  .sm\:bg-orange-darkest {
-    background-color: #462a16 !important;
+  .sm\:bg-teal-800 {
+    background-color: #316769 !important;
   }
 
-  .sm\:bg-orange-darker {
-    background-color: #613b1f !important;
+  .sm\:bg-teal-900 {
+    background-color: #265152 !important;
   }
 
-  .sm\:bg-orange-dark {
-    background-color: #de751f !important;
+  .sm\:bg-red-100 {
+    background-color: #fff5f5 !important;
   }
 
-  .sm\:bg-orange {
-    background-color: #f6993f !important;
+  .sm\:bg-red-200 {
+    background-color: #fee3e3 !important;
   }
 
-  .sm\:bg-orange-light {
-    background-color: #faad63 !important;
+  .sm\:bg-red-300 {
+    background-color: #febcbc !important;
   }
 
-  .sm\:bg-orange-lighter {
-    background-color: #fcd9b6 !important;
+  .sm\:bg-red-400 {
+    background-color: #fd9292 !important;
   }
 
-  .sm\:bg-orange-lightest {
-    background-color: #fff5eb !important;
+  .sm\:bg-red-500 {
+    background-color: #f95e5f !important;
   }
 
-  .sm\:bg-yellow-darkest {
-    background-color: #453411 !important;
+  .sm\:bg-red-600 {
+    background-color: #ec454e !important;
   }
 
-  .sm\:bg-yellow-darker {
-    background-color: #684f1d !important;
+  .sm\:bg-red-700 {
+    background-color: #dc3448 !important;
   }
 
-  .sm\:bg-yellow-dark {
-    background-color: #f2d024 !important;
+  .sm\:bg-red-800 {
+    background-color: #b4203b !important;
   }
 
-  .sm\:bg-yellow {
-    background-color: #ffed4a !important;
+  .sm\:bg-red-900 {
+    background-color: #801b33 !important;
   }
 
-  .sm\:bg-yellow-light {
-    background-color: #fff382 !important;
+  .sm\:bg-orange-100 {
+    background-color: #fffaef !important;
   }
 
-  .sm\:bg-yellow-lighter {
-    background-color: #fff9c2 !important;
+  .sm\:bg-orange-200 {
+    background-color: #fee8c1 !important;
   }
 
-  .sm\:bg-yellow-lightest {
-    background-color: #fcfbeb !important;
+  .sm\:bg-orange-300 {
+    background-color: #fbd087 !important;
   }
 
-  .sm\:bg-green-darkest {
-    background-color: #0f2f21 !important;
+  .sm\:bg-orange-400 {
+    background-color: #f6aa4f !important;
   }
 
-  .sm\:bg-green-darker {
-    background-color: #1a4731 !important;
+  .sm\:bg-orange-500 {
+    background-color: #ec832b !important;
   }
 
-  .sm\:bg-green-dark {
-    background-color: #1f9d55 !important;
+  .sm\:bg-orange-600 {
+    background-color: #df6d22 !important;
   }
 
-  .sm\:bg-green {
-    background-color: #38c172 !important;
+  .sm\:bg-orange-700 {
+    background-color: #c55822 !important;
   }
 
-  .sm\:bg-green-light {
-    background-color: #51d88a !important;
+  .sm\:bg-orange-800 {
+    background-color: #9f4423 !important;
   }
 
-  .sm\:bg-green-lighter {
-    background-color: #a2f5bf !important;
+  .sm\:bg-orange-900 {
+    background-color: #70311e !important;
   }
 
-  .sm\:bg-green-lightest {
-    background-color: #e3fcec !important;
+  .sm\:bg-yellow-100 {
+    background-color: #ffffeb !important;
   }
 
-  .sm\:bg-teal-darkest {
-    background-color: #0d3331 !important;
+  .sm\:bg-yellow-200 {
+    background-color: #fefcbf !important;
   }
 
-  .sm\:bg-teal-darker {
-    background-color: #20504f !important;
+  .sm\:bg-yellow-300 {
+    background-color: #fbf189 !important;
   }
 
-  .sm\:bg-teal-dark {
-    background-color: #38a89d !important;
+  .sm\:bg-yellow-400 {
+    background-color: #f6e05e !important;
   }
 
-  .sm\:bg-teal {
-    background-color: #4dc0b5 !important;
+  .sm\:bg-yellow-500 {
+    background-color: #ebc743 !important;
   }
 
-  .sm\:bg-teal-light {
-    background-color: #64d5ca !important;
+  .sm\:bg-yellow-600 {
+    background-color: #d69e2e !important;
   }
 
-  .sm\:bg-teal-lighter {
-    background-color: #a0f0ed !important;
+  .sm\:bg-yellow-700 {
+    background-color: #b7791f !important;
   }
 
-  .sm\:bg-teal-lightest {
-    background-color: #e8fffe !important;
+  .sm\:bg-yellow-800 {
+    background-color: #8d5415 !important;
   }
 
-  .sm\:bg-blue-darkest {
-    background-color: #12283a !important;
+  .sm\:bg-yellow-900 {
+    background-color: #66390e !important;
   }
 
-  .sm\:bg-blue-darker {
-    background-color: #1c3d5a !important;
+  .sm\:bg-green-100 {
+    background-color: #e9ffe9 !important;
   }
 
-  .sm\:bg-blue-dark {
-    background-color: #2779bd !important;
+  .sm\:bg-green-200 {
+    background-color: #c1f5c5 !important;
   }
 
-  .sm\:bg-blue {
-    background-color: #3490dc !important;
+  .sm\:bg-green-300 {
+    background-color: #9ae6a8 !important;
   }
 
-  .sm\:bg-blue-light {
-    background-color: #6cb2eb !important;
+  .sm\:bg-green-400 {
+    background-color: #68d391 !important;
   }
 
-  .sm\:bg-blue-lighter {
-    background-color: #bcdefa !important;
+  .sm\:bg-green-500 {
+    background-color: #48bb87 !important;
   }
 
-  .sm\:bg-blue-lightest {
-    background-color: #eff8ff !important;
+  .sm\:bg-green-600 {
+    background-color: #38a181 !important;
   }
 
-  .sm\:bg-indigo-darkest {
-    background-color: #191e38 !important;
+  .sm\:bg-green-700 {
+    background-color: #2f8572 !important;
   }
 
-  .sm\:bg-indigo-darker {
-    background-color: #2f365f !important;
+  .sm\:bg-green-800 {
+    background-color: #28695c !important;
   }
 
-  .sm\:bg-indigo-dark {
-    background-color: #5661b3 !important;
+  .sm\:bg-green-900 {
+    background-color: #22544b !important;
   }
 
-  .sm\:bg-indigo {
-    background-color: #6574cd !important;
+  .sm\:bg-blue-100 {
+    background-color: #f1fafd !important;
   }
 
-  .sm\:bg-indigo-light {
-    background-color: #7886d7 !important;
+  .sm\:bg-blue-200 {
+    background-color: #caedfa !important;
   }
 
-  .sm\:bg-indigo-lighter {
-    background-color: #b2b7ff !important;
+  .sm\:bg-blue-300 {
+    background-color: #87d3f3 !important;
   }
 
-  .sm\:bg-indigo-lightest {
-    background-color: #e6e8ff !important;
+  .sm\:bg-blue-400 {
+    background-color: #57b9ec !important;
   }
 
-  .sm\:bg-purple-darkest {
-    background-color: #21183c !important;
+  .sm\:bg-blue-500 {
+    background-color: #3a9adf !important;
   }
 
-  .sm\:bg-purple-darker {
-    background-color: #382b5f !important;
+  .sm\:bg-blue-600 {
+    background-color: #2b7cc4 !important;
   }
 
-  .sm\:bg-purple-dark {
-    background-color: #794acf !important;
+  .sm\:bg-blue-700 {
+    background-color: #2762a3 !important;
   }
 
-  .sm\:bg-purple {
-    background-color: #9561e2 !important;
+  .sm\:bg-blue-800 {
+    background-color: #284f81 !important;
   }
 
-  .sm\:bg-purple-light {
-    background-color: #a779e9 !important;
+  .sm\:bg-blue-900 {
+    background-color: #294468 !important;
   }
 
-  .sm\:bg-purple-lighter {
-    background-color: #d6bbfc !important;
+  .sm\:bg-indigo-100 {
+    background-color: #eef6ff !important;
   }
 
-  .sm\:bg-purple-lightest {
-    background-color: #f3ebff !important;
+  .sm\:bg-indigo-200 {
+    background-color: #cbe0f9 !important;
   }
 
-  .sm\:bg-pink-darkest {
-    background-color: #451225 !important;
+  .sm\:bg-indigo-300 {
+    background-color: #a6c5f0 !important;
   }
 
-  .sm\:bg-pink-darker {
-    background-color: #6f213f !important;
+  .sm\:bg-indigo-400 {
+    background-color: #82a2e3 !important;
   }
 
-  .sm\:bg-pink-dark {
-    background-color: #eb5286 !important;
+  .sm\:bg-indigo-500 {
+    background-color: #6d80d3 !important;
   }
 
-  .sm\:bg-pink {
-    background-color: #f66d9b !important;
+  .sm\:bg-indigo-600 {
+    background-color: #5e68bc !important;
   }
 
-  .sm\:bg-pink-light {
-    background-color: #fa7ea8 !important;
+  .sm\:bg-indigo-700 {
+    background-color: #5154a1 !important;
   }
 
-  .sm\:bg-pink-lighter {
-    background-color: #ffbbca !important;
+  .sm\:bg-indigo-800 {
+    background-color: #42417f !important;
   }
 
-  .sm\:bg-pink-lightest {
-    background-color: #ffebef !important;
+  .sm\:bg-indigo-900 {
+    background-color: #37366a !important;
+  }
+
+  .sm\:bg-purple-100 {
+    background-color: #faf5ff !important;
+  }
+
+  .sm\:bg-purple-200 {
+    background-color: #eddffd !important;
+  }
+
+  .sm\:bg-purple-300 {
+    background-color: #dcc7fb !important;
+  }
+
+  .sm\:bg-purple-400 {
+    background-color: #b18af4 !important;
+  }
+
+  .sm\:bg-purple-500 {
+    background-color: #976de9 !important;
+  }
+
+  .sm\:bg-purple-600 {
+    background-color: #7c54d5 !important;
+  }
+
+  .sm\:bg-purple-700 {
+    background-color: #6845b9 !important;
+  }
+
+  .sm\:bg-purple-800 {
+    background-color: #4d368a !important;
+  }
+
+  .sm\:bg-purple-900 {
+    background-color: #3b2c6c !important;
+  }
+
+  .sm\:bg-pink-100 {
+    background-color: #fff2f4 !important;
+  }
+
+  .sm\:bg-pink-200 {
+    background-color: #fedee4 !important;
+  }
+
+  .sm\:bg-pink-300 {
+    background-color: #fcbccb !important;
+  }
+
+  .sm\:bg-pink-400 {
+    background-color: #f786a7 !important;
+  }
+
+  .sm\:bg-pink-500 {
+    background-color: #ed588b !important;
+  }
+
+  .sm\:bg-pink-600 {
+    background-color: #d9447b !important;
+  }
+
+  .sm\:bg-pink-700 {
+    background-color: #b32f62 !important;
+  }
+
+  .sm\:bg-pink-800 {
+    background-color: #8d2450 !important;
+  }
+
+  .sm\:bg-pink-900 {
+    background-color: #741c46 !important;
+  }
+
+  .sm\:bg-grey-100 {
+    background-color: #f8fcfe !important;
+  }
+
+  .sm\:bg-grey-200 {
+    background-color: #f1f5fb !important;
+  }
+
+  .sm\:bg-grey-300 {
+    background-color: #e2e9f0 !important;
+  }
+
+  .sm\:bg-grey-400 {
+    background-color: #bbc5cf !important;
+  }
+
+  .sm\:bg-grey-500 {
+    background-color: #a3b0bd !important;
+  }
+
+  .sm\:bg-grey-600 {
+    background-color: #7a8996 !important;
+  }
+
+  .sm\:bg-grey-700 {
+    background-color: #5a6977 !important;
+  }
+
+  .sm\:bg-grey-800 {
+    background-color: #2e3a45 !important;
+  }
+
+  .sm\:bg-grey-900 {
+    background-color: #1f2830 !important;
   }
 
   .sm\:hover\:bg-transparent:hover {
@@ -6942,291 +7742,371 @@ samp {
   }
 
   .sm\:hover\:bg-black:hover {
-    background-color: #22292f !important;
-  }
-
-  .sm\:hover\:bg-grey-darkest:hover {
-    background-color: #3d4852 !important;
-  }
-
-  .sm\:hover\:bg-grey-darker:hover {
-    background-color: #606f7b !important;
-  }
-
-  .sm\:hover\:bg-grey-dark:hover {
-    background-color: #8795a1 !important;
-  }
-
-  .sm\:hover\:bg-grey:hover {
-    background-color: #b8c2cc !important;
-  }
-
-  .sm\:hover\:bg-grey-light:hover {
-    background-color: #dae1e7 !important;
-  }
-
-  .sm\:hover\:bg-grey-lighter:hover {
-    background-color: #f1f5f8 !important;
-  }
-
-  .sm\:hover\:bg-grey-lightest:hover {
-    background-color: #f8fafc !important;
+    background-color: #000 !important;
   }
 
   .sm\:hover\:bg-white:hover {
     background-color: #fff !important;
   }
 
-  .sm\:hover\:bg-red-darkest:hover {
-    background-color: #3b0d0c !important;
+  .sm\:hover\:bg-teal-100:hover {
+    background-color: #ebfffc !important;
   }
 
-  .sm\:hover\:bg-red-darker:hover {
-    background-color: #621b18 !important;
+  .sm\:hover\:bg-teal-200:hover {
+    background-color: #b3f1e9 !important;
   }
 
-  .sm\:hover\:bg-red-dark:hover {
-    background-color: #cc1f1a !important;
+  .sm\:hover\:bg-teal-300:hover {
+    background-color: #82e1d7 !important;
   }
 
-  .sm\:hover\:bg-red:hover {
-    background-color: #e3342f !important;
+  .sm\:hover\:bg-teal-400:hover {
+    background-color: #60cfc5 !important;
   }
 
-  .sm\:hover\:bg-red-light:hover {
-    background-color: #ef5753 !important;
+  .sm\:hover\:bg-teal-500:hover {
+    background-color: #49bab2 !important;
   }
 
-  .sm\:hover\:bg-red-lighter:hover {
-    background-color: #f9acaa !important;
+  .sm\:hover\:bg-teal-600:hover {
+    background-color: #3ea39f !important;
   }
 
-  .sm\:hover\:bg-red-lightest:hover {
-    background-color: #fcebea !important;
+  .sm\:hover\:bg-teal-700:hover {
+    background-color: #378786 !important;
   }
 
-  .sm\:hover\:bg-orange-darkest:hover {
-    background-color: #462a16 !important;
+  .sm\:hover\:bg-teal-800:hover {
+    background-color: #316769 !important;
   }
 
-  .sm\:hover\:bg-orange-darker:hover {
-    background-color: #613b1f !important;
+  .sm\:hover\:bg-teal-900:hover {
+    background-color: #265152 !important;
   }
 
-  .sm\:hover\:bg-orange-dark:hover {
-    background-color: #de751f !important;
+  .sm\:hover\:bg-red-100:hover {
+    background-color: #fff5f5 !important;
   }
 
-  .sm\:hover\:bg-orange:hover {
-    background-color: #f6993f !important;
+  .sm\:hover\:bg-red-200:hover {
+    background-color: #fee3e3 !important;
   }
 
-  .sm\:hover\:bg-orange-light:hover {
-    background-color: #faad63 !important;
+  .sm\:hover\:bg-red-300:hover {
+    background-color: #febcbc !important;
   }
 
-  .sm\:hover\:bg-orange-lighter:hover {
-    background-color: #fcd9b6 !important;
+  .sm\:hover\:bg-red-400:hover {
+    background-color: #fd9292 !important;
   }
 
-  .sm\:hover\:bg-orange-lightest:hover {
-    background-color: #fff5eb !important;
+  .sm\:hover\:bg-red-500:hover {
+    background-color: #f95e5f !important;
   }
 
-  .sm\:hover\:bg-yellow-darkest:hover {
-    background-color: #453411 !important;
+  .sm\:hover\:bg-red-600:hover {
+    background-color: #ec454e !important;
   }
 
-  .sm\:hover\:bg-yellow-darker:hover {
-    background-color: #684f1d !important;
+  .sm\:hover\:bg-red-700:hover {
+    background-color: #dc3448 !important;
   }
 
-  .sm\:hover\:bg-yellow-dark:hover {
-    background-color: #f2d024 !important;
+  .sm\:hover\:bg-red-800:hover {
+    background-color: #b4203b !important;
   }
 
-  .sm\:hover\:bg-yellow:hover {
-    background-color: #ffed4a !important;
+  .sm\:hover\:bg-red-900:hover {
+    background-color: #801b33 !important;
   }
 
-  .sm\:hover\:bg-yellow-light:hover {
-    background-color: #fff382 !important;
+  .sm\:hover\:bg-orange-100:hover {
+    background-color: #fffaef !important;
   }
 
-  .sm\:hover\:bg-yellow-lighter:hover {
-    background-color: #fff9c2 !important;
+  .sm\:hover\:bg-orange-200:hover {
+    background-color: #fee8c1 !important;
   }
 
-  .sm\:hover\:bg-yellow-lightest:hover {
-    background-color: #fcfbeb !important;
+  .sm\:hover\:bg-orange-300:hover {
+    background-color: #fbd087 !important;
   }
 
-  .sm\:hover\:bg-green-darkest:hover {
-    background-color: #0f2f21 !important;
+  .sm\:hover\:bg-orange-400:hover {
+    background-color: #f6aa4f !important;
   }
 
-  .sm\:hover\:bg-green-darker:hover {
-    background-color: #1a4731 !important;
+  .sm\:hover\:bg-orange-500:hover {
+    background-color: #ec832b !important;
   }
 
-  .sm\:hover\:bg-green-dark:hover {
-    background-color: #1f9d55 !important;
+  .sm\:hover\:bg-orange-600:hover {
+    background-color: #df6d22 !important;
   }
 
-  .sm\:hover\:bg-green:hover {
-    background-color: #38c172 !important;
+  .sm\:hover\:bg-orange-700:hover {
+    background-color: #c55822 !important;
   }
 
-  .sm\:hover\:bg-green-light:hover {
-    background-color: #51d88a !important;
+  .sm\:hover\:bg-orange-800:hover {
+    background-color: #9f4423 !important;
   }
 
-  .sm\:hover\:bg-green-lighter:hover {
-    background-color: #a2f5bf !important;
+  .sm\:hover\:bg-orange-900:hover {
+    background-color: #70311e !important;
   }
 
-  .sm\:hover\:bg-green-lightest:hover {
-    background-color: #e3fcec !important;
+  .sm\:hover\:bg-yellow-100:hover {
+    background-color: #ffffeb !important;
   }
 
-  .sm\:hover\:bg-teal-darkest:hover {
-    background-color: #0d3331 !important;
+  .sm\:hover\:bg-yellow-200:hover {
+    background-color: #fefcbf !important;
   }
 
-  .sm\:hover\:bg-teal-darker:hover {
-    background-color: #20504f !important;
+  .sm\:hover\:bg-yellow-300:hover {
+    background-color: #fbf189 !important;
   }
 
-  .sm\:hover\:bg-teal-dark:hover {
-    background-color: #38a89d !important;
+  .sm\:hover\:bg-yellow-400:hover {
+    background-color: #f6e05e !important;
   }
 
-  .sm\:hover\:bg-teal:hover {
-    background-color: #4dc0b5 !important;
+  .sm\:hover\:bg-yellow-500:hover {
+    background-color: #ebc743 !important;
   }
 
-  .sm\:hover\:bg-teal-light:hover {
-    background-color: #64d5ca !important;
+  .sm\:hover\:bg-yellow-600:hover {
+    background-color: #d69e2e !important;
   }
 
-  .sm\:hover\:bg-teal-lighter:hover {
-    background-color: #a0f0ed !important;
+  .sm\:hover\:bg-yellow-700:hover {
+    background-color: #b7791f !important;
   }
 
-  .sm\:hover\:bg-teal-lightest:hover {
-    background-color: #e8fffe !important;
+  .sm\:hover\:bg-yellow-800:hover {
+    background-color: #8d5415 !important;
   }
 
-  .sm\:hover\:bg-blue-darkest:hover {
-    background-color: #12283a !important;
+  .sm\:hover\:bg-yellow-900:hover {
+    background-color: #66390e !important;
   }
 
-  .sm\:hover\:bg-blue-darker:hover {
-    background-color: #1c3d5a !important;
+  .sm\:hover\:bg-green-100:hover {
+    background-color: #e9ffe9 !important;
   }
 
-  .sm\:hover\:bg-blue-dark:hover {
-    background-color: #2779bd !important;
+  .sm\:hover\:bg-green-200:hover {
+    background-color: #c1f5c5 !important;
   }
 
-  .sm\:hover\:bg-blue:hover {
-    background-color: #3490dc !important;
+  .sm\:hover\:bg-green-300:hover {
+    background-color: #9ae6a8 !important;
   }
 
-  .sm\:hover\:bg-blue-light:hover {
-    background-color: #6cb2eb !important;
+  .sm\:hover\:bg-green-400:hover {
+    background-color: #68d391 !important;
   }
 
-  .sm\:hover\:bg-blue-lighter:hover {
-    background-color: #bcdefa !important;
+  .sm\:hover\:bg-green-500:hover {
+    background-color: #48bb87 !important;
   }
 
-  .sm\:hover\:bg-blue-lightest:hover {
-    background-color: #eff8ff !important;
+  .sm\:hover\:bg-green-600:hover {
+    background-color: #38a181 !important;
   }
 
-  .sm\:hover\:bg-indigo-darkest:hover {
-    background-color: #191e38 !important;
+  .sm\:hover\:bg-green-700:hover {
+    background-color: #2f8572 !important;
   }
 
-  .sm\:hover\:bg-indigo-darker:hover {
-    background-color: #2f365f !important;
+  .sm\:hover\:bg-green-800:hover {
+    background-color: #28695c !important;
   }
 
-  .sm\:hover\:bg-indigo-dark:hover {
-    background-color: #5661b3 !important;
+  .sm\:hover\:bg-green-900:hover {
+    background-color: #22544b !important;
   }
 
-  .sm\:hover\:bg-indigo:hover {
-    background-color: #6574cd !important;
+  .sm\:hover\:bg-blue-100:hover {
+    background-color: #f1fafd !important;
   }
 
-  .sm\:hover\:bg-indigo-light:hover {
-    background-color: #7886d7 !important;
+  .sm\:hover\:bg-blue-200:hover {
+    background-color: #caedfa !important;
   }
 
-  .sm\:hover\:bg-indigo-lighter:hover {
-    background-color: #b2b7ff !important;
+  .sm\:hover\:bg-blue-300:hover {
+    background-color: #87d3f3 !important;
   }
 
-  .sm\:hover\:bg-indigo-lightest:hover {
-    background-color: #e6e8ff !important;
+  .sm\:hover\:bg-blue-400:hover {
+    background-color: #57b9ec !important;
   }
 
-  .sm\:hover\:bg-purple-darkest:hover {
-    background-color: #21183c !important;
+  .sm\:hover\:bg-blue-500:hover {
+    background-color: #3a9adf !important;
   }
 
-  .sm\:hover\:bg-purple-darker:hover {
-    background-color: #382b5f !important;
+  .sm\:hover\:bg-blue-600:hover {
+    background-color: #2b7cc4 !important;
   }
 
-  .sm\:hover\:bg-purple-dark:hover {
-    background-color: #794acf !important;
+  .sm\:hover\:bg-blue-700:hover {
+    background-color: #2762a3 !important;
   }
 
-  .sm\:hover\:bg-purple:hover {
-    background-color: #9561e2 !important;
+  .sm\:hover\:bg-blue-800:hover {
+    background-color: #284f81 !important;
   }
 
-  .sm\:hover\:bg-purple-light:hover {
-    background-color: #a779e9 !important;
+  .sm\:hover\:bg-blue-900:hover {
+    background-color: #294468 !important;
   }
 
-  .sm\:hover\:bg-purple-lighter:hover {
-    background-color: #d6bbfc !important;
+  .sm\:hover\:bg-indigo-100:hover {
+    background-color: #eef6ff !important;
   }
 
-  .sm\:hover\:bg-purple-lightest:hover {
-    background-color: #f3ebff !important;
+  .sm\:hover\:bg-indigo-200:hover {
+    background-color: #cbe0f9 !important;
   }
 
-  .sm\:hover\:bg-pink-darkest:hover {
-    background-color: #451225 !important;
+  .sm\:hover\:bg-indigo-300:hover {
+    background-color: #a6c5f0 !important;
   }
 
-  .sm\:hover\:bg-pink-darker:hover {
-    background-color: #6f213f !important;
+  .sm\:hover\:bg-indigo-400:hover {
+    background-color: #82a2e3 !important;
   }
 
-  .sm\:hover\:bg-pink-dark:hover {
-    background-color: #eb5286 !important;
+  .sm\:hover\:bg-indigo-500:hover {
+    background-color: #6d80d3 !important;
   }
 
-  .sm\:hover\:bg-pink:hover {
-    background-color: #f66d9b !important;
+  .sm\:hover\:bg-indigo-600:hover {
+    background-color: #5e68bc !important;
   }
 
-  .sm\:hover\:bg-pink-light:hover {
-    background-color: #fa7ea8 !important;
+  .sm\:hover\:bg-indigo-700:hover {
+    background-color: #5154a1 !important;
   }
 
-  .sm\:hover\:bg-pink-lighter:hover {
-    background-color: #ffbbca !important;
+  .sm\:hover\:bg-indigo-800:hover {
+    background-color: #42417f !important;
   }
 
-  .sm\:hover\:bg-pink-lightest:hover {
-    background-color: #ffebef !important;
+  .sm\:hover\:bg-indigo-900:hover {
+    background-color: #37366a !important;
+  }
+
+  .sm\:hover\:bg-purple-100:hover {
+    background-color: #faf5ff !important;
+  }
+
+  .sm\:hover\:bg-purple-200:hover {
+    background-color: #eddffd !important;
+  }
+
+  .sm\:hover\:bg-purple-300:hover {
+    background-color: #dcc7fb !important;
+  }
+
+  .sm\:hover\:bg-purple-400:hover {
+    background-color: #b18af4 !important;
+  }
+
+  .sm\:hover\:bg-purple-500:hover {
+    background-color: #976de9 !important;
+  }
+
+  .sm\:hover\:bg-purple-600:hover {
+    background-color: #7c54d5 !important;
+  }
+
+  .sm\:hover\:bg-purple-700:hover {
+    background-color: #6845b9 !important;
+  }
+
+  .sm\:hover\:bg-purple-800:hover {
+    background-color: #4d368a !important;
+  }
+
+  .sm\:hover\:bg-purple-900:hover {
+    background-color: #3b2c6c !important;
+  }
+
+  .sm\:hover\:bg-pink-100:hover {
+    background-color: #fff2f4 !important;
+  }
+
+  .sm\:hover\:bg-pink-200:hover {
+    background-color: #fedee4 !important;
+  }
+
+  .sm\:hover\:bg-pink-300:hover {
+    background-color: #fcbccb !important;
+  }
+
+  .sm\:hover\:bg-pink-400:hover {
+    background-color: #f786a7 !important;
+  }
+
+  .sm\:hover\:bg-pink-500:hover {
+    background-color: #ed588b !important;
+  }
+
+  .sm\:hover\:bg-pink-600:hover {
+    background-color: #d9447b !important;
+  }
+
+  .sm\:hover\:bg-pink-700:hover {
+    background-color: #b32f62 !important;
+  }
+
+  .sm\:hover\:bg-pink-800:hover {
+    background-color: #8d2450 !important;
+  }
+
+  .sm\:hover\:bg-pink-900:hover {
+    background-color: #741c46 !important;
+  }
+
+  .sm\:hover\:bg-grey-100:hover {
+    background-color: #f8fcfe !important;
+  }
+
+  .sm\:hover\:bg-grey-200:hover {
+    background-color: #f1f5fb !important;
+  }
+
+  .sm\:hover\:bg-grey-300:hover {
+    background-color: #e2e9f0 !important;
+  }
+
+  .sm\:hover\:bg-grey-400:hover {
+    background-color: #bbc5cf !important;
+  }
+
+  .sm\:hover\:bg-grey-500:hover {
+    background-color: #a3b0bd !important;
+  }
+
+  .sm\:hover\:bg-grey-600:hover {
+    background-color: #7a8996 !important;
+  }
+
+  .sm\:hover\:bg-grey-700:hover {
+    background-color: #5a6977 !important;
+  }
+
+  .sm\:hover\:bg-grey-800:hover {
+    background-color: #2e3a45 !important;
+  }
+
+  .sm\:hover\:bg-grey-900:hover {
+    background-color: #1f2830 !important;
   }
 
   .sm\:focus\:bg-transparent:focus {
@@ -7234,291 +8114,371 @@ samp {
   }
 
   .sm\:focus\:bg-black:focus {
-    background-color: #22292f !important;
-  }
-
-  .sm\:focus\:bg-grey-darkest:focus {
-    background-color: #3d4852 !important;
-  }
-
-  .sm\:focus\:bg-grey-darker:focus {
-    background-color: #606f7b !important;
-  }
-
-  .sm\:focus\:bg-grey-dark:focus {
-    background-color: #8795a1 !important;
-  }
-
-  .sm\:focus\:bg-grey:focus {
-    background-color: #b8c2cc !important;
-  }
-
-  .sm\:focus\:bg-grey-light:focus {
-    background-color: #dae1e7 !important;
-  }
-
-  .sm\:focus\:bg-grey-lighter:focus {
-    background-color: #f1f5f8 !important;
-  }
-
-  .sm\:focus\:bg-grey-lightest:focus {
-    background-color: #f8fafc !important;
+    background-color: #000 !important;
   }
 
   .sm\:focus\:bg-white:focus {
     background-color: #fff !important;
   }
 
-  .sm\:focus\:bg-red-darkest:focus {
-    background-color: #3b0d0c !important;
+  .sm\:focus\:bg-teal-100:focus {
+    background-color: #ebfffc !important;
   }
 
-  .sm\:focus\:bg-red-darker:focus {
-    background-color: #621b18 !important;
+  .sm\:focus\:bg-teal-200:focus {
+    background-color: #b3f1e9 !important;
   }
 
-  .sm\:focus\:bg-red-dark:focus {
-    background-color: #cc1f1a !important;
+  .sm\:focus\:bg-teal-300:focus {
+    background-color: #82e1d7 !important;
   }
 
-  .sm\:focus\:bg-red:focus {
-    background-color: #e3342f !important;
+  .sm\:focus\:bg-teal-400:focus {
+    background-color: #60cfc5 !important;
   }
 
-  .sm\:focus\:bg-red-light:focus {
-    background-color: #ef5753 !important;
+  .sm\:focus\:bg-teal-500:focus {
+    background-color: #49bab2 !important;
   }
 
-  .sm\:focus\:bg-red-lighter:focus {
-    background-color: #f9acaa !important;
+  .sm\:focus\:bg-teal-600:focus {
+    background-color: #3ea39f !important;
   }
 
-  .sm\:focus\:bg-red-lightest:focus {
-    background-color: #fcebea !important;
+  .sm\:focus\:bg-teal-700:focus {
+    background-color: #378786 !important;
   }
 
-  .sm\:focus\:bg-orange-darkest:focus {
-    background-color: #462a16 !important;
+  .sm\:focus\:bg-teal-800:focus {
+    background-color: #316769 !important;
   }
 
-  .sm\:focus\:bg-orange-darker:focus {
-    background-color: #613b1f !important;
+  .sm\:focus\:bg-teal-900:focus {
+    background-color: #265152 !important;
   }
 
-  .sm\:focus\:bg-orange-dark:focus {
-    background-color: #de751f !important;
+  .sm\:focus\:bg-red-100:focus {
+    background-color: #fff5f5 !important;
   }
 
-  .sm\:focus\:bg-orange:focus {
-    background-color: #f6993f !important;
+  .sm\:focus\:bg-red-200:focus {
+    background-color: #fee3e3 !important;
   }
 
-  .sm\:focus\:bg-orange-light:focus {
-    background-color: #faad63 !important;
+  .sm\:focus\:bg-red-300:focus {
+    background-color: #febcbc !important;
   }
 
-  .sm\:focus\:bg-orange-lighter:focus {
-    background-color: #fcd9b6 !important;
+  .sm\:focus\:bg-red-400:focus {
+    background-color: #fd9292 !important;
   }
 
-  .sm\:focus\:bg-orange-lightest:focus {
-    background-color: #fff5eb !important;
+  .sm\:focus\:bg-red-500:focus {
+    background-color: #f95e5f !important;
   }
 
-  .sm\:focus\:bg-yellow-darkest:focus {
-    background-color: #453411 !important;
+  .sm\:focus\:bg-red-600:focus {
+    background-color: #ec454e !important;
   }
 
-  .sm\:focus\:bg-yellow-darker:focus {
-    background-color: #684f1d !important;
+  .sm\:focus\:bg-red-700:focus {
+    background-color: #dc3448 !important;
   }
 
-  .sm\:focus\:bg-yellow-dark:focus {
-    background-color: #f2d024 !important;
+  .sm\:focus\:bg-red-800:focus {
+    background-color: #b4203b !important;
   }
 
-  .sm\:focus\:bg-yellow:focus {
-    background-color: #ffed4a !important;
+  .sm\:focus\:bg-red-900:focus {
+    background-color: #801b33 !important;
   }
 
-  .sm\:focus\:bg-yellow-light:focus {
-    background-color: #fff382 !important;
+  .sm\:focus\:bg-orange-100:focus {
+    background-color: #fffaef !important;
   }
 
-  .sm\:focus\:bg-yellow-lighter:focus {
-    background-color: #fff9c2 !important;
+  .sm\:focus\:bg-orange-200:focus {
+    background-color: #fee8c1 !important;
   }
 
-  .sm\:focus\:bg-yellow-lightest:focus {
-    background-color: #fcfbeb !important;
+  .sm\:focus\:bg-orange-300:focus {
+    background-color: #fbd087 !important;
   }
 
-  .sm\:focus\:bg-green-darkest:focus {
-    background-color: #0f2f21 !important;
+  .sm\:focus\:bg-orange-400:focus {
+    background-color: #f6aa4f !important;
   }
 
-  .sm\:focus\:bg-green-darker:focus {
-    background-color: #1a4731 !important;
+  .sm\:focus\:bg-orange-500:focus {
+    background-color: #ec832b !important;
   }
 
-  .sm\:focus\:bg-green-dark:focus {
-    background-color: #1f9d55 !important;
+  .sm\:focus\:bg-orange-600:focus {
+    background-color: #df6d22 !important;
   }
 
-  .sm\:focus\:bg-green:focus {
-    background-color: #38c172 !important;
+  .sm\:focus\:bg-orange-700:focus {
+    background-color: #c55822 !important;
   }
 
-  .sm\:focus\:bg-green-light:focus {
-    background-color: #51d88a !important;
+  .sm\:focus\:bg-orange-800:focus {
+    background-color: #9f4423 !important;
   }
 
-  .sm\:focus\:bg-green-lighter:focus {
-    background-color: #a2f5bf !important;
+  .sm\:focus\:bg-orange-900:focus {
+    background-color: #70311e !important;
   }
 
-  .sm\:focus\:bg-green-lightest:focus {
-    background-color: #e3fcec !important;
+  .sm\:focus\:bg-yellow-100:focus {
+    background-color: #ffffeb !important;
   }
 
-  .sm\:focus\:bg-teal-darkest:focus {
-    background-color: #0d3331 !important;
+  .sm\:focus\:bg-yellow-200:focus {
+    background-color: #fefcbf !important;
   }
 
-  .sm\:focus\:bg-teal-darker:focus {
-    background-color: #20504f !important;
+  .sm\:focus\:bg-yellow-300:focus {
+    background-color: #fbf189 !important;
   }
 
-  .sm\:focus\:bg-teal-dark:focus {
-    background-color: #38a89d !important;
+  .sm\:focus\:bg-yellow-400:focus {
+    background-color: #f6e05e !important;
   }
 
-  .sm\:focus\:bg-teal:focus {
-    background-color: #4dc0b5 !important;
+  .sm\:focus\:bg-yellow-500:focus {
+    background-color: #ebc743 !important;
   }
 
-  .sm\:focus\:bg-teal-light:focus {
-    background-color: #64d5ca !important;
+  .sm\:focus\:bg-yellow-600:focus {
+    background-color: #d69e2e !important;
   }
 
-  .sm\:focus\:bg-teal-lighter:focus {
-    background-color: #a0f0ed !important;
+  .sm\:focus\:bg-yellow-700:focus {
+    background-color: #b7791f !important;
   }
 
-  .sm\:focus\:bg-teal-lightest:focus {
-    background-color: #e8fffe !important;
+  .sm\:focus\:bg-yellow-800:focus {
+    background-color: #8d5415 !important;
   }
 
-  .sm\:focus\:bg-blue-darkest:focus {
-    background-color: #12283a !important;
+  .sm\:focus\:bg-yellow-900:focus {
+    background-color: #66390e !important;
   }
 
-  .sm\:focus\:bg-blue-darker:focus {
-    background-color: #1c3d5a !important;
+  .sm\:focus\:bg-green-100:focus {
+    background-color: #e9ffe9 !important;
   }
 
-  .sm\:focus\:bg-blue-dark:focus {
-    background-color: #2779bd !important;
+  .sm\:focus\:bg-green-200:focus {
+    background-color: #c1f5c5 !important;
   }
 
-  .sm\:focus\:bg-blue:focus {
-    background-color: #3490dc !important;
+  .sm\:focus\:bg-green-300:focus {
+    background-color: #9ae6a8 !important;
   }
 
-  .sm\:focus\:bg-blue-light:focus {
-    background-color: #6cb2eb !important;
+  .sm\:focus\:bg-green-400:focus {
+    background-color: #68d391 !important;
   }
 
-  .sm\:focus\:bg-blue-lighter:focus {
-    background-color: #bcdefa !important;
+  .sm\:focus\:bg-green-500:focus {
+    background-color: #48bb87 !important;
   }
 
-  .sm\:focus\:bg-blue-lightest:focus {
-    background-color: #eff8ff !important;
+  .sm\:focus\:bg-green-600:focus {
+    background-color: #38a181 !important;
   }
 
-  .sm\:focus\:bg-indigo-darkest:focus {
-    background-color: #191e38 !important;
+  .sm\:focus\:bg-green-700:focus {
+    background-color: #2f8572 !important;
   }
 
-  .sm\:focus\:bg-indigo-darker:focus {
-    background-color: #2f365f !important;
+  .sm\:focus\:bg-green-800:focus {
+    background-color: #28695c !important;
   }
 
-  .sm\:focus\:bg-indigo-dark:focus {
-    background-color: #5661b3 !important;
+  .sm\:focus\:bg-green-900:focus {
+    background-color: #22544b !important;
   }
 
-  .sm\:focus\:bg-indigo:focus {
-    background-color: #6574cd !important;
+  .sm\:focus\:bg-blue-100:focus {
+    background-color: #f1fafd !important;
   }
 
-  .sm\:focus\:bg-indigo-light:focus {
-    background-color: #7886d7 !important;
+  .sm\:focus\:bg-blue-200:focus {
+    background-color: #caedfa !important;
   }
 
-  .sm\:focus\:bg-indigo-lighter:focus {
-    background-color: #b2b7ff !important;
+  .sm\:focus\:bg-blue-300:focus {
+    background-color: #87d3f3 !important;
   }
 
-  .sm\:focus\:bg-indigo-lightest:focus {
-    background-color: #e6e8ff !important;
+  .sm\:focus\:bg-blue-400:focus {
+    background-color: #57b9ec !important;
   }
 
-  .sm\:focus\:bg-purple-darkest:focus {
-    background-color: #21183c !important;
+  .sm\:focus\:bg-blue-500:focus {
+    background-color: #3a9adf !important;
   }
 
-  .sm\:focus\:bg-purple-darker:focus {
-    background-color: #382b5f !important;
+  .sm\:focus\:bg-blue-600:focus {
+    background-color: #2b7cc4 !important;
   }
 
-  .sm\:focus\:bg-purple-dark:focus {
-    background-color: #794acf !important;
+  .sm\:focus\:bg-blue-700:focus {
+    background-color: #2762a3 !important;
   }
 
-  .sm\:focus\:bg-purple:focus {
-    background-color: #9561e2 !important;
+  .sm\:focus\:bg-blue-800:focus {
+    background-color: #284f81 !important;
   }
 
-  .sm\:focus\:bg-purple-light:focus {
-    background-color: #a779e9 !important;
+  .sm\:focus\:bg-blue-900:focus {
+    background-color: #294468 !important;
   }
 
-  .sm\:focus\:bg-purple-lighter:focus {
-    background-color: #d6bbfc !important;
+  .sm\:focus\:bg-indigo-100:focus {
+    background-color: #eef6ff !important;
   }
 
-  .sm\:focus\:bg-purple-lightest:focus {
-    background-color: #f3ebff !important;
+  .sm\:focus\:bg-indigo-200:focus {
+    background-color: #cbe0f9 !important;
   }
 
-  .sm\:focus\:bg-pink-darkest:focus {
-    background-color: #451225 !important;
+  .sm\:focus\:bg-indigo-300:focus {
+    background-color: #a6c5f0 !important;
   }
 
-  .sm\:focus\:bg-pink-darker:focus {
-    background-color: #6f213f !important;
+  .sm\:focus\:bg-indigo-400:focus {
+    background-color: #82a2e3 !important;
   }
 
-  .sm\:focus\:bg-pink-dark:focus {
-    background-color: #eb5286 !important;
+  .sm\:focus\:bg-indigo-500:focus {
+    background-color: #6d80d3 !important;
   }
 
-  .sm\:focus\:bg-pink:focus {
-    background-color: #f66d9b !important;
+  .sm\:focus\:bg-indigo-600:focus {
+    background-color: #5e68bc !important;
   }
 
-  .sm\:focus\:bg-pink-light:focus {
-    background-color: #fa7ea8 !important;
+  .sm\:focus\:bg-indigo-700:focus {
+    background-color: #5154a1 !important;
   }
 
-  .sm\:focus\:bg-pink-lighter:focus {
-    background-color: #ffbbca !important;
+  .sm\:focus\:bg-indigo-800:focus {
+    background-color: #42417f !important;
   }
 
-  .sm\:focus\:bg-pink-lightest:focus {
-    background-color: #ffebef !important;
+  .sm\:focus\:bg-indigo-900:focus {
+    background-color: #37366a !important;
+  }
+
+  .sm\:focus\:bg-purple-100:focus {
+    background-color: #faf5ff !important;
+  }
+
+  .sm\:focus\:bg-purple-200:focus {
+    background-color: #eddffd !important;
+  }
+
+  .sm\:focus\:bg-purple-300:focus {
+    background-color: #dcc7fb !important;
+  }
+
+  .sm\:focus\:bg-purple-400:focus {
+    background-color: #b18af4 !important;
+  }
+
+  .sm\:focus\:bg-purple-500:focus {
+    background-color: #976de9 !important;
+  }
+
+  .sm\:focus\:bg-purple-600:focus {
+    background-color: #7c54d5 !important;
+  }
+
+  .sm\:focus\:bg-purple-700:focus {
+    background-color: #6845b9 !important;
+  }
+
+  .sm\:focus\:bg-purple-800:focus {
+    background-color: #4d368a !important;
+  }
+
+  .sm\:focus\:bg-purple-900:focus {
+    background-color: #3b2c6c !important;
+  }
+
+  .sm\:focus\:bg-pink-100:focus {
+    background-color: #fff2f4 !important;
+  }
+
+  .sm\:focus\:bg-pink-200:focus {
+    background-color: #fedee4 !important;
+  }
+
+  .sm\:focus\:bg-pink-300:focus {
+    background-color: #fcbccb !important;
+  }
+
+  .sm\:focus\:bg-pink-400:focus {
+    background-color: #f786a7 !important;
+  }
+
+  .sm\:focus\:bg-pink-500:focus {
+    background-color: #ed588b !important;
+  }
+
+  .sm\:focus\:bg-pink-600:focus {
+    background-color: #d9447b !important;
+  }
+
+  .sm\:focus\:bg-pink-700:focus {
+    background-color: #b32f62 !important;
+  }
+
+  .sm\:focus\:bg-pink-800:focus {
+    background-color: #8d2450 !important;
+  }
+
+  .sm\:focus\:bg-pink-900:focus {
+    background-color: #741c46 !important;
+  }
+
+  .sm\:focus\:bg-grey-100:focus {
+    background-color: #f8fcfe !important;
+  }
+
+  .sm\:focus\:bg-grey-200:focus {
+    background-color: #f1f5fb !important;
+  }
+
+  .sm\:focus\:bg-grey-300:focus {
+    background-color: #e2e9f0 !important;
+  }
+
+  .sm\:focus\:bg-grey-400:focus {
+    background-color: #bbc5cf !important;
+  }
+
+  .sm\:focus\:bg-grey-500:focus {
+    background-color: #a3b0bd !important;
+  }
+
+  .sm\:focus\:bg-grey-600:focus {
+    background-color: #7a8996 !important;
+  }
+
+  .sm\:focus\:bg-grey-700:focus {
+    background-color: #5a6977 !important;
+  }
+
+  .sm\:focus\:bg-grey-800:focus {
+    background-color: #2e3a45 !important;
+  }
+
+  .sm\:focus\:bg-grey-900:focus {
+    background-color: #1f2830 !important;
   }
 
   .sm\:bg-bottom {
@@ -7590,291 +8550,371 @@ samp {
   }
 
   .sm\:border-black {
-    border-color: #22292f !important;
-  }
-
-  .sm\:border-grey-darkest {
-    border-color: #3d4852 !important;
-  }
-
-  .sm\:border-grey-darker {
-    border-color: #606f7b !important;
-  }
-
-  .sm\:border-grey-dark {
-    border-color: #8795a1 !important;
-  }
-
-  .sm\:border-grey {
-    border-color: #b8c2cc !important;
-  }
-
-  .sm\:border-grey-light {
-    border-color: #dae1e7 !important;
-  }
-
-  .sm\:border-grey-lighter {
-    border-color: #f1f5f8 !important;
-  }
-
-  .sm\:border-grey-lightest {
-    border-color: #f8fafc !important;
+    border-color: #000 !important;
   }
 
   .sm\:border-white {
     border-color: #fff !important;
   }
 
-  .sm\:border-red-darkest {
-    border-color: #3b0d0c !important;
+  .sm\:border-teal-100 {
+    border-color: #ebfffc !important;
   }
 
-  .sm\:border-red-darker {
-    border-color: #621b18 !important;
+  .sm\:border-teal-200 {
+    border-color: #b3f1e9 !important;
   }
 
-  .sm\:border-red-dark {
-    border-color: #cc1f1a !important;
+  .sm\:border-teal-300 {
+    border-color: #82e1d7 !important;
   }
 
-  .sm\:border-red {
-    border-color: #e3342f !important;
+  .sm\:border-teal-400 {
+    border-color: #60cfc5 !important;
   }
 
-  .sm\:border-red-light {
-    border-color: #ef5753 !important;
+  .sm\:border-teal-500 {
+    border-color: #49bab2 !important;
   }
 
-  .sm\:border-red-lighter {
-    border-color: #f9acaa !important;
+  .sm\:border-teal-600 {
+    border-color: #3ea39f !important;
   }
 
-  .sm\:border-red-lightest {
-    border-color: #fcebea !important;
+  .sm\:border-teal-700 {
+    border-color: #378786 !important;
   }
 
-  .sm\:border-orange-darkest {
-    border-color: #462a16 !important;
+  .sm\:border-teal-800 {
+    border-color: #316769 !important;
   }
 
-  .sm\:border-orange-darker {
-    border-color: #613b1f !important;
+  .sm\:border-teal-900 {
+    border-color: #265152 !important;
   }
 
-  .sm\:border-orange-dark {
-    border-color: #de751f !important;
+  .sm\:border-red-100 {
+    border-color: #fff5f5 !important;
   }
 
-  .sm\:border-orange {
-    border-color: #f6993f !important;
+  .sm\:border-red-200 {
+    border-color: #fee3e3 !important;
   }
 
-  .sm\:border-orange-light {
-    border-color: #faad63 !important;
+  .sm\:border-red-300 {
+    border-color: #febcbc !important;
   }
 
-  .sm\:border-orange-lighter {
-    border-color: #fcd9b6 !important;
+  .sm\:border-red-400 {
+    border-color: #fd9292 !important;
   }
 
-  .sm\:border-orange-lightest {
-    border-color: #fff5eb !important;
+  .sm\:border-red-500 {
+    border-color: #f95e5f !important;
   }
 
-  .sm\:border-yellow-darkest {
-    border-color: #453411 !important;
+  .sm\:border-red-600 {
+    border-color: #ec454e !important;
   }
 
-  .sm\:border-yellow-darker {
-    border-color: #684f1d !important;
+  .sm\:border-red-700 {
+    border-color: #dc3448 !important;
   }
 
-  .sm\:border-yellow-dark {
-    border-color: #f2d024 !important;
+  .sm\:border-red-800 {
+    border-color: #b4203b !important;
   }
 
-  .sm\:border-yellow {
-    border-color: #ffed4a !important;
+  .sm\:border-red-900 {
+    border-color: #801b33 !important;
   }
 
-  .sm\:border-yellow-light {
-    border-color: #fff382 !important;
+  .sm\:border-orange-100 {
+    border-color: #fffaef !important;
   }
 
-  .sm\:border-yellow-lighter {
-    border-color: #fff9c2 !important;
+  .sm\:border-orange-200 {
+    border-color: #fee8c1 !important;
   }
 
-  .sm\:border-yellow-lightest {
-    border-color: #fcfbeb !important;
+  .sm\:border-orange-300 {
+    border-color: #fbd087 !important;
   }
 
-  .sm\:border-green-darkest {
-    border-color: #0f2f21 !important;
+  .sm\:border-orange-400 {
+    border-color: #f6aa4f !important;
   }
 
-  .sm\:border-green-darker {
-    border-color: #1a4731 !important;
+  .sm\:border-orange-500 {
+    border-color: #ec832b !important;
   }
 
-  .sm\:border-green-dark {
-    border-color: #1f9d55 !important;
+  .sm\:border-orange-600 {
+    border-color: #df6d22 !important;
   }
 
-  .sm\:border-green {
-    border-color: #38c172 !important;
+  .sm\:border-orange-700 {
+    border-color: #c55822 !important;
   }
 
-  .sm\:border-green-light {
-    border-color: #51d88a !important;
+  .sm\:border-orange-800 {
+    border-color: #9f4423 !important;
   }
 
-  .sm\:border-green-lighter {
-    border-color: #a2f5bf !important;
+  .sm\:border-orange-900 {
+    border-color: #70311e !important;
   }
 
-  .sm\:border-green-lightest {
-    border-color: #e3fcec !important;
+  .sm\:border-yellow-100 {
+    border-color: #ffffeb !important;
   }
 
-  .sm\:border-teal-darkest {
-    border-color: #0d3331 !important;
+  .sm\:border-yellow-200 {
+    border-color: #fefcbf !important;
   }
 
-  .sm\:border-teal-darker {
-    border-color: #20504f !important;
+  .sm\:border-yellow-300 {
+    border-color: #fbf189 !important;
   }
 
-  .sm\:border-teal-dark {
-    border-color: #38a89d !important;
+  .sm\:border-yellow-400 {
+    border-color: #f6e05e !important;
   }
 
-  .sm\:border-teal {
-    border-color: #4dc0b5 !important;
+  .sm\:border-yellow-500 {
+    border-color: #ebc743 !important;
   }
 
-  .sm\:border-teal-light {
-    border-color: #64d5ca !important;
+  .sm\:border-yellow-600 {
+    border-color: #d69e2e !important;
   }
 
-  .sm\:border-teal-lighter {
-    border-color: #a0f0ed !important;
+  .sm\:border-yellow-700 {
+    border-color: #b7791f !important;
   }
 
-  .sm\:border-teal-lightest {
-    border-color: #e8fffe !important;
+  .sm\:border-yellow-800 {
+    border-color: #8d5415 !important;
   }
 
-  .sm\:border-blue-darkest {
-    border-color: #12283a !important;
+  .sm\:border-yellow-900 {
+    border-color: #66390e !important;
   }
 
-  .sm\:border-blue-darker {
-    border-color: #1c3d5a !important;
+  .sm\:border-green-100 {
+    border-color: #e9ffe9 !important;
   }
 
-  .sm\:border-blue-dark {
-    border-color: #2779bd !important;
+  .sm\:border-green-200 {
+    border-color: #c1f5c5 !important;
   }
 
-  .sm\:border-blue {
-    border-color: #3490dc !important;
+  .sm\:border-green-300 {
+    border-color: #9ae6a8 !important;
   }
 
-  .sm\:border-blue-light {
-    border-color: #6cb2eb !important;
+  .sm\:border-green-400 {
+    border-color: #68d391 !important;
   }
 
-  .sm\:border-blue-lighter {
-    border-color: #bcdefa !important;
+  .sm\:border-green-500 {
+    border-color: #48bb87 !important;
   }
 
-  .sm\:border-blue-lightest {
-    border-color: #eff8ff !important;
+  .sm\:border-green-600 {
+    border-color: #38a181 !important;
   }
 
-  .sm\:border-indigo-darkest {
-    border-color: #191e38 !important;
+  .sm\:border-green-700 {
+    border-color: #2f8572 !important;
   }
 
-  .sm\:border-indigo-darker {
-    border-color: #2f365f !important;
+  .sm\:border-green-800 {
+    border-color: #28695c !important;
   }
 
-  .sm\:border-indigo-dark {
-    border-color: #5661b3 !important;
+  .sm\:border-green-900 {
+    border-color: #22544b !important;
   }
 
-  .sm\:border-indigo {
-    border-color: #6574cd !important;
+  .sm\:border-blue-100 {
+    border-color: #f1fafd !important;
   }
 
-  .sm\:border-indigo-light {
-    border-color: #7886d7 !important;
+  .sm\:border-blue-200 {
+    border-color: #caedfa !important;
   }
 
-  .sm\:border-indigo-lighter {
-    border-color: #b2b7ff !important;
+  .sm\:border-blue-300 {
+    border-color: #87d3f3 !important;
   }
 
-  .sm\:border-indigo-lightest {
-    border-color: #e6e8ff !important;
+  .sm\:border-blue-400 {
+    border-color: #57b9ec !important;
   }
 
-  .sm\:border-purple-darkest {
-    border-color: #21183c !important;
+  .sm\:border-blue-500 {
+    border-color: #3a9adf !important;
   }
 
-  .sm\:border-purple-darker {
-    border-color: #382b5f !important;
+  .sm\:border-blue-600 {
+    border-color: #2b7cc4 !important;
   }
 
-  .sm\:border-purple-dark {
-    border-color: #794acf !important;
+  .sm\:border-blue-700 {
+    border-color: #2762a3 !important;
   }
 
-  .sm\:border-purple {
-    border-color: #9561e2 !important;
+  .sm\:border-blue-800 {
+    border-color: #284f81 !important;
   }
 
-  .sm\:border-purple-light {
-    border-color: #a779e9 !important;
+  .sm\:border-blue-900 {
+    border-color: #294468 !important;
   }
 
-  .sm\:border-purple-lighter {
-    border-color: #d6bbfc !important;
+  .sm\:border-indigo-100 {
+    border-color: #eef6ff !important;
   }
 
-  .sm\:border-purple-lightest {
-    border-color: #f3ebff !important;
+  .sm\:border-indigo-200 {
+    border-color: #cbe0f9 !important;
   }
 
-  .sm\:border-pink-darkest {
-    border-color: #451225 !important;
+  .sm\:border-indigo-300 {
+    border-color: #a6c5f0 !important;
   }
 
-  .sm\:border-pink-darker {
-    border-color: #6f213f !important;
+  .sm\:border-indigo-400 {
+    border-color: #82a2e3 !important;
   }
 
-  .sm\:border-pink-dark {
-    border-color: #eb5286 !important;
+  .sm\:border-indigo-500 {
+    border-color: #6d80d3 !important;
   }
 
-  .sm\:border-pink {
-    border-color: #f66d9b !important;
+  .sm\:border-indigo-600 {
+    border-color: #5e68bc !important;
   }
 
-  .sm\:border-pink-light {
-    border-color: #fa7ea8 !important;
+  .sm\:border-indigo-700 {
+    border-color: #5154a1 !important;
   }
 
-  .sm\:border-pink-lighter {
-    border-color: #ffbbca !important;
+  .sm\:border-indigo-800 {
+    border-color: #42417f !important;
   }
 
-  .sm\:border-pink-lightest {
-    border-color: #ffebef !important;
+  .sm\:border-indigo-900 {
+    border-color: #37366a !important;
+  }
+
+  .sm\:border-purple-100 {
+    border-color: #faf5ff !important;
+  }
+
+  .sm\:border-purple-200 {
+    border-color: #eddffd !important;
+  }
+
+  .sm\:border-purple-300 {
+    border-color: #dcc7fb !important;
+  }
+
+  .sm\:border-purple-400 {
+    border-color: #b18af4 !important;
+  }
+
+  .sm\:border-purple-500 {
+    border-color: #976de9 !important;
+  }
+
+  .sm\:border-purple-600 {
+    border-color: #7c54d5 !important;
+  }
+
+  .sm\:border-purple-700 {
+    border-color: #6845b9 !important;
+  }
+
+  .sm\:border-purple-800 {
+    border-color: #4d368a !important;
+  }
+
+  .sm\:border-purple-900 {
+    border-color: #3b2c6c !important;
+  }
+
+  .sm\:border-pink-100 {
+    border-color: #fff2f4 !important;
+  }
+
+  .sm\:border-pink-200 {
+    border-color: #fedee4 !important;
+  }
+
+  .sm\:border-pink-300 {
+    border-color: #fcbccb !important;
+  }
+
+  .sm\:border-pink-400 {
+    border-color: #f786a7 !important;
+  }
+
+  .sm\:border-pink-500 {
+    border-color: #ed588b !important;
+  }
+
+  .sm\:border-pink-600 {
+    border-color: #d9447b !important;
+  }
+
+  .sm\:border-pink-700 {
+    border-color: #b32f62 !important;
+  }
+
+  .sm\:border-pink-800 {
+    border-color: #8d2450 !important;
+  }
+
+  .sm\:border-pink-900 {
+    border-color: #741c46 !important;
+  }
+
+  .sm\:border-grey-100 {
+    border-color: #f8fcfe !important;
+  }
+
+  .sm\:border-grey-200 {
+    border-color: #f1f5fb !important;
+  }
+
+  .sm\:border-grey-300 {
+    border-color: #e2e9f0 !important;
+  }
+
+  .sm\:border-grey-400 {
+    border-color: #bbc5cf !important;
+  }
+
+  .sm\:border-grey-500 {
+    border-color: #a3b0bd !important;
+  }
+
+  .sm\:border-grey-600 {
+    border-color: #7a8996 !important;
+  }
+
+  .sm\:border-grey-700 {
+    border-color: #5a6977 !important;
+  }
+
+  .sm\:border-grey-800 {
+    border-color: #2e3a45 !important;
+  }
+
+  .sm\:border-grey-900 {
+    border-color: #1f2830 !important;
   }
 
   .sm\:hover\:border-transparent:hover {
@@ -7882,291 +8922,371 @@ samp {
   }
 
   .sm\:hover\:border-black:hover {
-    border-color: #22292f !important;
-  }
-
-  .sm\:hover\:border-grey-darkest:hover {
-    border-color: #3d4852 !important;
-  }
-
-  .sm\:hover\:border-grey-darker:hover {
-    border-color: #606f7b !important;
-  }
-
-  .sm\:hover\:border-grey-dark:hover {
-    border-color: #8795a1 !important;
-  }
-
-  .sm\:hover\:border-grey:hover {
-    border-color: #b8c2cc !important;
-  }
-
-  .sm\:hover\:border-grey-light:hover {
-    border-color: #dae1e7 !important;
-  }
-
-  .sm\:hover\:border-grey-lighter:hover {
-    border-color: #f1f5f8 !important;
-  }
-
-  .sm\:hover\:border-grey-lightest:hover {
-    border-color: #f8fafc !important;
+    border-color: #000 !important;
   }
 
   .sm\:hover\:border-white:hover {
     border-color: #fff !important;
   }
 
-  .sm\:hover\:border-red-darkest:hover {
-    border-color: #3b0d0c !important;
+  .sm\:hover\:border-teal-100:hover {
+    border-color: #ebfffc !important;
   }
 
-  .sm\:hover\:border-red-darker:hover {
-    border-color: #621b18 !important;
+  .sm\:hover\:border-teal-200:hover {
+    border-color: #b3f1e9 !important;
   }
 
-  .sm\:hover\:border-red-dark:hover {
-    border-color: #cc1f1a !important;
+  .sm\:hover\:border-teal-300:hover {
+    border-color: #82e1d7 !important;
   }
 
-  .sm\:hover\:border-red:hover {
-    border-color: #e3342f !important;
+  .sm\:hover\:border-teal-400:hover {
+    border-color: #60cfc5 !important;
   }
 
-  .sm\:hover\:border-red-light:hover {
-    border-color: #ef5753 !important;
+  .sm\:hover\:border-teal-500:hover {
+    border-color: #49bab2 !important;
   }
 
-  .sm\:hover\:border-red-lighter:hover {
-    border-color: #f9acaa !important;
+  .sm\:hover\:border-teal-600:hover {
+    border-color: #3ea39f !important;
   }
 
-  .sm\:hover\:border-red-lightest:hover {
-    border-color: #fcebea !important;
+  .sm\:hover\:border-teal-700:hover {
+    border-color: #378786 !important;
   }
 
-  .sm\:hover\:border-orange-darkest:hover {
-    border-color: #462a16 !important;
+  .sm\:hover\:border-teal-800:hover {
+    border-color: #316769 !important;
   }
 
-  .sm\:hover\:border-orange-darker:hover {
-    border-color: #613b1f !important;
+  .sm\:hover\:border-teal-900:hover {
+    border-color: #265152 !important;
   }
 
-  .sm\:hover\:border-orange-dark:hover {
-    border-color: #de751f !important;
+  .sm\:hover\:border-red-100:hover {
+    border-color: #fff5f5 !important;
   }
 
-  .sm\:hover\:border-orange:hover {
-    border-color: #f6993f !important;
+  .sm\:hover\:border-red-200:hover {
+    border-color: #fee3e3 !important;
   }
 
-  .sm\:hover\:border-orange-light:hover {
-    border-color: #faad63 !important;
+  .sm\:hover\:border-red-300:hover {
+    border-color: #febcbc !important;
   }
 
-  .sm\:hover\:border-orange-lighter:hover {
-    border-color: #fcd9b6 !important;
+  .sm\:hover\:border-red-400:hover {
+    border-color: #fd9292 !important;
   }
 
-  .sm\:hover\:border-orange-lightest:hover {
-    border-color: #fff5eb !important;
+  .sm\:hover\:border-red-500:hover {
+    border-color: #f95e5f !important;
   }
 
-  .sm\:hover\:border-yellow-darkest:hover {
-    border-color: #453411 !important;
+  .sm\:hover\:border-red-600:hover {
+    border-color: #ec454e !important;
   }
 
-  .sm\:hover\:border-yellow-darker:hover {
-    border-color: #684f1d !important;
+  .sm\:hover\:border-red-700:hover {
+    border-color: #dc3448 !important;
   }
 
-  .sm\:hover\:border-yellow-dark:hover {
-    border-color: #f2d024 !important;
+  .sm\:hover\:border-red-800:hover {
+    border-color: #b4203b !important;
   }
 
-  .sm\:hover\:border-yellow:hover {
-    border-color: #ffed4a !important;
+  .sm\:hover\:border-red-900:hover {
+    border-color: #801b33 !important;
   }
 
-  .sm\:hover\:border-yellow-light:hover {
-    border-color: #fff382 !important;
+  .sm\:hover\:border-orange-100:hover {
+    border-color: #fffaef !important;
   }
 
-  .sm\:hover\:border-yellow-lighter:hover {
-    border-color: #fff9c2 !important;
+  .sm\:hover\:border-orange-200:hover {
+    border-color: #fee8c1 !important;
   }
 
-  .sm\:hover\:border-yellow-lightest:hover {
-    border-color: #fcfbeb !important;
+  .sm\:hover\:border-orange-300:hover {
+    border-color: #fbd087 !important;
   }
 
-  .sm\:hover\:border-green-darkest:hover {
-    border-color: #0f2f21 !important;
+  .sm\:hover\:border-orange-400:hover {
+    border-color: #f6aa4f !important;
   }
 
-  .sm\:hover\:border-green-darker:hover {
-    border-color: #1a4731 !important;
+  .sm\:hover\:border-orange-500:hover {
+    border-color: #ec832b !important;
   }
 
-  .sm\:hover\:border-green-dark:hover {
-    border-color: #1f9d55 !important;
+  .sm\:hover\:border-orange-600:hover {
+    border-color: #df6d22 !important;
   }
 
-  .sm\:hover\:border-green:hover {
-    border-color: #38c172 !important;
+  .sm\:hover\:border-orange-700:hover {
+    border-color: #c55822 !important;
   }
 
-  .sm\:hover\:border-green-light:hover {
-    border-color: #51d88a !important;
+  .sm\:hover\:border-orange-800:hover {
+    border-color: #9f4423 !important;
   }
 
-  .sm\:hover\:border-green-lighter:hover {
-    border-color: #a2f5bf !important;
+  .sm\:hover\:border-orange-900:hover {
+    border-color: #70311e !important;
   }
 
-  .sm\:hover\:border-green-lightest:hover {
-    border-color: #e3fcec !important;
+  .sm\:hover\:border-yellow-100:hover {
+    border-color: #ffffeb !important;
   }
 
-  .sm\:hover\:border-teal-darkest:hover {
-    border-color: #0d3331 !important;
+  .sm\:hover\:border-yellow-200:hover {
+    border-color: #fefcbf !important;
   }
 
-  .sm\:hover\:border-teal-darker:hover {
-    border-color: #20504f !important;
+  .sm\:hover\:border-yellow-300:hover {
+    border-color: #fbf189 !important;
   }
 
-  .sm\:hover\:border-teal-dark:hover {
-    border-color: #38a89d !important;
+  .sm\:hover\:border-yellow-400:hover {
+    border-color: #f6e05e !important;
   }
 
-  .sm\:hover\:border-teal:hover {
-    border-color: #4dc0b5 !important;
+  .sm\:hover\:border-yellow-500:hover {
+    border-color: #ebc743 !important;
   }
 
-  .sm\:hover\:border-teal-light:hover {
-    border-color: #64d5ca !important;
+  .sm\:hover\:border-yellow-600:hover {
+    border-color: #d69e2e !important;
   }
 
-  .sm\:hover\:border-teal-lighter:hover {
-    border-color: #a0f0ed !important;
+  .sm\:hover\:border-yellow-700:hover {
+    border-color: #b7791f !important;
   }
 
-  .sm\:hover\:border-teal-lightest:hover {
-    border-color: #e8fffe !important;
+  .sm\:hover\:border-yellow-800:hover {
+    border-color: #8d5415 !important;
   }
 
-  .sm\:hover\:border-blue-darkest:hover {
-    border-color: #12283a !important;
+  .sm\:hover\:border-yellow-900:hover {
+    border-color: #66390e !important;
   }
 
-  .sm\:hover\:border-blue-darker:hover {
-    border-color: #1c3d5a !important;
+  .sm\:hover\:border-green-100:hover {
+    border-color: #e9ffe9 !important;
   }
 
-  .sm\:hover\:border-blue-dark:hover {
-    border-color: #2779bd !important;
+  .sm\:hover\:border-green-200:hover {
+    border-color: #c1f5c5 !important;
   }
 
-  .sm\:hover\:border-blue:hover {
-    border-color: #3490dc !important;
+  .sm\:hover\:border-green-300:hover {
+    border-color: #9ae6a8 !important;
   }
 
-  .sm\:hover\:border-blue-light:hover {
-    border-color: #6cb2eb !important;
+  .sm\:hover\:border-green-400:hover {
+    border-color: #68d391 !important;
   }
 
-  .sm\:hover\:border-blue-lighter:hover {
-    border-color: #bcdefa !important;
+  .sm\:hover\:border-green-500:hover {
+    border-color: #48bb87 !important;
   }
 
-  .sm\:hover\:border-blue-lightest:hover {
-    border-color: #eff8ff !important;
+  .sm\:hover\:border-green-600:hover {
+    border-color: #38a181 !important;
   }
 
-  .sm\:hover\:border-indigo-darkest:hover {
-    border-color: #191e38 !important;
+  .sm\:hover\:border-green-700:hover {
+    border-color: #2f8572 !important;
   }
 
-  .sm\:hover\:border-indigo-darker:hover {
-    border-color: #2f365f !important;
+  .sm\:hover\:border-green-800:hover {
+    border-color: #28695c !important;
   }
 
-  .sm\:hover\:border-indigo-dark:hover {
-    border-color: #5661b3 !important;
+  .sm\:hover\:border-green-900:hover {
+    border-color: #22544b !important;
   }
 
-  .sm\:hover\:border-indigo:hover {
-    border-color: #6574cd !important;
+  .sm\:hover\:border-blue-100:hover {
+    border-color: #f1fafd !important;
   }
 
-  .sm\:hover\:border-indigo-light:hover {
-    border-color: #7886d7 !important;
+  .sm\:hover\:border-blue-200:hover {
+    border-color: #caedfa !important;
   }
 
-  .sm\:hover\:border-indigo-lighter:hover {
-    border-color: #b2b7ff !important;
+  .sm\:hover\:border-blue-300:hover {
+    border-color: #87d3f3 !important;
   }
 
-  .sm\:hover\:border-indigo-lightest:hover {
-    border-color: #e6e8ff !important;
+  .sm\:hover\:border-blue-400:hover {
+    border-color: #57b9ec !important;
   }
 
-  .sm\:hover\:border-purple-darkest:hover {
-    border-color: #21183c !important;
+  .sm\:hover\:border-blue-500:hover {
+    border-color: #3a9adf !important;
   }
 
-  .sm\:hover\:border-purple-darker:hover {
-    border-color: #382b5f !important;
+  .sm\:hover\:border-blue-600:hover {
+    border-color: #2b7cc4 !important;
   }
 
-  .sm\:hover\:border-purple-dark:hover {
-    border-color: #794acf !important;
+  .sm\:hover\:border-blue-700:hover {
+    border-color: #2762a3 !important;
   }
 
-  .sm\:hover\:border-purple:hover {
-    border-color: #9561e2 !important;
+  .sm\:hover\:border-blue-800:hover {
+    border-color: #284f81 !important;
   }
 
-  .sm\:hover\:border-purple-light:hover {
-    border-color: #a779e9 !important;
+  .sm\:hover\:border-blue-900:hover {
+    border-color: #294468 !important;
   }
 
-  .sm\:hover\:border-purple-lighter:hover {
-    border-color: #d6bbfc !important;
+  .sm\:hover\:border-indigo-100:hover {
+    border-color: #eef6ff !important;
   }
 
-  .sm\:hover\:border-purple-lightest:hover {
-    border-color: #f3ebff !important;
+  .sm\:hover\:border-indigo-200:hover {
+    border-color: #cbe0f9 !important;
   }
 
-  .sm\:hover\:border-pink-darkest:hover {
-    border-color: #451225 !important;
+  .sm\:hover\:border-indigo-300:hover {
+    border-color: #a6c5f0 !important;
   }
 
-  .sm\:hover\:border-pink-darker:hover {
-    border-color: #6f213f !important;
+  .sm\:hover\:border-indigo-400:hover {
+    border-color: #82a2e3 !important;
   }
 
-  .sm\:hover\:border-pink-dark:hover {
-    border-color: #eb5286 !important;
+  .sm\:hover\:border-indigo-500:hover {
+    border-color: #6d80d3 !important;
   }
 
-  .sm\:hover\:border-pink:hover {
-    border-color: #f66d9b !important;
+  .sm\:hover\:border-indigo-600:hover {
+    border-color: #5e68bc !important;
   }
 
-  .sm\:hover\:border-pink-light:hover {
-    border-color: #fa7ea8 !important;
+  .sm\:hover\:border-indigo-700:hover {
+    border-color: #5154a1 !important;
   }
 
-  .sm\:hover\:border-pink-lighter:hover {
-    border-color: #ffbbca !important;
+  .sm\:hover\:border-indigo-800:hover {
+    border-color: #42417f !important;
   }
 
-  .sm\:hover\:border-pink-lightest:hover {
-    border-color: #ffebef !important;
+  .sm\:hover\:border-indigo-900:hover {
+    border-color: #37366a !important;
+  }
+
+  .sm\:hover\:border-purple-100:hover {
+    border-color: #faf5ff !important;
+  }
+
+  .sm\:hover\:border-purple-200:hover {
+    border-color: #eddffd !important;
+  }
+
+  .sm\:hover\:border-purple-300:hover {
+    border-color: #dcc7fb !important;
+  }
+
+  .sm\:hover\:border-purple-400:hover {
+    border-color: #b18af4 !important;
+  }
+
+  .sm\:hover\:border-purple-500:hover {
+    border-color: #976de9 !important;
+  }
+
+  .sm\:hover\:border-purple-600:hover {
+    border-color: #7c54d5 !important;
+  }
+
+  .sm\:hover\:border-purple-700:hover {
+    border-color: #6845b9 !important;
+  }
+
+  .sm\:hover\:border-purple-800:hover {
+    border-color: #4d368a !important;
+  }
+
+  .sm\:hover\:border-purple-900:hover {
+    border-color: #3b2c6c !important;
+  }
+
+  .sm\:hover\:border-pink-100:hover {
+    border-color: #fff2f4 !important;
+  }
+
+  .sm\:hover\:border-pink-200:hover {
+    border-color: #fedee4 !important;
+  }
+
+  .sm\:hover\:border-pink-300:hover {
+    border-color: #fcbccb !important;
+  }
+
+  .sm\:hover\:border-pink-400:hover {
+    border-color: #f786a7 !important;
+  }
+
+  .sm\:hover\:border-pink-500:hover {
+    border-color: #ed588b !important;
+  }
+
+  .sm\:hover\:border-pink-600:hover {
+    border-color: #d9447b !important;
+  }
+
+  .sm\:hover\:border-pink-700:hover {
+    border-color: #b32f62 !important;
+  }
+
+  .sm\:hover\:border-pink-800:hover {
+    border-color: #8d2450 !important;
+  }
+
+  .sm\:hover\:border-pink-900:hover {
+    border-color: #741c46 !important;
+  }
+
+  .sm\:hover\:border-grey-100:hover {
+    border-color: #f8fcfe !important;
+  }
+
+  .sm\:hover\:border-grey-200:hover {
+    border-color: #f1f5fb !important;
+  }
+
+  .sm\:hover\:border-grey-300:hover {
+    border-color: #e2e9f0 !important;
+  }
+
+  .sm\:hover\:border-grey-400:hover {
+    border-color: #bbc5cf !important;
+  }
+
+  .sm\:hover\:border-grey-500:hover {
+    border-color: #a3b0bd !important;
+  }
+
+  .sm\:hover\:border-grey-600:hover {
+    border-color: #7a8996 !important;
+  }
+
+  .sm\:hover\:border-grey-700:hover {
+    border-color: #5a6977 !important;
+  }
+
+  .sm\:hover\:border-grey-800:hover {
+    border-color: #2e3a45 !important;
+  }
+
+  .sm\:hover\:border-grey-900:hover {
+    border-color: #1f2830 !important;
   }
 
   .sm\:focus\:border-transparent:focus {
@@ -8174,291 +9294,371 @@ samp {
   }
 
   .sm\:focus\:border-black:focus {
-    border-color: #22292f !important;
-  }
-
-  .sm\:focus\:border-grey-darkest:focus {
-    border-color: #3d4852 !important;
-  }
-
-  .sm\:focus\:border-grey-darker:focus {
-    border-color: #606f7b !important;
-  }
-
-  .sm\:focus\:border-grey-dark:focus {
-    border-color: #8795a1 !important;
-  }
-
-  .sm\:focus\:border-grey:focus {
-    border-color: #b8c2cc !important;
-  }
-
-  .sm\:focus\:border-grey-light:focus {
-    border-color: #dae1e7 !important;
-  }
-
-  .sm\:focus\:border-grey-lighter:focus {
-    border-color: #f1f5f8 !important;
-  }
-
-  .sm\:focus\:border-grey-lightest:focus {
-    border-color: #f8fafc !important;
+    border-color: #000 !important;
   }
 
   .sm\:focus\:border-white:focus {
     border-color: #fff !important;
   }
 
-  .sm\:focus\:border-red-darkest:focus {
-    border-color: #3b0d0c !important;
+  .sm\:focus\:border-teal-100:focus {
+    border-color: #ebfffc !important;
   }
 
-  .sm\:focus\:border-red-darker:focus {
-    border-color: #621b18 !important;
+  .sm\:focus\:border-teal-200:focus {
+    border-color: #b3f1e9 !important;
   }
 
-  .sm\:focus\:border-red-dark:focus {
-    border-color: #cc1f1a !important;
+  .sm\:focus\:border-teal-300:focus {
+    border-color: #82e1d7 !important;
   }
 
-  .sm\:focus\:border-red:focus {
-    border-color: #e3342f !important;
+  .sm\:focus\:border-teal-400:focus {
+    border-color: #60cfc5 !important;
   }
 
-  .sm\:focus\:border-red-light:focus {
-    border-color: #ef5753 !important;
+  .sm\:focus\:border-teal-500:focus {
+    border-color: #49bab2 !important;
   }
 
-  .sm\:focus\:border-red-lighter:focus {
-    border-color: #f9acaa !important;
+  .sm\:focus\:border-teal-600:focus {
+    border-color: #3ea39f !important;
   }
 
-  .sm\:focus\:border-red-lightest:focus {
-    border-color: #fcebea !important;
+  .sm\:focus\:border-teal-700:focus {
+    border-color: #378786 !important;
   }
 
-  .sm\:focus\:border-orange-darkest:focus {
-    border-color: #462a16 !important;
+  .sm\:focus\:border-teal-800:focus {
+    border-color: #316769 !important;
   }
 
-  .sm\:focus\:border-orange-darker:focus {
-    border-color: #613b1f !important;
+  .sm\:focus\:border-teal-900:focus {
+    border-color: #265152 !important;
   }
 
-  .sm\:focus\:border-orange-dark:focus {
-    border-color: #de751f !important;
+  .sm\:focus\:border-red-100:focus {
+    border-color: #fff5f5 !important;
   }
 
-  .sm\:focus\:border-orange:focus {
-    border-color: #f6993f !important;
+  .sm\:focus\:border-red-200:focus {
+    border-color: #fee3e3 !important;
   }
 
-  .sm\:focus\:border-orange-light:focus {
-    border-color: #faad63 !important;
+  .sm\:focus\:border-red-300:focus {
+    border-color: #febcbc !important;
   }
 
-  .sm\:focus\:border-orange-lighter:focus {
-    border-color: #fcd9b6 !important;
+  .sm\:focus\:border-red-400:focus {
+    border-color: #fd9292 !important;
   }
 
-  .sm\:focus\:border-orange-lightest:focus {
-    border-color: #fff5eb !important;
+  .sm\:focus\:border-red-500:focus {
+    border-color: #f95e5f !important;
   }
 
-  .sm\:focus\:border-yellow-darkest:focus {
-    border-color: #453411 !important;
+  .sm\:focus\:border-red-600:focus {
+    border-color: #ec454e !important;
   }
 
-  .sm\:focus\:border-yellow-darker:focus {
-    border-color: #684f1d !important;
+  .sm\:focus\:border-red-700:focus {
+    border-color: #dc3448 !important;
   }
 
-  .sm\:focus\:border-yellow-dark:focus {
-    border-color: #f2d024 !important;
+  .sm\:focus\:border-red-800:focus {
+    border-color: #b4203b !important;
   }
 
-  .sm\:focus\:border-yellow:focus {
-    border-color: #ffed4a !important;
+  .sm\:focus\:border-red-900:focus {
+    border-color: #801b33 !important;
   }
 
-  .sm\:focus\:border-yellow-light:focus {
-    border-color: #fff382 !important;
+  .sm\:focus\:border-orange-100:focus {
+    border-color: #fffaef !important;
   }
 
-  .sm\:focus\:border-yellow-lighter:focus {
-    border-color: #fff9c2 !important;
+  .sm\:focus\:border-orange-200:focus {
+    border-color: #fee8c1 !important;
   }
 
-  .sm\:focus\:border-yellow-lightest:focus {
-    border-color: #fcfbeb !important;
+  .sm\:focus\:border-orange-300:focus {
+    border-color: #fbd087 !important;
   }
 
-  .sm\:focus\:border-green-darkest:focus {
-    border-color: #0f2f21 !important;
+  .sm\:focus\:border-orange-400:focus {
+    border-color: #f6aa4f !important;
   }
 
-  .sm\:focus\:border-green-darker:focus {
-    border-color: #1a4731 !important;
+  .sm\:focus\:border-orange-500:focus {
+    border-color: #ec832b !important;
   }
 
-  .sm\:focus\:border-green-dark:focus {
-    border-color: #1f9d55 !important;
+  .sm\:focus\:border-orange-600:focus {
+    border-color: #df6d22 !important;
   }
 
-  .sm\:focus\:border-green:focus {
-    border-color: #38c172 !important;
+  .sm\:focus\:border-orange-700:focus {
+    border-color: #c55822 !important;
   }
 
-  .sm\:focus\:border-green-light:focus {
-    border-color: #51d88a !important;
+  .sm\:focus\:border-orange-800:focus {
+    border-color: #9f4423 !important;
   }
 
-  .sm\:focus\:border-green-lighter:focus {
-    border-color: #a2f5bf !important;
+  .sm\:focus\:border-orange-900:focus {
+    border-color: #70311e !important;
   }
 
-  .sm\:focus\:border-green-lightest:focus {
-    border-color: #e3fcec !important;
+  .sm\:focus\:border-yellow-100:focus {
+    border-color: #ffffeb !important;
   }
 
-  .sm\:focus\:border-teal-darkest:focus {
-    border-color: #0d3331 !important;
+  .sm\:focus\:border-yellow-200:focus {
+    border-color: #fefcbf !important;
   }
 
-  .sm\:focus\:border-teal-darker:focus {
-    border-color: #20504f !important;
+  .sm\:focus\:border-yellow-300:focus {
+    border-color: #fbf189 !important;
   }
 
-  .sm\:focus\:border-teal-dark:focus {
-    border-color: #38a89d !important;
+  .sm\:focus\:border-yellow-400:focus {
+    border-color: #f6e05e !important;
   }
 
-  .sm\:focus\:border-teal:focus {
-    border-color: #4dc0b5 !important;
+  .sm\:focus\:border-yellow-500:focus {
+    border-color: #ebc743 !important;
   }
 
-  .sm\:focus\:border-teal-light:focus {
-    border-color: #64d5ca !important;
+  .sm\:focus\:border-yellow-600:focus {
+    border-color: #d69e2e !important;
   }
 
-  .sm\:focus\:border-teal-lighter:focus {
-    border-color: #a0f0ed !important;
+  .sm\:focus\:border-yellow-700:focus {
+    border-color: #b7791f !important;
   }
 
-  .sm\:focus\:border-teal-lightest:focus {
-    border-color: #e8fffe !important;
+  .sm\:focus\:border-yellow-800:focus {
+    border-color: #8d5415 !important;
   }
 
-  .sm\:focus\:border-blue-darkest:focus {
-    border-color: #12283a !important;
+  .sm\:focus\:border-yellow-900:focus {
+    border-color: #66390e !important;
   }
 
-  .sm\:focus\:border-blue-darker:focus {
-    border-color: #1c3d5a !important;
+  .sm\:focus\:border-green-100:focus {
+    border-color: #e9ffe9 !important;
   }
 
-  .sm\:focus\:border-blue-dark:focus {
-    border-color: #2779bd !important;
+  .sm\:focus\:border-green-200:focus {
+    border-color: #c1f5c5 !important;
   }
 
-  .sm\:focus\:border-blue:focus {
-    border-color: #3490dc !important;
+  .sm\:focus\:border-green-300:focus {
+    border-color: #9ae6a8 !important;
   }
 
-  .sm\:focus\:border-blue-light:focus {
-    border-color: #6cb2eb !important;
+  .sm\:focus\:border-green-400:focus {
+    border-color: #68d391 !important;
   }
 
-  .sm\:focus\:border-blue-lighter:focus {
-    border-color: #bcdefa !important;
+  .sm\:focus\:border-green-500:focus {
+    border-color: #48bb87 !important;
   }
 
-  .sm\:focus\:border-blue-lightest:focus {
-    border-color: #eff8ff !important;
+  .sm\:focus\:border-green-600:focus {
+    border-color: #38a181 !important;
   }
 
-  .sm\:focus\:border-indigo-darkest:focus {
-    border-color: #191e38 !important;
+  .sm\:focus\:border-green-700:focus {
+    border-color: #2f8572 !important;
   }
 
-  .sm\:focus\:border-indigo-darker:focus {
-    border-color: #2f365f !important;
+  .sm\:focus\:border-green-800:focus {
+    border-color: #28695c !important;
   }
 
-  .sm\:focus\:border-indigo-dark:focus {
-    border-color: #5661b3 !important;
+  .sm\:focus\:border-green-900:focus {
+    border-color: #22544b !important;
   }
 
-  .sm\:focus\:border-indigo:focus {
-    border-color: #6574cd !important;
+  .sm\:focus\:border-blue-100:focus {
+    border-color: #f1fafd !important;
   }
 
-  .sm\:focus\:border-indigo-light:focus {
-    border-color: #7886d7 !important;
+  .sm\:focus\:border-blue-200:focus {
+    border-color: #caedfa !important;
   }
 
-  .sm\:focus\:border-indigo-lighter:focus {
-    border-color: #b2b7ff !important;
+  .sm\:focus\:border-blue-300:focus {
+    border-color: #87d3f3 !important;
   }
 
-  .sm\:focus\:border-indigo-lightest:focus {
-    border-color: #e6e8ff !important;
+  .sm\:focus\:border-blue-400:focus {
+    border-color: #57b9ec !important;
   }
 
-  .sm\:focus\:border-purple-darkest:focus {
-    border-color: #21183c !important;
+  .sm\:focus\:border-blue-500:focus {
+    border-color: #3a9adf !important;
   }
 
-  .sm\:focus\:border-purple-darker:focus {
-    border-color: #382b5f !important;
+  .sm\:focus\:border-blue-600:focus {
+    border-color: #2b7cc4 !important;
   }
 
-  .sm\:focus\:border-purple-dark:focus {
-    border-color: #794acf !important;
+  .sm\:focus\:border-blue-700:focus {
+    border-color: #2762a3 !important;
   }
 
-  .sm\:focus\:border-purple:focus {
-    border-color: #9561e2 !important;
+  .sm\:focus\:border-blue-800:focus {
+    border-color: #284f81 !important;
   }
 
-  .sm\:focus\:border-purple-light:focus {
-    border-color: #a779e9 !important;
+  .sm\:focus\:border-blue-900:focus {
+    border-color: #294468 !important;
   }
 
-  .sm\:focus\:border-purple-lighter:focus {
-    border-color: #d6bbfc !important;
+  .sm\:focus\:border-indigo-100:focus {
+    border-color: #eef6ff !important;
   }
 
-  .sm\:focus\:border-purple-lightest:focus {
-    border-color: #f3ebff !important;
+  .sm\:focus\:border-indigo-200:focus {
+    border-color: #cbe0f9 !important;
   }
 
-  .sm\:focus\:border-pink-darkest:focus {
-    border-color: #451225 !important;
+  .sm\:focus\:border-indigo-300:focus {
+    border-color: #a6c5f0 !important;
   }
 
-  .sm\:focus\:border-pink-darker:focus {
-    border-color: #6f213f !important;
+  .sm\:focus\:border-indigo-400:focus {
+    border-color: #82a2e3 !important;
   }
 
-  .sm\:focus\:border-pink-dark:focus {
-    border-color: #eb5286 !important;
+  .sm\:focus\:border-indigo-500:focus {
+    border-color: #6d80d3 !important;
   }
 
-  .sm\:focus\:border-pink:focus {
-    border-color: #f66d9b !important;
+  .sm\:focus\:border-indigo-600:focus {
+    border-color: #5e68bc !important;
   }
 
-  .sm\:focus\:border-pink-light:focus {
-    border-color: #fa7ea8 !important;
+  .sm\:focus\:border-indigo-700:focus {
+    border-color: #5154a1 !important;
   }
 
-  .sm\:focus\:border-pink-lighter:focus {
-    border-color: #ffbbca !important;
+  .sm\:focus\:border-indigo-800:focus {
+    border-color: #42417f !important;
   }
 
-  .sm\:focus\:border-pink-lightest:focus {
-    border-color: #ffebef !important;
+  .sm\:focus\:border-indigo-900:focus {
+    border-color: #37366a !important;
+  }
+
+  .sm\:focus\:border-purple-100:focus {
+    border-color: #faf5ff !important;
+  }
+
+  .sm\:focus\:border-purple-200:focus {
+    border-color: #eddffd !important;
+  }
+
+  .sm\:focus\:border-purple-300:focus {
+    border-color: #dcc7fb !important;
+  }
+
+  .sm\:focus\:border-purple-400:focus {
+    border-color: #b18af4 !important;
+  }
+
+  .sm\:focus\:border-purple-500:focus {
+    border-color: #976de9 !important;
+  }
+
+  .sm\:focus\:border-purple-600:focus {
+    border-color: #7c54d5 !important;
+  }
+
+  .sm\:focus\:border-purple-700:focus {
+    border-color: #6845b9 !important;
+  }
+
+  .sm\:focus\:border-purple-800:focus {
+    border-color: #4d368a !important;
+  }
+
+  .sm\:focus\:border-purple-900:focus {
+    border-color: #3b2c6c !important;
+  }
+
+  .sm\:focus\:border-pink-100:focus {
+    border-color: #fff2f4 !important;
+  }
+
+  .sm\:focus\:border-pink-200:focus {
+    border-color: #fedee4 !important;
+  }
+
+  .sm\:focus\:border-pink-300:focus {
+    border-color: #fcbccb !important;
+  }
+
+  .sm\:focus\:border-pink-400:focus {
+    border-color: #f786a7 !important;
+  }
+
+  .sm\:focus\:border-pink-500:focus {
+    border-color: #ed588b !important;
+  }
+
+  .sm\:focus\:border-pink-600:focus {
+    border-color: #d9447b !important;
+  }
+
+  .sm\:focus\:border-pink-700:focus {
+    border-color: #b32f62 !important;
+  }
+
+  .sm\:focus\:border-pink-800:focus {
+    border-color: #8d2450 !important;
+  }
+
+  .sm\:focus\:border-pink-900:focus {
+    border-color: #741c46 !important;
+  }
+
+  .sm\:focus\:border-grey-100:focus {
+    border-color: #f8fcfe !important;
+  }
+
+  .sm\:focus\:border-grey-200:focus {
+    border-color: #f1f5fb !important;
+  }
+
+  .sm\:focus\:border-grey-300:focus {
+    border-color: #e2e9f0 !important;
+  }
+
+  .sm\:focus\:border-grey-400:focus {
+    border-color: #bbc5cf !important;
+  }
+
+  .sm\:focus\:border-grey-500:focus {
+    border-color: #a3b0bd !important;
+  }
+
+  .sm\:focus\:border-grey-600:focus {
+    border-color: #7a8996 !important;
+  }
+
+  .sm\:focus\:border-grey-700:focus {
+    border-color: #5a6977 !important;
+  }
+
+  .sm\:focus\:border-grey-800:focus {
+    border-color: #2e3a45 !important;
+  }
+
+  .sm\:focus\:border-grey-900:focus {
+    border-color: #1f2830 !important;
   }
 
   .sm\:rounded-none {
@@ -11400,291 +12600,371 @@ samp {
   }
 
   .sm\:text-black {
-    color: #22292f !important;
-  }
-
-  .sm\:text-grey-darkest {
-    color: #3d4852 !important;
-  }
-
-  .sm\:text-grey-darker {
-    color: #606f7b !important;
-  }
-
-  .sm\:text-grey-dark {
-    color: #8795a1 !important;
-  }
-
-  .sm\:text-grey {
-    color: #b8c2cc !important;
-  }
-
-  .sm\:text-grey-light {
-    color: #dae1e7 !important;
-  }
-
-  .sm\:text-grey-lighter {
-    color: #f1f5f8 !important;
-  }
-
-  .sm\:text-grey-lightest {
-    color: #f8fafc !important;
+    color: #000 !important;
   }
 
   .sm\:text-white {
     color: #fff !important;
   }
 
-  .sm\:text-red-darkest {
-    color: #3b0d0c !important;
+  .sm\:text-teal-100 {
+    color: #ebfffc !important;
   }
 
-  .sm\:text-red-darker {
-    color: #621b18 !important;
+  .sm\:text-teal-200 {
+    color: #b3f1e9 !important;
   }
 
-  .sm\:text-red-dark {
-    color: #cc1f1a !important;
+  .sm\:text-teal-300 {
+    color: #82e1d7 !important;
   }
 
-  .sm\:text-red {
-    color: #e3342f !important;
+  .sm\:text-teal-400 {
+    color: #60cfc5 !important;
   }
 
-  .sm\:text-red-light {
-    color: #ef5753 !important;
+  .sm\:text-teal-500 {
+    color: #49bab2 !important;
   }
 
-  .sm\:text-red-lighter {
-    color: #f9acaa !important;
+  .sm\:text-teal-600 {
+    color: #3ea39f !important;
   }
 
-  .sm\:text-red-lightest {
-    color: #fcebea !important;
+  .sm\:text-teal-700 {
+    color: #378786 !important;
   }
 
-  .sm\:text-orange-darkest {
-    color: #462a16 !important;
+  .sm\:text-teal-800 {
+    color: #316769 !important;
   }
 
-  .sm\:text-orange-darker {
-    color: #613b1f !important;
+  .sm\:text-teal-900 {
+    color: #265152 !important;
   }
 
-  .sm\:text-orange-dark {
-    color: #de751f !important;
+  .sm\:text-red-100 {
+    color: #fff5f5 !important;
   }
 
-  .sm\:text-orange {
-    color: #f6993f !important;
+  .sm\:text-red-200 {
+    color: #fee3e3 !important;
   }
 
-  .sm\:text-orange-light {
-    color: #faad63 !important;
+  .sm\:text-red-300 {
+    color: #febcbc !important;
   }
 
-  .sm\:text-orange-lighter {
-    color: #fcd9b6 !important;
+  .sm\:text-red-400 {
+    color: #fd9292 !important;
   }
 
-  .sm\:text-orange-lightest {
-    color: #fff5eb !important;
+  .sm\:text-red-500 {
+    color: #f95e5f !important;
   }
 
-  .sm\:text-yellow-darkest {
-    color: #453411 !important;
+  .sm\:text-red-600 {
+    color: #ec454e !important;
   }
 
-  .sm\:text-yellow-darker {
-    color: #684f1d !important;
+  .sm\:text-red-700 {
+    color: #dc3448 !important;
   }
 
-  .sm\:text-yellow-dark {
-    color: #f2d024 !important;
+  .sm\:text-red-800 {
+    color: #b4203b !important;
   }
 
-  .sm\:text-yellow {
-    color: #ffed4a !important;
+  .sm\:text-red-900 {
+    color: #801b33 !important;
   }
 
-  .sm\:text-yellow-light {
-    color: #fff382 !important;
+  .sm\:text-orange-100 {
+    color: #fffaef !important;
   }
 
-  .sm\:text-yellow-lighter {
-    color: #fff9c2 !important;
+  .sm\:text-orange-200 {
+    color: #fee8c1 !important;
   }
 
-  .sm\:text-yellow-lightest {
-    color: #fcfbeb !important;
+  .sm\:text-orange-300 {
+    color: #fbd087 !important;
   }
 
-  .sm\:text-green-darkest {
-    color: #0f2f21 !important;
+  .sm\:text-orange-400 {
+    color: #f6aa4f !important;
   }
 
-  .sm\:text-green-darker {
-    color: #1a4731 !important;
+  .sm\:text-orange-500 {
+    color: #ec832b !important;
   }
 
-  .sm\:text-green-dark {
-    color: #1f9d55 !important;
+  .sm\:text-orange-600 {
+    color: #df6d22 !important;
   }
 
-  .sm\:text-green {
-    color: #38c172 !important;
+  .sm\:text-orange-700 {
+    color: #c55822 !important;
   }
 
-  .sm\:text-green-light {
-    color: #51d88a !important;
+  .sm\:text-orange-800 {
+    color: #9f4423 !important;
   }
 
-  .sm\:text-green-lighter {
-    color: #a2f5bf !important;
+  .sm\:text-orange-900 {
+    color: #70311e !important;
   }
 
-  .sm\:text-green-lightest {
-    color: #e3fcec !important;
+  .sm\:text-yellow-100 {
+    color: #ffffeb !important;
   }
 
-  .sm\:text-teal-darkest {
-    color: #0d3331 !important;
+  .sm\:text-yellow-200 {
+    color: #fefcbf !important;
   }
 
-  .sm\:text-teal-darker {
-    color: #20504f !important;
+  .sm\:text-yellow-300 {
+    color: #fbf189 !important;
   }
 
-  .sm\:text-teal-dark {
-    color: #38a89d !important;
+  .sm\:text-yellow-400 {
+    color: #f6e05e !important;
   }
 
-  .sm\:text-teal {
-    color: #4dc0b5 !important;
+  .sm\:text-yellow-500 {
+    color: #ebc743 !important;
   }
 
-  .sm\:text-teal-light {
-    color: #64d5ca !important;
+  .sm\:text-yellow-600 {
+    color: #d69e2e !important;
   }
 
-  .sm\:text-teal-lighter {
-    color: #a0f0ed !important;
+  .sm\:text-yellow-700 {
+    color: #b7791f !important;
   }
 
-  .sm\:text-teal-lightest {
-    color: #e8fffe !important;
+  .sm\:text-yellow-800 {
+    color: #8d5415 !important;
   }
 
-  .sm\:text-blue-darkest {
-    color: #12283a !important;
+  .sm\:text-yellow-900 {
+    color: #66390e !important;
   }
 
-  .sm\:text-blue-darker {
-    color: #1c3d5a !important;
+  .sm\:text-green-100 {
+    color: #e9ffe9 !important;
   }
 
-  .sm\:text-blue-dark {
-    color: #2779bd !important;
+  .sm\:text-green-200 {
+    color: #c1f5c5 !important;
   }
 
-  .sm\:text-blue {
-    color: #3490dc !important;
+  .sm\:text-green-300 {
+    color: #9ae6a8 !important;
   }
 
-  .sm\:text-blue-light {
-    color: #6cb2eb !important;
+  .sm\:text-green-400 {
+    color: #68d391 !important;
   }
 
-  .sm\:text-blue-lighter {
-    color: #bcdefa !important;
+  .sm\:text-green-500 {
+    color: #48bb87 !important;
   }
 
-  .sm\:text-blue-lightest {
-    color: #eff8ff !important;
+  .sm\:text-green-600 {
+    color: #38a181 !important;
   }
 
-  .sm\:text-indigo-darkest {
-    color: #191e38 !important;
+  .sm\:text-green-700 {
+    color: #2f8572 !important;
   }
 
-  .sm\:text-indigo-darker {
-    color: #2f365f !important;
+  .sm\:text-green-800 {
+    color: #28695c !important;
   }
 
-  .sm\:text-indigo-dark {
-    color: #5661b3 !important;
+  .sm\:text-green-900 {
+    color: #22544b !important;
   }
 
-  .sm\:text-indigo {
-    color: #6574cd !important;
+  .sm\:text-blue-100 {
+    color: #f1fafd !important;
   }
 
-  .sm\:text-indigo-light {
-    color: #7886d7 !important;
+  .sm\:text-blue-200 {
+    color: #caedfa !important;
   }
 
-  .sm\:text-indigo-lighter {
-    color: #b2b7ff !important;
+  .sm\:text-blue-300 {
+    color: #87d3f3 !important;
   }
 
-  .sm\:text-indigo-lightest {
-    color: #e6e8ff !important;
+  .sm\:text-blue-400 {
+    color: #57b9ec !important;
   }
 
-  .sm\:text-purple-darkest {
-    color: #21183c !important;
+  .sm\:text-blue-500 {
+    color: #3a9adf !important;
   }
 
-  .sm\:text-purple-darker {
-    color: #382b5f !important;
+  .sm\:text-blue-600 {
+    color: #2b7cc4 !important;
   }
 
-  .sm\:text-purple-dark {
-    color: #794acf !important;
+  .sm\:text-blue-700 {
+    color: #2762a3 !important;
   }
 
-  .sm\:text-purple {
-    color: #9561e2 !important;
+  .sm\:text-blue-800 {
+    color: #284f81 !important;
   }
 
-  .sm\:text-purple-light {
-    color: #a779e9 !important;
+  .sm\:text-blue-900 {
+    color: #294468 !important;
   }
 
-  .sm\:text-purple-lighter {
-    color: #d6bbfc !important;
+  .sm\:text-indigo-100 {
+    color: #eef6ff !important;
   }
 
-  .sm\:text-purple-lightest {
-    color: #f3ebff !important;
+  .sm\:text-indigo-200 {
+    color: #cbe0f9 !important;
   }
 
-  .sm\:text-pink-darkest {
-    color: #451225 !important;
+  .sm\:text-indigo-300 {
+    color: #a6c5f0 !important;
   }
 
-  .sm\:text-pink-darker {
-    color: #6f213f !important;
+  .sm\:text-indigo-400 {
+    color: #82a2e3 !important;
   }
 
-  .sm\:text-pink-dark {
-    color: #eb5286 !important;
+  .sm\:text-indigo-500 {
+    color: #6d80d3 !important;
   }
 
-  .sm\:text-pink {
-    color: #f66d9b !important;
+  .sm\:text-indigo-600 {
+    color: #5e68bc !important;
   }
 
-  .sm\:text-pink-light {
-    color: #fa7ea8 !important;
+  .sm\:text-indigo-700 {
+    color: #5154a1 !important;
   }
 
-  .sm\:text-pink-lighter {
-    color: #ffbbca !important;
+  .sm\:text-indigo-800 {
+    color: #42417f !important;
   }
 
-  .sm\:text-pink-lightest {
-    color: #ffebef !important;
+  .sm\:text-indigo-900 {
+    color: #37366a !important;
+  }
+
+  .sm\:text-purple-100 {
+    color: #faf5ff !important;
+  }
+
+  .sm\:text-purple-200 {
+    color: #eddffd !important;
+  }
+
+  .sm\:text-purple-300 {
+    color: #dcc7fb !important;
+  }
+
+  .sm\:text-purple-400 {
+    color: #b18af4 !important;
+  }
+
+  .sm\:text-purple-500 {
+    color: #976de9 !important;
+  }
+
+  .sm\:text-purple-600 {
+    color: #7c54d5 !important;
+  }
+
+  .sm\:text-purple-700 {
+    color: #6845b9 !important;
+  }
+
+  .sm\:text-purple-800 {
+    color: #4d368a !important;
+  }
+
+  .sm\:text-purple-900 {
+    color: #3b2c6c !important;
+  }
+
+  .sm\:text-pink-100 {
+    color: #fff2f4 !important;
+  }
+
+  .sm\:text-pink-200 {
+    color: #fedee4 !important;
+  }
+
+  .sm\:text-pink-300 {
+    color: #fcbccb !important;
+  }
+
+  .sm\:text-pink-400 {
+    color: #f786a7 !important;
+  }
+
+  .sm\:text-pink-500 {
+    color: #ed588b !important;
+  }
+
+  .sm\:text-pink-600 {
+    color: #d9447b !important;
+  }
+
+  .sm\:text-pink-700 {
+    color: #b32f62 !important;
+  }
+
+  .sm\:text-pink-800 {
+    color: #8d2450 !important;
+  }
+
+  .sm\:text-pink-900 {
+    color: #741c46 !important;
+  }
+
+  .sm\:text-grey-100 {
+    color: #f8fcfe !important;
+  }
+
+  .sm\:text-grey-200 {
+    color: #f1f5fb !important;
+  }
+
+  .sm\:text-grey-300 {
+    color: #e2e9f0 !important;
+  }
+
+  .sm\:text-grey-400 {
+    color: #bbc5cf !important;
+  }
+
+  .sm\:text-grey-500 {
+    color: #a3b0bd !important;
+  }
+
+  .sm\:text-grey-600 {
+    color: #7a8996 !important;
+  }
+
+  .sm\:text-grey-700 {
+    color: #5a6977 !important;
+  }
+
+  .sm\:text-grey-800 {
+    color: #2e3a45 !important;
+  }
+
+  .sm\:text-grey-900 {
+    color: #1f2830 !important;
   }
 
   .sm\:hover\:text-transparent:hover {
@@ -11692,291 +12972,371 @@ samp {
   }
 
   .sm\:hover\:text-black:hover {
-    color: #22292f !important;
-  }
-
-  .sm\:hover\:text-grey-darkest:hover {
-    color: #3d4852 !important;
-  }
-
-  .sm\:hover\:text-grey-darker:hover {
-    color: #606f7b !important;
-  }
-
-  .sm\:hover\:text-grey-dark:hover {
-    color: #8795a1 !important;
-  }
-
-  .sm\:hover\:text-grey:hover {
-    color: #b8c2cc !important;
-  }
-
-  .sm\:hover\:text-grey-light:hover {
-    color: #dae1e7 !important;
-  }
-
-  .sm\:hover\:text-grey-lighter:hover {
-    color: #f1f5f8 !important;
-  }
-
-  .sm\:hover\:text-grey-lightest:hover {
-    color: #f8fafc !important;
+    color: #000 !important;
   }
 
   .sm\:hover\:text-white:hover {
     color: #fff !important;
   }
 
-  .sm\:hover\:text-red-darkest:hover {
-    color: #3b0d0c !important;
+  .sm\:hover\:text-teal-100:hover {
+    color: #ebfffc !important;
   }
 
-  .sm\:hover\:text-red-darker:hover {
-    color: #621b18 !important;
+  .sm\:hover\:text-teal-200:hover {
+    color: #b3f1e9 !important;
   }
 
-  .sm\:hover\:text-red-dark:hover {
-    color: #cc1f1a !important;
+  .sm\:hover\:text-teal-300:hover {
+    color: #82e1d7 !important;
   }
 
-  .sm\:hover\:text-red:hover {
-    color: #e3342f !important;
+  .sm\:hover\:text-teal-400:hover {
+    color: #60cfc5 !important;
   }
 
-  .sm\:hover\:text-red-light:hover {
-    color: #ef5753 !important;
+  .sm\:hover\:text-teal-500:hover {
+    color: #49bab2 !important;
   }
 
-  .sm\:hover\:text-red-lighter:hover {
-    color: #f9acaa !important;
+  .sm\:hover\:text-teal-600:hover {
+    color: #3ea39f !important;
   }
 
-  .sm\:hover\:text-red-lightest:hover {
-    color: #fcebea !important;
+  .sm\:hover\:text-teal-700:hover {
+    color: #378786 !important;
   }
 
-  .sm\:hover\:text-orange-darkest:hover {
-    color: #462a16 !important;
+  .sm\:hover\:text-teal-800:hover {
+    color: #316769 !important;
   }
 
-  .sm\:hover\:text-orange-darker:hover {
-    color: #613b1f !important;
+  .sm\:hover\:text-teal-900:hover {
+    color: #265152 !important;
   }
 
-  .sm\:hover\:text-orange-dark:hover {
-    color: #de751f !important;
+  .sm\:hover\:text-red-100:hover {
+    color: #fff5f5 !important;
   }
 
-  .sm\:hover\:text-orange:hover {
-    color: #f6993f !important;
+  .sm\:hover\:text-red-200:hover {
+    color: #fee3e3 !important;
   }
 
-  .sm\:hover\:text-orange-light:hover {
-    color: #faad63 !important;
+  .sm\:hover\:text-red-300:hover {
+    color: #febcbc !important;
   }
 
-  .sm\:hover\:text-orange-lighter:hover {
-    color: #fcd9b6 !important;
+  .sm\:hover\:text-red-400:hover {
+    color: #fd9292 !important;
   }
 
-  .sm\:hover\:text-orange-lightest:hover {
-    color: #fff5eb !important;
+  .sm\:hover\:text-red-500:hover {
+    color: #f95e5f !important;
   }
 
-  .sm\:hover\:text-yellow-darkest:hover {
-    color: #453411 !important;
+  .sm\:hover\:text-red-600:hover {
+    color: #ec454e !important;
   }
 
-  .sm\:hover\:text-yellow-darker:hover {
-    color: #684f1d !important;
+  .sm\:hover\:text-red-700:hover {
+    color: #dc3448 !important;
   }
 
-  .sm\:hover\:text-yellow-dark:hover {
-    color: #f2d024 !important;
+  .sm\:hover\:text-red-800:hover {
+    color: #b4203b !important;
   }
 
-  .sm\:hover\:text-yellow:hover {
-    color: #ffed4a !important;
+  .sm\:hover\:text-red-900:hover {
+    color: #801b33 !important;
   }
 
-  .sm\:hover\:text-yellow-light:hover {
-    color: #fff382 !important;
+  .sm\:hover\:text-orange-100:hover {
+    color: #fffaef !important;
   }
 
-  .sm\:hover\:text-yellow-lighter:hover {
-    color: #fff9c2 !important;
+  .sm\:hover\:text-orange-200:hover {
+    color: #fee8c1 !important;
   }
 
-  .sm\:hover\:text-yellow-lightest:hover {
-    color: #fcfbeb !important;
+  .sm\:hover\:text-orange-300:hover {
+    color: #fbd087 !important;
   }
 
-  .sm\:hover\:text-green-darkest:hover {
-    color: #0f2f21 !important;
+  .sm\:hover\:text-orange-400:hover {
+    color: #f6aa4f !important;
   }
 
-  .sm\:hover\:text-green-darker:hover {
-    color: #1a4731 !important;
+  .sm\:hover\:text-orange-500:hover {
+    color: #ec832b !important;
   }
 
-  .sm\:hover\:text-green-dark:hover {
-    color: #1f9d55 !important;
+  .sm\:hover\:text-orange-600:hover {
+    color: #df6d22 !important;
   }
 
-  .sm\:hover\:text-green:hover {
-    color: #38c172 !important;
+  .sm\:hover\:text-orange-700:hover {
+    color: #c55822 !important;
   }
 
-  .sm\:hover\:text-green-light:hover {
-    color: #51d88a !important;
+  .sm\:hover\:text-orange-800:hover {
+    color: #9f4423 !important;
   }
 
-  .sm\:hover\:text-green-lighter:hover {
-    color: #a2f5bf !important;
+  .sm\:hover\:text-orange-900:hover {
+    color: #70311e !important;
   }
 
-  .sm\:hover\:text-green-lightest:hover {
-    color: #e3fcec !important;
+  .sm\:hover\:text-yellow-100:hover {
+    color: #ffffeb !important;
   }
 
-  .sm\:hover\:text-teal-darkest:hover {
-    color: #0d3331 !important;
+  .sm\:hover\:text-yellow-200:hover {
+    color: #fefcbf !important;
   }
 
-  .sm\:hover\:text-teal-darker:hover {
-    color: #20504f !important;
+  .sm\:hover\:text-yellow-300:hover {
+    color: #fbf189 !important;
   }
 
-  .sm\:hover\:text-teal-dark:hover {
-    color: #38a89d !important;
+  .sm\:hover\:text-yellow-400:hover {
+    color: #f6e05e !important;
   }
 
-  .sm\:hover\:text-teal:hover {
-    color: #4dc0b5 !important;
+  .sm\:hover\:text-yellow-500:hover {
+    color: #ebc743 !important;
   }
 
-  .sm\:hover\:text-teal-light:hover {
-    color: #64d5ca !important;
+  .sm\:hover\:text-yellow-600:hover {
+    color: #d69e2e !important;
   }
 
-  .sm\:hover\:text-teal-lighter:hover {
-    color: #a0f0ed !important;
+  .sm\:hover\:text-yellow-700:hover {
+    color: #b7791f !important;
   }
 
-  .sm\:hover\:text-teal-lightest:hover {
-    color: #e8fffe !important;
+  .sm\:hover\:text-yellow-800:hover {
+    color: #8d5415 !important;
   }
 
-  .sm\:hover\:text-blue-darkest:hover {
-    color: #12283a !important;
+  .sm\:hover\:text-yellow-900:hover {
+    color: #66390e !important;
   }
 
-  .sm\:hover\:text-blue-darker:hover {
-    color: #1c3d5a !important;
+  .sm\:hover\:text-green-100:hover {
+    color: #e9ffe9 !important;
   }
 
-  .sm\:hover\:text-blue-dark:hover {
-    color: #2779bd !important;
+  .sm\:hover\:text-green-200:hover {
+    color: #c1f5c5 !important;
   }
 
-  .sm\:hover\:text-blue:hover {
-    color: #3490dc !important;
+  .sm\:hover\:text-green-300:hover {
+    color: #9ae6a8 !important;
   }
 
-  .sm\:hover\:text-blue-light:hover {
-    color: #6cb2eb !important;
+  .sm\:hover\:text-green-400:hover {
+    color: #68d391 !important;
   }
 
-  .sm\:hover\:text-blue-lighter:hover {
-    color: #bcdefa !important;
+  .sm\:hover\:text-green-500:hover {
+    color: #48bb87 !important;
   }
 
-  .sm\:hover\:text-blue-lightest:hover {
-    color: #eff8ff !important;
+  .sm\:hover\:text-green-600:hover {
+    color: #38a181 !important;
   }
 
-  .sm\:hover\:text-indigo-darkest:hover {
-    color: #191e38 !important;
+  .sm\:hover\:text-green-700:hover {
+    color: #2f8572 !important;
   }
 
-  .sm\:hover\:text-indigo-darker:hover {
-    color: #2f365f !important;
+  .sm\:hover\:text-green-800:hover {
+    color: #28695c !important;
   }
 
-  .sm\:hover\:text-indigo-dark:hover {
-    color: #5661b3 !important;
+  .sm\:hover\:text-green-900:hover {
+    color: #22544b !important;
   }
 
-  .sm\:hover\:text-indigo:hover {
-    color: #6574cd !important;
+  .sm\:hover\:text-blue-100:hover {
+    color: #f1fafd !important;
   }
 
-  .sm\:hover\:text-indigo-light:hover {
-    color: #7886d7 !important;
+  .sm\:hover\:text-blue-200:hover {
+    color: #caedfa !important;
   }
 
-  .sm\:hover\:text-indigo-lighter:hover {
-    color: #b2b7ff !important;
+  .sm\:hover\:text-blue-300:hover {
+    color: #87d3f3 !important;
   }
 
-  .sm\:hover\:text-indigo-lightest:hover {
-    color: #e6e8ff !important;
+  .sm\:hover\:text-blue-400:hover {
+    color: #57b9ec !important;
   }
 
-  .sm\:hover\:text-purple-darkest:hover {
-    color: #21183c !important;
+  .sm\:hover\:text-blue-500:hover {
+    color: #3a9adf !important;
   }
 
-  .sm\:hover\:text-purple-darker:hover {
-    color: #382b5f !important;
+  .sm\:hover\:text-blue-600:hover {
+    color: #2b7cc4 !important;
   }
 
-  .sm\:hover\:text-purple-dark:hover {
-    color: #794acf !important;
+  .sm\:hover\:text-blue-700:hover {
+    color: #2762a3 !important;
   }
 
-  .sm\:hover\:text-purple:hover {
-    color: #9561e2 !important;
+  .sm\:hover\:text-blue-800:hover {
+    color: #284f81 !important;
   }
 
-  .sm\:hover\:text-purple-light:hover {
-    color: #a779e9 !important;
+  .sm\:hover\:text-blue-900:hover {
+    color: #294468 !important;
   }
 
-  .sm\:hover\:text-purple-lighter:hover {
-    color: #d6bbfc !important;
+  .sm\:hover\:text-indigo-100:hover {
+    color: #eef6ff !important;
   }
 
-  .sm\:hover\:text-purple-lightest:hover {
-    color: #f3ebff !important;
+  .sm\:hover\:text-indigo-200:hover {
+    color: #cbe0f9 !important;
   }
 
-  .sm\:hover\:text-pink-darkest:hover {
-    color: #451225 !important;
+  .sm\:hover\:text-indigo-300:hover {
+    color: #a6c5f0 !important;
   }
 
-  .sm\:hover\:text-pink-darker:hover {
-    color: #6f213f !important;
+  .sm\:hover\:text-indigo-400:hover {
+    color: #82a2e3 !important;
   }
 
-  .sm\:hover\:text-pink-dark:hover {
-    color: #eb5286 !important;
+  .sm\:hover\:text-indigo-500:hover {
+    color: #6d80d3 !important;
   }
 
-  .sm\:hover\:text-pink:hover {
-    color: #f66d9b !important;
+  .sm\:hover\:text-indigo-600:hover {
+    color: #5e68bc !important;
   }
 
-  .sm\:hover\:text-pink-light:hover {
-    color: #fa7ea8 !important;
+  .sm\:hover\:text-indigo-700:hover {
+    color: #5154a1 !important;
   }
 
-  .sm\:hover\:text-pink-lighter:hover {
-    color: #ffbbca !important;
+  .sm\:hover\:text-indigo-800:hover {
+    color: #42417f !important;
   }
 
-  .sm\:hover\:text-pink-lightest:hover {
-    color: #ffebef !important;
+  .sm\:hover\:text-indigo-900:hover {
+    color: #37366a !important;
+  }
+
+  .sm\:hover\:text-purple-100:hover {
+    color: #faf5ff !important;
+  }
+
+  .sm\:hover\:text-purple-200:hover {
+    color: #eddffd !important;
+  }
+
+  .sm\:hover\:text-purple-300:hover {
+    color: #dcc7fb !important;
+  }
+
+  .sm\:hover\:text-purple-400:hover {
+    color: #b18af4 !important;
+  }
+
+  .sm\:hover\:text-purple-500:hover {
+    color: #976de9 !important;
+  }
+
+  .sm\:hover\:text-purple-600:hover {
+    color: #7c54d5 !important;
+  }
+
+  .sm\:hover\:text-purple-700:hover {
+    color: #6845b9 !important;
+  }
+
+  .sm\:hover\:text-purple-800:hover {
+    color: #4d368a !important;
+  }
+
+  .sm\:hover\:text-purple-900:hover {
+    color: #3b2c6c !important;
+  }
+
+  .sm\:hover\:text-pink-100:hover {
+    color: #fff2f4 !important;
+  }
+
+  .sm\:hover\:text-pink-200:hover {
+    color: #fedee4 !important;
+  }
+
+  .sm\:hover\:text-pink-300:hover {
+    color: #fcbccb !important;
+  }
+
+  .sm\:hover\:text-pink-400:hover {
+    color: #f786a7 !important;
+  }
+
+  .sm\:hover\:text-pink-500:hover {
+    color: #ed588b !important;
+  }
+
+  .sm\:hover\:text-pink-600:hover {
+    color: #d9447b !important;
+  }
+
+  .sm\:hover\:text-pink-700:hover {
+    color: #b32f62 !important;
+  }
+
+  .sm\:hover\:text-pink-800:hover {
+    color: #8d2450 !important;
+  }
+
+  .sm\:hover\:text-pink-900:hover {
+    color: #741c46 !important;
+  }
+
+  .sm\:hover\:text-grey-100:hover {
+    color: #f8fcfe !important;
+  }
+
+  .sm\:hover\:text-grey-200:hover {
+    color: #f1f5fb !important;
+  }
+
+  .sm\:hover\:text-grey-300:hover {
+    color: #e2e9f0 !important;
+  }
+
+  .sm\:hover\:text-grey-400:hover {
+    color: #bbc5cf !important;
+  }
+
+  .sm\:hover\:text-grey-500:hover {
+    color: #a3b0bd !important;
+  }
+
+  .sm\:hover\:text-grey-600:hover {
+    color: #7a8996 !important;
+  }
+
+  .sm\:hover\:text-grey-700:hover {
+    color: #5a6977 !important;
+  }
+
+  .sm\:hover\:text-grey-800:hover {
+    color: #2e3a45 !important;
+  }
+
+  .sm\:hover\:text-grey-900:hover {
+    color: #1f2830 !important;
   }
 
   .sm\:focus\:text-transparent:focus {
@@ -11984,291 +13344,371 @@ samp {
   }
 
   .sm\:focus\:text-black:focus {
-    color: #22292f !important;
-  }
-
-  .sm\:focus\:text-grey-darkest:focus {
-    color: #3d4852 !important;
-  }
-
-  .sm\:focus\:text-grey-darker:focus {
-    color: #606f7b !important;
-  }
-
-  .sm\:focus\:text-grey-dark:focus {
-    color: #8795a1 !important;
-  }
-
-  .sm\:focus\:text-grey:focus {
-    color: #b8c2cc !important;
-  }
-
-  .sm\:focus\:text-grey-light:focus {
-    color: #dae1e7 !important;
-  }
-
-  .sm\:focus\:text-grey-lighter:focus {
-    color: #f1f5f8 !important;
-  }
-
-  .sm\:focus\:text-grey-lightest:focus {
-    color: #f8fafc !important;
+    color: #000 !important;
   }
 
   .sm\:focus\:text-white:focus {
     color: #fff !important;
   }
 
-  .sm\:focus\:text-red-darkest:focus {
-    color: #3b0d0c !important;
+  .sm\:focus\:text-teal-100:focus {
+    color: #ebfffc !important;
   }
 
-  .sm\:focus\:text-red-darker:focus {
-    color: #621b18 !important;
+  .sm\:focus\:text-teal-200:focus {
+    color: #b3f1e9 !important;
   }
 
-  .sm\:focus\:text-red-dark:focus {
-    color: #cc1f1a !important;
+  .sm\:focus\:text-teal-300:focus {
+    color: #82e1d7 !important;
   }
 
-  .sm\:focus\:text-red:focus {
-    color: #e3342f !important;
+  .sm\:focus\:text-teal-400:focus {
+    color: #60cfc5 !important;
   }
 
-  .sm\:focus\:text-red-light:focus {
-    color: #ef5753 !important;
+  .sm\:focus\:text-teal-500:focus {
+    color: #49bab2 !important;
   }
 
-  .sm\:focus\:text-red-lighter:focus {
-    color: #f9acaa !important;
+  .sm\:focus\:text-teal-600:focus {
+    color: #3ea39f !important;
   }
 
-  .sm\:focus\:text-red-lightest:focus {
-    color: #fcebea !important;
+  .sm\:focus\:text-teal-700:focus {
+    color: #378786 !important;
   }
 
-  .sm\:focus\:text-orange-darkest:focus {
-    color: #462a16 !important;
+  .sm\:focus\:text-teal-800:focus {
+    color: #316769 !important;
   }
 
-  .sm\:focus\:text-orange-darker:focus {
-    color: #613b1f !important;
+  .sm\:focus\:text-teal-900:focus {
+    color: #265152 !important;
   }
 
-  .sm\:focus\:text-orange-dark:focus {
-    color: #de751f !important;
+  .sm\:focus\:text-red-100:focus {
+    color: #fff5f5 !important;
   }
 
-  .sm\:focus\:text-orange:focus {
-    color: #f6993f !important;
+  .sm\:focus\:text-red-200:focus {
+    color: #fee3e3 !important;
   }
 
-  .sm\:focus\:text-orange-light:focus {
-    color: #faad63 !important;
+  .sm\:focus\:text-red-300:focus {
+    color: #febcbc !important;
   }
 
-  .sm\:focus\:text-orange-lighter:focus {
-    color: #fcd9b6 !important;
+  .sm\:focus\:text-red-400:focus {
+    color: #fd9292 !important;
   }
 
-  .sm\:focus\:text-orange-lightest:focus {
-    color: #fff5eb !important;
+  .sm\:focus\:text-red-500:focus {
+    color: #f95e5f !important;
   }
 
-  .sm\:focus\:text-yellow-darkest:focus {
-    color: #453411 !important;
+  .sm\:focus\:text-red-600:focus {
+    color: #ec454e !important;
   }
 
-  .sm\:focus\:text-yellow-darker:focus {
-    color: #684f1d !important;
+  .sm\:focus\:text-red-700:focus {
+    color: #dc3448 !important;
   }
 
-  .sm\:focus\:text-yellow-dark:focus {
-    color: #f2d024 !important;
+  .sm\:focus\:text-red-800:focus {
+    color: #b4203b !important;
   }
 
-  .sm\:focus\:text-yellow:focus {
-    color: #ffed4a !important;
+  .sm\:focus\:text-red-900:focus {
+    color: #801b33 !important;
   }
 
-  .sm\:focus\:text-yellow-light:focus {
-    color: #fff382 !important;
+  .sm\:focus\:text-orange-100:focus {
+    color: #fffaef !important;
   }
 
-  .sm\:focus\:text-yellow-lighter:focus {
-    color: #fff9c2 !important;
+  .sm\:focus\:text-orange-200:focus {
+    color: #fee8c1 !important;
   }
 
-  .sm\:focus\:text-yellow-lightest:focus {
-    color: #fcfbeb !important;
+  .sm\:focus\:text-orange-300:focus {
+    color: #fbd087 !important;
   }
 
-  .sm\:focus\:text-green-darkest:focus {
-    color: #0f2f21 !important;
+  .sm\:focus\:text-orange-400:focus {
+    color: #f6aa4f !important;
   }
 
-  .sm\:focus\:text-green-darker:focus {
-    color: #1a4731 !important;
+  .sm\:focus\:text-orange-500:focus {
+    color: #ec832b !important;
   }
 
-  .sm\:focus\:text-green-dark:focus {
-    color: #1f9d55 !important;
+  .sm\:focus\:text-orange-600:focus {
+    color: #df6d22 !important;
   }
 
-  .sm\:focus\:text-green:focus {
-    color: #38c172 !important;
+  .sm\:focus\:text-orange-700:focus {
+    color: #c55822 !important;
   }
 
-  .sm\:focus\:text-green-light:focus {
-    color: #51d88a !important;
+  .sm\:focus\:text-orange-800:focus {
+    color: #9f4423 !important;
   }
 
-  .sm\:focus\:text-green-lighter:focus {
-    color: #a2f5bf !important;
+  .sm\:focus\:text-orange-900:focus {
+    color: #70311e !important;
   }
 
-  .sm\:focus\:text-green-lightest:focus {
-    color: #e3fcec !important;
+  .sm\:focus\:text-yellow-100:focus {
+    color: #ffffeb !important;
   }
 
-  .sm\:focus\:text-teal-darkest:focus {
-    color: #0d3331 !important;
+  .sm\:focus\:text-yellow-200:focus {
+    color: #fefcbf !important;
   }
 
-  .sm\:focus\:text-teal-darker:focus {
-    color: #20504f !important;
+  .sm\:focus\:text-yellow-300:focus {
+    color: #fbf189 !important;
   }
 
-  .sm\:focus\:text-teal-dark:focus {
-    color: #38a89d !important;
+  .sm\:focus\:text-yellow-400:focus {
+    color: #f6e05e !important;
   }
 
-  .sm\:focus\:text-teal:focus {
-    color: #4dc0b5 !important;
+  .sm\:focus\:text-yellow-500:focus {
+    color: #ebc743 !important;
   }
 
-  .sm\:focus\:text-teal-light:focus {
-    color: #64d5ca !important;
+  .sm\:focus\:text-yellow-600:focus {
+    color: #d69e2e !important;
   }
 
-  .sm\:focus\:text-teal-lighter:focus {
-    color: #a0f0ed !important;
+  .sm\:focus\:text-yellow-700:focus {
+    color: #b7791f !important;
   }
 
-  .sm\:focus\:text-teal-lightest:focus {
-    color: #e8fffe !important;
+  .sm\:focus\:text-yellow-800:focus {
+    color: #8d5415 !important;
   }
 
-  .sm\:focus\:text-blue-darkest:focus {
-    color: #12283a !important;
+  .sm\:focus\:text-yellow-900:focus {
+    color: #66390e !important;
   }
 
-  .sm\:focus\:text-blue-darker:focus {
-    color: #1c3d5a !important;
+  .sm\:focus\:text-green-100:focus {
+    color: #e9ffe9 !important;
   }
 
-  .sm\:focus\:text-blue-dark:focus {
-    color: #2779bd !important;
+  .sm\:focus\:text-green-200:focus {
+    color: #c1f5c5 !important;
   }
 
-  .sm\:focus\:text-blue:focus {
-    color: #3490dc !important;
+  .sm\:focus\:text-green-300:focus {
+    color: #9ae6a8 !important;
   }
 
-  .sm\:focus\:text-blue-light:focus {
-    color: #6cb2eb !important;
+  .sm\:focus\:text-green-400:focus {
+    color: #68d391 !important;
   }
 
-  .sm\:focus\:text-blue-lighter:focus {
-    color: #bcdefa !important;
+  .sm\:focus\:text-green-500:focus {
+    color: #48bb87 !important;
   }
 
-  .sm\:focus\:text-blue-lightest:focus {
-    color: #eff8ff !important;
+  .sm\:focus\:text-green-600:focus {
+    color: #38a181 !important;
   }
 
-  .sm\:focus\:text-indigo-darkest:focus {
-    color: #191e38 !important;
+  .sm\:focus\:text-green-700:focus {
+    color: #2f8572 !important;
   }
 
-  .sm\:focus\:text-indigo-darker:focus {
-    color: #2f365f !important;
+  .sm\:focus\:text-green-800:focus {
+    color: #28695c !important;
   }
 
-  .sm\:focus\:text-indigo-dark:focus {
-    color: #5661b3 !important;
+  .sm\:focus\:text-green-900:focus {
+    color: #22544b !important;
   }
 
-  .sm\:focus\:text-indigo:focus {
-    color: #6574cd !important;
+  .sm\:focus\:text-blue-100:focus {
+    color: #f1fafd !important;
   }
 
-  .sm\:focus\:text-indigo-light:focus {
-    color: #7886d7 !important;
+  .sm\:focus\:text-blue-200:focus {
+    color: #caedfa !important;
   }
 
-  .sm\:focus\:text-indigo-lighter:focus {
-    color: #b2b7ff !important;
+  .sm\:focus\:text-blue-300:focus {
+    color: #87d3f3 !important;
   }
 
-  .sm\:focus\:text-indigo-lightest:focus {
-    color: #e6e8ff !important;
+  .sm\:focus\:text-blue-400:focus {
+    color: #57b9ec !important;
   }
 
-  .sm\:focus\:text-purple-darkest:focus {
-    color: #21183c !important;
+  .sm\:focus\:text-blue-500:focus {
+    color: #3a9adf !important;
   }
 
-  .sm\:focus\:text-purple-darker:focus {
-    color: #382b5f !important;
+  .sm\:focus\:text-blue-600:focus {
+    color: #2b7cc4 !important;
   }
 
-  .sm\:focus\:text-purple-dark:focus {
-    color: #794acf !important;
+  .sm\:focus\:text-blue-700:focus {
+    color: #2762a3 !important;
   }
 
-  .sm\:focus\:text-purple:focus {
-    color: #9561e2 !important;
+  .sm\:focus\:text-blue-800:focus {
+    color: #284f81 !important;
   }
 
-  .sm\:focus\:text-purple-light:focus {
-    color: #a779e9 !important;
+  .sm\:focus\:text-blue-900:focus {
+    color: #294468 !important;
   }
 
-  .sm\:focus\:text-purple-lighter:focus {
-    color: #d6bbfc !important;
+  .sm\:focus\:text-indigo-100:focus {
+    color: #eef6ff !important;
   }
 
-  .sm\:focus\:text-purple-lightest:focus {
-    color: #f3ebff !important;
+  .sm\:focus\:text-indigo-200:focus {
+    color: #cbe0f9 !important;
   }
 
-  .sm\:focus\:text-pink-darkest:focus {
-    color: #451225 !important;
+  .sm\:focus\:text-indigo-300:focus {
+    color: #a6c5f0 !important;
   }
 
-  .sm\:focus\:text-pink-darker:focus {
-    color: #6f213f !important;
+  .sm\:focus\:text-indigo-400:focus {
+    color: #82a2e3 !important;
   }
 
-  .sm\:focus\:text-pink-dark:focus {
-    color: #eb5286 !important;
+  .sm\:focus\:text-indigo-500:focus {
+    color: #6d80d3 !important;
   }
 
-  .sm\:focus\:text-pink:focus {
-    color: #f66d9b !important;
+  .sm\:focus\:text-indigo-600:focus {
+    color: #5e68bc !important;
   }
 
-  .sm\:focus\:text-pink-light:focus {
-    color: #fa7ea8 !important;
+  .sm\:focus\:text-indigo-700:focus {
+    color: #5154a1 !important;
   }
 
-  .sm\:focus\:text-pink-lighter:focus {
-    color: #ffbbca !important;
+  .sm\:focus\:text-indigo-800:focus {
+    color: #42417f !important;
   }
 
-  .sm\:focus\:text-pink-lightest:focus {
-    color: #ffebef !important;
+  .sm\:focus\:text-indigo-900:focus {
+    color: #37366a !important;
+  }
+
+  .sm\:focus\:text-purple-100:focus {
+    color: #faf5ff !important;
+  }
+
+  .sm\:focus\:text-purple-200:focus {
+    color: #eddffd !important;
+  }
+
+  .sm\:focus\:text-purple-300:focus {
+    color: #dcc7fb !important;
+  }
+
+  .sm\:focus\:text-purple-400:focus {
+    color: #b18af4 !important;
+  }
+
+  .sm\:focus\:text-purple-500:focus {
+    color: #976de9 !important;
+  }
+
+  .sm\:focus\:text-purple-600:focus {
+    color: #7c54d5 !important;
+  }
+
+  .sm\:focus\:text-purple-700:focus {
+    color: #6845b9 !important;
+  }
+
+  .sm\:focus\:text-purple-800:focus {
+    color: #4d368a !important;
+  }
+
+  .sm\:focus\:text-purple-900:focus {
+    color: #3b2c6c !important;
+  }
+
+  .sm\:focus\:text-pink-100:focus {
+    color: #fff2f4 !important;
+  }
+
+  .sm\:focus\:text-pink-200:focus {
+    color: #fedee4 !important;
+  }
+
+  .sm\:focus\:text-pink-300:focus {
+    color: #fcbccb !important;
+  }
+
+  .sm\:focus\:text-pink-400:focus {
+    color: #f786a7 !important;
+  }
+
+  .sm\:focus\:text-pink-500:focus {
+    color: #ed588b !important;
+  }
+
+  .sm\:focus\:text-pink-600:focus {
+    color: #d9447b !important;
+  }
+
+  .sm\:focus\:text-pink-700:focus {
+    color: #b32f62 !important;
+  }
+
+  .sm\:focus\:text-pink-800:focus {
+    color: #8d2450 !important;
+  }
+
+  .sm\:focus\:text-pink-900:focus {
+    color: #741c46 !important;
+  }
+
+  .sm\:focus\:text-grey-100:focus {
+    color: #f8fcfe !important;
+  }
+
+  .sm\:focus\:text-grey-200:focus {
+    color: #f1f5fb !important;
+  }
+
+  .sm\:focus\:text-grey-300:focus {
+    color: #e2e9f0 !important;
+  }
+
+  .sm\:focus\:text-grey-400:focus {
+    color: #bbc5cf !important;
+  }
+
+  .sm\:focus\:text-grey-500:focus {
+    color: #a3b0bd !important;
+  }
+
+  .sm\:focus\:text-grey-600:focus {
+    color: #7a8996 !important;
+  }
+
+  .sm\:focus\:text-grey-700:focus {
+    color: #5a6977 !important;
+  }
+
+  .sm\:focus\:text-grey-800:focus {
+    color: #2e3a45 !important;
+  }
+
+  .sm\:focus\:text-grey-900:focus {
+    color: #1f2830 !important;
   }
 
   .sm\:text-xs {
@@ -12649,7 +14089,7 @@ samp {
 
   .sm\:example {
     font-weight: 700;
-    color: #e3342f;
+    color: #f95e5f;
   }
 }
 
@@ -12675,291 +14115,371 @@ samp {
   }
 
   .md\:bg-black {
-    background-color: #22292f !important;
-  }
-
-  .md\:bg-grey-darkest {
-    background-color: #3d4852 !important;
-  }
-
-  .md\:bg-grey-darker {
-    background-color: #606f7b !important;
-  }
-
-  .md\:bg-grey-dark {
-    background-color: #8795a1 !important;
-  }
-
-  .md\:bg-grey {
-    background-color: #b8c2cc !important;
-  }
-
-  .md\:bg-grey-light {
-    background-color: #dae1e7 !important;
-  }
-
-  .md\:bg-grey-lighter {
-    background-color: #f1f5f8 !important;
-  }
-
-  .md\:bg-grey-lightest {
-    background-color: #f8fafc !important;
+    background-color: #000 !important;
   }
 
   .md\:bg-white {
     background-color: #fff !important;
   }
 
-  .md\:bg-red-darkest {
-    background-color: #3b0d0c !important;
+  .md\:bg-teal-100 {
+    background-color: #ebfffc !important;
   }
 
-  .md\:bg-red-darker {
-    background-color: #621b18 !important;
+  .md\:bg-teal-200 {
+    background-color: #b3f1e9 !important;
   }
 
-  .md\:bg-red-dark {
-    background-color: #cc1f1a !important;
+  .md\:bg-teal-300 {
+    background-color: #82e1d7 !important;
   }
 
-  .md\:bg-red {
-    background-color: #e3342f !important;
+  .md\:bg-teal-400 {
+    background-color: #60cfc5 !important;
   }
 
-  .md\:bg-red-light {
-    background-color: #ef5753 !important;
+  .md\:bg-teal-500 {
+    background-color: #49bab2 !important;
   }
 
-  .md\:bg-red-lighter {
-    background-color: #f9acaa !important;
+  .md\:bg-teal-600 {
+    background-color: #3ea39f !important;
   }
 
-  .md\:bg-red-lightest {
-    background-color: #fcebea !important;
+  .md\:bg-teal-700 {
+    background-color: #378786 !important;
   }
 
-  .md\:bg-orange-darkest {
-    background-color: #462a16 !important;
+  .md\:bg-teal-800 {
+    background-color: #316769 !important;
   }
 
-  .md\:bg-orange-darker {
-    background-color: #613b1f !important;
+  .md\:bg-teal-900 {
+    background-color: #265152 !important;
   }
 
-  .md\:bg-orange-dark {
-    background-color: #de751f !important;
+  .md\:bg-red-100 {
+    background-color: #fff5f5 !important;
   }
 
-  .md\:bg-orange {
-    background-color: #f6993f !important;
+  .md\:bg-red-200 {
+    background-color: #fee3e3 !important;
   }
 
-  .md\:bg-orange-light {
-    background-color: #faad63 !important;
+  .md\:bg-red-300 {
+    background-color: #febcbc !important;
   }
 
-  .md\:bg-orange-lighter {
-    background-color: #fcd9b6 !important;
+  .md\:bg-red-400 {
+    background-color: #fd9292 !important;
   }
 
-  .md\:bg-orange-lightest {
-    background-color: #fff5eb !important;
+  .md\:bg-red-500 {
+    background-color: #f95e5f !important;
   }
 
-  .md\:bg-yellow-darkest {
-    background-color: #453411 !important;
+  .md\:bg-red-600 {
+    background-color: #ec454e !important;
   }
 
-  .md\:bg-yellow-darker {
-    background-color: #684f1d !important;
+  .md\:bg-red-700 {
+    background-color: #dc3448 !important;
   }
 
-  .md\:bg-yellow-dark {
-    background-color: #f2d024 !important;
+  .md\:bg-red-800 {
+    background-color: #b4203b !important;
   }
 
-  .md\:bg-yellow {
-    background-color: #ffed4a !important;
+  .md\:bg-red-900 {
+    background-color: #801b33 !important;
   }
 
-  .md\:bg-yellow-light {
-    background-color: #fff382 !important;
+  .md\:bg-orange-100 {
+    background-color: #fffaef !important;
   }
 
-  .md\:bg-yellow-lighter {
-    background-color: #fff9c2 !important;
+  .md\:bg-orange-200 {
+    background-color: #fee8c1 !important;
   }
 
-  .md\:bg-yellow-lightest {
-    background-color: #fcfbeb !important;
+  .md\:bg-orange-300 {
+    background-color: #fbd087 !important;
   }
 
-  .md\:bg-green-darkest {
-    background-color: #0f2f21 !important;
+  .md\:bg-orange-400 {
+    background-color: #f6aa4f !important;
   }
 
-  .md\:bg-green-darker {
-    background-color: #1a4731 !important;
+  .md\:bg-orange-500 {
+    background-color: #ec832b !important;
   }
 
-  .md\:bg-green-dark {
-    background-color: #1f9d55 !important;
+  .md\:bg-orange-600 {
+    background-color: #df6d22 !important;
   }
 
-  .md\:bg-green {
-    background-color: #38c172 !important;
+  .md\:bg-orange-700 {
+    background-color: #c55822 !important;
   }
 
-  .md\:bg-green-light {
-    background-color: #51d88a !important;
+  .md\:bg-orange-800 {
+    background-color: #9f4423 !important;
   }
 
-  .md\:bg-green-lighter {
-    background-color: #a2f5bf !important;
+  .md\:bg-orange-900 {
+    background-color: #70311e !important;
   }
 
-  .md\:bg-green-lightest {
-    background-color: #e3fcec !important;
+  .md\:bg-yellow-100 {
+    background-color: #ffffeb !important;
   }
 
-  .md\:bg-teal-darkest {
-    background-color: #0d3331 !important;
+  .md\:bg-yellow-200 {
+    background-color: #fefcbf !important;
   }
 
-  .md\:bg-teal-darker {
-    background-color: #20504f !important;
+  .md\:bg-yellow-300 {
+    background-color: #fbf189 !important;
   }
 
-  .md\:bg-teal-dark {
-    background-color: #38a89d !important;
+  .md\:bg-yellow-400 {
+    background-color: #f6e05e !important;
   }
 
-  .md\:bg-teal {
-    background-color: #4dc0b5 !important;
+  .md\:bg-yellow-500 {
+    background-color: #ebc743 !important;
   }
 
-  .md\:bg-teal-light {
-    background-color: #64d5ca !important;
+  .md\:bg-yellow-600 {
+    background-color: #d69e2e !important;
   }
 
-  .md\:bg-teal-lighter {
-    background-color: #a0f0ed !important;
+  .md\:bg-yellow-700 {
+    background-color: #b7791f !important;
   }
 
-  .md\:bg-teal-lightest {
-    background-color: #e8fffe !important;
+  .md\:bg-yellow-800 {
+    background-color: #8d5415 !important;
   }
 
-  .md\:bg-blue-darkest {
-    background-color: #12283a !important;
+  .md\:bg-yellow-900 {
+    background-color: #66390e !important;
   }
 
-  .md\:bg-blue-darker {
-    background-color: #1c3d5a !important;
+  .md\:bg-green-100 {
+    background-color: #e9ffe9 !important;
   }
 
-  .md\:bg-blue-dark {
-    background-color: #2779bd !important;
+  .md\:bg-green-200 {
+    background-color: #c1f5c5 !important;
   }
 
-  .md\:bg-blue {
-    background-color: #3490dc !important;
+  .md\:bg-green-300 {
+    background-color: #9ae6a8 !important;
   }
 
-  .md\:bg-blue-light {
-    background-color: #6cb2eb !important;
+  .md\:bg-green-400 {
+    background-color: #68d391 !important;
   }
 
-  .md\:bg-blue-lighter {
-    background-color: #bcdefa !important;
+  .md\:bg-green-500 {
+    background-color: #48bb87 !important;
   }
 
-  .md\:bg-blue-lightest {
-    background-color: #eff8ff !important;
+  .md\:bg-green-600 {
+    background-color: #38a181 !important;
   }
 
-  .md\:bg-indigo-darkest {
-    background-color: #191e38 !important;
+  .md\:bg-green-700 {
+    background-color: #2f8572 !important;
   }
 
-  .md\:bg-indigo-darker {
-    background-color: #2f365f !important;
+  .md\:bg-green-800 {
+    background-color: #28695c !important;
   }
 
-  .md\:bg-indigo-dark {
-    background-color: #5661b3 !important;
+  .md\:bg-green-900 {
+    background-color: #22544b !important;
   }
 
-  .md\:bg-indigo {
-    background-color: #6574cd !important;
+  .md\:bg-blue-100 {
+    background-color: #f1fafd !important;
   }
 
-  .md\:bg-indigo-light {
-    background-color: #7886d7 !important;
+  .md\:bg-blue-200 {
+    background-color: #caedfa !important;
   }
 
-  .md\:bg-indigo-lighter {
-    background-color: #b2b7ff !important;
+  .md\:bg-blue-300 {
+    background-color: #87d3f3 !important;
   }
 
-  .md\:bg-indigo-lightest {
-    background-color: #e6e8ff !important;
+  .md\:bg-blue-400 {
+    background-color: #57b9ec !important;
   }
 
-  .md\:bg-purple-darkest {
-    background-color: #21183c !important;
+  .md\:bg-blue-500 {
+    background-color: #3a9adf !important;
   }
 
-  .md\:bg-purple-darker {
-    background-color: #382b5f !important;
+  .md\:bg-blue-600 {
+    background-color: #2b7cc4 !important;
   }
 
-  .md\:bg-purple-dark {
-    background-color: #794acf !important;
+  .md\:bg-blue-700 {
+    background-color: #2762a3 !important;
   }
 
-  .md\:bg-purple {
-    background-color: #9561e2 !important;
+  .md\:bg-blue-800 {
+    background-color: #284f81 !important;
   }
 
-  .md\:bg-purple-light {
-    background-color: #a779e9 !important;
+  .md\:bg-blue-900 {
+    background-color: #294468 !important;
   }
 
-  .md\:bg-purple-lighter {
-    background-color: #d6bbfc !important;
+  .md\:bg-indigo-100 {
+    background-color: #eef6ff !important;
   }
 
-  .md\:bg-purple-lightest {
-    background-color: #f3ebff !important;
+  .md\:bg-indigo-200 {
+    background-color: #cbe0f9 !important;
   }
 
-  .md\:bg-pink-darkest {
-    background-color: #451225 !important;
+  .md\:bg-indigo-300 {
+    background-color: #a6c5f0 !important;
   }
 
-  .md\:bg-pink-darker {
-    background-color: #6f213f !important;
+  .md\:bg-indigo-400 {
+    background-color: #82a2e3 !important;
   }
 
-  .md\:bg-pink-dark {
-    background-color: #eb5286 !important;
+  .md\:bg-indigo-500 {
+    background-color: #6d80d3 !important;
   }
 
-  .md\:bg-pink {
-    background-color: #f66d9b !important;
+  .md\:bg-indigo-600 {
+    background-color: #5e68bc !important;
   }
 
-  .md\:bg-pink-light {
-    background-color: #fa7ea8 !important;
+  .md\:bg-indigo-700 {
+    background-color: #5154a1 !important;
   }
 
-  .md\:bg-pink-lighter {
-    background-color: #ffbbca !important;
+  .md\:bg-indigo-800 {
+    background-color: #42417f !important;
   }
 
-  .md\:bg-pink-lightest {
-    background-color: #ffebef !important;
+  .md\:bg-indigo-900 {
+    background-color: #37366a !important;
+  }
+
+  .md\:bg-purple-100 {
+    background-color: #faf5ff !important;
+  }
+
+  .md\:bg-purple-200 {
+    background-color: #eddffd !important;
+  }
+
+  .md\:bg-purple-300 {
+    background-color: #dcc7fb !important;
+  }
+
+  .md\:bg-purple-400 {
+    background-color: #b18af4 !important;
+  }
+
+  .md\:bg-purple-500 {
+    background-color: #976de9 !important;
+  }
+
+  .md\:bg-purple-600 {
+    background-color: #7c54d5 !important;
+  }
+
+  .md\:bg-purple-700 {
+    background-color: #6845b9 !important;
+  }
+
+  .md\:bg-purple-800 {
+    background-color: #4d368a !important;
+  }
+
+  .md\:bg-purple-900 {
+    background-color: #3b2c6c !important;
+  }
+
+  .md\:bg-pink-100 {
+    background-color: #fff2f4 !important;
+  }
+
+  .md\:bg-pink-200 {
+    background-color: #fedee4 !important;
+  }
+
+  .md\:bg-pink-300 {
+    background-color: #fcbccb !important;
+  }
+
+  .md\:bg-pink-400 {
+    background-color: #f786a7 !important;
+  }
+
+  .md\:bg-pink-500 {
+    background-color: #ed588b !important;
+  }
+
+  .md\:bg-pink-600 {
+    background-color: #d9447b !important;
+  }
+
+  .md\:bg-pink-700 {
+    background-color: #b32f62 !important;
+  }
+
+  .md\:bg-pink-800 {
+    background-color: #8d2450 !important;
+  }
+
+  .md\:bg-pink-900 {
+    background-color: #741c46 !important;
+  }
+
+  .md\:bg-grey-100 {
+    background-color: #f8fcfe !important;
+  }
+
+  .md\:bg-grey-200 {
+    background-color: #f1f5fb !important;
+  }
+
+  .md\:bg-grey-300 {
+    background-color: #e2e9f0 !important;
+  }
+
+  .md\:bg-grey-400 {
+    background-color: #bbc5cf !important;
+  }
+
+  .md\:bg-grey-500 {
+    background-color: #a3b0bd !important;
+  }
+
+  .md\:bg-grey-600 {
+    background-color: #7a8996 !important;
+  }
+
+  .md\:bg-grey-700 {
+    background-color: #5a6977 !important;
+  }
+
+  .md\:bg-grey-800 {
+    background-color: #2e3a45 !important;
+  }
+
+  .md\:bg-grey-900 {
+    background-color: #1f2830 !important;
   }
 
   .md\:hover\:bg-transparent:hover {
@@ -12967,291 +14487,372 @@ samp {
   }
 
   .md\:hover\:bg-black:hover {
-    background-color: #22292f !important;
-  }
-
-  .md\:hover\:bg-grey-darkest:hover {
-    background-color: #3d4852 !important;
-  }
-
-  .md\:hover\:bg-grey-darker:hover {
-    background-color: #606f7b !important;
-  }
-
-  .md\:hover\:bg-grey-dark:hover {
-    background-color: #8795a1 !important;
-  }
-
-  .md\:hover\:bg-grey:hover {
-    background-color: #b8c2cc !important;
-  }
-
-  .md\:hover\:bg-grey-light:hover {
-    background-color: #dae1e7 !important;
-  }
-
-  .md\:hover\:bg-grey-lighter:hover {
-    background-color: #f1f5f8 !important;
-  }
-
-  .md\:hover\:bg-grey-lightest:hover {
-    background-color: #f8fafc !important;
+    background-color: #000 !important;
   }
 
   .md\:hover\:bg-white:hover {
     background-color: #fff !important;
   }
 
-  .md\:hover\:bg-red-darkest:hover {
-    background-color: #3b0d0c !important;
+  .md\:hover\:bg-teal-100:hover {
+    background-color: #ebfffc !important;
   }
 
-  .md\:hover\:bg-red-darker:hover {
-    background-color: #621b18 !important;
+  .md\:hover\:bg-teal-200:hover {
+    background-color: #b3f1e9 !important;
   }
 
-  .md\:hover\:bg-red-dark:hover {
-    background-color: #cc1f1a !important;
+  .md\:hover\:bg-teal-300:hover {
+    background-color: #82e1d7 !important;
   }
 
-  .md\:hover\:bg-red:hover {
-    background-color: #e3342f !important;
+  .md\:hover\:bg-teal-400:hover {
+    background-color: #60cfc5 !important;
   }
 
-  .md\:hover\:bg-red-light:hover {
-    background-color: #ef5753 !important;
+  .md\:hover\:bg-teal-500:hover {
+    background-color: #49bab2 !important;
   }
 
-  .md\:hover\:bg-red-lighter:hover {
-    background-color: #f9acaa !important;
+  .md\:hover\:bg-teal-600:hover {
+    background-color: #3ea39f !important;
   }
 
-  .md\:hover\:bg-red-lightest:hover {
-    background-color: #fcebea !important;
+  .md\:hover\:bg-teal-700:hover {
+    background-color: #378786 !important;
   }
 
-  .md\:hover\:bg-orange-darkest:hover {
-    background-color: #462a16 !important;
+  .md\:hover\:bg-teal-800:hover {
+    background-color: #316769 !important;
   }
 
-  .md\:hover\:bg-orange-darker:hover {
-    background-color: #613b1f !important;
+  .md\:hover\:bg-teal-900:hover {
+    background-color: #265152 !important;
   }
 
-  .md\:hover\:bg-orange-dark:hover {
-    background-color: #de751f !important;
+  .md\:hover\:bg-red-100:hover {
+    background-color: #fff5f5 !important;
   }
 
-  .md\:hover\:bg-orange:hover {
-    background-color: #f6993f !important;
+  .md\:hover\:bg-red-200:hover {
+    background-color: #fee3e3 !important;
   }
 
-  .md\:hover\:bg-orange-light:hover {
-    background-color: #faad63 !important;
+  .md\:hover\:bg-red-300:hover {
+    background-color: #febcbc !important;
   }
 
-  .md\:hover\:bg-orange-lighter:hover {
-    background-color: #fcd9b6 !important;
+  .md\:hover\:bg-red-400:hover {
+    background-color: #fd9292 !important;
   }
 
-  .md\:hover\:bg-orange-lightest:hover {
-    background-color: #fff5eb !important;
+  .md\:hover\:bg-red-500:hover {
+    background-color: #f95e5f !important;
   }
 
-  .md\:hover\:bg-yellow-darkest:hover {
-    background-color: #453411 !important;
+  .md\:hover\:bg-red-600:hover {
+    background-color: #ec454e !important;
   }
 
-  .md\:hover\:bg-yellow-darker:hover {
-    background-color: #684f1d !important;
+  .md\:hover\:bg-red-700:hover {
+    background-color: #dc3448 !important;
   }
 
-  .md\:hover\:bg-yellow-dark:hover {
-    background-color: #f2d024 !important;
+  .md\:hover\:bg-red-800:hover {
+    background-color: #b4203b !important;
   }
 
-  .md\:hover\:bg-yellow:hover {
-    background-color: #ffed4a !important;
+  .md\:hover\:bg-red-900:hover {
+    background-color: #801b33 !important;
   }
 
-  .md\:hover\:bg-yellow-light:hover {
-    background-color: #fff382 !important;
+  .md\:hover\:bg-orange-100:hover {
+    background-color: #fffaef !important;
   }
 
-  .md\:hover\:bg-yellow-lighter:hover {
-    background-color: #fff9c2 !important;
+  .md\:hover\:bg-orange-200:hover {
+    background-color: #fee8c1 !important;
+>>>>>>> Replace 0.x colors with rough draft of 1.0 colors
   }
 
-  .md\:hover\:bg-yellow-lightest:hover {
-    background-color: #fcfbeb !important;
+  .md\:hover\:bg-orange-300:hover {
+    background-color: #fbd087 !important;
   }
 
-  .md\:hover\:bg-green-darkest:hover {
-    background-color: #0f2f21 !important;
+  .md\:hover\:bg-orange-400:hover {
+    background-color: #f6aa4f !important;
   }
 
-  .md\:hover\:bg-green-darker:hover {
-    background-color: #1a4731 !important;
+  .md\:hover\:bg-orange-500:hover {
+    background-color: #ec832b !important;
   }
 
-  .md\:hover\:bg-green-dark:hover {
-    background-color: #1f9d55 !important;
+  .md\:hover\:bg-orange-600:hover {
+    background-color: #df6d22 !important;
   }
 
-  .md\:hover\:bg-green:hover {
-    background-color: #38c172 !important;
+  .md\:hover\:bg-orange-700:hover {
+    background-color: #c55822 !important;
   }
 
-  .md\:hover\:bg-green-light:hover {
-    background-color: #51d88a !important;
+  .md\:hover\:bg-orange-800:hover {
+    background-color: #9f4423 !important;
   }
 
-  .md\:hover\:bg-green-lighter:hover {
-    background-color: #a2f5bf !important;
+  .md\:hover\:bg-orange-900:hover {
+    background-color: #70311e !important;
   }
 
-  .md\:hover\:bg-green-lightest:hover {
-    background-color: #e3fcec !important;
+  .md\:hover\:bg-yellow-100:hover {
+    background-color: #ffffeb !important;
   }
 
-  .md\:hover\:bg-teal-darkest:hover {
-    background-color: #0d3331 !important;
+  .md\:hover\:bg-yellow-200:hover {
+    background-color: #fefcbf !important;
   }
 
-  .md\:hover\:bg-teal-darker:hover {
-    background-color: #20504f !important;
+  .md\:hover\:bg-yellow-300:hover {
+    background-color: #fbf189 !important;
   }
 
-  .md\:hover\:bg-teal-dark:hover {
-    background-color: #38a89d !important;
+  .md\:hover\:bg-yellow-400:hover {
+    background-color: #f6e05e !important;
   }
 
-  .md\:hover\:bg-teal:hover {
-    background-color: #4dc0b5 !important;
+  .md\:hover\:bg-yellow-500:hover {
+    background-color: #ebc743 !important;
   }
 
-  .md\:hover\:bg-teal-light:hover {
-    background-color: #64d5ca !important;
+  .md\:hover\:bg-yellow-600:hover {
+    background-color: #d69e2e !important;
   }
 
-  .md\:hover\:bg-teal-lighter:hover {
-    background-color: #a0f0ed !important;
+  .md\:hover\:bg-yellow-700:hover {
+    background-color: #b7791f !important;
   }
 
-  .md\:hover\:bg-teal-lightest:hover {
-    background-color: #e8fffe !important;
+  .md\:hover\:bg-yellow-800:hover {
+    background-color: #8d5415 !important;
   }
 
-  .md\:hover\:bg-blue-darkest:hover {
-    background-color: #12283a !important;
+  .md\:hover\:bg-yellow-900:hover {
+    background-color: #66390e !important;
   }
 
-  .md\:hover\:bg-blue-darker:hover {
-    background-color: #1c3d5a !important;
+  .md\:hover\:bg-green-100:hover {
+    background-color: #e9ffe9 !important;
   }
 
-  .md\:hover\:bg-blue-dark:hover {
-    background-color: #2779bd !important;
+  .md\:hover\:bg-green-200:hover {
+    background-color: #c1f5c5 !important;
   }
 
-  .md\:hover\:bg-blue:hover {
-    background-color: #3490dc !important;
+  .md\:hover\:bg-green-300:hover {
+    background-color: #9ae6a8 !important;
   }
 
-  .md\:hover\:bg-blue-light:hover {
-    background-color: #6cb2eb !important;
+  .md\:hover\:bg-green-400:hover {
+    background-color: #68d391 !important;
   }
 
-  .md\:hover\:bg-blue-lighter:hover {
-    background-color: #bcdefa !important;
+  .md\:hover\:bg-green-500:hover {
+    background-color: #48bb87 !important;
   }
 
-  .md\:hover\:bg-blue-lightest:hover {
-    background-color: #eff8ff !important;
+  .md\:hover\:bg-green-600:hover {
+    background-color: #38a181 !important;
   }
 
-  .md\:hover\:bg-indigo-darkest:hover {
-    background-color: #191e38 !important;
+  .md\:hover\:bg-green-700:hover {
+    background-color: #2f8572 !important;
   }
 
-  .md\:hover\:bg-indigo-darker:hover {
-    background-color: #2f365f !important;
+  .md\:hover\:bg-green-800:hover {
+    background-color: #28695c !important;
   }
 
-  .md\:hover\:bg-indigo-dark:hover {
-    background-color: #5661b3 !important;
+  .md\:hover\:bg-green-900:hover {
+    background-color: #22544b !important;
   }
 
-  .md\:hover\:bg-indigo:hover {
-    background-color: #6574cd !important;
+  .md\:hover\:bg-blue-100:hover {
+    background-color: #f1fafd !important;
   }
 
-  .md\:hover\:bg-indigo-light:hover {
-    background-color: #7886d7 !important;
+  .md\:hover\:bg-blue-200:hover {
+    background-color: #caedfa !important;
   }
 
-  .md\:hover\:bg-indigo-lighter:hover {
-    background-color: #b2b7ff !important;
+  .md\:hover\:bg-blue-300:hover {
+    background-color: #87d3f3 !important;
   }
 
-  .md\:hover\:bg-indigo-lightest:hover {
-    background-color: #e6e8ff !important;
+  .md\:hover\:bg-blue-400:hover {
+    background-color: #57b9ec !important;
   }
 
-  .md\:hover\:bg-purple-darkest:hover {
-    background-color: #21183c !important;
+  .md\:hover\:bg-blue-500:hover {
+    background-color: #3a9adf !important;
   }
 
-  .md\:hover\:bg-purple-darker:hover {
-    background-color: #382b5f !important;
+  .md\:hover\:bg-blue-600:hover {
+    background-color: #2b7cc4 !important;
   }
 
-  .md\:hover\:bg-purple-dark:hover {
-    background-color: #794acf !important;
+  .md\:hover\:bg-blue-700:hover {
+    background-color: #2762a3 !important;
   }
 
-  .md\:hover\:bg-purple:hover {
-    background-color: #9561e2 !important;
+  .md\:hover\:bg-blue-800:hover {
+    background-color: #284f81 !important;
   }
 
-  .md\:hover\:bg-purple-light:hover {
-    background-color: #a779e9 !important;
+  .md\:hover\:bg-blue-900:hover {
+    background-color: #294468 !important;
   }
 
-  .md\:hover\:bg-purple-lighter:hover {
-    background-color: #d6bbfc !important;
+  .md\:hover\:bg-indigo-100:hover {
+    background-color: #eef6ff !important;
   }
 
-  .md\:hover\:bg-purple-lightest:hover {
-    background-color: #f3ebff !important;
+  .md\:hover\:bg-indigo-200:hover {
+    background-color: #cbe0f9 !important;
   }
 
-  .md\:hover\:bg-pink-darkest:hover {
-    background-color: #451225 !important;
+  .md\:hover\:bg-indigo-300:hover {
+    background-color: #a6c5f0 !important;
   }
 
-  .md\:hover\:bg-pink-darker:hover {
-    background-color: #6f213f !important;
+  .md\:hover\:bg-indigo-400:hover {
+    background-color: #82a2e3 !important;
   }
 
-  .md\:hover\:bg-pink-dark:hover {
-    background-color: #eb5286 !important;
+  .md\:hover\:bg-indigo-500:hover {
+    background-color: #6d80d3 !important;
   }
 
-  .md\:hover\:bg-pink:hover {
-    background-color: #f66d9b !important;
+  .md\:hover\:bg-indigo-600:hover {
+    background-color: #5e68bc !important;
   }
 
-  .md\:hover\:bg-pink-light:hover {
-    background-color: #fa7ea8 !important;
+  .md\:hover\:bg-indigo-700:hover {
+    background-color: #5154a1 !important;
   }
 
-  .md\:hover\:bg-pink-lighter:hover {
-    background-color: #ffbbca !important;
+  .md\:hover\:bg-indigo-800:hover {
+    background-color: #42417f !important;
   }
 
-  .md\:hover\:bg-pink-lightest:hover {
-    background-color: #ffebef !important;
+  .md\:hover\:bg-indigo-900:hover {
+    background-color: #37366a !important;
+  }
+
+  .md\:hover\:bg-purple-100:hover {
+    background-color: #faf5ff !important;
+  }
+
+  .md\:hover\:bg-purple-200:hover {
+    background-color: #eddffd !important;
+  }
+
+  .md\:hover\:bg-purple-300:hover {
+    background-color: #dcc7fb !important;
+  }
+
+  .md\:hover\:bg-purple-400:hover {
+    background-color: #b18af4 !important;
+  }
+
+  .md\:hover\:bg-purple-500:hover {
+    background-color: #976de9 !important;
+  }
+
+  .md\:hover\:bg-purple-600:hover {
+    background-color: #7c54d5 !important;
+  }
+
+  .md\:hover\:bg-purple-700:hover {
+    background-color: #6845b9 !important;
+  }
+
+  .md\:hover\:bg-purple-800:hover {
+    background-color: #4d368a !important;
+  }
+
+  .md\:hover\:bg-purple-900:hover {
+    background-color: #3b2c6c !important;
+  }
+
+  .md\:hover\:bg-pink-100:hover {
+    background-color: #fff2f4 !important;
+  }
+
+  .md\:hover\:bg-pink-200:hover {
+    background-color: #fedee4 !important;
+  }
+
+  .md\:hover\:bg-pink-300:hover {
+    background-color: #fcbccb !important;
+  }
+
+  .md\:hover\:bg-pink-400:hover {
+    background-color: #f786a7 !important;
+  }
+
+  .md\:hover\:bg-pink-500:hover {
+    background-color: #ed588b !important;
+  }
+
+  .md\:hover\:bg-pink-600:hover {
+    background-color: #d9447b !important;
+  }
+
+  .md\:hover\:bg-pink-700:hover {
+    background-color: #b32f62 !important;
+  }
+
+  .md\:hover\:bg-pink-800:hover {
+    background-color: #8d2450 !important;
+  }
+
+  .md\:hover\:bg-pink-900:hover {
+    background-color: #741c46 !important;
+  }
+
+  .md\:hover\:bg-grey-100:hover {
+    background-color: #f8fcfe !important;
+  }
+
+  .md\:hover\:bg-grey-200:hover {
+    background-color: #f1f5fb !important;
+  }
+
+  .md\:hover\:bg-grey-300:hover {
+    background-color: #e2e9f0 !important;
+  }
+
+  .md\:hover\:bg-grey-400:hover {
+    background-color: #bbc5cf !important;
+  }
+
+  .md\:hover\:bg-grey-500:hover {
+    background-color: #a3b0bd !important;
+  }
+
+  .md\:hover\:bg-grey-600:hover {
+    background-color: #7a8996 !important;
+  }
+
+  .md\:hover\:bg-grey-700:hover {
+    background-color: #5a6977 !important;
+  }
+
+  .md\:hover\:bg-grey-800:hover {
+    background-color: #2e3a45 !important;
+  }
+
+  .md\:hover\:bg-grey-900:hover {
+    background-color: #1f2830 !important;
   }
 
   .md\:focus\:bg-transparent:focus {
@@ -13259,291 +14860,371 @@ samp {
   }
 
   .md\:focus\:bg-black:focus {
-    background-color: #22292f !important;
-  }
-
-  .md\:focus\:bg-grey-darkest:focus {
-    background-color: #3d4852 !important;
-  }
-
-  .md\:focus\:bg-grey-darker:focus {
-    background-color: #606f7b !important;
-  }
-
-  .md\:focus\:bg-grey-dark:focus {
-    background-color: #8795a1 !important;
-  }
-
-  .md\:focus\:bg-grey:focus {
-    background-color: #b8c2cc !important;
-  }
-
-  .md\:focus\:bg-grey-light:focus {
-    background-color: #dae1e7 !important;
-  }
-
-  .md\:focus\:bg-grey-lighter:focus {
-    background-color: #f1f5f8 !important;
-  }
-
-  .md\:focus\:bg-grey-lightest:focus {
-    background-color: #f8fafc !important;
+    background-color: #000 !important;
   }
 
   .md\:focus\:bg-white:focus {
     background-color: #fff !important;
   }
 
-  .md\:focus\:bg-red-darkest:focus {
-    background-color: #3b0d0c !important;
+  .md\:focus\:bg-teal-100:focus {
+    background-color: #ebfffc !important;
   }
 
-  .md\:focus\:bg-red-darker:focus {
-    background-color: #621b18 !important;
+  .md\:focus\:bg-teal-200:focus {
+    background-color: #b3f1e9 !important;
   }
 
-  .md\:focus\:bg-red-dark:focus {
-    background-color: #cc1f1a !important;
+  .md\:focus\:bg-teal-300:focus {
+    background-color: #82e1d7 !important;
   }
 
-  .md\:focus\:bg-red:focus {
-    background-color: #e3342f !important;
+  .md\:focus\:bg-teal-400:focus {
+    background-color: #60cfc5 !important;
   }
 
-  .md\:focus\:bg-red-light:focus {
-    background-color: #ef5753 !important;
+  .md\:focus\:bg-teal-500:focus {
+    background-color: #49bab2 !important;
   }
 
-  .md\:focus\:bg-red-lighter:focus {
-    background-color: #f9acaa !important;
+  .md\:focus\:bg-teal-600:focus {
+    background-color: #3ea39f !important;
   }
 
-  .md\:focus\:bg-red-lightest:focus {
-    background-color: #fcebea !important;
+  .md\:focus\:bg-teal-700:focus {
+    background-color: #378786 !important;
   }
 
-  .md\:focus\:bg-orange-darkest:focus {
-    background-color: #462a16 !important;
+  .md\:focus\:bg-teal-800:focus {
+    background-color: #316769 !important;
   }
 
-  .md\:focus\:bg-orange-darker:focus {
-    background-color: #613b1f !important;
+  .md\:focus\:bg-teal-900:focus {
+    background-color: #265152 !important;
   }
 
-  .md\:focus\:bg-orange-dark:focus {
-    background-color: #de751f !important;
+  .md\:focus\:bg-red-100:focus {
+    background-color: #fff5f5 !important;
   }
 
-  .md\:focus\:bg-orange:focus {
-    background-color: #f6993f !important;
+  .md\:focus\:bg-red-200:focus {
+    background-color: #fee3e3 !important;
   }
 
-  .md\:focus\:bg-orange-light:focus {
-    background-color: #faad63 !important;
+  .md\:focus\:bg-red-300:focus {
+    background-color: #febcbc !important;
   }
 
-  .md\:focus\:bg-orange-lighter:focus {
-    background-color: #fcd9b6 !important;
+  .md\:focus\:bg-red-400:focus {
+    background-color: #fd9292 !important;
   }
 
-  .md\:focus\:bg-orange-lightest:focus {
-    background-color: #fff5eb !important;
+  .md\:focus\:bg-red-500:focus {
+    background-color: #f95e5f !important;
   }
 
-  .md\:focus\:bg-yellow-darkest:focus {
-    background-color: #453411 !important;
+  .md\:focus\:bg-red-600:focus {
+    background-color: #ec454e !important;
   }
 
-  .md\:focus\:bg-yellow-darker:focus {
-    background-color: #684f1d !important;
+  .md\:focus\:bg-red-700:focus {
+    background-color: #dc3448 !important;
   }
 
-  .md\:focus\:bg-yellow-dark:focus {
-    background-color: #f2d024 !important;
+  .md\:focus\:bg-red-800:focus {
+    background-color: #b4203b !important;
   }
 
-  .md\:focus\:bg-yellow:focus {
-    background-color: #ffed4a !important;
+  .md\:focus\:bg-red-900:focus {
+    background-color: #801b33 !important;
   }
 
-  .md\:focus\:bg-yellow-light:focus {
-    background-color: #fff382 !important;
+  .md\:focus\:bg-orange-100:focus {
+    background-color: #fffaef !important;
   }
 
-  .md\:focus\:bg-yellow-lighter:focus {
-    background-color: #fff9c2 !important;
+  .md\:focus\:bg-orange-200:focus {
+    background-color: #fee8c1 !important;
   }
 
-  .md\:focus\:bg-yellow-lightest:focus {
-    background-color: #fcfbeb !important;
+  .md\:focus\:bg-orange-300:focus {
+    background-color: #fbd087 !important;
   }
 
-  .md\:focus\:bg-green-darkest:focus {
-    background-color: #0f2f21 !important;
+  .md\:focus\:bg-orange-400:focus {
+    background-color: #f6aa4f !important;
   }
 
-  .md\:focus\:bg-green-darker:focus {
-    background-color: #1a4731 !important;
+  .md\:focus\:bg-orange-500:focus {
+    background-color: #ec832b !important;
   }
 
-  .md\:focus\:bg-green-dark:focus {
-    background-color: #1f9d55 !important;
+  .md\:focus\:bg-orange-600:focus {
+    background-color: #df6d22 !important;
   }
 
-  .md\:focus\:bg-green:focus {
-    background-color: #38c172 !important;
+  .md\:focus\:bg-orange-700:focus {
+    background-color: #c55822 !important;
   }
 
-  .md\:focus\:bg-green-light:focus {
-    background-color: #51d88a !important;
+  .md\:focus\:bg-orange-800:focus {
+    background-color: #9f4423 !important;
   }
 
-  .md\:focus\:bg-green-lighter:focus {
-    background-color: #a2f5bf !important;
+  .md\:focus\:bg-orange-900:focus {
+    background-color: #70311e !important;
   }
 
-  .md\:focus\:bg-green-lightest:focus {
-    background-color: #e3fcec !important;
+  .md\:focus\:bg-yellow-100:focus {
+    background-color: #ffffeb !important;
   }
 
-  .md\:focus\:bg-teal-darkest:focus {
-    background-color: #0d3331 !important;
+  .md\:focus\:bg-yellow-200:focus {
+    background-color: #fefcbf !important;
   }
 
-  .md\:focus\:bg-teal-darker:focus {
-    background-color: #20504f !important;
+  .md\:focus\:bg-yellow-300:focus {
+    background-color: #fbf189 !important;
   }
 
-  .md\:focus\:bg-teal-dark:focus {
-    background-color: #38a89d !important;
+  .md\:focus\:bg-yellow-400:focus {
+    background-color: #f6e05e !important;
   }
 
-  .md\:focus\:bg-teal:focus {
-    background-color: #4dc0b5 !important;
+  .md\:focus\:bg-yellow-500:focus {
+    background-color: #ebc743 !important;
   }
 
-  .md\:focus\:bg-teal-light:focus {
-    background-color: #64d5ca !important;
+  .md\:focus\:bg-yellow-600:focus {
+    background-color: #d69e2e !important;
   }
 
-  .md\:focus\:bg-teal-lighter:focus {
-    background-color: #a0f0ed !important;
+  .md\:focus\:bg-yellow-700:focus {
+    background-color: #b7791f !important;
   }
 
-  .md\:focus\:bg-teal-lightest:focus {
-    background-color: #e8fffe !important;
+  .md\:focus\:bg-yellow-800:focus {
+    background-color: #8d5415 !important;
   }
 
-  .md\:focus\:bg-blue-darkest:focus {
-    background-color: #12283a !important;
+  .md\:focus\:bg-yellow-900:focus {
+    background-color: #66390e !important;
   }
 
-  .md\:focus\:bg-blue-darker:focus {
-    background-color: #1c3d5a !important;
+  .md\:focus\:bg-green-100:focus {
+    background-color: #e9ffe9 !important;
   }
 
-  .md\:focus\:bg-blue-dark:focus {
-    background-color: #2779bd !important;
+  .md\:focus\:bg-green-200:focus {
+    background-color: #c1f5c5 !important;
   }
 
-  .md\:focus\:bg-blue:focus {
-    background-color: #3490dc !important;
+  .md\:focus\:bg-green-300:focus {
+    background-color: #9ae6a8 !important;
   }
 
-  .md\:focus\:bg-blue-light:focus {
-    background-color: #6cb2eb !important;
+  .md\:focus\:bg-green-400:focus {
+    background-color: #68d391 !important;
   }
 
-  .md\:focus\:bg-blue-lighter:focus {
-    background-color: #bcdefa !important;
+  .md\:focus\:bg-green-500:focus {
+    background-color: #48bb87 !important;
   }
 
-  .md\:focus\:bg-blue-lightest:focus {
-    background-color: #eff8ff !important;
+  .md\:focus\:bg-green-600:focus {
+    background-color: #38a181 !important;
   }
 
-  .md\:focus\:bg-indigo-darkest:focus {
-    background-color: #191e38 !important;
+  .md\:focus\:bg-green-700:focus {
+    background-color: #2f8572 !important;
   }
 
-  .md\:focus\:bg-indigo-darker:focus {
-    background-color: #2f365f !important;
+  .md\:focus\:bg-green-800:focus {
+    background-color: #28695c !important;
   }
 
-  .md\:focus\:bg-indigo-dark:focus {
-    background-color: #5661b3 !important;
+  .md\:focus\:bg-green-900:focus {
+    background-color: #22544b !important;
   }
 
-  .md\:focus\:bg-indigo:focus {
-    background-color: #6574cd !important;
+  .md\:focus\:bg-blue-100:focus {
+    background-color: #f1fafd !important;
   }
 
-  .md\:focus\:bg-indigo-light:focus {
-    background-color: #7886d7 !important;
+  .md\:focus\:bg-blue-200:focus {
+    background-color: #caedfa !important;
   }
 
-  .md\:focus\:bg-indigo-lighter:focus {
-    background-color: #b2b7ff !important;
+  .md\:focus\:bg-blue-300:focus {
+    background-color: #87d3f3 !important;
   }
 
-  .md\:focus\:bg-indigo-lightest:focus {
-    background-color: #e6e8ff !important;
+  .md\:focus\:bg-blue-400:focus {
+    background-color: #57b9ec !important;
   }
 
-  .md\:focus\:bg-purple-darkest:focus {
-    background-color: #21183c !important;
+  .md\:focus\:bg-blue-500:focus {
+    background-color: #3a9adf !important;
   }
 
-  .md\:focus\:bg-purple-darker:focus {
-    background-color: #382b5f !important;
+  .md\:focus\:bg-blue-600:focus {
+    background-color: #2b7cc4 !important;
   }
 
-  .md\:focus\:bg-purple-dark:focus {
-    background-color: #794acf !important;
+  .md\:focus\:bg-blue-700:focus {
+    background-color: #2762a3 !important;
   }
 
-  .md\:focus\:bg-purple:focus {
-    background-color: #9561e2 !important;
+  .md\:focus\:bg-blue-800:focus {
+    background-color: #284f81 !important;
   }
 
-  .md\:focus\:bg-purple-light:focus {
-    background-color: #a779e9 !important;
+  .md\:focus\:bg-blue-900:focus {
+    background-color: #294468 !important;
   }
 
-  .md\:focus\:bg-purple-lighter:focus {
-    background-color: #d6bbfc !important;
+  .md\:focus\:bg-indigo-100:focus {
+    background-color: #eef6ff !important;
   }
 
-  .md\:focus\:bg-purple-lightest:focus {
-    background-color: #f3ebff !important;
+  .md\:focus\:bg-indigo-200:focus {
+    background-color: #cbe0f9 !important;
   }
 
-  .md\:focus\:bg-pink-darkest:focus {
-    background-color: #451225 !important;
+  .md\:focus\:bg-indigo-300:focus {
+    background-color: #a6c5f0 !important;
   }
 
-  .md\:focus\:bg-pink-darker:focus {
-    background-color: #6f213f !important;
+  .md\:focus\:bg-indigo-400:focus {
+    background-color: #82a2e3 !important;
   }
 
-  .md\:focus\:bg-pink-dark:focus {
-    background-color: #eb5286 !important;
+  .md\:focus\:bg-indigo-500:focus {
+    background-color: #6d80d3 !important;
   }
 
-  .md\:focus\:bg-pink:focus {
-    background-color: #f66d9b !important;
+  .md\:focus\:bg-indigo-600:focus {
+    background-color: #5e68bc !important;
   }
 
-  .md\:focus\:bg-pink-light:focus {
-    background-color: #fa7ea8 !important;
+  .md\:focus\:bg-indigo-700:focus {
+    background-color: #5154a1 !important;
   }
 
-  .md\:focus\:bg-pink-lighter:focus {
-    background-color: #ffbbca !important;
+  .md\:focus\:bg-indigo-800:focus {
+    background-color: #42417f !important;
   }
 
-  .md\:focus\:bg-pink-lightest:focus {
-    background-color: #ffebef !important;
+  .md\:focus\:bg-indigo-900:focus {
+    background-color: #37366a !important;
+  }
+
+  .md\:focus\:bg-purple-100:focus {
+    background-color: #faf5ff !important;
+  }
+
+  .md\:focus\:bg-purple-200:focus {
+    background-color: #eddffd !important;
+  }
+
+  .md\:focus\:bg-purple-300:focus {
+    background-color: #dcc7fb !important;
+  }
+
+  .md\:focus\:bg-purple-400:focus {
+    background-color: #b18af4 !important;
+  }
+
+  .md\:focus\:bg-purple-500:focus {
+    background-color: #976de9 !important;
+  }
+
+  .md\:focus\:bg-purple-600:focus {
+    background-color: #7c54d5 !important;
+  }
+
+  .md\:focus\:bg-purple-700:focus {
+    background-color: #6845b9 !important;
+  }
+
+  .md\:focus\:bg-purple-800:focus {
+    background-color: #4d368a !important;
+  }
+
+  .md\:focus\:bg-purple-900:focus {
+    background-color: #3b2c6c !important;
+  }
+
+  .md\:focus\:bg-pink-100:focus {
+    background-color: #fff2f4 !important;
+  }
+
+  .md\:focus\:bg-pink-200:focus {
+    background-color: #fedee4 !important;
+  }
+
+  .md\:focus\:bg-pink-300:focus {
+    background-color: #fcbccb !important;
+  }
+
+  .md\:focus\:bg-pink-400:focus {
+    background-color: #f786a7 !important;
+  }
+
+  .md\:focus\:bg-pink-500:focus {
+    background-color: #ed588b !important;
+  }
+
+  .md\:focus\:bg-pink-600:focus {
+    background-color: #d9447b !important;
+  }
+
+  .md\:focus\:bg-pink-700:focus {
+    background-color: #b32f62 !important;
+  }
+
+  .md\:focus\:bg-pink-800:focus {
+    background-color: #8d2450 !important;
+  }
+
+  .md\:focus\:bg-pink-900:focus {
+    background-color: #741c46 !important;
+  }
+
+  .md\:focus\:bg-grey-100:focus {
+    background-color: #f8fcfe !important;
+  }
+
+  .md\:focus\:bg-grey-200:focus {
+    background-color: #f1f5fb !important;
+  }
+
+  .md\:focus\:bg-grey-300:focus {
+    background-color: #e2e9f0 !important;
+  }
+
+  .md\:focus\:bg-grey-400:focus {
+    background-color: #bbc5cf !important;
+  }
+
+  .md\:focus\:bg-grey-500:focus {
+    background-color: #a3b0bd !important;
+  }
+
+  .md\:focus\:bg-grey-600:focus {
+    background-color: #7a8996 !important;
+  }
+
+  .md\:focus\:bg-grey-700:focus {
+    background-color: #5a6977 !important;
+  }
+
+  .md\:focus\:bg-grey-800:focus {
+    background-color: #2e3a45 !important;
+  }
+
+  .md\:focus\:bg-grey-900:focus {
+    background-color: #1f2830 !important;
   }
 
   .md\:bg-bottom {
@@ -13615,291 +15296,371 @@ samp {
   }
 
   .md\:border-black {
-    border-color: #22292f !important;
-  }
-
-  .md\:border-grey-darkest {
-    border-color: #3d4852 !important;
-  }
-
-  .md\:border-grey-darker {
-    border-color: #606f7b !important;
-  }
-
-  .md\:border-grey-dark {
-    border-color: #8795a1 !important;
-  }
-
-  .md\:border-grey {
-    border-color: #b8c2cc !important;
-  }
-
-  .md\:border-grey-light {
-    border-color: #dae1e7 !important;
-  }
-
-  .md\:border-grey-lighter {
-    border-color: #f1f5f8 !important;
-  }
-
-  .md\:border-grey-lightest {
-    border-color: #f8fafc !important;
+    border-color: #000 !important;
   }
 
   .md\:border-white {
     border-color: #fff !important;
   }
 
-  .md\:border-red-darkest {
-    border-color: #3b0d0c !important;
+  .md\:border-teal-100 {
+    border-color: #ebfffc !important;
   }
 
-  .md\:border-red-darker {
-    border-color: #621b18 !important;
+  .md\:border-teal-200 {
+    border-color: #b3f1e9 !important;
   }
 
-  .md\:border-red-dark {
-    border-color: #cc1f1a !important;
+  .md\:border-teal-300 {
+    border-color: #82e1d7 !important;
   }
 
-  .md\:border-red {
-    border-color: #e3342f !important;
+  .md\:border-teal-400 {
+    border-color: #60cfc5 !important;
   }
 
-  .md\:border-red-light {
-    border-color: #ef5753 !important;
+  .md\:border-teal-500 {
+    border-color: #49bab2 !important;
   }
 
-  .md\:border-red-lighter {
-    border-color: #f9acaa !important;
+  .md\:border-teal-600 {
+    border-color: #3ea39f !important;
   }
 
-  .md\:border-red-lightest {
-    border-color: #fcebea !important;
+  .md\:border-teal-700 {
+    border-color: #378786 !important;
   }
 
-  .md\:border-orange-darkest {
-    border-color: #462a16 !important;
+  .md\:border-teal-800 {
+    border-color: #316769 !important;
   }
 
-  .md\:border-orange-darker {
-    border-color: #613b1f !important;
+  .md\:border-teal-900 {
+    border-color: #265152 !important;
   }
 
-  .md\:border-orange-dark {
-    border-color: #de751f !important;
+  .md\:border-red-100 {
+    border-color: #fff5f5 !important;
   }
 
-  .md\:border-orange {
-    border-color: #f6993f !important;
+  .md\:border-red-200 {
+    border-color: #fee3e3 !important;
   }
 
-  .md\:border-orange-light {
-    border-color: #faad63 !important;
+  .md\:border-red-300 {
+    border-color: #febcbc !important;
   }
 
-  .md\:border-orange-lighter {
-    border-color: #fcd9b6 !important;
+  .md\:border-red-400 {
+    border-color: #fd9292 !important;
   }
 
-  .md\:border-orange-lightest {
-    border-color: #fff5eb !important;
+  .md\:border-red-500 {
+    border-color: #f95e5f !important;
   }
 
-  .md\:border-yellow-darkest {
-    border-color: #453411 !important;
+  .md\:border-red-600 {
+    border-color: #ec454e !important;
   }
 
-  .md\:border-yellow-darker {
-    border-color: #684f1d !important;
+  .md\:border-red-700 {
+    border-color: #dc3448 !important;
   }
 
-  .md\:border-yellow-dark {
-    border-color: #f2d024 !important;
+  .md\:border-red-800 {
+    border-color: #b4203b !important;
   }
 
-  .md\:border-yellow {
-    border-color: #ffed4a !important;
+  .md\:border-red-900 {
+    border-color: #801b33 !important;
   }
 
-  .md\:border-yellow-light {
-    border-color: #fff382 !important;
+  .md\:border-orange-100 {
+    border-color: #fffaef !important;
   }
 
-  .md\:border-yellow-lighter {
-    border-color: #fff9c2 !important;
+  .md\:border-orange-200 {
+    border-color: #fee8c1 !important;
   }
 
-  .md\:border-yellow-lightest {
-    border-color: #fcfbeb !important;
+  .md\:border-orange-300 {
+    border-color: #fbd087 !important;
   }
 
-  .md\:border-green-darkest {
-    border-color: #0f2f21 !important;
+  .md\:border-orange-400 {
+    border-color: #f6aa4f !important;
   }
 
-  .md\:border-green-darker {
-    border-color: #1a4731 !important;
+  .md\:border-orange-500 {
+    border-color: #ec832b !important;
   }
 
-  .md\:border-green-dark {
-    border-color: #1f9d55 !important;
+  .md\:border-orange-600 {
+    border-color: #df6d22 !important;
   }
 
-  .md\:border-green {
-    border-color: #38c172 !important;
+  .md\:border-orange-700 {
+    border-color: #c55822 !important;
   }
 
-  .md\:border-green-light {
-    border-color: #51d88a !important;
+  .md\:border-orange-800 {
+    border-color: #9f4423 !important;
   }
 
-  .md\:border-green-lighter {
-    border-color: #a2f5bf !important;
+  .md\:border-orange-900 {
+    border-color: #70311e !important;
   }
 
-  .md\:border-green-lightest {
-    border-color: #e3fcec !important;
+  .md\:border-yellow-100 {
+    border-color: #ffffeb !important;
   }
 
-  .md\:border-teal-darkest {
-    border-color: #0d3331 !important;
+  .md\:border-yellow-200 {
+    border-color: #fefcbf !important;
   }
 
-  .md\:border-teal-darker {
-    border-color: #20504f !important;
+  .md\:border-yellow-300 {
+    border-color: #fbf189 !important;
   }
 
-  .md\:border-teal-dark {
-    border-color: #38a89d !important;
+  .md\:border-yellow-400 {
+    border-color: #f6e05e !important;
   }
 
-  .md\:border-teal {
-    border-color: #4dc0b5 !important;
+  .md\:border-yellow-500 {
+    border-color: #ebc743 !important;
   }
 
-  .md\:border-teal-light {
-    border-color: #64d5ca !important;
+  .md\:border-yellow-600 {
+    border-color: #d69e2e !important;
   }
 
-  .md\:border-teal-lighter {
-    border-color: #a0f0ed !important;
+  .md\:border-yellow-700 {
+    border-color: #b7791f !important;
   }
 
-  .md\:border-teal-lightest {
-    border-color: #e8fffe !important;
+  .md\:border-yellow-800 {
+    border-color: #8d5415 !important;
   }
 
-  .md\:border-blue-darkest {
-    border-color: #12283a !important;
+  .md\:border-yellow-900 {
+    border-color: #66390e !important;
   }
 
-  .md\:border-blue-darker {
-    border-color: #1c3d5a !important;
+  .md\:border-green-100 {
+    border-color: #e9ffe9 !important;
   }
 
-  .md\:border-blue-dark {
-    border-color: #2779bd !important;
+  .md\:border-green-200 {
+    border-color: #c1f5c5 !important;
   }
 
-  .md\:border-blue {
-    border-color: #3490dc !important;
+  .md\:border-green-300 {
+    border-color: #9ae6a8 !important;
   }
 
-  .md\:border-blue-light {
-    border-color: #6cb2eb !important;
+  .md\:border-green-400 {
+    border-color: #68d391 !important;
   }
 
-  .md\:border-blue-lighter {
-    border-color: #bcdefa !important;
+  .md\:border-green-500 {
+    border-color: #48bb87 !important;
   }
 
-  .md\:border-blue-lightest {
-    border-color: #eff8ff !important;
+  .md\:border-green-600 {
+    border-color: #38a181 !important;
   }
 
-  .md\:border-indigo-darkest {
-    border-color: #191e38 !important;
+  .md\:border-green-700 {
+    border-color: #2f8572 !important;
   }
 
-  .md\:border-indigo-darker {
-    border-color: #2f365f !important;
+  .md\:border-green-800 {
+    border-color: #28695c !important;
   }
 
-  .md\:border-indigo-dark {
-    border-color: #5661b3 !important;
+  .md\:border-green-900 {
+    border-color: #22544b !important;
   }
 
-  .md\:border-indigo {
-    border-color: #6574cd !important;
+  .md\:border-blue-100 {
+    border-color: #f1fafd !important;
   }
 
-  .md\:border-indigo-light {
-    border-color: #7886d7 !important;
+  .md\:border-blue-200 {
+    border-color: #caedfa !important;
   }
 
-  .md\:border-indigo-lighter {
-    border-color: #b2b7ff !important;
+  .md\:border-blue-300 {
+    border-color: #87d3f3 !important;
   }
 
-  .md\:border-indigo-lightest {
-    border-color: #e6e8ff !important;
+  .md\:border-blue-400 {
+    border-color: #57b9ec !important;
   }
 
-  .md\:border-purple-darkest {
-    border-color: #21183c !important;
+  .md\:border-blue-500 {
+    border-color: #3a9adf !important;
   }
 
-  .md\:border-purple-darker {
-    border-color: #382b5f !important;
+  .md\:border-blue-600 {
+    border-color: #2b7cc4 !important;
   }
 
-  .md\:border-purple-dark {
-    border-color: #794acf !important;
+  .md\:border-blue-700 {
+    border-color: #2762a3 !important;
   }
 
-  .md\:border-purple {
-    border-color: #9561e2 !important;
+  .md\:border-blue-800 {
+    border-color: #284f81 !important;
   }
 
-  .md\:border-purple-light {
-    border-color: #a779e9 !important;
+  .md\:border-blue-900 {
+    border-color: #294468 !important;
   }
 
-  .md\:border-purple-lighter {
-    border-color: #d6bbfc !important;
+  .md\:border-indigo-100 {
+    border-color: #eef6ff !important;
   }
 
-  .md\:border-purple-lightest {
-    border-color: #f3ebff !important;
+  .md\:border-indigo-200 {
+    border-color: #cbe0f9 !important;
   }
 
-  .md\:border-pink-darkest {
-    border-color: #451225 !important;
+  .md\:border-indigo-300 {
+    border-color: #a6c5f0 !important;
   }
 
-  .md\:border-pink-darker {
-    border-color: #6f213f !important;
+  .md\:border-indigo-400 {
+    border-color: #82a2e3 !important;
   }
 
-  .md\:border-pink-dark {
-    border-color: #eb5286 !important;
+  .md\:border-indigo-500 {
+    border-color: #6d80d3 !important;
   }
 
-  .md\:border-pink {
-    border-color: #f66d9b !important;
+  .md\:border-indigo-600 {
+    border-color: #5e68bc !important;
   }
 
-  .md\:border-pink-light {
-    border-color: #fa7ea8 !important;
+  .md\:border-indigo-700 {
+    border-color: #5154a1 !important;
   }
 
-  .md\:border-pink-lighter {
-    border-color: #ffbbca !important;
+  .md\:border-indigo-800 {
+    border-color: #42417f !important;
   }
 
-  .md\:border-pink-lightest {
-    border-color: #ffebef !important;
+  .md\:border-indigo-900 {
+    border-color: #37366a !important;
+  }
+
+  .md\:border-purple-100 {
+    border-color: #faf5ff !important;
+  }
+
+  .md\:border-purple-200 {
+    border-color: #eddffd !important;
+  }
+
+  .md\:border-purple-300 {
+    border-color: #dcc7fb !important;
+  }
+
+  .md\:border-purple-400 {
+    border-color: #b18af4 !important;
+  }
+
+  .md\:border-purple-500 {
+    border-color: #976de9 !important;
+  }
+
+  .md\:border-purple-600 {
+    border-color: #7c54d5 !important;
+  }
+
+  .md\:border-purple-700 {
+    border-color: #6845b9 !important;
+  }
+
+  .md\:border-purple-800 {
+    border-color: #4d368a !important;
+  }
+
+  .md\:border-purple-900 {
+    border-color: #3b2c6c !important;
+  }
+
+  .md\:border-pink-100 {
+    border-color: #fff2f4 !important;
+  }
+
+  .md\:border-pink-200 {
+    border-color: #fedee4 !important;
+  }
+
+  .md\:border-pink-300 {
+    border-color: #fcbccb !important;
+  }
+
+  .md\:border-pink-400 {
+    border-color: #f786a7 !important;
+  }
+
+  .md\:border-pink-500 {
+    border-color: #ed588b !important;
+  }
+
+  .md\:border-pink-600 {
+    border-color: #d9447b !important;
+  }
+
+  .md\:border-pink-700 {
+    border-color: #b32f62 !important;
+  }
+
+  .md\:border-pink-800 {
+    border-color: #8d2450 !important;
+  }
+
+  .md\:border-pink-900 {
+    border-color: #741c46 !important;
+  }
+
+  .md\:border-grey-100 {
+    border-color: #f8fcfe !important;
+  }
+
+  .md\:border-grey-200 {
+    border-color: #f1f5fb !important;
+  }
+
+  .md\:border-grey-300 {
+    border-color: #e2e9f0 !important;
+  }
+
+  .md\:border-grey-400 {
+    border-color: #bbc5cf !important;
+  }
+
+  .md\:border-grey-500 {
+    border-color: #a3b0bd !important;
+  }
+
+  .md\:border-grey-600 {
+    border-color: #7a8996 !important;
+  }
+
+  .md\:border-grey-700 {
+    border-color: #5a6977 !important;
+  }
+
+  .md\:border-grey-800 {
+    border-color: #2e3a45 !important;
+  }
+
+  .md\:border-grey-900 {
+    border-color: #1f2830 !important;
   }
 
   .md\:hover\:border-transparent:hover {
@@ -13907,291 +15668,371 @@ samp {
   }
 
   .md\:hover\:border-black:hover {
-    border-color: #22292f !important;
-  }
-
-  .md\:hover\:border-grey-darkest:hover {
-    border-color: #3d4852 !important;
-  }
-
-  .md\:hover\:border-grey-darker:hover {
-    border-color: #606f7b !important;
-  }
-
-  .md\:hover\:border-grey-dark:hover {
-    border-color: #8795a1 !important;
-  }
-
-  .md\:hover\:border-grey:hover {
-    border-color: #b8c2cc !important;
-  }
-
-  .md\:hover\:border-grey-light:hover {
-    border-color: #dae1e7 !important;
-  }
-
-  .md\:hover\:border-grey-lighter:hover {
-    border-color: #f1f5f8 !important;
-  }
-
-  .md\:hover\:border-grey-lightest:hover {
-    border-color: #f8fafc !important;
+    border-color: #000 !important;
   }
 
   .md\:hover\:border-white:hover {
     border-color: #fff !important;
   }
 
-  .md\:hover\:border-red-darkest:hover {
-    border-color: #3b0d0c !important;
+  .md\:hover\:border-teal-100:hover {
+    border-color: #ebfffc !important;
   }
 
-  .md\:hover\:border-red-darker:hover {
-    border-color: #621b18 !important;
+  .md\:hover\:border-teal-200:hover {
+    border-color: #b3f1e9 !important;
   }
 
-  .md\:hover\:border-red-dark:hover {
-    border-color: #cc1f1a !important;
+  .md\:hover\:border-teal-300:hover {
+    border-color: #82e1d7 !important;
   }
 
-  .md\:hover\:border-red:hover {
-    border-color: #e3342f !important;
+  .md\:hover\:border-teal-400:hover {
+    border-color: #60cfc5 !important;
   }
 
-  .md\:hover\:border-red-light:hover {
-    border-color: #ef5753 !important;
+  .md\:hover\:border-teal-500:hover {
+    border-color: #49bab2 !important;
   }
 
-  .md\:hover\:border-red-lighter:hover {
-    border-color: #f9acaa !important;
+  .md\:hover\:border-teal-600:hover {
+    border-color: #3ea39f !important;
   }
 
-  .md\:hover\:border-red-lightest:hover {
-    border-color: #fcebea !important;
+  .md\:hover\:border-teal-700:hover {
+    border-color: #378786 !important;
   }
 
-  .md\:hover\:border-orange-darkest:hover {
-    border-color: #462a16 !important;
+  .md\:hover\:border-teal-800:hover {
+    border-color: #316769 !important;
   }
 
-  .md\:hover\:border-orange-darker:hover {
-    border-color: #613b1f !important;
+  .md\:hover\:border-teal-900:hover {
+    border-color: #265152 !important;
   }
 
-  .md\:hover\:border-orange-dark:hover {
-    border-color: #de751f !important;
+  .md\:hover\:border-red-100:hover {
+    border-color: #fff5f5 !important;
   }
 
-  .md\:hover\:border-orange:hover {
-    border-color: #f6993f !important;
+  .md\:hover\:border-red-200:hover {
+    border-color: #fee3e3 !important;
   }
 
-  .md\:hover\:border-orange-light:hover {
-    border-color: #faad63 !important;
+  .md\:hover\:border-red-300:hover {
+    border-color: #febcbc !important;
   }
 
-  .md\:hover\:border-orange-lighter:hover {
-    border-color: #fcd9b6 !important;
+  .md\:hover\:border-red-400:hover {
+    border-color: #fd9292 !important;
   }
 
-  .md\:hover\:border-orange-lightest:hover {
-    border-color: #fff5eb !important;
+  .md\:hover\:border-red-500:hover {
+    border-color: #f95e5f !important;
   }
 
-  .md\:hover\:border-yellow-darkest:hover {
-    border-color: #453411 !important;
+  .md\:hover\:border-red-600:hover {
+    border-color: #ec454e !important;
   }
 
-  .md\:hover\:border-yellow-darker:hover {
-    border-color: #684f1d !important;
+  .md\:hover\:border-red-700:hover {
+    border-color: #dc3448 !important;
   }
 
-  .md\:hover\:border-yellow-dark:hover {
-    border-color: #f2d024 !important;
+  .md\:hover\:border-red-800:hover {
+    border-color: #b4203b !important;
   }
 
-  .md\:hover\:border-yellow:hover {
-    border-color: #ffed4a !important;
+  .md\:hover\:border-red-900:hover {
+    border-color: #801b33 !important;
   }
 
-  .md\:hover\:border-yellow-light:hover {
-    border-color: #fff382 !important;
+  .md\:hover\:border-orange-100:hover {
+    border-color: #fffaef !important;
   }
 
-  .md\:hover\:border-yellow-lighter:hover {
-    border-color: #fff9c2 !important;
+  .md\:hover\:border-orange-200:hover {
+    border-color: #fee8c1 !important;
   }
 
-  .md\:hover\:border-yellow-lightest:hover {
-    border-color: #fcfbeb !important;
+  .md\:hover\:border-orange-300:hover {
+    border-color: #fbd087 !important;
   }
 
-  .md\:hover\:border-green-darkest:hover {
-    border-color: #0f2f21 !important;
+  .md\:hover\:border-orange-400:hover {
+    border-color: #f6aa4f !important;
   }
 
-  .md\:hover\:border-green-darker:hover {
-    border-color: #1a4731 !important;
+  .md\:hover\:border-orange-500:hover {
+    border-color: #ec832b !important;
   }
 
-  .md\:hover\:border-green-dark:hover {
-    border-color: #1f9d55 !important;
+  .md\:hover\:border-orange-600:hover {
+    border-color: #df6d22 !important;
   }
 
-  .md\:hover\:border-green:hover {
-    border-color: #38c172 !important;
+  .md\:hover\:border-orange-700:hover {
+    border-color: #c55822 !important;
   }
 
-  .md\:hover\:border-green-light:hover {
-    border-color: #51d88a !important;
+  .md\:hover\:border-orange-800:hover {
+    border-color: #9f4423 !important;
   }
 
-  .md\:hover\:border-green-lighter:hover {
-    border-color: #a2f5bf !important;
+  .md\:hover\:border-orange-900:hover {
+    border-color: #70311e !important;
   }
 
-  .md\:hover\:border-green-lightest:hover {
-    border-color: #e3fcec !important;
+  .md\:hover\:border-yellow-100:hover {
+    border-color: #ffffeb !important;
   }
 
-  .md\:hover\:border-teal-darkest:hover {
-    border-color: #0d3331 !important;
+  .md\:hover\:border-yellow-200:hover {
+    border-color: #fefcbf !important;
   }
 
-  .md\:hover\:border-teal-darker:hover {
-    border-color: #20504f !important;
+  .md\:hover\:border-yellow-300:hover {
+    border-color: #fbf189 !important;
   }
 
-  .md\:hover\:border-teal-dark:hover {
-    border-color: #38a89d !important;
+  .md\:hover\:border-yellow-400:hover {
+    border-color: #f6e05e !important;
   }
 
-  .md\:hover\:border-teal:hover {
-    border-color: #4dc0b5 !important;
+  .md\:hover\:border-yellow-500:hover {
+    border-color: #ebc743 !important;
   }
 
-  .md\:hover\:border-teal-light:hover {
-    border-color: #64d5ca !important;
+  .md\:hover\:border-yellow-600:hover {
+    border-color: #d69e2e !important;
   }
 
-  .md\:hover\:border-teal-lighter:hover {
-    border-color: #a0f0ed !important;
+  .md\:hover\:border-yellow-700:hover {
+    border-color: #b7791f !important;
   }
 
-  .md\:hover\:border-teal-lightest:hover {
-    border-color: #e8fffe !important;
+  .md\:hover\:border-yellow-800:hover {
+    border-color: #8d5415 !important;
   }
 
-  .md\:hover\:border-blue-darkest:hover {
-    border-color: #12283a !important;
+  .md\:hover\:border-yellow-900:hover {
+    border-color: #66390e !important;
   }
 
-  .md\:hover\:border-blue-darker:hover {
-    border-color: #1c3d5a !important;
+  .md\:hover\:border-green-100:hover {
+    border-color: #e9ffe9 !important;
   }
 
-  .md\:hover\:border-blue-dark:hover {
-    border-color: #2779bd !important;
+  .md\:hover\:border-green-200:hover {
+    border-color: #c1f5c5 !important;
   }
 
-  .md\:hover\:border-blue:hover {
-    border-color: #3490dc !important;
+  .md\:hover\:border-green-300:hover {
+    border-color: #9ae6a8 !important;
   }
 
-  .md\:hover\:border-blue-light:hover {
-    border-color: #6cb2eb !important;
+  .md\:hover\:border-green-400:hover {
+    border-color: #68d391 !important;
   }
 
-  .md\:hover\:border-blue-lighter:hover {
-    border-color: #bcdefa !important;
+  .md\:hover\:border-green-500:hover {
+    border-color: #48bb87 !important;
   }
 
-  .md\:hover\:border-blue-lightest:hover {
-    border-color: #eff8ff !important;
+  .md\:hover\:border-green-600:hover {
+    border-color: #38a181 !important;
   }
 
-  .md\:hover\:border-indigo-darkest:hover {
-    border-color: #191e38 !important;
+  .md\:hover\:border-green-700:hover {
+    border-color: #2f8572 !important;
   }
 
-  .md\:hover\:border-indigo-darker:hover {
-    border-color: #2f365f !important;
+  .md\:hover\:border-green-800:hover {
+    border-color: #28695c !important;
   }
 
-  .md\:hover\:border-indigo-dark:hover {
-    border-color: #5661b3 !important;
+  .md\:hover\:border-green-900:hover {
+    border-color: #22544b !important;
   }
 
-  .md\:hover\:border-indigo:hover {
-    border-color: #6574cd !important;
+  .md\:hover\:border-blue-100:hover {
+    border-color: #f1fafd !important;
   }
 
-  .md\:hover\:border-indigo-light:hover {
-    border-color: #7886d7 !important;
+  .md\:hover\:border-blue-200:hover {
+    border-color: #caedfa !important;
   }
 
-  .md\:hover\:border-indigo-lighter:hover {
-    border-color: #b2b7ff !important;
+  .md\:hover\:border-blue-300:hover {
+    border-color: #87d3f3 !important;
   }
 
-  .md\:hover\:border-indigo-lightest:hover {
-    border-color: #e6e8ff !important;
+  .md\:hover\:border-blue-400:hover {
+    border-color: #57b9ec !important;
   }
 
-  .md\:hover\:border-purple-darkest:hover {
-    border-color: #21183c !important;
+  .md\:hover\:border-blue-500:hover {
+    border-color: #3a9adf !important;
   }
 
-  .md\:hover\:border-purple-darker:hover {
-    border-color: #382b5f !important;
+  .md\:hover\:border-blue-600:hover {
+    border-color: #2b7cc4 !important;
   }
 
-  .md\:hover\:border-purple-dark:hover {
-    border-color: #794acf !important;
+  .md\:hover\:border-blue-700:hover {
+    border-color: #2762a3 !important;
   }
 
-  .md\:hover\:border-purple:hover {
-    border-color: #9561e2 !important;
+  .md\:hover\:border-blue-800:hover {
+    border-color: #284f81 !important;
   }
 
-  .md\:hover\:border-purple-light:hover {
-    border-color: #a779e9 !important;
+  .md\:hover\:border-blue-900:hover {
+    border-color: #294468 !important;
   }
 
-  .md\:hover\:border-purple-lighter:hover {
-    border-color: #d6bbfc !important;
+  .md\:hover\:border-indigo-100:hover {
+    border-color: #eef6ff !important;
   }
 
-  .md\:hover\:border-purple-lightest:hover {
-    border-color: #f3ebff !important;
+  .md\:hover\:border-indigo-200:hover {
+    border-color: #cbe0f9 !important;
   }
 
-  .md\:hover\:border-pink-darkest:hover {
-    border-color: #451225 !important;
+  .md\:hover\:border-indigo-300:hover {
+    border-color: #a6c5f0 !important;
   }
 
-  .md\:hover\:border-pink-darker:hover {
-    border-color: #6f213f !important;
+  .md\:hover\:border-indigo-400:hover {
+    border-color: #82a2e3 !important;
   }
 
-  .md\:hover\:border-pink-dark:hover {
-    border-color: #eb5286 !important;
+  .md\:hover\:border-indigo-500:hover {
+    border-color: #6d80d3 !important;
   }
 
-  .md\:hover\:border-pink:hover {
-    border-color: #f66d9b !important;
+  .md\:hover\:border-indigo-600:hover {
+    border-color: #5e68bc !important;
   }
 
-  .md\:hover\:border-pink-light:hover {
-    border-color: #fa7ea8 !important;
+  .md\:hover\:border-indigo-700:hover {
+    border-color: #5154a1 !important;
   }
 
-  .md\:hover\:border-pink-lighter:hover {
-    border-color: #ffbbca !important;
+  .md\:hover\:border-indigo-800:hover {
+    border-color: #42417f !important;
   }
 
-  .md\:hover\:border-pink-lightest:hover {
-    border-color: #ffebef !important;
+  .md\:hover\:border-indigo-900:hover {
+    border-color: #37366a !important;
+  }
+
+  .md\:hover\:border-purple-100:hover {
+    border-color: #faf5ff !important;
+  }
+
+  .md\:hover\:border-purple-200:hover {
+    border-color: #eddffd !important;
+  }
+
+  .md\:hover\:border-purple-300:hover {
+    border-color: #dcc7fb !important;
+  }
+
+  .md\:hover\:border-purple-400:hover {
+    border-color: #b18af4 !important;
+  }
+
+  .md\:hover\:border-purple-500:hover {
+    border-color: #976de9 !important;
+  }
+
+  .md\:hover\:border-purple-600:hover {
+    border-color: #7c54d5 !important;
+  }
+
+  .md\:hover\:border-purple-700:hover {
+    border-color: #6845b9 !important;
+  }
+
+  .md\:hover\:border-purple-800:hover {
+    border-color: #4d368a !important;
+  }
+
+  .md\:hover\:border-purple-900:hover {
+    border-color: #3b2c6c !important;
+  }
+
+  .md\:hover\:border-pink-100:hover {
+    border-color: #fff2f4 !important;
+  }
+
+  .md\:hover\:border-pink-200:hover {
+    border-color: #fedee4 !important;
+  }
+
+  .md\:hover\:border-pink-300:hover {
+    border-color: #fcbccb !important;
+  }
+
+  .md\:hover\:border-pink-400:hover {
+    border-color: #f786a7 !important;
+  }
+
+  .md\:hover\:border-pink-500:hover {
+    border-color: #ed588b !important;
+  }
+
+  .md\:hover\:border-pink-600:hover {
+    border-color: #d9447b !important;
+  }
+
+  .md\:hover\:border-pink-700:hover {
+    border-color: #b32f62 !important;
+  }
+
+  .md\:hover\:border-pink-800:hover {
+    border-color: #8d2450 !important;
+  }
+
+  .md\:hover\:border-pink-900:hover {
+    border-color: #741c46 !important;
+  }
+
+  .md\:hover\:border-grey-100:hover {
+    border-color: #f8fcfe !important;
+  }
+
+  .md\:hover\:border-grey-200:hover {
+    border-color: #f1f5fb !important;
+  }
+
+  .md\:hover\:border-grey-300:hover {
+    border-color: #e2e9f0 !important;
+  }
+
+  .md\:hover\:border-grey-400:hover {
+    border-color: #bbc5cf !important;
+  }
+
+  .md\:hover\:border-grey-500:hover {
+    border-color: #a3b0bd !important;
+  }
+
+  .md\:hover\:border-grey-600:hover {
+    border-color: #7a8996 !important;
+  }
+
+  .md\:hover\:border-grey-700:hover {
+    border-color: #5a6977 !important;
+  }
+
+  .md\:hover\:border-grey-800:hover {
+    border-color: #2e3a45 !important;
+  }
+
+  .md\:hover\:border-grey-900:hover {
+    border-color: #1f2830 !important;
   }
 
   .md\:focus\:border-transparent:focus {
@@ -14199,291 +16040,371 @@ samp {
   }
 
   .md\:focus\:border-black:focus {
-    border-color: #22292f !important;
-  }
-
-  .md\:focus\:border-grey-darkest:focus {
-    border-color: #3d4852 !important;
-  }
-
-  .md\:focus\:border-grey-darker:focus {
-    border-color: #606f7b !important;
-  }
-
-  .md\:focus\:border-grey-dark:focus {
-    border-color: #8795a1 !important;
-  }
-
-  .md\:focus\:border-grey:focus {
-    border-color: #b8c2cc !important;
-  }
-
-  .md\:focus\:border-grey-light:focus {
-    border-color: #dae1e7 !important;
-  }
-
-  .md\:focus\:border-grey-lighter:focus {
-    border-color: #f1f5f8 !important;
-  }
-
-  .md\:focus\:border-grey-lightest:focus {
-    border-color: #f8fafc !important;
+    border-color: #000 !important;
   }
 
   .md\:focus\:border-white:focus {
     border-color: #fff !important;
   }
 
-  .md\:focus\:border-red-darkest:focus {
-    border-color: #3b0d0c !important;
+  .md\:focus\:border-teal-100:focus {
+    border-color: #ebfffc !important;
   }
 
-  .md\:focus\:border-red-darker:focus {
-    border-color: #621b18 !important;
+  .md\:focus\:border-teal-200:focus {
+    border-color: #b3f1e9 !important;
   }
 
-  .md\:focus\:border-red-dark:focus {
-    border-color: #cc1f1a !important;
+  .md\:focus\:border-teal-300:focus {
+    border-color: #82e1d7 !important;
   }
 
-  .md\:focus\:border-red:focus {
-    border-color: #e3342f !important;
+  .md\:focus\:border-teal-400:focus {
+    border-color: #60cfc5 !important;
   }
 
-  .md\:focus\:border-red-light:focus {
-    border-color: #ef5753 !important;
+  .md\:focus\:border-teal-500:focus {
+    border-color: #49bab2 !important;
   }
 
-  .md\:focus\:border-red-lighter:focus {
-    border-color: #f9acaa !important;
+  .md\:focus\:border-teal-600:focus {
+    border-color: #3ea39f !important;
   }
 
-  .md\:focus\:border-red-lightest:focus {
-    border-color: #fcebea !important;
+  .md\:focus\:border-teal-700:focus {
+    border-color: #378786 !important;
   }
 
-  .md\:focus\:border-orange-darkest:focus {
-    border-color: #462a16 !important;
+  .md\:focus\:border-teal-800:focus {
+    border-color: #316769 !important;
   }
 
-  .md\:focus\:border-orange-darker:focus {
-    border-color: #613b1f !important;
+  .md\:focus\:border-teal-900:focus {
+    border-color: #265152 !important;
   }
 
-  .md\:focus\:border-orange-dark:focus {
-    border-color: #de751f !important;
+  .md\:focus\:border-red-100:focus {
+    border-color: #fff5f5 !important;
   }
 
-  .md\:focus\:border-orange:focus {
-    border-color: #f6993f !important;
+  .md\:focus\:border-red-200:focus {
+    border-color: #fee3e3 !important;
   }
 
-  .md\:focus\:border-orange-light:focus {
-    border-color: #faad63 !important;
+  .md\:focus\:border-red-300:focus {
+    border-color: #febcbc !important;
   }
 
-  .md\:focus\:border-orange-lighter:focus {
-    border-color: #fcd9b6 !important;
+  .md\:focus\:border-red-400:focus {
+    border-color: #fd9292 !important;
   }
 
-  .md\:focus\:border-orange-lightest:focus {
-    border-color: #fff5eb !important;
+  .md\:focus\:border-red-500:focus {
+    border-color: #f95e5f !important;
   }
 
-  .md\:focus\:border-yellow-darkest:focus {
-    border-color: #453411 !important;
+  .md\:focus\:border-red-600:focus {
+    border-color: #ec454e !important;
   }
 
-  .md\:focus\:border-yellow-darker:focus {
-    border-color: #684f1d !important;
+  .md\:focus\:border-red-700:focus {
+    border-color: #dc3448 !important;
   }
 
-  .md\:focus\:border-yellow-dark:focus {
-    border-color: #f2d024 !important;
+  .md\:focus\:border-red-800:focus {
+    border-color: #b4203b !important;
   }
 
-  .md\:focus\:border-yellow:focus {
-    border-color: #ffed4a !important;
+  .md\:focus\:border-red-900:focus {
+    border-color: #801b33 !important;
   }
 
-  .md\:focus\:border-yellow-light:focus {
-    border-color: #fff382 !important;
+  .md\:focus\:border-orange-100:focus {
+    border-color: #fffaef !important;
   }
 
-  .md\:focus\:border-yellow-lighter:focus {
-    border-color: #fff9c2 !important;
+  .md\:focus\:border-orange-200:focus {
+    border-color: #fee8c1 !important;
   }
 
-  .md\:focus\:border-yellow-lightest:focus {
-    border-color: #fcfbeb !important;
+  .md\:focus\:border-orange-300:focus {
+    border-color: #fbd087 !important;
   }
 
-  .md\:focus\:border-green-darkest:focus {
-    border-color: #0f2f21 !important;
+  .md\:focus\:border-orange-400:focus {
+    border-color: #f6aa4f !important;
   }
 
-  .md\:focus\:border-green-darker:focus {
-    border-color: #1a4731 !important;
+  .md\:focus\:border-orange-500:focus {
+    border-color: #ec832b !important;
   }
 
-  .md\:focus\:border-green-dark:focus {
-    border-color: #1f9d55 !important;
+  .md\:focus\:border-orange-600:focus {
+    border-color: #df6d22 !important;
   }
 
-  .md\:focus\:border-green:focus {
-    border-color: #38c172 !important;
+  .md\:focus\:border-orange-700:focus {
+    border-color: #c55822 !important;
   }
 
-  .md\:focus\:border-green-light:focus {
-    border-color: #51d88a !important;
+  .md\:focus\:border-orange-800:focus {
+    border-color: #9f4423 !important;
   }
 
-  .md\:focus\:border-green-lighter:focus {
-    border-color: #a2f5bf !important;
+  .md\:focus\:border-orange-900:focus {
+    border-color: #70311e !important;
   }
 
-  .md\:focus\:border-green-lightest:focus {
-    border-color: #e3fcec !important;
+  .md\:focus\:border-yellow-100:focus {
+    border-color: #ffffeb !important;
   }
 
-  .md\:focus\:border-teal-darkest:focus {
-    border-color: #0d3331 !important;
+  .md\:focus\:border-yellow-200:focus {
+    border-color: #fefcbf !important;
   }
 
-  .md\:focus\:border-teal-darker:focus {
-    border-color: #20504f !important;
+  .md\:focus\:border-yellow-300:focus {
+    border-color: #fbf189 !important;
   }
 
-  .md\:focus\:border-teal-dark:focus {
-    border-color: #38a89d !important;
+  .md\:focus\:border-yellow-400:focus {
+    border-color: #f6e05e !important;
   }
 
-  .md\:focus\:border-teal:focus {
-    border-color: #4dc0b5 !important;
+  .md\:focus\:border-yellow-500:focus {
+    border-color: #ebc743 !important;
   }
 
-  .md\:focus\:border-teal-light:focus {
-    border-color: #64d5ca !important;
+  .md\:focus\:border-yellow-600:focus {
+    border-color: #d69e2e !important;
   }
 
-  .md\:focus\:border-teal-lighter:focus {
-    border-color: #a0f0ed !important;
+  .md\:focus\:border-yellow-700:focus {
+    border-color: #b7791f !important;
   }
 
-  .md\:focus\:border-teal-lightest:focus {
-    border-color: #e8fffe !important;
+  .md\:focus\:border-yellow-800:focus {
+    border-color: #8d5415 !important;
   }
 
-  .md\:focus\:border-blue-darkest:focus {
-    border-color: #12283a !important;
+  .md\:focus\:border-yellow-900:focus {
+    border-color: #66390e !important;
   }
 
-  .md\:focus\:border-blue-darker:focus {
-    border-color: #1c3d5a !important;
+  .md\:focus\:border-green-100:focus {
+    border-color: #e9ffe9 !important;
   }
 
-  .md\:focus\:border-blue-dark:focus {
-    border-color: #2779bd !important;
+  .md\:focus\:border-green-200:focus {
+    border-color: #c1f5c5 !important;
   }
 
-  .md\:focus\:border-blue:focus {
-    border-color: #3490dc !important;
+  .md\:focus\:border-green-300:focus {
+    border-color: #9ae6a8 !important;
   }
 
-  .md\:focus\:border-blue-light:focus {
-    border-color: #6cb2eb !important;
+  .md\:focus\:border-green-400:focus {
+    border-color: #68d391 !important;
   }
 
-  .md\:focus\:border-blue-lighter:focus {
-    border-color: #bcdefa !important;
+  .md\:focus\:border-green-500:focus {
+    border-color: #48bb87 !important;
   }
 
-  .md\:focus\:border-blue-lightest:focus {
-    border-color: #eff8ff !important;
+  .md\:focus\:border-green-600:focus {
+    border-color: #38a181 !important;
   }
 
-  .md\:focus\:border-indigo-darkest:focus {
-    border-color: #191e38 !important;
+  .md\:focus\:border-green-700:focus {
+    border-color: #2f8572 !important;
   }
 
-  .md\:focus\:border-indigo-darker:focus {
-    border-color: #2f365f !important;
+  .md\:focus\:border-green-800:focus {
+    border-color: #28695c !important;
   }
 
-  .md\:focus\:border-indigo-dark:focus {
-    border-color: #5661b3 !important;
+  .md\:focus\:border-green-900:focus {
+    border-color: #22544b !important;
   }
 
-  .md\:focus\:border-indigo:focus {
-    border-color: #6574cd !important;
+  .md\:focus\:border-blue-100:focus {
+    border-color: #f1fafd !important;
   }
 
-  .md\:focus\:border-indigo-light:focus {
-    border-color: #7886d7 !important;
+  .md\:focus\:border-blue-200:focus {
+    border-color: #caedfa !important;
   }
 
-  .md\:focus\:border-indigo-lighter:focus {
-    border-color: #b2b7ff !important;
+  .md\:focus\:border-blue-300:focus {
+    border-color: #87d3f3 !important;
   }
 
-  .md\:focus\:border-indigo-lightest:focus {
-    border-color: #e6e8ff !important;
+  .md\:focus\:border-blue-400:focus {
+    border-color: #57b9ec !important;
   }
 
-  .md\:focus\:border-purple-darkest:focus {
-    border-color: #21183c !important;
+  .md\:focus\:border-blue-500:focus {
+    border-color: #3a9adf !important;
   }
 
-  .md\:focus\:border-purple-darker:focus {
-    border-color: #382b5f !important;
+  .md\:focus\:border-blue-600:focus {
+    border-color: #2b7cc4 !important;
   }
 
-  .md\:focus\:border-purple-dark:focus {
-    border-color: #794acf !important;
+  .md\:focus\:border-blue-700:focus {
+    border-color: #2762a3 !important;
   }
 
-  .md\:focus\:border-purple:focus {
-    border-color: #9561e2 !important;
+  .md\:focus\:border-blue-800:focus {
+    border-color: #284f81 !important;
   }
 
-  .md\:focus\:border-purple-light:focus {
-    border-color: #a779e9 !important;
+  .md\:focus\:border-blue-900:focus {
+    border-color: #294468 !important;
   }
 
-  .md\:focus\:border-purple-lighter:focus {
-    border-color: #d6bbfc !important;
+  .md\:focus\:border-indigo-100:focus {
+    border-color: #eef6ff !important;
   }
 
-  .md\:focus\:border-purple-lightest:focus {
-    border-color: #f3ebff !important;
+  .md\:focus\:border-indigo-200:focus {
+    border-color: #cbe0f9 !important;
   }
 
-  .md\:focus\:border-pink-darkest:focus {
-    border-color: #451225 !important;
+  .md\:focus\:border-indigo-300:focus {
+    border-color: #a6c5f0 !important;
   }
 
-  .md\:focus\:border-pink-darker:focus {
-    border-color: #6f213f !important;
+  .md\:focus\:border-indigo-400:focus {
+    border-color: #82a2e3 !important;
   }
 
-  .md\:focus\:border-pink-dark:focus {
-    border-color: #eb5286 !important;
+  .md\:focus\:border-indigo-500:focus {
+    border-color: #6d80d3 !important;
   }
 
-  .md\:focus\:border-pink:focus {
-    border-color: #f66d9b !important;
+  .md\:focus\:border-indigo-600:focus {
+    border-color: #5e68bc !important;
   }
 
-  .md\:focus\:border-pink-light:focus {
-    border-color: #fa7ea8 !important;
+  .md\:focus\:border-indigo-700:focus {
+    border-color: #5154a1 !important;
   }
 
-  .md\:focus\:border-pink-lighter:focus {
-    border-color: #ffbbca !important;
+  .md\:focus\:border-indigo-800:focus {
+    border-color: #42417f !important;
   }
 
-  .md\:focus\:border-pink-lightest:focus {
-    border-color: #ffebef !important;
+  .md\:focus\:border-indigo-900:focus {
+    border-color: #37366a !important;
+  }
+
+  .md\:focus\:border-purple-100:focus {
+    border-color: #faf5ff !important;
+  }
+
+  .md\:focus\:border-purple-200:focus {
+    border-color: #eddffd !important;
+  }
+
+  .md\:focus\:border-purple-300:focus {
+    border-color: #dcc7fb !important;
+  }
+
+  .md\:focus\:border-purple-400:focus {
+    border-color: #b18af4 !important;
+  }
+
+  .md\:focus\:border-purple-500:focus {
+    border-color: #976de9 !important;
+  }
+
+  .md\:focus\:border-purple-600:focus {
+    border-color: #7c54d5 !important;
+  }
+
+  .md\:focus\:border-purple-700:focus {
+    border-color: #6845b9 !important;
+  }
+
+  .md\:focus\:border-purple-800:focus {
+    border-color: #4d368a !important;
+  }
+
+  .md\:focus\:border-purple-900:focus {
+    border-color: #3b2c6c !important;
+  }
+
+  .md\:focus\:border-pink-100:focus {
+    border-color: #fff2f4 !important;
+  }
+
+  .md\:focus\:border-pink-200:focus {
+    border-color: #fedee4 !important;
+  }
+
+  .md\:focus\:border-pink-300:focus {
+    border-color: #fcbccb !important;
+  }
+
+  .md\:focus\:border-pink-400:focus {
+    border-color: #f786a7 !important;
+  }
+
+  .md\:focus\:border-pink-500:focus {
+    border-color: #ed588b !important;
+  }
+
+  .md\:focus\:border-pink-600:focus {
+    border-color: #d9447b !important;
+  }
+
+  .md\:focus\:border-pink-700:focus {
+    border-color: #b32f62 !important;
+  }
+
+  .md\:focus\:border-pink-800:focus {
+    border-color: #8d2450 !important;
+  }
+
+  .md\:focus\:border-pink-900:focus {
+    border-color: #741c46 !important;
+  }
+
+  .md\:focus\:border-grey-100:focus {
+    border-color: #f8fcfe !important;
+  }
+
+  .md\:focus\:border-grey-200:focus {
+    border-color: #f1f5fb !important;
+  }
+
+  .md\:focus\:border-grey-300:focus {
+    border-color: #e2e9f0 !important;
+  }
+
+  .md\:focus\:border-grey-400:focus {
+    border-color: #bbc5cf !important;
+  }
+
+  .md\:focus\:border-grey-500:focus {
+    border-color: #a3b0bd !important;
+  }
+
+  .md\:focus\:border-grey-600:focus {
+    border-color: #7a8996 !important;
+  }
+
+  .md\:focus\:border-grey-700:focus {
+    border-color: #5a6977 !important;
+  }
+
+  .md\:focus\:border-grey-800:focus {
+    border-color: #2e3a45 !important;
+  }
+
+  .md\:focus\:border-grey-900:focus {
+    border-color: #1f2830 !important;
   }
 
   .md\:rounded-none {
@@ -17425,291 +19346,371 @@ samp {
   }
 
   .md\:text-black {
-    color: #22292f !important;
-  }
-
-  .md\:text-grey-darkest {
-    color: #3d4852 !important;
-  }
-
-  .md\:text-grey-darker {
-    color: #606f7b !important;
-  }
-
-  .md\:text-grey-dark {
-    color: #8795a1 !important;
-  }
-
-  .md\:text-grey {
-    color: #b8c2cc !important;
-  }
-
-  .md\:text-grey-light {
-    color: #dae1e7 !important;
-  }
-
-  .md\:text-grey-lighter {
-    color: #f1f5f8 !important;
-  }
-
-  .md\:text-grey-lightest {
-    color: #f8fafc !important;
+    color: #000 !important;
   }
 
   .md\:text-white {
     color: #fff !important;
   }
 
-  .md\:text-red-darkest {
-    color: #3b0d0c !important;
+  .md\:text-teal-100 {
+    color: #ebfffc !important;
   }
 
-  .md\:text-red-darker {
-    color: #621b18 !important;
+  .md\:text-teal-200 {
+    color: #b3f1e9 !important;
   }
 
-  .md\:text-red-dark {
-    color: #cc1f1a !important;
+  .md\:text-teal-300 {
+    color: #82e1d7 !important;
   }
 
-  .md\:text-red {
-    color: #e3342f !important;
+  .md\:text-teal-400 {
+    color: #60cfc5 !important;
   }
 
-  .md\:text-red-light {
-    color: #ef5753 !important;
+  .md\:text-teal-500 {
+    color: #49bab2 !important;
   }
 
-  .md\:text-red-lighter {
-    color: #f9acaa !important;
+  .md\:text-teal-600 {
+    color: #3ea39f !important;
   }
 
-  .md\:text-red-lightest {
-    color: #fcebea !important;
+  .md\:text-teal-700 {
+    color: #378786 !important;
   }
 
-  .md\:text-orange-darkest {
-    color: #462a16 !important;
+  .md\:text-teal-800 {
+    color: #316769 !important;
   }
 
-  .md\:text-orange-darker {
-    color: #613b1f !important;
+  .md\:text-teal-900 {
+    color: #265152 !important;
   }
 
-  .md\:text-orange-dark {
-    color: #de751f !important;
+  .md\:text-red-100 {
+    color: #fff5f5 !important;
   }
 
-  .md\:text-orange {
-    color: #f6993f !important;
+  .md\:text-red-200 {
+    color: #fee3e3 !important;
   }
 
-  .md\:text-orange-light {
-    color: #faad63 !important;
+  .md\:text-red-300 {
+    color: #febcbc !important;
   }
 
-  .md\:text-orange-lighter {
-    color: #fcd9b6 !important;
+  .md\:text-red-400 {
+    color: #fd9292 !important;
   }
 
-  .md\:text-orange-lightest {
-    color: #fff5eb !important;
+  .md\:text-red-500 {
+    color: #f95e5f !important;
   }
 
-  .md\:text-yellow-darkest {
-    color: #453411 !important;
+  .md\:text-red-600 {
+    color: #ec454e !important;
   }
 
-  .md\:text-yellow-darker {
-    color: #684f1d !important;
+  .md\:text-red-700 {
+    color: #dc3448 !important;
   }
 
-  .md\:text-yellow-dark {
-    color: #f2d024 !important;
+  .md\:text-red-800 {
+    color: #b4203b !important;
   }
 
-  .md\:text-yellow {
-    color: #ffed4a !important;
+  .md\:text-red-900 {
+    color: #801b33 !important;
   }
 
-  .md\:text-yellow-light {
-    color: #fff382 !important;
+  .md\:text-orange-100 {
+    color: #fffaef !important;
   }
 
-  .md\:text-yellow-lighter {
-    color: #fff9c2 !important;
+  .md\:text-orange-200 {
+    color: #fee8c1 !important;
   }
 
-  .md\:text-yellow-lightest {
-    color: #fcfbeb !important;
+  .md\:text-orange-300 {
+    color: #fbd087 !important;
   }
 
-  .md\:text-green-darkest {
-    color: #0f2f21 !important;
+  .md\:text-orange-400 {
+    color: #f6aa4f !important;
   }
 
-  .md\:text-green-darker {
-    color: #1a4731 !important;
+  .md\:text-orange-500 {
+    color: #ec832b !important;
   }
 
-  .md\:text-green-dark {
-    color: #1f9d55 !important;
+  .md\:text-orange-600 {
+    color: #df6d22 !important;
   }
 
-  .md\:text-green {
-    color: #38c172 !important;
+  .md\:text-orange-700 {
+    color: #c55822 !important;
   }
 
-  .md\:text-green-light {
-    color: #51d88a !important;
+  .md\:text-orange-800 {
+    color: #9f4423 !important;
   }
 
-  .md\:text-green-lighter {
-    color: #a2f5bf !important;
+  .md\:text-orange-900 {
+    color: #70311e !important;
   }
 
-  .md\:text-green-lightest {
-    color: #e3fcec !important;
+  .md\:text-yellow-100 {
+    color: #ffffeb !important;
   }
 
-  .md\:text-teal-darkest {
-    color: #0d3331 !important;
+  .md\:text-yellow-200 {
+    color: #fefcbf !important;
   }
 
-  .md\:text-teal-darker {
-    color: #20504f !important;
+  .md\:text-yellow-300 {
+    color: #fbf189 !important;
   }
 
-  .md\:text-teal-dark {
-    color: #38a89d !important;
+  .md\:text-yellow-400 {
+    color: #f6e05e !important;
   }
 
-  .md\:text-teal {
-    color: #4dc0b5 !important;
+  .md\:text-yellow-500 {
+    color: #ebc743 !important;
   }
 
-  .md\:text-teal-light {
-    color: #64d5ca !important;
+  .md\:text-yellow-600 {
+    color: #d69e2e !important;
   }
 
-  .md\:text-teal-lighter {
-    color: #a0f0ed !important;
+  .md\:text-yellow-700 {
+    color: #b7791f !important;
   }
 
-  .md\:text-teal-lightest {
-    color: #e8fffe !important;
+  .md\:text-yellow-800 {
+    color: #8d5415 !important;
   }
 
-  .md\:text-blue-darkest {
-    color: #12283a !important;
+  .md\:text-yellow-900 {
+    color: #66390e !important;
   }
 
-  .md\:text-blue-darker {
-    color: #1c3d5a !important;
+  .md\:text-green-100 {
+    color: #e9ffe9 !important;
   }
 
-  .md\:text-blue-dark {
-    color: #2779bd !important;
+  .md\:text-green-200 {
+    color: #c1f5c5 !important;
   }
 
-  .md\:text-blue {
-    color: #3490dc !important;
+  .md\:text-green-300 {
+    color: #9ae6a8 !important;
   }
 
-  .md\:text-blue-light {
-    color: #6cb2eb !important;
+  .md\:text-green-400 {
+    color: #68d391 !important;
   }
 
-  .md\:text-blue-lighter {
-    color: #bcdefa !important;
+  .md\:text-green-500 {
+    color: #48bb87 !important;
   }
 
-  .md\:text-blue-lightest {
-    color: #eff8ff !important;
+  .md\:text-green-600 {
+    color: #38a181 !important;
   }
 
-  .md\:text-indigo-darkest {
-    color: #191e38 !important;
+  .md\:text-green-700 {
+    color: #2f8572 !important;
   }
 
-  .md\:text-indigo-darker {
-    color: #2f365f !important;
+  .md\:text-green-800 {
+    color: #28695c !important;
   }
 
-  .md\:text-indigo-dark {
-    color: #5661b3 !important;
+  .md\:text-green-900 {
+    color: #22544b !important;
   }
 
-  .md\:text-indigo {
-    color: #6574cd !important;
+  .md\:text-blue-100 {
+    color: #f1fafd !important;
   }
 
-  .md\:text-indigo-light {
-    color: #7886d7 !important;
+  .md\:text-blue-200 {
+    color: #caedfa !important;
   }
 
-  .md\:text-indigo-lighter {
-    color: #b2b7ff !important;
+  .md\:text-blue-300 {
+    color: #87d3f3 !important;
   }
 
-  .md\:text-indigo-lightest {
-    color: #e6e8ff !important;
+  .md\:text-blue-400 {
+    color: #57b9ec !important;
   }
 
-  .md\:text-purple-darkest {
-    color: #21183c !important;
+  .md\:text-blue-500 {
+    color: #3a9adf !important;
   }
 
-  .md\:text-purple-darker {
-    color: #382b5f !important;
+  .md\:text-blue-600 {
+    color: #2b7cc4 !important;
   }
 
-  .md\:text-purple-dark {
-    color: #794acf !important;
+  .md\:text-blue-700 {
+    color: #2762a3 !important;
   }
 
-  .md\:text-purple {
-    color: #9561e2 !important;
+  .md\:text-blue-800 {
+    color: #284f81 !important;
   }
 
-  .md\:text-purple-light {
-    color: #a779e9 !important;
+  .md\:text-blue-900 {
+    color: #294468 !important;
   }
 
-  .md\:text-purple-lighter {
-    color: #d6bbfc !important;
+  .md\:text-indigo-100 {
+    color: #eef6ff !important;
   }
 
-  .md\:text-purple-lightest {
-    color: #f3ebff !important;
+  .md\:text-indigo-200 {
+    color: #cbe0f9 !important;
   }
 
-  .md\:text-pink-darkest {
-    color: #451225 !important;
+  .md\:text-indigo-300 {
+    color: #a6c5f0 !important;
   }
 
-  .md\:text-pink-darker {
-    color: #6f213f !important;
+  .md\:text-indigo-400 {
+    color: #82a2e3 !important;
   }
 
-  .md\:text-pink-dark {
-    color: #eb5286 !important;
+  .md\:text-indigo-500 {
+    color: #6d80d3 !important;
   }
 
-  .md\:text-pink {
-    color: #f66d9b !important;
+  .md\:text-indigo-600 {
+    color: #5e68bc !important;
   }
 
-  .md\:text-pink-light {
-    color: #fa7ea8 !important;
+  .md\:text-indigo-700 {
+    color: #5154a1 !important;
   }
 
-  .md\:text-pink-lighter {
-    color: #ffbbca !important;
+  .md\:text-indigo-800 {
+    color: #42417f !important;
   }
 
-  .md\:text-pink-lightest {
-    color: #ffebef !important;
+  .md\:text-indigo-900 {
+    color: #37366a !important;
+  }
+
+  .md\:text-purple-100 {
+    color: #faf5ff !important;
+  }
+
+  .md\:text-purple-200 {
+    color: #eddffd !important;
+  }
+
+  .md\:text-purple-300 {
+    color: #dcc7fb !important;
+  }
+
+  .md\:text-purple-400 {
+    color: #b18af4 !important;
+  }
+
+  .md\:text-purple-500 {
+    color: #976de9 !important;
+  }
+
+  .md\:text-purple-600 {
+    color: #7c54d5 !important;
+  }
+
+  .md\:text-purple-700 {
+    color: #6845b9 !important;
+  }
+
+  .md\:text-purple-800 {
+    color: #4d368a !important;
+  }
+
+  .md\:text-purple-900 {
+    color: #3b2c6c !important;
+  }
+
+  .md\:text-pink-100 {
+    color: #fff2f4 !important;
+  }
+
+  .md\:text-pink-200 {
+    color: #fedee4 !important;
+  }
+
+  .md\:text-pink-300 {
+    color: #fcbccb !important;
+  }
+
+  .md\:text-pink-400 {
+    color: #f786a7 !important;
+  }
+
+  .md\:text-pink-500 {
+    color: #ed588b !important;
+  }
+
+  .md\:text-pink-600 {
+    color: #d9447b !important;
+  }
+
+  .md\:text-pink-700 {
+    color: #b32f62 !important;
+  }
+
+  .md\:text-pink-800 {
+    color: #8d2450 !important;
+  }
+
+  .md\:text-pink-900 {
+    color: #741c46 !important;
+  }
+
+  .md\:text-grey-100 {
+    color: #f8fcfe !important;
+  }
+
+  .md\:text-grey-200 {
+    color: #f1f5fb !important;
+  }
+
+  .md\:text-grey-300 {
+    color: #e2e9f0 !important;
+  }
+
+  .md\:text-grey-400 {
+    color: #bbc5cf !important;
+  }
+
+  .md\:text-grey-500 {
+    color: #a3b0bd !important;
+  }
+
+  .md\:text-grey-600 {
+    color: #7a8996 !important;
+  }
+
+  .md\:text-grey-700 {
+    color: #5a6977 !important;
+  }
+
+  .md\:text-grey-800 {
+    color: #2e3a45 !important;
+  }
+
+  .md\:text-grey-900 {
+    color: #1f2830 !important;
   }
 
   .md\:hover\:text-transparent:hover {
@@ -17717,291 +19718,371 @@ samp {
   }
 
   .md\:hover\:text-black:hover {
-    color: #22292f !important;
-  }
-
-  .md\:hover\:text-grey-darkest:hover {
-    color: #3d4852 !important;
-  }
-
-  .md\:hover\:text-grey-darker:hover {
-    color: #606f7b !important;
-  }
-
-  .md\:hover\:text-grey-dark:hover {
-    color: #8795a1 !important;
-  }
-
-  .md\:hover\:text-grey:hover {
-    color: #b8c2cc !important;
-  }
-
-  .md\:hover\:text-grey-light:hover {
-    color: #dae1e7 !important;
-  }
-
-  .md\:hover\:text-grey-lighter:hover {
-    color: #f1f5f8 !important;
-  }
-
-  .md\:hover\:text-grey-lightest:hover {
-    color: #f8fafc !important;
+    color: #000 !important;
   }
 
   .md\:hover\:text-white:hover {
     color: #fff !important;
   }
 
-  .md\:hover\:text-red-darkest:hover {
-    color: #3b0d0c !important;
+  .md\:hover\:text-teal-100:hover {
+    color: #ebfffc !important;
   }
 
-  .md\:hover\:text-red-darker:hover {
-    color: #621b18 !important;
+  .md\:hover\:text-teal-200:hover {
+    color: #b3f1e9 !important;
   }
 
-  .md\:hover\:text-red-dark:hover {
-    color: #cc1f1a !important;
+  .md\:hover\:text-teal-300:hover {
+    color: #82e1d7 !important;
   }
 
-  .md\:hover\:text-red:hover {
-    color: #e3342f !important;
+  .md\:hover\:text-teal-400:hover {
+    color: #60cfc5 !important;
   }
 
-  .md\:hover\:text-red-light:hover {
-    color: #ef5753 !important;
+  .md\:hover\:text-teal-500:hover {
+    color: #49bab2 !important;
   }
 
-  .md\:hover\:text-red-lighter:hover {
-    color: #f9acaa !important;
+  .md\:hover\:text-teal-600:hover {
+    color: #3ea39f !important;
   }
 
-  .md\:hover\:text-red-lightest:hover {
-    color: #fcebea !important;
+  .md\:hover\:text-teal-700:hover {
+    color: #378786 !important;
   }
 
-  .md\:hover\:text-orange-darkest:hover {
-    color: #462a16 !important;
+  .md\:hover\:text-teal-800:hover {
+    color: #316769 !important;
   }
 
-  .md\:hover\:text-orange-darker:hover {
-    color: #613b1f !important;
+  .md\:hover\:text-teal-900:hover {
+    color: #265152 !important;
   }
 
-  .md\:hover\:text-orange-dark:hover {
-    color: #de751f !important;
+  .md\:hover\:text-red-100:hover {
+    color: #fff5f5 !important;
   }
 
-  .md\:hover\:text-orange:hover {
-    color: #f6993f !important;
+  .md\:hover\:text-red-200:hover {
+    color: #fee3e3 !important;
   }
 
-  .md\:hover\:text-orange-light:hover {
-    color: #faad63 !important;
+  .md\:hover\:text-red-300:hover {
+    color: #febcbc !important;
   }
 
-  .md\:hover\:text-orange-lighter:hover {
-    color: #fcd9b6 !important;
+  .md\:hover\:text-red-400:hover {
+    color: #fd9292 !important;
   }
 
-  .md\:hover\:text-orange-lightest:hover {
-    color: #fff5eb !important;
+  .md\:hover\:text-red-500:hover {
+    color: #f95e5f !important;
   }
 
-  .md\:hover\:text-yellow-darkest:hover {
-    color: #453411 !important;
+  .md\:hover\:text-red-600:hover {
+    color: #ec454e !important;
   }
 
-  .md\:hover\:text-yellow-darker:hover {
-    color: #684f1d !important;
+  .md\:hover\:text-red-700:hover {
+    color: #dc3448 !important;
   }
 
-  .md\:hover\:text-yellow-dark:hover {
-    color: #f2d024 !important;
+  .md\:hover\:text-red-800:hover {
+    color: #b4203b !important;
   }
 
-  .md\:hover\:text-yellow:hover {
-    color: #ffed4a !important;
+  .md\:hover\:text-red-900:hover {
+    color: #801b33 !important;
   }
 
-  .md\:hover\:text-yellow-light:hover {
-    color: #fff382 !important;
+  .md\:hover\:text-orange-100:hover {
+    color: #fffaef !important;
   }
 
-  .md\:hover\:text-yellow-lighter:hover {
-    color: #fff9c2 !important;
+  .md\:hover\:text-orange-200:hover {
+    color: #fee8c1 !important;
   }
 
-  .md\:hover\:text-yellow-lightest:hover {
-    color: #fcfbeb !important;
+  .md\:hover\:text-orange-300:hover {
+    color: #fbd087 !important;
   }
 
-  .md\:hover\:text-green-darkest:hover {
-    color: #0f2f21 !important;
+  .md\:hover\:text-orange-400:hover {
+    color: #f6aa4f !important;
   }
 
-  .md\:hover\:text-green-darker:hover {
-    color: #1a4731 !important;
+  .md\:hover\:text-orange-500:hover {
+    color: #ec832b !important;
   }
 
-  .md\:hover\:text-green-dark:hover {
-    color: #1f9d55 !important;
+  .md\:hover\:text-orange-600:hover {
+    color: #df6d22 !important;
   }
 
-  .md\:hover\:text-green:hover {
-    color: #38c172 !important;
+  .md\:hover\:text-orange-700:hover {
+    color: #c55822 !important;
   }
 
-  .md\:hover\:text-green-light:hover {
-    color: #51d88a !important;
+  .md\:hover\:text-orange-800:hover {
+    color: #9f4423 !important;
   }
 
-  .md\:hover\:text-green-lighter:hover {
-    color: #a2f5bf !important;
+  .md\:hover\:text-orange-900:hover {
+    color: #70311e !important;
   }
 
-  .md\:hover\:text-green-lightest:hover {
-    color: #e3fcec !important;
+  .md\:hover\:text-yellow-100:hover {
+    color: #ffffeb !important;
   }
 
-  .md\:hover\:text-teal-darkest:hover {
-    color: #0d3331 !important;
+  .md\:hover\:text-yellow-200:hover {
+    color: #fefcbf !important;
   }
 
-  .md\:hover\:text-teal-darker:hover {
-    color: #20504f !important;
+  .md\:hover\:text-yellow-300:hover {
+    color: #fbf189 !important;
   }
 
-  .md\:hover\:text-teal-dark:hover {
-    color: #38a89d !important;
+  .md\:hover\:text-yellow-400:hover {
+    color: #f6e05e !important;
   }
 
-  .md\:hover\:text-teal:hover {
-    color: #4dc0b5 !important;
+  .md\:hover\:text-yellow-500:hover {
+    color: #ebc743 !important;
   }
 
-  .md\:hover\:text-teal-light:hover {
-    color: #64d5ca !important;
+  .md\:hover\:text-yellow-600:hover {
+    color: #d69e2e !important;
   }
 
-  .md\:hover\:text-teal-lighter:hover {
-    color: #a0f0ed !important;
+  .md\:hover\:text-yellow-700:hover {
+    color: #b7791f !important;
   }
 
-  .md\:hover\:text-teal-lightest:hover {
-    color: #e8fffe !important;
+  .md\:hover\:text-yellow-800:hover {
+    color: #8d5415 !important;
   }
 
-  .md\:hover\:text-blue-darkest:hover {
-    color: #12283a !important;
+  .md\:hover\:text-yellow-900:hover {
+    color: #66390e !important;
   }
 
-  .md\:hover\:text-blue-darker:hover {
-    color: #1c3d5a !important;
+  .md\:hover\:text-green-100:hover {
+    color: #e9ffe9 !important;
   }
 
-  .md\:hover\:text-blue-dark:hover {
-    color: #2779bd !important;
+  .md\:hover\:text-green-200:hover {
+    color: #c1f5c5 !important;
   }
 
-  .md\:hover\:text-blue:hover {
-    color: #3490dc !important;
+  .md\:hover\:text-green-300:hover {
+    color: #9ae6a8 !important;
   }
 
-  .md\:hover\:text-blue-light:hover {
-    color: #6cb2eb !important;
+  .md\:hover\:text-green-400:hover {
+    color: #68d391 !important;
   }
 
-  .md\:hover\:text-blue-lighter:hover {
-    color: #bcdefa !important;
+  .md\:hover\:text-green-500:hover {
+    color: #48bb87 !important;
   }
 
-  .md\:hover\:text-blue-lightest:hover {
-    color: #eff8ff !important;
+  .md\:hover\:text-green-600:hover {
+    color: #38a181 !important;
   }
 
-  .md\:hover\:text-indigo-darkest:hover {
-    color: #191e38 !important;
+  .md\:hover\:text-green-700:hover {
+    color: #2f8572 !important;
   }
 
-  .md\:hover\:text-indigo-darker:hover {
-    color: #2f365f !important;
+  .md\:hover\:text-green-800:hover {
+    color: #28695c !important;
   }
 
-  .md\:hover\:text-indigo-dark:hover {
-    color: #5661b3 !important;
+  .md\:hover\:text-green-900:hover {
+    color: #22544b !important;
   }
 
-  .md\:hover\:text-indigo:hover {
-    color: #6574cd !important;
+  .md\:hover\:text-blue-100:hover {
+    color: #f1fafd !important;
   }
 
-  .md\:hover\:text-indigo-light:hover {
-    color: #7886d7 !important;
+  .md\:hover\:text-blue-200:hover {
+    color: #caedfa !important;
   }
 
-  .md\:hover\:text-indigo-lighter:hover {
-    color: #b2b7ff !important;
+  .md\:hover\:text-blue-300:hover {
+    color: #87d3f3 !important;
   }
 
-  .md\:hover\:text-indigo-lightest:hover {
-    color: #e6e8ff !important;
+  .md\:hover\:text-blue-400:hover {
+    color: #57b9ec !important;
   }
 
-  .md\:hover\:text-purple-darkest:hover {
-    color: #21183c !important;
+  .md\:hover\:text-blue-500:hover {
+    color: #3a9adf !important;
   }
 
-  .md\:hover\:text-purple-darker:hover {
-    color: #382b5f !important;
+  .md\:hover\:text-blue-600:hover {
+    color: #2b7cc4 !important;
   }
 
-  .md\:hover\:text-purple-dark:hover {
-    color: #794acf !important;
+  .md\:hover\:text-blue-700:hover {
+    color: #2762a3 !important;
   }
 
-  .md\:hover\:text-purple:hover {
-    color: #9561e2 !important;
+  .md\:hover\:text-blue-800:hover {
+    color: #284f81 !important;
   }
 
-  .md\:hover\:text-purple-light:hover {
-    color: #a779e9 !important;
+  .md\:hover\:text-blue-900:hover {
+    color: #294468 !important;
   }
 
-  .md\:hover\:text-purple-lighter:hover {
-    color: #d6bbfc !important;
+  .md\:hover\:text-indigo-100:hover {
+    color: #eef6ff !important;
   }
 
-  .md\:hover\:text-purple-lightest:hover {
-    color: #f3ebff !important;
+  .md\:hover\:text-indigo-200:hover {
+    color: #cbe0f9 !important;
   }
 
-  .md\:hover\:text-pink-darkest:hover {
-    color: #451225 !important;
+  .md\:hover\:text-indigo-300:hover {
+    color: #a6c5f0 !important;
   }
 
-  .md\:hover\:text-pink-darker:hover {
-    color: #6f213f !important;
+  .md\:hover\:text-indigo-400:hover {
+    color: #82a2e3 !important;
   }
 
-  .md\:hover\:text-pink-dark:hover {
-    color: #eb5286 !important;
+  .md\:hover\:text-indigo-500:hover {
+    color: #6d80d3 !important;
   }
 
-  .md\:hover\:text-pink:hover {
-    color: #f66d9b !important;
+  .md\:hover\:text-indigo-600:hover {
+    color: #5e68bc !important;
   }
 
-  .md\:hover\:text-pink-light:hover {
-    color: #fa7ea8 !important;
+  .md\:hover\:text-indigo-700:hover {
+    color: #5154a1 !important;
   }
 
-  .md\:hover\:text-pink-lighter:hover {
-    color: #ffbbca !important;
+  .md\:hover\:text-indigo-800:hover {
+    color: #42417f !important;
   }
 
-  .md\:hover\:text-pink-lightest:hover {
-    color: #ffebef !important;
+  .md\:hover\:text-indigo-900:hover {
+    color: #37366a !important;
+  }
+
+  .md\:hover\:text-purple-100:hover {
+    color: #faf5ff !important;
+  }
+
+  .md\:hover\:text-purple-200:hover {
+    color: #eddffd !important;
+  }
+
+  .md\:hover\:text-purple-300:hover {
+    color: #dcc7fb !important;
+  }
+
+  .md\:hover\:text-purple-400:hover {
+    color: #b18af4 !important;
+  }
+
+  .md\:hover\:text-purple-500:hover {
+    color: #976de9 !important;
+  }
+
+  .md\:hover\:text-purple-600:hover {
+    color: #7c54d5 !important;
+  }
+
+  .md\:hover\:text-purple-700:hover {
+    color: #6845b9 !important;
+  }
+
+  .md\:hover\:text-purple-800:hover {
+    color: #4d368a !important;
+  }
+
+  .md\:hover\:text-purple-900:hover {
+    color: #3b2c6c !important;
+  }
+
+  .md\:hover\:text-pink-100:hover {
+    color: #fff2f4 !important;
+  }
+
+  .md\:hover\:text-pink-200:hover {
+    color: #fedee4 !important;
+  }
+
+  .md\:hover\:text-pink-300:hover {
+    color: #fcbccb !important;
+  }
+
+  .md\:hover\:text-pink-400:hover {
+    color: #f786a7 !important;
+  }
+
+  .md\:hover\:text-pink-500:hover {
+    color: #ed588b !important;
+  }
+
+  .md\:hover\:text-pink-600:hover {
+    color: #d9447b !important;
+  }
+
+  .md\:hover\:text-pink-700:hover {
+    color: #b32f62 !important;
+  }
+
+  .md\:hover\:text-pink-800:hover {
+    color: #8d2450 !important;
+  }
+
+  .md\:hover\:text-pink-900:hover {
+    color: #741c46 !important;
+  }
+
+  .md\:hover\:text-grey-100:hover {
+    color: #f8fcfe !important;
+  }
+
+  .md\:hover\:text-grey-200:hover {
+    color: #f1f5fb !important;
+  }
+
+  .md\:hover\:text-grey-300:hover {
+    color: #e2e9f0 !important;
+  }
+
+  .md\:hover\:text-grey-400:hover {
+    color: #bbc5cf !important;
+  }
+
+  .md\:hover\:text-grey-500:hover {
+    color: #a3b0bd !important;
+  }
+
+  .md\:hover\:text-grey-600:hover {
+    color: #7a8996 !important;
+  }
+
+  .md\:hover\:text-grey-700:hover {
+    color: #5a6977 !important;
+  }
+
+  .md\:hover\:text-grey-800:hover {
+    color: #2e3a45 !important;
+  }
+
+  .md\:hover\:text-grey-900:hover {
+    color: #1f2830 !important;
   }
 
   .md\:focus\:text-transparent:focus {
@@ -18009,291 +20090,371 @@ samp {
   }
 
   .md\:focus\:text-black:focus {
-    color: #22292f !important;
-  }
-
-  .md\:focus\:text-grey-darkest:focus {
-    color: #3d4852 !important;
-  }
-
-  .md\:focus\:text-grey-darker:focus {
-    color: #606f7b !important;
-  }
-
-  .md\:focus\:text-grey-dark:focus {
-    color: #8795a1 !important;
-  }
-
-  .md\:focus\:text-grey:focus {
-    color: #b8c2cc !important;
-  }
-
-  .md\:focus\:text-grey-light:focus {
-    color: #dae1e7 !important;
-  }
-
-  .md\:focus\:text-grey-lighter:focus {
-    color: #f1f5f8 !important;
-  }
-
-  .md\:focus\:text-grey-lightest:focus {
-    color: #f8fafc !important;
+    color: #000 !important;
   }
 
   .md\:focus\:text-white:focus {
     color: #fff !important;
   }
 
-  .md\:focus\:text-red-darkest:focus {
-    color: #3b0d0c !important;
+  .md\:focus\:text-teal-100:focus {
+    color: #ebfffc !important;
   }
 
-  .md\:focus\:text-red-darker:focus {
-    color: #621b18 !important;
+  .md\:focus\:text-teal-200:focus {
+    color: #b3f1e9 !important;
   }
 
-  .md\:focus\:text-red-dark:focus {
-    color: #cc1f1a !important;
+  .md\:focus\:text-teal-300:focus {
+    color: #82e1d7 !important;
   }
 
-  .md\:focus\:text-red:focus {
-    color: #e3342f !important;
+  .md\:focus\:text-teal-400:focus {
+    color: #60cfc5 !important;
   }
 
-  .md\:focus\:text-red-light:focus {
-    color: #ef5753 !important;
+  .md\:focus\:text-teal-500:focus {
+    color: #49bab2 !important;
   }
 
-  .md\:focus\:text-red-lighter:focus {
-    color: #f9acaa !important;
+  .md\:focus\:text-teal-600:focus {
+    color: #3ea39f !important;
   }
 
-  .md\:focus\:text-red-lightest:focus {
-    color: #fcebea !important;
+  .md\:focus\:text-teal-700:focus {
+    color: #378786 !important;
   }
 
-  .md\:focus\:text-orange-darkest:focus {
-    color: #462a16 !important;
+  .md\:focus\:text-teal-800:focus {
+    color: #316769 !important;
   }
 
-  .md\:focus\:text-orange-darker:focus {
-    color: #613b1f !important;
+  .md\:focus\:text-teal-900:focus {
+    color: #265152 !important;
   }
 
-  .md\:focus\:text-orange-dark:focus {
-    color: #de751f !important;
+  .md\:focus\:text-red-100:focus {
+    color: #fff5f5 !important;
   }
 
-  .md\:focus\:text-orange:focus {
-    color: #f6993f !important;
+  .md\:focus\:text-red-200:focus {
+    color: #fee3e3 !important;
   }
 
-  .md\:focus\:text-orange-light:focus {
-    color: #faad63 !important;
+  .md\:focus\:text-red-300:focus {
+    color: #febcbc !important;
   }
 
-  .md\:focus\:text-orange-lighter:focus {
-    color: #fcd9b6 !important;
+  .md\:focus\:text-red-400:focus {
+    color: #fd9292 !important;
   }
 
-  .md\:focus\:text-orange-lightest:focus {
-    color: #fff5eb !important;
+  .md\:focus\:text-red-500:focus {
+    color: #f95e5f !important;
   }
 
-  .md\:focus\:text-yellow-darkest:focus {
-    color: #453411 !important;
+  .md\:focus\:text-red-600:focus {
+    color: #ec454e !important;
   }
 
-  .md\:focus\:text-yellow-darker:focus {
-    color: #684f1d !important;
+  .md\:focus\:text-red-700:focus {
+    color: #dc3448 !important;
   }
 
-  .md\:focus\:text-yellow-dark:focus {
-    color: #f2d024 !important;
+  .md\:focus\:text-red-800:focus {
+    color: #b4203b !important;
   }
 
-  .md\:focus\:text-yellow:focus {
-    color: #ffed4a !important;
+  .md\:focus\:text-red-900:focus {
+    color: #801b33 !important;
   }
 
-  .md\:focus\:text-yellow-light:focus {
-    color: #fff382 !important;
+  .md\:focus\:text-orange-100:focus {
+    color: #fffaef !important;
   }
 
-  .md\:focus\:text-yellow-lighter:focus {
-    color: #fff9c2 !important;
+  .md\:focus\:text-orange-200:focus {
+    color: #fee8c1 !important;
   }
 
-  .md\:focus\:text-yellow-lightest:focus {
-    color: #fcfbeb !important;
+  .md\:focus\:text-orange-300:focus {
+    color: #fbd087 !important;
   }
 
-  .md\:focus\:text-green-darkest:focus {
-    color: #0f2f21 !important;
+  .md\:focus\:text-orange-400:focus {
+    color: #f6aa4f !important;
   }
 
-  .md\:focus\:text-green-darker:focus {
-    color: #1a4731 !important;
+  .md\:focus\:text-orange-500:focus {
+    color: #ec832b !important;
   }
 
-  .md\:focus\:text-green-dark:focus {
-    color: #1f9d55 !important;
+  .md\:focus\:text-orange-600:focus {
+    color: #df6d22 !important;
   }
 
-  .md\:focus\:text-green:focus {
-    color: #38c172 !important;
+  .md\:focus\:text-orange-700:focus {
+    color: #c55822 !important;
   }
 
-  .md\:focus\:text-green-light:focus {
-    color: #51d88a !important;
+  .md\:focus\:text-orange-800:focus {
+    color: #9f4423 !important;
   }
 
-  .md\:focus\:text-green-lighter:focus {
-    color: #a2f5bf !important;
+  .md\:focus\:text-orange-900:focus {
+    color: #70311e !important;
   }
 
-  .md\:focus\:text-green-lightest:focus {
-    color: #e3fcec !important;
+  .md\:focus\:text-yellow-100:focus {
+    color: #ffffeb !important;
   }
 
-  .md\:focus\:text-teal-darkest:focus {
-    color: #0d3331 !important;
+  .md\:focus\:text-yellow-200:focus {
+    color: #fefcbf !important;
   }
 
-  .md\:focus\:text-teal-darker:focus {
-    color: #20504f !important;
+  .md\:focus\:text-yellow-300:focus {
+    color: #fbf189 !important;
   }
 
-  .md\:focus\:text-teal-dark:focus {
-    color: #38a89d !important;
+  .md\:focus\:text-yellow-400:focus {
+    color: #f6e05e !important;
   }
 
-  .md\:focus\:text-teal:focus {
-    color: #4dc0b5 !important;
+  .md\:focus\:text-yellow-500:focus {
+    color: #ebc743 !important;
   }
 
-  .md\:focus\:text-teal-light:focus {
-    color: #64d5ca !important;
+  .md\:focus\:text-yellow-600:focus {
+    color: #d69e2e !important;
   }
 
-  .md\:focus\:text-teal-lighter:focus {
-    color: #a0f0ed !important;
+  .md\:focus\:text-yellow-700:focus {
+    color: #b7791f !important;
   }
 
-  .md\:focus\:text-teal-lightest:focus {
-    color: #e8fffe !important;
+  .md\:focus\:text-yellow-800:focus {
+    color: #8d5415 !important;
   }
 
-  .md\:focus\:text-blue-darkest:focus {
-    color: #12283a !important;
+  .md\:focus\:text-yellow-900:focus {
+    color: #66390e !important;
   }
 
-  .md\:focus\:text-blue-darker:focus {
-    color: #1c3d5a !important;
+  .md\:focus\:text-green-100:focus {
+    color: #e9ffe9 !important;
   }
 
-  .md\:focus\:text-blue-dark:focus {
-    color: #2779bd !important;
+  .md\:focus\:text-green-200:focus {
+    color: #c1f5c5 !important;
   }
 
-  .md\:focus\:text-blue:focus {
-    color: #3490dc !important;
+  .md\:focus\:text-green-300:focus {
+    color: #9ae6a8 !important;
   }
 
-  .md\:focus\:text-blue-light:focus {
-    color: #6cb2eb !important;
+  .md\:focus\:text-green-400:focus {
+    color: #68d391 !important;
   }
 
-  .md\:focus\:text-blue-lighter:focus {
-    color: #bcdefa !important;
+  .md\:focus\:text-green-500:focus {
+    color: #48bb87 !important;
   }
 
-  .md\:focus\:text-blue-lightest:focus {
-    color: #eff8ff !important;
+  .md\:focus\:text-green-600:focus {
+    color: #38a181 !important;
   }
 
-  .md\:focus\:text-indigo-darkest:focus {
-    color: #191e38 !important;
+  .md\:focus\:text-green-700:focus {
+    color: #2f8572 !important;
   }
 
-  .md\:focus\:text-indigo-darker:focus {
-    color: #2f365f !important;
+  .md\:focus\:text-green-800:focus {
+    color: #28695c !important;
   }
 
-  .md\:focus\:text-indigo-dark:focus {
-    color: #5661b3 !important;
+  .md\:focus\:text-green-900:focus {
+    color: #22544b !important;
   }
 
-  .md\:focus\:text-indigo:focus {
-    color: #6574cd !important;
+  .md\:focus\:text-blue-100:focus {
+    color: #f1fafd !important;
   }
 
-  .md\:focus\:text-indigo-light:focus {
-    color: #7886d7 !important;
+  .md\:focus\:text-blue-200:focus {
+    color: #caedfa !important;
   }
 
-  .md\:focus\:text-indigo-lighter:focus {
-    color: #b2b7ff !important;
+  .md\:focus\:text-blue-300:focus {
+    color: #87d3f3 !important;
   }
 
-  .md\:focus\:text-indigo-lightest:focus {
-    color: #e6e8ff !important;
+  .md\:focus\:text-blue-400:focus {
+    color: #57b9ec !important;
   }
 
-  .md\:focus\:text-purple-darkest:focus {
-    color: #21183c !important;
+  .md\:focus\:text-blue-500:focus {
+    color: #3a9adf !important;
   }
 
-  .md\:focus\:text-purple-darker:focus {
-    color: #382b5f !important;
+  .md\:focus\:text-blue-600:focus {
+    color: #2b7cc4 !important;
   }
 
-  .md\:focus\:text-purple-dark:focus {
-    color: #794acf !important;
+  .md\:focus\:text-blue-700:focus {
+    color: #2762a3 !important;
   }
 
-  .md\:focus\:text-purple:focus {
-    color: #9561e2 !important;
+  .md\:focus\:text-blue-800:focus {
+    color: #284f81 !important;
   }
 
-  .md\:focus\:text-purple-light:focus {
-    color: #a779e9 !important;
+  .md\:focus\:text-blue-900:focus {
+    color: #294468 !important;
   }
 
-  .md\:focus\:text-purple-lighter:focus {
-    color: #d6bbfc !important;
+  .md\:focus\:text-indigo-100:focus {
+    color: #eef6ff !important;
   }
 
-  .md\:focus\:text-purple-lightest:focus {
-    color: #f3ebff !important;
+  .md\:focus\:text-indigo-200:focus {
+    color: #cbe0f9 !important;
   }
 
-  .md\:focus\:text-pink-darkest:focus {
-    color: #451225 !important;
+  .md\:focus\:text-indigo-300:focus {
+    color: #a6c5f0 !important;
   }
 
-  .md\:focus\:text-pink-darker:focus {
-    color: #6f213f !important;
+  .md\:focus\:text-indigo-400:focus {
+    color: #82a2e3 !important;
   }
 
-  .md\:focus\:text-pink-dark:focus {
-    color: #eb5286 !important;
+  .md\:focus\:text-indigo-500:focus {
+    color: #6d80d3 !important;
   }
 
-  .md\:focus\:text-pink:focus {
-    color: #f66d9b !important;
+  .md\:focus\:text-indigo-600:focus {
+    color: #5e68bc !important;
   }
 
-  .md\:focus\:text-pink-light:focus {
-    color: #fa7ea8 !important;
+  .md\:focus\:text-indigo-700:focus {
+    color: #5154a1 !important;
   }
 
-  .md\:focus\:text-pink-lighter:focus {
-    color: #ffbbca !important;
+  .md\:focus\:text-indigo-800:focus {
+    color: #42417f !important;
   }
 
-  .md\:focus\:text-pink-lightest:focus {
-    color: #ffebef !important;
+  .md\:focus\:text-indigo-900:focus {
+    color: #37366a !important;
+  }
+
+  .md\:focus\:text-purple-100:focus {
+    color: #faf5ff !important;
+  }
+
+  .md\:focus\:text-purple-200:focus {
+    color: #eddffd !important;
+  }
+
+  .md\:focus\:text-purple-300:focus {
+    color: #dcc7fb !important;
+  }
+
+  .md\:focus\:text-purple-400:focus {
+    color: #b18af4 !important;
+  }
+
+  .md\:focus\:text-purple-500:focus {
+    color: #976de9 !important;
+  }
+
+  .md\:focus\:text-purple-600:focus {
+    color: #7c54d5 !important;
+  }
+
+  .md\:focus\:text-purple-700:focus {
+    color: #6845b9 !important;
+  }
+
+  .md\:focus\:text-purple-800:focus {
+    color: #4d368a !important;
+  }
+
+  .md\:focus\:text-purple-900:focus {
+    color: #3b2c6c !important;
+  }
+
+  .md\:focus\:text-pink-100:focus {
+    color: #fff2f4 !important;
+  }
+
+  .md\:focus\:text-pink-200:focus {
+    color: #fedee4 !important;
+  }
+
+  .md\:focus\:text-pink-300:focus {
+    color: #fcbccb !important;
+  }
+
+  .md\:focus\:text-pink-400:focus {
+    color: #f786a7 !important;
+  }
+
+  .md\:focus\:text-pink-500:focus {
+    color: #ed588b !important;
+  }
+
+  .md\:focus\:text-pink-600:focus {
+    color: #d9447b !important;
+  }
+
+  .md\:focus\:text-pink-700:focus {
+    color: #b32f62 !important;
+  }
+
+  .md\:focus\:text-pink-800:focus {
+    color: #8d2450 !important;
+  }
+
+  .md\:focus\:text-pink-900:focus {
+    color: #741c46 !important;
+  }
+
+  .md\:focus\:text-grey-100:focus {
+    color: #f8fcfe !important;
+  }
+
+  .md\:focus\:text-grey-200:focus {
+    color: #f1f5fb !important;
+  }
+
+  .md\:focus\:text-grey-300:focus {
+    color: #e2e9f0 !important;
+  }
+
+  .md\:focus\:text-grey-400:focus {
+    color: #bbc5cf !important;
+  }
+
+  .md\:focus\:text-grey-500:focus {
+    color: #a3b0bd !important;
+  }
+
+  .md\:focus\:text-grey-600:focus {
+    color: #7a8996 !important;
+  }
+
+  .md\:focus\:text-grey-700:focus {
+    color: #5a6977 !important;
+  }
+
+  .md\:focus\:text-grey-800:focus {
+    color: #2e3a45 !important;
+  }
+
+  .md\:focus\:text-grey-900:focus {
+    color: #1f2830 !important;
   }
 
   .md\:text-xs {
@@ -18674,7 +20835,7 @@ samp {
 
   .md\:example {
     font-weight: 700;
-    color: #e3342f;
+    color: #f95e5f;
   }
 }
 
@@ -18700,291 +20861,371 @@ samp {
   }
 
   .lg\:bg-black {
-    background-color: #22292f !important;
-  }
-
-  .lg\:bg-grey-darkest {
-    background-color: #3d4852 !important;
-  }
-
-  .lg\:bg-grey-darker {
-    background-color: #606f7b !important;
-  }
-
-  .lg\:bg-grey-dark {
-    background-color: #8795a1 !important;
-  }
-
-  .lg\:bg-grey {
-    background-color: #b8c2cc !important;
-  }
-
-  .lg\:bg-grey-light {
-    background-color: #dae1e7 !important;
-  }
-
-  .lg\:bg-grey-lighter {
-    background-color: #f1f5f8 !important;
-  }
-
-  .lg\:bg-grey-lightest {
-    background-color: #f8fafc !important;
+    background-color: #000 !important;
   }
 
   .lg\:bg-white {
     background-color: #fff !important;
   }
 
-  .lg\:bg-red-darkest {
-    background-color: #3b0d0c !important;
+  .lg\:bg-teal-100 {
+    background-color: #ebfffc !important;
   }
 
-  .lg\:bg-red-darker {
-    background-color: #621b18 !important;
+  .lg\:bg-teal-200 {
+    background-color: #b3f1e9 !important;
   }
 
-  .lg\:bg-red-dark {
-    background-color: #cc1f1a !important;
+  .lg\:bg-teal-300 {
+    background-color: #82e1d7 !important;
   }
 
-  .lg\:bg-red {
-    background-color: #e3342f !important;
+  .lg\:bg-teal-400 {
+    background-color: #60cfc5 !important;
   }
 
-  .lg\:bg-red-light {
-    background-color: #ef5753 !important;
+  .lg\:bg-teal-500 {
+    background-color: #49bab2 !important;
   }
 
-  .lg\:bg-red-lighter {
-    background-color: #f9acaa !important;
+  .lg\:bg-teal-600 {
+    background-color: #3ea39f !important;
   }
 
-  .lg\:bg-red-lightest {
-    background-color: #fcebea !important;
+  .lg\:bg-teal-700 {
+    background-color: #378786 !important;
   }
 
-  .lg\:bg-orange-darkest {
-    background-color: #462a16 !important;
+  .lg\:bg-teal-800 {
+    background-color: #316769 !important;
   }
 
-  .lg\:bg-orange-darker {
-    background-color: #613b1f !important;
+  .lg\:bg-teal-900 {
+    background-color: #265152 !important;
   }
 
-  .lg\:bg-orange-dark {
-    background-color: #de751f !important;
+  .lg\:bg-red-100 {
+    background-color: #fff5f5 !important;
   }
 
-  .lg\:bg-orange {
-    background-color: #f6993f !important;
+  .lg\:bg-red-200 {
+    background-color: #fee3e3 !important;
   }
 
-  .lg\:bg-orange-light {
-    background-color: #faad63 !important;
+  .lg\:bg-red-300 {
+    background-color: #febcbc !important;
   }
 
-  .lg\:bg-orange-lighter {
-    background-color: #fcd9b6 !important;
+  .lg\:bg-red-400 {
+    background-color: #fd9292 !important;
   }
 
-  .lg\:bg-orange-lightest {
-    background-color: #fff5eb !important;
+  .lg\:bg-red-500 {
+    background-color: #f95e5f !important;
   }
 
-  .lg\:bg-yellow-darkest {
-    background-color: #453411 !important;
+  .lg\:bg-red-600 {
+    background-color: #ec454e !important;
   }
 
-  .lg\:bg-yellow-darker {
-    background-color: #684f1d !important;
+  .lg\:bg-red-700 {
+    background-color: #dc3448 !important;
   }
 
-  .lg\:bg-yellow-dark {
-    background-color: #f2d024 !important;
+  .lg\:bg-red-800 {
+    background-color: #b4203b !important;
   }
 
-  .lg\:bg-yellow {
-    background-color: #ffed4a !important;
+  .lg\:bg-red-900 {
+    background-color: #801b33 !important;
   }
 
-  .lg\:bg-yellow-light {
-    background-color: #fff382 !important;
+  .lg\:bg-orange-100 {
+    background-color: #fffaef !important;
   }
 
-  .lg\:bg-yellow-lighter {
-    background-color: #fff9c2 !important;
+  .lg\:bg-orange-200 {
+    background-color: #fee8c1 !important;
   }
 
-  .lg\:bg-yellow-lightest {
-    background-color: #fcfbeb !important;
+  .lg\:bg-orange-300 {
+    background-color: #fbd087 !important;
   }
 
-  .lg\:bg-green-darkest {
-    background-color: #0f2f21 !important;
+  .lg\:bg-orange-400 {
+    background-color: #f6aa4f !important;
   }
 
-  .lg\:bg-green-darker {
-    background-color: #1a4731 !important;
+  .lg\:bg-orange-500 {
+    background-color: #ec832b !important;
   }
 
-  .lg\:bg-green-dark {
-    background-color: #1f9d55 !important;
+  .lg\:bg-orange-600 {
+    background-color: #df6d22 !important;
   }
 
-  .lg\:bg-green {
-    background-color: #38c172 !important;
+  .lg\:bg-orange-700 {
+    background-color: #c55822 !important;
   }
 
-  .lg\:bg-green-light {
-    background-color: #51d88a !important;
+  .lg\:bg-orange-800 {
+    background-color: #9f4423 !important;
   }
 
-  .lg\:bg-green-lighter {
-    background-color: #a2f5bf !important;
+  .lg\:bg-orange-900 {
+    background-color: #70311e !important;
   }
 
-  .lg\:bg-green-lightest {
-    background-color: #e3fcec !important;
+  .lg\:bg-yellow-100 {
+    background-color: #ffffeb !important;
   }
 
-  .lg\:bg-teal-darkest {
-    background-color: #0d3331 !important;
+  .lg\:bg-yellow-200 {
+    background-color: #fefcbf !important;
   }
 
-  .lg\:bg-teal-darker {
-    background-color: #20504f !important;
+  .lg\:bg-yellow-300 {
+    background-color: #fbf189 !important;
   }
 
-  .lg\:bg-teal-dark {
-    background-color: #38a89d !important;
+  .lg\:bg-yellow-400 {
+    background-color: #f6e05e !important;
   }
 
-  .lg\:bg-teal {
-    background-color: #4dc0b5 !important;
+  .lg\:bg-yellow-500 {
+    background-color: #ebc743 !important;
   }
 
-  .lg\:bg-teal-light {
-    background-color: #64d5ca !important;
+  .lg\:bg-yellow-600 {
+    background-color: #d69e2e !important;
   }
 
-  .lg\:bg-teal-lighter {
-    background-color: #a0f0ed !important;
+  .lg\:bg-yellow-700 {
+    background-color: #b7791f !important;
   }
 
-  .lg\:bg-teal-lightest {
-    background-color: #e8fffe !important;
+  .lg\:bg-yellow-800 {
+    background-color: #8d5415 !important;
   }
 
-  .lg\:bg-blue-darkest {
-    background-color: #12283a !important;
+  .lg\:bg-yellow-900 {
+    background-color: #66390e !important;
   }
 
-  .lg\:bg-blue-darker {
-    background-color: #1c3d5a !important;
+  .lg\:bg-green-100 {
+    background-color: #e9ffe9 !important;
   }
 
-  .lg\:bg-blue-dark {
-    background-color: #2779bd !important;
+  .lg\:bg-green-200 {
+    background-color: #c1f5c5 !important;
   }
 
-  .lg\:bg-blue {
-    background-color: #3490dc !important;
+  .lg\:bg-green-300 {
+    background-color: #9ae6a8 !important;
   }
 
-  .lg\:bg-blue-light {
-    background-color: #6cb2eb !important;
+  .lg\:bg-green-400 {
+    background-color: #68d391 !important;
   }
 
-  .lg\:bg-blue-lighter {
-    background-color: #bcdefa !important;
+  .lg\:bg-green-500 {
+    background-color: #48bb87 !important;
   }
 
-  .lg\:bg-blue-lightest {
-    background-color: #eff8ff !important;
+  .lg\:bg-green-600 {
+    background-color: #38a181 !important;
   }
 
-  .lg\:bg-indigo-darkest {
-    background-color: #191e38 !important;
+  .lg\:bg-green-700 {
+    background-color: #2f8572 !important;
   }
 
-  .lg\:bg-indigo-darker {
-    background-color: #2f365f !important;
+  .lg\:bg-green-800 {
+    background-color: #28695c !important;
   }
 
-  .lg\:bg-indigo-dark {
-    background-color: #5661b3 !important;
+  .lg\:bg-green-900 {
+    background-color: #22544b !important;
   }
 
-  .lg\:bg-indigo {
-    background-color: #6574cd !important;
+  .lg\:bg-blue-100 {
+    background-color: #f1fafd !important;
   }
 
-  .lg\:bg-indigo-light {
-    background-color: #7886d7 !important;
+  .lg\:bg-blue-200 {
+    background-color: #caedfa !important;
   }
 
-  .lg\:bg-indigo-lighter {
-    background-color: #b2b7ff !important;
+  .lg\:bg-blue-300 {
+    background-color: #87d3f3 !important;
   }
 
-  .lg\:bg-indigo-lightest {
-    background-color: #e6e8ff !important;
+  .lg\:bg-blue-400 {
+    background-color: #57b9ec !important;
   }
 
-  .lg\:bg-purple-darkest {
-    background-color: #21183c !important;
+  .lg\:bg-blue-500 {
+    background-color: #3a9adf !important;
   }
 
-  .lg\:bg-purple-darker {
-    background-color: #382b5f !important;
+  .lg\:bg-blue-600 {
+    background-color: #2b7cc4 !important;
   }
 
-  .lg\:bg-purple-dark {
-    background-color: #794acf !important;
+  .lg\:bg-blue-700 {
+    background-color: #2762a3 !important;
   }
 
-  .lg\:bg-purple {
-    background-color: #9561e2 !important;
+  .lg\:bg-blue-800 {
+    background-color: #284f81 !important;
   }
 
-  .lg\:bg-purple-light {
-    background-color: #a779e9 !important;
+  .lg\:bg-blue-900 {
+    background-color: #294468 !important;
   }
 
-  .lg\:bg-purple-lighter {
-    background-color: #d6bbfc !important;
+  .lg\:bg-indigo-100 {
+    background-color: #eef6ff !important;
   }
 
-  .lg\:bg-purple-lightest {
-    background-color: #f3ebff !important;
+  .lg\:bg-indigo-200 {
+    background-color: #cbe0f9 !important;
   }
 
-  .lg\:bg-pink-darkest {
-    background-color: #451225 !important;
+  .lg\:bg-indigo-300 {
+    background-color: #a6c5f0 !important;
   }
 
-  .lg\:bg-pink-darker {
-    background-color: #6f213f !important;
+  .lg\:bg-indigo-400 {
+    background-color: #82a2e3 !important;
   }
 
-  .lg\:bg-pink-dark {
-    background-color: #eb5286 !important;
+  .lg\:bg-indigo-500 {
+    background-color: #6d80d3 !important;
   }
 
-  .lg\:bg-pink {
-    background-color: #f66d9b !important;
+  .lg\:bg-indigo-600 {
+    background-color: #5e68bc !important;
   }
 
-  .lg\:bg-pink-light {
-    background-color: #fa7ea8 !important;
+  .lg\:bg-indigo-700 {
+    background-color: #5154a1 !important;
   }
 
-  .lg\:bg-pink-lighter {
-    background-color: #ffbbca !important;
+  .lg\:bg-indigo-800 {
+    background-color: #42417f !important;
   }
 
-  .lg\:bg-pink-lightest {
-    background-color: #ffebef !important;
+  .lg\:bg-indigo-900 {
+    background-color: #37366a !important;
+  }
+
+  .lg\:bg-purple-100 {
+    background-color: #faf5ff !important;
+  }
+
+  .lg\:bg-purple-200 {
+    background-color: #eddffd !important;
+  }
+
+  .lg\:bg-purple-300 {
+    background-color: #dcc7fb !important;
+  }
+
+  .lg\:bg-purple-400 {
+    background-color: #b18af4 !important;
+  }
+
+  .lg\:bg-purple-500 {
+    background-color: #976de9 !important;
+  }
+
+  .lg\:bg-purple-600 {
+    background-color: #7c54d5 !important;
+  }
+
+  .lg\:bg-purple-700 {
+    background-color: #6845b9 !important;
+  }
+
+  .lg\:bg-purple-800 {
+    background-color: #4d368a !important;
+  }
+
+  .lg\:bg-purple-900 {
+    background-color: #3b2c6c !important;
+  }
+
+  .lg\:bg-pink-100 {
+    background-color: #fff2f4 !important;
+  }
+
+  .lg\:bg-pink-200 {
+    background-color: #fedee4 !important;
+  }
+
+  .lg\:bg-pink-300 {
+    background-color: #fcbccb !important;
+  }
+
+  .lg\:bg-pink-400 {
+    background-color: #f786a7 !important;
+  }
+
+  .lg\:bg-pink-500 {
+    background-color: #ed588b !important;
+  }
+
+  .lg\:bg-pink-600 {
+    background-color: #d9447b !important;
+  }
+
+  .lg\:bg-pink-700 {
+    background-color: #b32f62 !important;
+  }
+
+  .lg\:bg-pink-800 {
+    background-color: #8d2450 !important;
+  }
+
+  .lg\:bg-pink-900 {
+    background-color: #741c46 !important;
+  }
+
+  .lg\:bg-grey-100 {
+    background-color: #f8fcfe !important;
+  }
+
+  .lg\:bg-grey-200 {
+    background-color: #f1f5fb !important;
+  }
+
+  .lg\:bg-grey-300 {
+    background-color: #e2e9f0 !important;
+  }
+
+  .lg\:bg-grey-400 {
+    background-color: #bbc5cf !important;
+  }
+
+  .lg\:bg-grey-500 {
+    background-color: #a3b0bd !important;
+  }
+
+  .lg\:bg-grey-600 {
+    background-color: #7a8996 !important;
+  }
+
+  .lg\:bg-grey-700 {
+    background-color: #5a6977 !important;
+  }
+
+  .lg\:bg-grey-800 {
+    background-color: #2e3a45 !important;
+  }
+
+  .lg\:bg-grey-900 {
+    background-color: #1f2830 !important;
   }
 
   .lg\:hover\:bg-transparent:hover {
@@ -18992,291 +21233,372 @@ samp {
   }
 
   .lg\:hover\:bg-black:hover {
-    background-color: #22292f !important;
-  }
-
-  .lg\:hover\:bg-grey-darkest:hover {
-    background-color: #3d4852 !important;
-  }
-
-  .lg\:hover\:bg-grey-darker:hover {
-    background-color: #606f7b !important;
-  }
-
-  .lg\:hover\:bg-grey-dark:hover {
-    background-color: #8795a1 !important;
-  }
-
-  .lg\:hover\:bg-grey:hover {
-    background-color: #b8c2cc !important;
-  }
-
-  .lg\:hover\:bg-grey-light:hover {
-    background-color: #dae1e7 !important;
-  }
-
-  .lg\:hover\:bg-grey-lighter:hover {
-    background-color: #f1f5f8 !important;
-  }
-
-  .lg\:hover\:bg-grey-lightest:hover {
-    background-color: #f8fafc !important;
+    background-color: #000 !important;
   }
 
   .lg\:hover\:bg-white:hover {
     background-color: #fff !important;
   }
 
-  .lg\:hover\:bg-red-darkest:hover {
-    background-color: #3b0d0c !important;
+  .lg\:hover\:bg-teal-100:hover {
+    background-color: #ebfffc !important;
   }
 
-  .lg\:hover\:bg-red-darker:hover {
-    background-color: #621b18 !important;
+  .lg\:hover\:bg-teal-200:hover {
+    background-color: #b3f1e9 !important;
   }
 
-  .lg\:hover\:bg-red-dark:hover {
-    background-color: #cc1f1a !important;
+  .lg\:hover\:bg-teal-300:hover {
+    background-color: #82e1d7 !important;
   }
 
-  .lg\:hover\:bg-red:hover {
-    background-color: #e3342f !important;
+  .lg\:hover\:bg-teal-400:hover {
+    background-color: #60cfc5 !important;
   }
 
-  .lg\:hover\:bg-red-light:hover {
-    background-color: #ef5753 !important;
+  .lg\:hover\:bg-teal-500:hover {
+    background-color: #49bab2 !important;
   }
 
-  .lg\:hover\:bg-red-lighter:hover {
-    background-color: #f9acaa !important;
+  .lg\:hover\:bg-teal-600:hover {
+    background-color: #3ea39f !important;
   }
 
-  .lg\:hover\:bg-red-lightest:hover {
-    background-color: #fcebea !important;
+  .lg\:hover\:bg-teal-700:hover {
+    background-color: #378786 !important;
   }
 
-  .lg\:hover\:bg-orange-darkest:hover {
-    background-color: #462a16 !important;
+  .lg\:hover\:bg-teal-800:hover {
+    background-color: #316769 !important;
   }
 
-  .lg\:hover\:bg-orange-darker:hover {
-    background-color: #613b1f !important;
+  .lg\:hover\:bg-teal-900:hover {
+    background-color: #265152 !important;
   }
 
-  .lg\:hover\:bg-orange-dark:hover {
-    background-color: #de751f !important;
+  .lg\:hover\:bg-red-100:hover {
+    background-color: #fff5f5 !important;
   }
 
-  .lg\:hover\:bg-orange:hover {
-    background-color: #f6993f !important;
+  .lg\:hover\:bg-red-200:hover {
+    background-color: #fee3e3 !important;
   }
 
-  .lg\:hover\:bg-orange-light:hover {
-    background-color: #faad63 !important;
+  .lg\:hover\:bg-red-300:hover {
+    background-color: #febcbc !important;
   }
 
-  .lg\:hover\:bg-orange-lighter:hover {
-    background-color: #fcd9b6 !important;
+  .lg\:hover\:bg-red-400:hover {
+    background-color: #fd9292 !important;
   }
 
-  .lg\:hover\:bg-orange-lightest:hover {
-    background-color: #fff5eb !important;
+  .lg\:hover\:bg-red-500:hover {
+    background-color: #f95e5f !important;
   }
 
-  .lg\:hover\:bg-yellow-darkest:hover {
-    background-color: #453411 !important;
+  .lg\:hover\:bg-red-600:hover {
+    background-color: #ec454e !important;
   }
 
-  .lg\:hover\:bg-yellow-darker:hover {
-    background-color: #684f1d !important;
+  .lg\:hover\:bg-red-700:hover {
+    background-color: #dc3448 !important;
   }
 
-  .lg\:hover\:bg-yellow-dark:hover {
-    background-color: #f2d024 !important;
+  .lg\:hover\:bg-red-800:hover {
+    background-color: #b4203b !important;
   }
 
-  .lg\:hover\:bg-yellow:hover {
-    background-color: #ffed4a !important;
+  .lg\:hover\:bg-red-900:hover {
+    background-color: #801b33 !important;
   }
 
-  .lg\:hover\:bg-yellow-light:hover {
-    background-color: #fff382 !important;
+  .lg\:hover\:bg-orange-100:hover {
+    background-color: #fffaef !important;
   }
 
-  .lg\:hover\:bg-yellow-lighter:hover {
-    background-color: #fff9c2 !important;
+  .lg\:hover\:bg-orange-200:hover {
+    background-color: #fee8c1 !important;
+>>>>>>> Replace 0.x colors with rough draft of 1.0 colors
   }
 
-  .lg\:hover\:bg-yellow-lightest:hover {
-    background-color: #fcfbeb !important;
+  .lg\:hover\:bg-orange-300:hover {
+    background-color: #fbd087 !important;
   }
 
-  .lg\:hover\:bg-green-darkest:hover {
-    background-color: #0f2f21 !important;
+  .lg\:hover\:bg-orange-400:hover {
+    background-color: #f6aa4f !important;
   }
 
-  .lg\:hover\:bg-green-darker:hover {
-    background-color: #1a4731 !important;
+  .lg\:hover\:bg-orange-500:hover {
+    background-color: #ec832b !important;
   }
 
-  .lg\:hover\:bg-green-dark:hover {
-    background-color: #1f9d55 !important;
+  .lg\:hover\:bg-orange-600:hover {
+    background-color: #df6d22 !important;
   }
 
-  .lg\:hover\:bg-green:hover {
-    background-color: #38c172 !important;
+  .lg\:hover\:bg-orange-700:hover {
+    background-color: #c55822 !important;
   }
 
-  .lg\:hover\:bg-green-light:hover {
-    background-color: #51d88a !important;
+  .lg\:hover\:bg-orange-800:hover {
+    background-color: #9f4423 !important;
   }
 
-  .lg\:hover\:bg-green-lighter:hover {
-    background-color: #a2f5bf !important;
+  .lg\:hover\:bg-orange-900:hover {
+    background-color: #70311e !important;
   }
 
-  .lg\:hover\:bg-green-lightest:hover {
-    background-color: #e3fcec !important;
+  .lg\:hover\:bg-yellow-100:hover {
+    background-color: #ffffeb !important;
   }
 
-  .lg\:hover\:bg-teal-darkest:hover {
-    background-color: #0d3331 !important;
+  .lg\:hover\:bg-yellow-200:hover {
+    background-color: #fefcbf !important;
   }
 
-  .lg\:hover\:bg-teal-darker:hover {
-    background-color: #20504f !important;
+  .lg\:hover\:bg-yellow-300:hover {
+    background-color: #fbf189 !important;
   }
 
-  .lg\:hover\:bg-teal-dark:hover {
-    background-color: #38a89d !important;
+  .lg\:hover\:bg-yellow-400:hover {
+    background-color: #f6e05e !important;
   }
 
-  .lg\:hover\:bg-teal:hover {
-    background-color: #4dc0b5 !important;
+  .lg\:hover\:bg-yellow-500:hover {
+    background-color: #ebc743 !important;
   }
 
-  .lg\:hover\:bg-teal-light:hover {
-    background-color: #64d5ca !important;
+  .lg\:hover\:bg-yellow-600:hover {
+    background-color: #d69e2e !important;
   }
 
-  .lg\:hover\:bg-teal-lighter:hover {
-    background-color: #a0f0ed !important;
+  .lg\:hover\:bg-yellow-700:hover {
+    background-color: #b7791f !important;
   }
 
-  .lg\:hover\:bg-teal-lightest:hover {
-    background-color: #e8fffe !important;
+  .lg\:hover\:bg-yellow-800:hover {
+    background-color: #8d5415 !important;
   }
 
-  .lg\:hover\:bg-blue-darkest:hover {
-    background-color: #12283a !important;
+  .lg\:hover\:bg-yellow-900:hover {
+    background-color: #66390e !important;
   }
 
-  .lg\:hover\:bg-blue-darker:hover {
-    background-color: #1c3d5a !important;
+  .lg\:hover\:bg-green-100:hover {
+    background-color: #e9ffe9 !important;
   }
 
-  .lg\:hover\:bg-blue-dark:hover {
-    background-color: #2779bd !important;
+  .lg\:hover\:bg-green-200:hover {
+    background-color: #c1f5c5 !important;
   }
 
-  .lg\:hover\:bg-blue:hover {
-    background-color: #3490dc !important;
+  .lg\:hover\:bg-green-300:hover {
+    background-color: #9ae6a8 !important;
   }
 
-  .lg\:hover\:bg-blue-light:hover {
-    background-color: #6cb2eb !important;
+  .lg\:hover\:bg-green-400:hover {
+    background-color: #68d391 !important;
   }
 
-  .lg\:hover\:bg-blue-lighter:hover {
-    background-color: #bcdefa !important;
+  .lg\:hover\:bg-green-500:hover {
+    background-color: #48bb87 !important;
   }
 
-  .lg\:hover\:bg-blue-lightest:hover {
-    background-color: #eff8ff !important;
+  .lg\:hover\:bg-green-600:hover {
+    background-color: #38a181 !important;
   }
 
-  .lg\:hover\:bg-indigo-darkest:hover {
-    background-color: #191e38 !important;
+  .lg\:hover\:bg-green-700:hover {
+    background-color: #2f8572 !important;
   }
 
-  .lg\:hover\:bg-indigo-darker:hover {
-    background-color: #2f365f !important;
+  .lg\:hover\:bg-green-800:hover {
+    background-color: #28695c !important;
   }
 
-  .lg\:hover\:bg-indigo-dark:hover {
-    background-color: #5661b3 !important;
+  .lg\:hover\:bg-green-900:hover {
+    background-color: #22544b !important;
   }
 
-  .lg\:hover\:bg-indigo:hover {
-    background-color: #6574cd !important;
+  .lg\:hover\:bg-blue-100:hover {
+    background-color: #f1fafd !important;
   }
 
-  .lg\:hover\:bg-indigo-light:hover {
-    background-color: #7886d7 !important;
+  .lg\:hover\:bg-blue-200:hover {
+    background-color: #caedfa !important;
   }
 
-  .lg\:hover\:bg-indigo-lighter:hover {
-    background-color: #b2b7ff !important;
+  .lg\:hover\:bg-blue-300:hover {
+    background-color: #87d3f3 !important;
   }
 
-  .lg\:hover\:bg-indigo-lightest:hover {
-    background-color: #e6e8ff !important;
+  .lg\:hover\:bg-blue-400:hover {
+    background-color: #57b9ec !important;
   }
 
-  .lg\:hover\:bg-purple-darkest:hover {
-    background-color: #21183c !important;
+  .lg\:hover\:bg-blue-500:hover {
+    background-color: #3a9adf !important;
   }
 
-  .lg\:hover\:bg-purple-darker:hover {
-    background-color: #382b5f !important;
+  .lg\:hover\:bg-blue-600:hover {
+    background-color: #2b7cc4 !important;
   }
 
-  .lg\:hover\:bg-purple-dark:hover {
-    background-color: #794acf !important;
+  .lg\:hover\:bg-blue-700:hover {
+    background-color: #2762a3 !important;
   }
 
-  .lg\:hover\:bg-purple:hover {
-    background-color: #9561e2 !important;
+  .lg\:hover\:bg-blue-800:hover {
+    background-color: #284f81 !important;
   }
 
-  .lg\:hover\:bg-purple-light:hover {
-    background-color: #a779e9 !important;
+  .lg\:hover\:bg-blue-900:hover {
+    background-color: #294468 !important;
   }
 
-  .lg\:hover\:bg-purple-lighter:hover {
-    background-color: #d6bbfc !important;
+  .lg\:hover\:bg-indigo-100:hover {
+    background-color: #eef6ff !important;
   }
 
-  .lg\:hover\:bg-purple-lightest:hover {
-    background-color: #f3ebff !important;
+  .lg\:hover\:bg-indigo-200:hover {
+    background-color: #cbe0f9 !important;
   }
 
-  .lg\:hover\:bg-pink-darkest:hover {
-    background-color: #451225 !important;
+  .lg\:hover\:bg-indigo-300:hover {
+    background-color: #a6c5f0 !important;
   }
 
-  .lg\:hover\:bg-pink-darker:hover {
-    background-color: #6f213f !important;
+  .lg\:hover\:bg-indigo-400:hover {
+    background-color: #82a2e3 !important;
   }
 
-  .lg\:hover\:bg-pink-dark:hover {
-    background-color: #eb5286 !important;
+  .lg\:hover\:bg-indigo-500:hover {
+    background-color: #6d80d3 !important;
   }
 
-  .lg\:hover\:bg-pink:hover {
-    background-color: #f66d9b !important;
+  .lg\:hover\:bg-indigo-600:hover {
+    background-color: #5e68bc !important;
   }
 
-  .lg\:hover\:bg-pink-light:hover {
-    background-color: #fa7ea8 !important;
+  .lg\:hover\:bg-indigo-700:hover {
+    background-color: #5154a1 !important;
   }
 
-  .lg\:hover\:bg-pink-lighter:hover {
-    background-color: #ffbbca !important;
+  .lg\:hover\:bg-indigo-800:hover {
+    background-color: #42417f !important;
   }
 
-  .lg\:hover\:bg-pink-lightest:hover {
-    background-color: #ffebef !important;
+  .lg\:hover\:bg-indigo-900:hover {
+    background-color: #37366a !important;
+  }
+
+  .lg\:hover\:bg-purple-100:hover {
+    background-color: #faf5ff !important;
+  }
+
+  .lg\:hover\:bg-purple-200:hover {
+    background-color: #eddffd !important;
+  }
+
+  .lg\:hover\:bg-purple-300:hover {
+    background-color: #dcc7fb !important;
+  }
+
+  .lg\:hover\:bg-purple-400:hover {
+    background-color: #b18af4 !important;
+  }
+
+  .lg\:hover\:bg-purple-500:hover {
+    background-color: #976de9 !important;
+  }
+
+  .lg\:hover\:bg-purple-600:hover {
+    background-color: #7c54d5 !important;
+  }
+
+  .lg\:hover\:bg-purple-700:hover {
+    background-color: #6845b9 !important;
+  }
+
+  .lg\:hover\:bg-purple-800:hover {
+    background-color: #4d368a !important;
+  }
+
+  .lg\:hover\:bg-purple-900:hover {
+    background-color: #3b2c6c !important;
+  }
+
+  .lg\:hover\:bg-pink-100:hover {
+    background-color: #fff2f4 !important;
+  }
+
+  .lg\:hover\:bg-pink-200:hover {
+    background-color: #fedee4 !important;
+  }
+
+  .lg\:hover\:bg-pink-300:hover {
+    background-color: #fcbccb !important;
+  }
+
+  .lg\:hover\:bg-pink-400:hover {
+    background-color: #f786a7 !important;
+  }
+
+  .lg\:hover\:bg-pink-500:hover {
+    background-color: #ed588b !important;
+  }
+
+  .lg\:hover\:bg-pink-600:hover {
+    background-color: #d9447b !important;
+  }
+
+  .lg\:hover\:bg-pink-700:hover {
+    background-color: #b32f62 !important;
+  }
+
+  .lg\:hover\:bg-pink-800:hover {
+    background-color: #8d2450 !important;
+  }
+
+  .lg\:hover\:bg-pink-900:hover {
+    background-color: #741c46 !important;
+  }
+
+  .lg\:hover\:bg-grey-100:hover {
+    background-color: #f8fcfe !important;
+  }
+
+  .lg\:hover\:bg-grey-200:hover {
+    background-color: #f1f5fb !important;
+  }
+
+  .lg\:hover\:bg-grey-300:hover {
+    background-color: #e2e9f0 !important;
+  }
+
+  .lg\:hover\:bg-grey-400:hover {
+    background-color: #bbc5cf !important;
+  }
+
+  .lg\:hover\:bg-grey-500:hover {
+    background-color: #a3b0bd !important;
+  }
+
+  .lg\:hover\:bg-grey-600:hover {
+    background-color: #7a8996 !important;
+  }
+
+  .lg\:hover\:bg-grey-700:hover {
+    background-color: #5a6977 !important;
+  }
+
+  .lg\:hover\:bg-grey-800:hover {
+    background-color: #2e3a45 !important;
+  }
+
+  .lg\:hover\:bg-grey-900:hover {
+    background-color: #1f2830 !important;
   }
 
   .lg\:focus\:bg-transparent:focus {
@@ -19284,291 +21606,371 @@ samp {
   }
 
   .lg\:focus\:bg-black:focus {
-    background-color: #22292f !important;
-  }
-
-  .lg\:focus\:bg-grey-darkest:focus {
-    background-color: #3d4852 !important;
-  }
-
-  .lg\:focus\:bg-grey-darker:focus {
-    background-color: #606f7b !important;
-  }
-
-  .lg\:focus\:bg-grey-dark:focus {
-    background-color: #8795a1 !important;
-  }
-
-  .lg\:focus\:bg-grey:focus {
-    background-color: #b8c2cc !important;
-  }
-
-  .lg\:focus\:bg-grey-light:focus {
-    background-color: #dae1e7 !important;
-  }
-
-  .lg\:focus\:bg-grey-lighter:focus {
-    background-color: #f1f5f8 !important;
-  }
-
-  .lg\:focus\:bg-grey-lightest:focus {
-    background-color: #f8fafc !important;
+    background-color: #000 !important;
   }
 
   .lg\:focus\:bg-white:focus {
     background-color: #fff !important;
   }
 
-  .lg\:focus\:bg-red-darkest:focus {
-    background-color: #3b0d0c !important;
+  .lg\:focus\:bg-teal-100:focus {
+    background-color: #ebfffc !important;
   }
 
-  .lg\:focus\:bg-red-darker:focus {
-    background-color: #621b18 !important;
+  .lg\:focus\:bg-teal-200:focus {
+    background-color: #b3f1e9 !important;
   }
 
-  .lg\:focus\:bg-red-dark:focus {
-    background-color: #cc1f1a !important;
+  .lg\:focus\:bg-teal-300:focus {
+    background-color: #82e1d7 !important;
   }
 
-  .lg\:focus\:bg-red:focus {
-    background-color: #e3342f !important;
+  .lg\:focus\:bg-teal-400:focus {
+    background-color: #60cfc5 !important;
   }
 
-  .lg\:focus\:bg-red-light:focus {
-    background-color: #ef5753 !important;
+  .lg\:focus\:bg-teal-500:focus {
+    background-color: #49bab2 !important;
   }
 
-  .lg\:focus\:bg-red-lighter:focus {
-    background-color: #f9acaa !important;
+  .lg\:focus\:bg-teal-600:focus {
+    background-color: #3ea39f !important;
   }
 
-  .lg\:focus\:bg-red-lightest:focus {
-    background-color: #fcebea !important;
+  .lg\:focus\:bg-teal-700:focus {
+    background-color: #378786 !important;
   }
 
-  .lg\:focus\:bg-orange-darkest:focus {
-    background-color: #462a16 !important;
+  .lg\:focus\:bg-teal-800:focus {
+    background-color: #316769 !important;
   }
 
-  .lg\:focus\:bg-orange-darker:focus {
-    background-color: #613b1f !important;
+  .lg\:focus\:bg-teal-900:focus {
+    background-color: #265152 !important;
   }
 
-  .lg\:focus\:bg-orange-dark:focus {
-    background-color: #de751f !important;
+  .lg\:focus\:bg-red-100:focus {
+    background-color: #fff5f5 !important;
   }
 
-  .lg\:focus\:bg-orange:focus {
-    background-color: #f6993f !important;
+  .lg\:focus\:bg-red-200:focus {
+    background-color: #fee3e3 !important;
   }
 
-  .lg\:focus\:bg-orange-light:focus {
-    background-color: #faad63 !important;
+  .lg\:focus\:bg-red-300:focus {
+    background-color: #febcbc !important;
   }
 
-  .lg\:focus\:bg-orange-lighter:focus {
-    background-color: #fcd9b6 !important;
+  .lg\:focus\:bg-red-400:focus {
+    background-color: #fd9292 !important;
   }
 
-  .lg\:focus\:bg-orange-lightest:focus {
-    background-color: #fff5eb !important;
+  .lg\:focus\:bg-red-500:focus {
+    background-color: #f95e5f !important;
   }
 
-  .lg\:focus\:bg-yellow-darkest:focus {
-    background-color: #453411 !important;
+  .lg\:focus\:bg-red-600:focus {
+    background-color: #ec454e !important;
   }
 
-  .lg\:focus\:bg-yellow-darker:focus {
-    background-color: #684f1d !important;
+  .lg\:focus\:bg-red-700:focus {
+    background-color: #dc3448 !important;
   }
 
-  .lg\:focus\:bg-yellow-dark:focus {
-    background-color: #f2d024 !important;
+  .lg\:focus\:bg-red-800:focus {
+    background-color: #b4203b !important;
   }
 
-  .lg\:focus\:bg-yellow:focus {
-    background-color: #ffed4a !important;
+  .lg\:focus\:bg-red-900:focus {
+    background-color: #801b33 !important;
   }
 
-  .lg\:focus\:bg-yellow-light:focus {
-    background-color: #fff382 !important;
+  .lg\:focus\:bg-orange-100:focus {
+    background-color: #fffaef !important;
   }
 
-  .lg\:focus\:bg-yellow-lighter:focus {
-    background-color: #fff9c2 !important;
+  .lg\:focus\:bg-orange-200:focus {
+    background-color: #fee8c1 !important;
   }
 
-  .lg\:focus\:bg-yellow-lightest:focus {
-    background-color: #fcfbeb !important;
+  .lg\:focus\:bg-orange-300:focus {
+    background-color: #fbd087 !important;
   }
 
-  .lg\:focus\:bg-green-darkest:focus {
-    background-color: #0f2f21 !important;
+  .lg\:focus\:bg-orange-400:focus {
+    background-color: #f6aa4f !important;
   }
 
-  .lg\:focus\:bg-green-darker:focus {
-    background-color: #1a4731 !important;
+  .lg\:focus\:bg-orange-500:focus {
+    background-color: #ec832b !important;
   }
 
-  .lg\:focus\:bg-green-dark:focus {
-    background-color: #1f9d55 !important;
+  .lg\:focus\:bg-orange-600:focus {
+    background-color: #df6d22 !important;
   }
 
-  .lg\:focus\:bg-green:focus {
-    background-color: #38c172 !important;
+  .lg\:focus\:bg-orange-700:focus {
+    background-color: #c55822 !important;
   }
 
-  .lg\:focus\:bg-green-light:focus {
-    background-color: #51d88a !important;
+  .lg\:focus\:bg-orange-800:focus {
+    background-color: #9f4423 !important;
   }
 
-  .lg\:focus\:bg-green-lighter:focus {
-    background-color: #a2f5bf !important;
+  .lg\:focus\:bg-orange-900:focus {
+    background-color: #70311e !important;
   }
 
-  .lg\:focus\:bg-green-lightest:focus {
-    background-color: #e3fcec !important;
+  .lg\:focus\:bg-yellow-100:focus {
+    background-color: #ffffeb !important;
   }
 
-  .lg\:focus\:bg-teal-darkest:focus {
-    background-color: #0d3331 !important;
+  .lg\:focus\:bg-yellow-200:focus {
+    background-color: #fefcbf !important;
   }
 
-  .lg\:focus\:bg-teal-darker:focus {
-    background-color: #20504f !important;
+  .lg\:focus\:bg-yellow-300:focus {
+    background-color: #fbf189 !important;
   }
 
-  .lg\:focus\:bg-teal-dark:focus {
-    background-color: #38a89d !important;
+  .lg\:focus\:bg-yellow-400:focus {
+    background-color: #f6e05e !important;
   }
 
-  .lg\:focus\:bg-teal:focus {
-    background-color: #4dc0b5 !important;
+  .lg\:focus\:bg-yellow-500:focus {
+    background-color: #ebc743 !important;
   }
 
-  .lg\:focus\:bg-teal-light:focus {
-    background-color: #64d5ca !important;
+  .lg\:focus\:bg-yellow-600:focus {
+    background-color: #d69e2e !important;
   }
 
-  .lg\:focus\:bg-teal-lighter:focus {
-    background-color: #a0f0ed !important;
+  .lg\:focus\:bg-yellow-700:focus {
+    background-color: #b7791f !important;
   }
 
-  .lg\:focus\:bg-teal-lightest:focus {
-    background-color: #e8fffe !important;
+  .lg\:focus\:bg-yellow-800:focus {
+    background-color: #8d5415 !important;
   }
 
-  .lg\:focus\:bg-blue-darkest:focus {
-    background-color: #12283a !important;
+  .lg\:focus\:bg-yellow-900:focus {
+    background-color: #66390e !important;
   }
 
-  .lg\:focus\:bg-blue-darker:focus {
-    background-color: #1c3d5a !important;
+  .lg\:focus\:bg-green-100:focus {
+    background-color: #e9ffe9 !important;
   }
 
-  .lg\:focus\:bg-blue-dark:focus {
-    background-color: #2779bd !important;
+  .lg\:focus\:bg-green-200:focus {
+    background-color: #c1f5c5 !important;
   }
 
-  .lg\:focus\:bg-blue:focus {
-    background-color: #3490dc !important;
+  .lg\:focus\:bg-green-300:focus {
+    background-color: #9ae6a8 !important;
   }
 
-  .lg\:focus\:bg-blue-light:focus {
-    background-color: #6cb2eb !important;
+  .lg\:focus\:bg-green-400:focus {
+    background-color: #68d391 !important;
   }
 
-  .lg\:focus\:bg-blue-lighter:focus {
-    background-color: #bcdefa !important;
+  .lg\:focus\:bg-green-500:focus {
+    background-color: #48bb87 !important;
   }
 
-  .lg\:focus\:bg-blue-lightest:focus {
-    background-color: #eff8ff !important;
+  .lg\:focus\:bg-green-600:focus {
+    background-color: #38a181 !important;
   }
 
-  .lg\:focus\:bg-indigo-darkest:focus {
-    background-color: #191e38 !important;
+  .lg\:focus\:bg-green-700:focus {
+    background-color: #2f8572 !important;
   }
 
-  .lg\:focus\:bg-indigo-darker:focus {
-    background-color: #2f365f !important;
+  .lg\:focus\:bg-green-800:focus {
+    background-color: #28695c !important;
   }
 
-  .lg\:focus\:bg-indigo-dark:focus {
-    background-color: #5661b3 !important;
+  .lg\:focus\:bg-green-900:focus {
+    background-color: #22544b !important;
   }
 
-  .lg\:focus\:bg-indigo:focus {
-    background-color: #6574cd !important;
+  .lg\:focus\:bg-blue-100:focus {
+    background-color: #f1fafd !important;
   }
 
-  .lg\:focus\:bg-indigo-light:focus {
-    background-color: #7886d7 !important;
+  .lg\:focus\:bg-blue-200:focus {
+    background-color: #caedfa !important;
   }
 
-  .lg\:focus\:bg-indigo-lighter:focus {
-    background-color: #b2b7ff !important;
+  .lg\:focus\:bg-blue-300:focus {
+    background-color: #87d3f3 !important;
   }
 
-  .lg\:focus\:bg-indigo-lightest:focus {
-    background-color: #e6e8ff !important;
+  .lg\:focus\:bg-blue-400:focus {
+    background-color: #57b9ec !important;
   }
 
-  .lg\:focus\:bg-purple-darkest:focus {
-    background-color: #21183c !important;
+  .lg\:focus\:bg-blue-500:focus {
+    background-color: #3a9adf !important;
   }
 
-  .lg\:focus\:bg-purple-darker:focus {
-    background-color: #382b5f !important;
+  .lg\:focus\:bg-blue-600:focus {
+    background-color: #2b7cc4 !important;
   }
 
-  .lg\:focus\:bg-purple-dark:focus {
-    background-color: #794acf !important;
+  .lg\:focus\:bg-blue-700:focus {
+    background-color: #2762a3 !important;
   }
 
-  .lg\:focus\:bg-purple:focus {
-    background-color: #9561e2 !important;
+  .lg\:focus\:bg-blue-800:focus {
+    background-color: #284f81 !important;
   }
 
-  .lg\:focus\:bg-purple-light:focus {
-    background-color: #a779e9 !important;
+  .lg\:focus\:bg-blue-900:focus {
+    background-color: #294468 !important;
   }
 
-  .lg\:focus\:bg-purple-lighter:focus {
-    background-color: #d6bbfc !important;
+  .lg\:focus\:bg-indigo-100:focus {
+    background-color: #eef6ff !important;
   }
 
-  .lg\:focus\:bg-purple-lightest:focus {
-    background-color: #f3ebff !important;
+  .lg\:focus\:bg-indigo-200:focus {
+    background-color: #cbe0f9 !important;
   }
 
-  .lg\:focus\:bg-pink-darkest:focus {
-    background-color: #451225 !important;
+  .lg\:focus\:bg-indigo-300:focus {
+    background-color: #a6c5f0 !important;
   }
 
-  .lg\:focus\:bg-pink-darker:focus {
-    background-color: #6f213f !important;
+  .lg\:focus\:bg-indigo-400:focus {
+    background-color: #82a2e3 !important;
   }
 
-  .lg\:focus\:bg-pink-dark:focus {
-    background-color: #eb5286 !important;
+  .lg\:focus\:bg-indigo-500:focus {
+    background-color: #6d80d3 !important;
   }
 
-  .lg\:focus\:bg-pink:focus {
-    background-color: #f66d9b !important;
+  .lg\:focus\:bg-indigo-600:focus {
+    background-color: #5e68bc !important;
   }
 
-  .lg\:focus\:bg-pink-light:focus {
-    background-color: #fa7ea8 !important;
+  .lg\:focus\:bg-indigo-700:focus {
+    background-color: #5154a1 !important;
   }
 
-  .lg\:focus\:bg-pink-lighter:focus {
-    background-color: #ffbbca !important;
+  .lg\:focus\:bg-indigo-800:focus {
+    background-color: #42417f !important;
   }
 
-  .lg\:focus\:bg-pink-lightest:focus {
-    background-color: #ffebef !important;
+  .lg\:focus\:bg-indigo-900:focus {
+    background-color: #37366a !important;
+  }
+
+  .lg\:focus\:bg-purple-100:focus {
+    background-color: #faf5ff !important;
+  }
+
+  .lg\:focus\:bg-purple-200:focus {
+    background-color: #eddffd !important;
+  }
+
+  .lg\:focus\:bg-purple-300:focus {
+    background-color: #dcc7fb !important;
+  }
+
+  .lg\:focus\:bg-purple-400:focus {
+    background-color: #b18af4 !important;
+  }
+
+  .lg\:focus\:bg-purple-500:focus {
+    background-color: #976de9 !important;
+  }
+
+  .lg\:focus\:bg-purple-600:focus {
+    background-color: #7c54d5 !important;
+  }
+
+  .lg\:focus\:bg-purple-700:focus {
+    background-color: #6845b9 !important;
+  }
+
+  .lg\:focus\:bg-purple-800:focus {
+    background-color: #4d368a !important;
+  }
+
+  .lg\:focus\:bg-purple-900:focus {
+    background-color: #3b2c6c !important;
+  }
+
+  .lg\:focus\:bg-pink-100:focus {
+    background-color: #fff2f4 !important;
+  }
+
+  .lg\:focus\:bg-pink-200:focus {
+    background-color: #fedee4 !important;
+  }
+
+  .lg\:focus\:bg-pink-300:focus {
+    background-color: #fcbccb !important;
+  }
+
+  .lg\:focus\:bg-pink-400:focus {
+    background-color: #f786a7 !important;
+  }
+
+  .lg\:focus\:bg-pink-500:focus {
+    background-color: #ed588b !important;
+  }
+
+  .lg\:focus\:bg-pink-600:focus {
+    background-color: #d9447b !important;
+  }
+
+  .lg\:focus\:bg-pink-700:focus {
+    background-color: #b32f62 !important;
+  }
+
+  .lg\:focus\:bg-pink-800:focus {
+    background-color: #8d2450 !important;
+  }
+
+  .lg\:focus\:bg-pink-900:focus {
+    background-color: #741c46 !important;
+  }
+
+  .lg\:focus\:bg-grey-100:focus {
+    background-color: #f8fcfe !important;
+  }
+
+  .lg\:focus\:bg-grey-200:focus {
+    background-color: #f1f5fb !important;
+  }
+
+  .lg\:focus\:bg-grey-300:focus {
+    background-color: #e2e9f0 !important;
+  }
+
+  .lg\:focus\:bg-grey-400:focus {
+    background-color: #bbc5cf !important;
+  }
+
+  .lg\:focus\:bg-grey-500:focus {
+    background-color: #a3b0bd !important;
+  }
+
+  .lg\:focus\:bg-grey-600:focus {
+    background-color: #7a8996 !important;
+  }
+
+  .lg\:focus\:bg-grey-700:focus {
+    background-color: #5a6977 !important;
+  }
+
+  .lg\:focus\:bg-grey-800:focus {
+    background-color: #2e3a45 !important;
+  }
+
+  .lg\:focus\:bg-grey-900:focus {
+    background-color: #1f2830 !important;
   }
 
   .lg\:bg-bottom {
@@ -19640,291 +22042,371 @@ samp {
   }
 
   .lg\:border-black {
-    border-color: #22292f !important;
-  }
-
-  .lg\:border-grey-darkest {
-    border-color: #3d4852 !important;
-  }
-
-  .lg\:border-grey-darker {
-    border-color: #606f7b !important;
-  }
-
-  .lg\:border-grey-dark {
-    border-color: #8795a1 !important;
-  }
-
-  .lg\:border-grey {
-    border-color: #b8c2cc !important;
-  }
-
-  .lg\:border-grey-light {
-    border-color: #dae1e7 !important;
-  }
-
-  .lg\:border-grey-lighter {
-    border-color: #f1f5f8 !important;
-  }
-
-  .lg\:border-grey-lightest {
-    border-color: #f8fafc !important;
+    border-color: #000 !important;
   }
 
   .lg\:border-white {
     border-color: #fff !important;
   }
 
-  .lg\:border-red-darkest {
-    border-color: #3b0d0c !important;
+  .lg\:border-teal-100 {
+    border-color: #ebfffc !important;
   }
 
-  .lg\:border-red-darker {
-    border-color: #621b18 !important;
+  .lg\:border-teal-200 {
+    border-color: #b3f1e9 !important;
   }
 
-  .lg\:border-red-dark {
-    border-color: #cc1f1a !important;
+  .lg\:border-teal-300 {
+    border-color: #82e1d7 !important;
   }
 
-  .lg\:border-red {
-    border-color: #e3342f !important;
+  .lg\:border-teal-400 {
+    border-color: #60cfc5 !important;
   }
 
-  .lg\:border-red-light {
-    border-color: #ef5753 !important;
+  .lg\:border-teal-500 {
+    border-color: #49bab2 !important;
   }
 
-  .lg\:border-red-lighter {
-    border-color: #f9acaa !important;
+  .lg\:border-teal-600 {
+    border-color: #3ea39f !important;
   }
 
-  .lg\:border-red-lightest {
-    border-color: #fcebea !important;
+  .lg\:border-teal-700 {
+    border-color: #378786 !important;
   }
 
-  .lg\:border-orange-darkest {
-    border-color: #462a16 !important;
+  .lg\:border-teal-800 {
+    border-color: #316769 !important;
   }
 
-  .lg\:border-orange-darker {
-    border-color: #613b1f !important;
+  .lg\:border-teal-900 {
+    border-color: #265152 !important;
   }
 
-  .lg\:border-orange-dark {
-    border-color: #de751f !important;
+  .lg\:border-red-100 {
+    border-color: #fff5f5 !important;
   }
 
-  .lg\:border-orange {
-    border-color: #f6993f !important;
+  .lg\:border-red-200 {
+    border-color: #fee3e3 !important;
   }
 
-  .lg\:border-orange-light {
-    border-color: #faad63 !important;
+  .lg\:border-red-300 {
+    border-color: #febcbc !important;
   }
 
-  .lg\:border-orange-lighter {
-    border-color: #fcd9b6 !important;
+  .lg\:border-red-400 {
+    border-color: #fd9292 !important;
   }
 
-  .lg\:border-orange-lightest {
-    border-color: #fff5eb !important;
+  .lg\:border-red-500 {
+    border-color: #f95e5f !important;
   }
 
-  .lg\:border-yellow-darkest {
-    border-color: #453411 !important;
+  .lg\:border-red-600 {
+    border-color: #ec454e !important;
   }
 
-  .lg\:border-yellow-darker {
-    border-color: #684f1d !important;
+  .lg\:border-red-700 {
+    border-color: #dc3448 !important;
   }
 
-  .lg\:border-yellow-dark {
-    border-color: #f2d024 !important;
+  .lg\:border-red-800 {
+    border-color: #b4203b !important;
   }
 
-  .lg\:border-yellow {
-    border-color: #ffed4a !important;
+  .lg\:border-red-900 {
+    border-color: #801b33 !important;
   }
 
-  .lg\:border-yellow-light {
-    border-color: #fff382 !important;
+  .lg\:border-orange-100 {
+    border-color: #fffaef !important;
   }
 
-  .lg\:border-yellow-lighter {
-    border-color: #fff9c2 !important;
+  .lg\:border-orange-200 {
+    border-color: #fee8c1 !important;
   }
 
-  .lg\:border-yellow-lightest {
-    border-color: #fcfbeb !important;
+  .lg\:border-orange-300 {
+    border-color: #fbd087 !important;
   }
 
-  .lg\:border-green-darkest {
-    border-color: #0f2f21 !important;
+  .lg\:border-orange-400 {
+    border-color: #f6aa4f !important;
   }
 
-  .lg\:border-green-darker {
-    border-color: #1a4731 !important;
+  .lg\:border-orange-500 {
+    border-color: #ec832b !important;
   }
 
-  .lg\:border-green-dark {
-    border-color: #1f9d55 !important;
+  .lg\:border-orange-600 {
+    border-color: #df6d22 !important;
   }
 
-  .lg\:border-green {
-    border-color: #38c172 !important;
+  .lg\:border-orange-700 {
+    border-color: #c55822 !important;
   }
 
-  .lg\:border-green-light {
-    border-color: #51d88a !important;
+  .lg\:border-orange-800 {
+    border-color: #9f4423 !important;
   }
 
-  .lg\:border-green-lighter {
-    border-color: #a2f5bf !important;
+  .lg\:border-orange-900 {
+    border-color: #70311e !important;
   }
 
-  .lg\:border-green-lightest {
-    border-color: #e3fcec !important;
+  .lg\:border-yellow-100 {
+    border-color: #ffffeb !important;
   }
 
-  .lg\:border-teal-darkest {
-    border-color: #0d3331 !important;
+  .lg\:border-yellow-200 {
+    border-color: #fefcbf !important;
   }
 
-  .lg\:border-teal-darker {
-    border-color: #20504f !important;
+  .lg\:border-yellow-300 {
+    border-color: #fbf189 !important;
   }
 
-  .lg\:border-teal-dark {
-    border-color: #38a89d !important;
+  .lg\:border-yellow-400 {
+    border-color: #f6e05e !important;
   }
 
-  .lg\:border-teal {
-    border-color: #4dc0b5 !important;
+  .lg\:border-yellow-500 {
+    border-color: #ebc743 !important;
   }
 
-  .lg\:border-teal-light {
-    border-color: #64d5ca !important;
+  .lg\:border-yellow-600 {
+    border-color: #d69e2e !important;
   }
 
-  .lg\:border-teal-lighter {
-    border-color: #a0f0ed !important;
+  .lg\:border-yellow-700 {
+    border-color: #b7791f !important;
   }
 
-  .lg\:border-teal-lightest {
-    border-color: #e8fffe !important;
+  .lg\:border-yellow-800 {
+    border-color: #8d5415 !important;
   }
 
-  .lg\:border-blue-darkest {
-    border-color: #12283a !important;
+  .lg\:border-yellow-900 {
+    border-color: #66390e !important;
   }
 
-  .lg\:border-blue-darker {
-    border-color: #1c3d5a !important;
+  .lg\:border-green-100 {
+    border-color: #e9ffe9 !important;
   }
 
-  .lg\:border-blue-dark {
-    border-color: #2779bd !important;
+  .lg\:border-green-200 {
+    border-color: #c1f5c5 !important;
   }
 
-  .lg\:border-blue {
-    border-color: #3490dc !important;
+  .lg\:border-green-300 {
+    border-color: #9ae6a8 !important;
   }
 
-  .lg\:border-blue-light {
-    border-color: #6cb2eb !important;
+  .lg\:border-green-400 {
+    border-color: #68d391 !important;
   }
 
-  .lg\:border-blue-lighter {
-    border-color: #bcdefa !important;
+  .lg\:border-green-500 {
+    border-color: #48bb87 !important;
   }
 
-  .lg\:border-blue-lightest {
-    border-color: #eff8ff !important;
+  .lg\:border-green-600 {
+    border-color: #38a181 !important;
   }
 
-  .lg\:border-indigo-darkest {
-    border-color: #191e38 !important;
+  .lg\:border-green-700 {
+    border-color: #2f8572 !important;
   }
 
-  .lg\:border-indigo-darker {
-    border-color: #2f365f !important;
+  .lg\:border-green-800 {
+    border-color: #28695c !important;
   }
 
-  .lg\:border-indigo-dark {
-    border-color: #5661b3 !important;
+  .lg\:border-green-900 {
+    border-color: #22544b !important;
   }
 
-  .lg\:border-indigo {
-    border-color: #6574cd !important;
+  .lg\:border-blue-100 {
+    border-color: #f1fafd !important;
   }
 
-  .lg\:border-indigo-light {
-    border-color: #7886d7 !important;
+  .lg\:border-blue-200 {
+    border-color: #caedfa !important;
   }
 
-  .lg\:border-indigo-lighter {
-    border-color: #b2b7ff !important;
+  .lg\:border-blue-300 {
+    border-color: #87d3f3 !important;
   }
 
-  .lg\:border-indigo-lightest {
-    border-color: #e6e8ff !important;
+  .lg\:border-blue-400 {
+    border-color: #57b9ec !important;
   }
 
-  .lg\:border-purple-darkest {
-    border-color: #21183c !important;
+  .lg\:border-blue-500 {
+    border-color: #3a9adf !important;
   }
 
-  .lg\:border-purple-darker {
-    border-color: #382b5f !important;
+  .lg\:border-blue-600 {
+    border-color: #2b7cc4 !important;
   }
 
-  .lg\:border-purple-dark {
-    border-color: #794acf !important;
+  .lg\:border-blue-700 {
+    border-color: #2762a3 !important;
   }
 
-  .lg\:border-purple {
-    border-color: #9561e2 !important;
+  .lg\:border-blue-800 {
+    border-color: #284f81 !important;
   }
 
-  .lg\:border-purple-light {
-    border-color: #a779e9 !important;
+  .lg\:border-blue-900 {
+    border-color: #294468 !important;
   }
 
-  .lg\:border-purple-lighter {
-    border-color: #d6bbfc !important;
+  .lg\:border-indigo-100 {
+    border-color: #eef6ff !important;
   }
 
-  .lg\:border-purple-lightest {
-    border-color: #f3ebff !important;
+  .lg\:border-indigo-200 {
+    border-color: #cbe0f9 !important;
   }
 
-  .lg\:border-pink-darkest {
-    border-color: #451225 !important;
+  .lg\:border-indigo-300 {
+    border-color: #a6c5f0 !important;
   }
 
-  .lg\:border-pink-darker {
-    border-color: #6f213f !important;
+  .lg\:border-indigo-400 {
+    border-color: #82a2e3 !important;
   }
 
-  .lg\:border-pink-dark {
-    border-color: #eb5286 !important;
+  .lg\:border-indigo-500 {
+    border-color: #6d80d3 !important;
   }
 
-  .lg\:border-pink {
-    border-color: #f66d9b !important;
+  .lg\:border-indigo-600 {
+    border-color: #5e68bc !important;
   }
 
-  .lg\:border-pink-light {
-    border-color: #fa7ea8 !important;
+  .lg\:border-indigo-700 {
+    border-color: #5154a1 !important;
   }
 
-  .lg\:border-pink-lighter {
-    border-color: #ffbbca !important;
+  .lg\:border-indigo-800 {
+    border-color: #42417f !important;
   }
 
-  .lg\:border-pink-lightest {
-    border-color: #ffebef !important;
+  .lg\:border-indigo-900 {
+    border-color: #37366a !important;
+  }
+
+  .lg\:border-purple-100 {
+    border-color: #faf5ff !important;
+  }
+
+  .lg\:border-purple-200 {
+    border-color: #eddffd !important;
+  }
+
+  .lg\:border-purple-300 {
+    border-color: #dcc7fb !important;
+  }
+
+  .lg\:border-purple-400 {
+    border-color: #b18af4 !important;
+  }
+
+  .lg\:border-purple-500 {
+    border-color: #976de9 !important;
+  }
+
+  .lg\:border-purple-600 {
+    border-color: #7c54d5 !important;
+  }
+
+  .lg\:border-purple-700 {
+    border-color: #6845b9 !important;
+  }
+
+  .lg\:border-purple-800 {
+    border-color: #4d368a !important;
+  }
+
+  .lg\:border-purple-900 {
+    border-color: #3b2c6c !important;
+  }
+
+  .lg\:border-pink-100 {
+    border-color: #fff2f4 !important;
+  }
+
+  .lg\:border-pink-200 {
+    border-color: #fedee4 !important;
+  }
+
+  .lg\:border-pink-300 {
+    border-color: #fcbccb !important;
+  }
+
+  .lg\:border-pink-400 {
+    border-color: #f786a7 !important;
+  }
+
+  .lg\:border-pink-500 {
+    border-color: #ed588b !important;
+  }
+
+  .lg\:border-pink-600 {
+    border-color: #d9447b !important;
+  }
+
+  .lg\:border-pink-700 {
+    border-color: #b32f62 !important;
+  }
+
+  .lg\:border-pink-800 {
+    border-color: #8d2450 !important;
+  }
+
+  .lg\:border-pink-900 {
+    border-color: #741c46 !important;
+  }
+
+  .lg\:border-grey-100 {
+    border-color: #f8fcfe !important;
+  }
+
+  .lg\:border-grey-200 {
+    border-color: #f1f5fb !important;
+  }
+
+  .lg\:border-grey-300 {
+    border-color: #e2e9f0 !important;
+  }
+
+  .lg\:border-grey-400 {
+    border-color: #bbc5cf !important;
+  }
+
+  .lg\:border-grey-500 {
+    border-color: #a3b0bd !important;
+  }
+
+  .lg\:border-grey-600 {
+    border-color: #7a8996 !important;
+  }
+
+  .lg\:border-grey-700 {
+    border-color: #5a6977 !important;
+  }
+
+  .lg\:border-grey-800 {
+    border-color: #2e3a45 !important;
+  }
+
+  .lg\:border-grey-900 {
+    border-color: #1f2830 !important;
   }
 
   .lg\:hover\:border-transparent:hover {
@@ -19932,291 +22414,371 @@ samp {
   }
 
   .lg\:hover\:border-black:hover {
-    border-color: #22292f !important;
-  }
-
-  .lg\:hover\:border-grey-darkest:hover {
-    border-color: #3d4852 !important;
-  }
-
-  .lg\:hover\:border-grey-darker:hover {
-    border-color: #606f7b !important;
-  }
-
-  .lg\:hover\:border-grey-dark:hover {
-    border-color: #8795a1 !important;
-  }
-
-  .lg\:hover\:border-grey:hover {
-    border-color: #b8c2cc !important;
-  }
-
-  .lg\:hover\:border-grey-light:hover {
-    border-color: #dae1e7 !important;
-  }
-
-  .lg\:hover\:border-grey-lighter:hover {
-    border-color: #f1f5f8 !important;
-  }
-
-  .lg\:hover\:border-grey-lightest:hover {
-    border-color: #f8fafc !important;
+    border-color: #000 !important;
   }
 
   .lg\:hover\:border-white:hover {
     border-color: #fff !important;
   }
 
-  .lg\:hover\:border-red-darkest:hover {
-    border-color: #3b0d0c !important;
+  .lg\:hover\:border-teal-100:hover {
+    border-color: #ebfffc !important;
   }
 
-  .lg\:hover\:border-red-darker:hover {
-    border-color: #621b18 !important;
+  .lg\:hover\:border-teal-200:hover {
+    border-color: #b3f1e9 !important;
   }
 
-  .lg\:hover\:border-red-dark:hover {
-    border-color: #cc1f1a !important;
+  .lg\:hover\:border-teal-300:hover {
+    border-color: #82e1d7 !important;
   }
 
-  .lg\:hover\:border-red:hover {
-    border-color: #e3342f !important;
+  .lg\:hover\:border-teal-400:hover {
+    border-color: #60cfc5 !important;
   }
 
-  .lg\:hover\:border-red-light:hover {
-    border-color: #ef5753 !important;
+  .lg\:hover\:border-teal-500:hover {
+    border-color: #49bab2 !important;
   }
 
-  .lg\:hover\:border-red-lighter:hover {
-    border-color: #f9acaa !important;
+  .lg\:hover\:border-teal-600:hover {
+    border-color: #3ea39f !important;
   }
 
-  .lg\:hover\:border-red-lightest:hover {
-    border-color: #fcebea !important;
+  .lg\:hover\:border-teal-700:hover {
+    border-color: #378786 !important;
   }
 
-  .lg\:hover\:border-orange-darkest:hover {
-    border-color: #462a16 !important;
+  .lg\:hover\:border-teal-800:hover {
+    border-color: #316769 !important;
   }
 
-  .lg\:hover\:border-orange-darker:hover {
-    border-color: #613b1f !important;
+  .lg\:hover\:border-teal-900:hover {
+    border-color: #265152 !important;
   }
 
-  .lg\:hover\:border-orange-dark:hover {
-    border-color: #de751f !important;
+  .lg\:hover\:border-red-100:hover {
+    border-color: #fff5f5 !important;
   }
 
-  .lg\:hover\:border-orange:hover {
-    border-color: #f6993f !important;
+  .lg\:hover\:border-red-200:hover {
+    border-color: #fee3e3 !important;
   }
 
-  .lg\:hover\:border-orange-light:hover {
-    border-color: #faad63 !important;
+  .lg\:hover\:border-red-300:hover {
+    border-color: #febcbc !important;
   }
 
-  .lg\:hover\:border-orange-lighter:hover {
-    border-color: #fcd9b6 !important;
+  .lg\:hover\:border-red-400:hover {
+    border-color: #fd9292 !important;
   }
 
-  .lg\:hover\:border-orange-lightest:hover {
-    border-color: #fff5eb !important;
+  .lg\:hover\:border-red-500:hover {
+    border-color: #f95e5f !important;
   }
 
-  .lg\:hover\:border-yellow-darkest:hover {
-    border-color: #453411 !important;
+  .lg\:hover\:border-red-600:hover {
+    border-color: #ec454e !important;
   }
 
-  .lg\:hover\:border-yellow-darker:hover {
-    border-color: #684f1d !important;
+  .lg\:hover\:border-red-700:hover {
+    border-color: #dc3448 !important;
   }
 
-  .lg\:hover\:border-yellow-dark:hover {
-    border-color: #f2d024 !important;
+  .lg\:hover\:border-red-800:hover {
+    border-color: #b4203b !important;
   }
 
-  .lg\:hover\:border-yellow:hover {
-    border-color: #ffed4a !important;
+  .lg\:hover\:border-red-900:hover {
+    border-color: #801b33 !important;
   }
 
-  .lg\:hover\:border-yellow-light:hover {
-    border-color: #fff382 !important;
+  .lg\:hover\:border-orange-100:hover {
+    border-color: #fffaef !important;
   }
 
-  .lg\:hover\:border-yellow-lighter:hover {
-    border-color: #fff9c2 !important;
+  .lg\:hover\:border-orange-200:hover {
+    border-color: #fee8c1 !important;
   }
 
-  .lg\:hover\:border-yellow-lightest:hover {
-    border-color: #fcfbeb !important;
+  .lg\:hover\:border-orange-300:hover {
+    border-color: #fbd087 !important;
   }
 
-  .lg\:hover\:border-green-darkest:hover {
-    border-color: #0f2f21 !important;
+  .lg\:hover\:border-orange-400:hover {
+    border-color: #f6aa4f !important;
   }
 
-  .lg\:hover\:border-green-darker:hover {
-    border-color: #1a4731 !important;
+  .lg\:hover\:border-orange-500:hover {
+    border-color: #ec832b !important;
   }
 
-  .lg\:hover\:border-green-dark:hover {
-    border-color: #1f9d55 !important;
+  .lg\:hover\:border-orange-600:hover {
+    border-color: #df6d22 !important;
   }
 
-  .lg\:hover\:border-green:hover {
-    border-color: #38c172 !important;
+  .lg\:hover\:border-orange-700:hover {
+    border-color: #c55822 !important;
   }
 
-  .lg\:hover\:border-green-light:hover {
-    border-color: #51d88a !important;
+  .lg\:hover\:border-orange-800:hover {
+    border-color: #9f4423 !important;
   }
 
-  .lg\:hover\:border-green-lighter:hover {
-    border-color: #a2f5bf !important;
+  .lg\:hover\:border-orange-900:hover {
+    border-color: #70311e !important;
   }
 
-  .lg\:hover\:border-green-lightest:hover {
-    border-color: #e3fcec !important;
+  .lg\:hover\:border-yellow-100:hover {
+    border-color: #ffffeb !important;
   }
 
-  .lg\:hover\:border-teal-darkest:hover {
-    border-color: #0d3331 !important;
+  .lg\:hover\:border-yellow-200:hover {
+    border-color: #fefcbf !important;
   }
 
-  .lg\:hover\:border-teal-darker:hover {
-    border-color: #20504f !important;
+  .lg\:hover\:border-yellow-300:hover {
+    border-color: #fbf189 !important;
   }
 
-  .lg\:hover\:border-teal-dark:hover {
-    border-color: #38a89d !important;
+  .lg\:hover\:border-yellow-400:hover {
+    border-color: #f6e05e !important;
   }
 
-  .lg\:hover\:border-teal:hover {
-    border-color: #4dc0b5 !important;
+  .lg\:hover\:border-yellow-500:hover {
+    border-color: #ebc743 !important;
   }
 
-  .lg\:hover\:border-teal-light:hover {
-    border-color: #64d5ca !important;
+  .lg\:hover\:border-yellow-600:hover {
+    border-color: #d69e2e !important;
   }
 
-  .lg\:hover\:border-teal-lighter:hover {
-    border-color: #a0f0ed !important;
+  .lg\:hover\:border-yellow-700:hover {
+    border-color: #b7791f !important;
   }
 
-  .lg\:hover\:border-teal-lightest:hover {
-    border-color: #e8fffe !important;
+  .lg\:hover\:border-yellow-800:hover {
+    border-color: #8d5415 !important;
   }
 
-  .lg\:hover\:border-blue-darkest:hover {
-    border-color: #12283a !important;
+  .lg\:hover\:border-yellow-900:hover {
+    border-color: #66390e !important;
   }
 
-  .lg\:hover\:border-blue-darker:hover {
-    border-color: #1c3d5a !important;
+  .lg\:hover\:border-green-100:hover {
+    border-color: #e9ffe9 !important;
   }
 
-  .lg\:hover\:border-blue-dark:hover {
-    border-color: #2779bd !important;
+  .lg\:hover\:border-green-200:hover {
+    border-color: #c1f5c5 !important;
   }
 
-  .lg\:hover\:border-blue:hover {
-    border-color: #3490dc !important;
+  .lg\:hover\:border-green-300:hover {
+    border-color: #9ae6a8 !important;
   }
 
-  .lg\:hover\:border-blue-light:hover {
-    border-color: #6cb2eb !important;
+  .lg\:hover\:border-green-400:hover {
+    border-color: #68d391 !important;
   }
 
-  .lg\:hover\:border-blue-lighter:hover {
-    border-color: #bcdefa !important;
+  .lg\:hover\:border-green-500:hover {
+    border-color: #48bb87 !important;
   }
 
-  .lg\:hover\:border-blue-lightest:hover {
-    border-color: #eff8ff !important;
+  .lg\:hover\:border-green-600:hover {
+    border-color: #38a181 !important;
   }
 
-  .lg\:hover\:border-indigo-darkest:hover {
-    border-color: #191e38 !important;
+  .lg\:hover\:border-green-700:hover {
+    border-color: #2f8572 !important;
   }
 
-  .lg\:hover\:border-indigo-darker:hover {
-    border-color: #2f365f !important;
+  .lg\:hover\:border-green-800:hover {
+    border-color: #28695c !important;
   }
 
-  .lg\:hover\:border-indigo-dark:hover {
-    border-color: #5661b3 !important;
+  .lg\:hover\:border-green-900:hover {
+    border-color: #22544b !important;
   }
 
-  .lg\:hover\:border-indigo:hover {
-    border-color: #6574cd !important;
+  .lg\:hover\:border-blue-100:hover {
+    border-color: #f1fafd !important;
   }
 
-  .lg\:hover\:border-indigo-light:hover {
-    border-color: #7886d7 !important;
+  .lg\:hover\:border-blue-200:hover {
+    border-color: #caedfa !important;
   }
 
-  .lg\:hover\:border-indigo-lighter:hover {
-    border-color: #b2b7ff !important;
+  .lg\:hover\:border-blue-300:hover {
+    border-color: #87d3f3 !important;
   }
 
-  .lg\:hover\:border-indigo-lightest:hover {
-    border-color: #e6e8ff !important;
+  .lg\:hover\:border-blue-400:hover {
+    border-color: #57b9ec !important;
   }
 
-  .lg\:hover\:border-purple-darkest:hover {
-    border-color: #21183c !important;
+  .lg\:hover\:border-blue-500:hover {
+    border-color: #3a9adf !important;
   }
 
-  .lg\:hover\:border-purple-darker:hover {
-    border-color: #382b5f !important;
+  .lg\:hover\:border-blue-600:hover {
+    border-color: #2b7cc4 !important;
   }
 
-  .lg\:hover\:border-purple-dark:hover {
-    border-color: #794acf !important;
+  .lg\:hover\:border-blue-700:hover {
+    border-color: #2762a3 !important;
   }
 
-  .lg\:hover\:border-purple:hover {
-    border-color: #9561e2 !important;
+  .lg\:hover\:border-blue-800:hover {
+    border-color: #284f81 !important;
   }
 
-  .lg\:hover\:border-purple-light:hover {
-    border-color: #a779e9 !important;
+  .lg\:hover\:border-blue-900:hover {
+    border-color: #294468 !important;
   }
 
-  .lg\:hover\:border-purple-lighter:hover {
-    border-color: #d6bbfc !important;
+  .lg\:hover\:border-indigo-100:hover {
+    border-color: #eef6ff !important;
   }
 
-  .lg\:hover\:border-purple-lightest:hover {
-    border-color: #f3ebff !important;
+  .lg\:hover\:border-indigo-200:hover {
+    border-color: #cbe0f9 !important;
   }
 
-  .lg\:hover\:border-pink-darkest:hover {
-    border-color: #451225 !important;
+  .lg\:hover\:border-indigo-300:hover {
+    border-color: #a6c5f0 !important;
   }
 
-  .lg\:hover\:border-pink-darker:hover {
-    border-color: #6f213f !important;
+  .lg\:hover\:border-indigo-400:hover {
+    border-color: #82a2e3 !important;
   }
 
-  .lg\:hover\:border-pink-dark:hover {
-    border-color: #eb5286 !important;
+  .lg\:hover\:border-indigo-500:hover {
+    border-color: #6d80d3 !important;
   }
 
-  .lg\:hover\:border-pink:hover {
-    border-color: #f66d9b !important;
+  .lg\:hover\:border-indigo-600:hover {
+    border-color: #5e68bc !important;
   }
 
-  .lg\:hover\:border-pink-light:hover {
-    border-color: #fa7ea8 !important;
+  .lg\:hover\:border-indigo-700:hover {
+    border-color: #5154a1 !important;
   }
 
-  .lg\:hover\:border-pink-lighter:hover {
-    border-color: #ffbbca !important;
+  .lg\:hover\:border-indigo-800:hover {
+    border-color: #42417f !important;
   }
 
-  .lg\:hover\:border-pink-lightest:hover {
-    border-color: #ffebef !important;
+  .lg\:hover\:border-indigo-900:hover {
+    border-color: #37366a !important;
+  }
+
+  .lg\:hover\:border-purple-100:hover {
+    border-color: #faf5ff !important;
+  }
+
+  .lg\:hover\:border-purple-200:hover {
+    border-color: #eddffd !important;
+  }
+
+  .lg\:hover\:border-purple-300:hover {
+    border-color: #dcc7fb !important;
+  }
+
+  .lg\:hover\:border-purple-400:hover {
+    border-color: #b18af4 !important;
+  }
+
+  .lg\:hover\:border-purple-500:hover {
+    border-color: #976de9 !important;
+  }
+
+  .lg\:hover\:border-purple-600:hover {
+    border-color: #7c54d5 !important;
+  }
+
+  .lg\:hover\:border-purple-700:hover {
+    border-color: #6845b9 !important;
+  }
+
+  .lg\:hover\:border-purple-800:hover {
+    border-color: #4d368a !important;
+  }
+
+  .lg\:hover\:border-purple-900:hover {
+    border-color: #3b2c6c !important;
+  }
+
+  .lg\:hover\:border-pink-100:hover {
+    border-color: #fff2f4 !important;
+  }
+
+  .lg\:hover\:border-pink-200:hover {
+    border-color: #fedee4 !important;
+  }
+
+  .lg\:hover\:border-pink-300:hover {
+    border-color: #fcbccb !important;
+  }
+
+  .lg\:hover\:border-pink-400:hover {
+    border-color: #f786a7 !important;
+  }
+
+  .lg\:hover\:border-pink-500:hover {
+    border-color: #ed588b !important;
+  }
+
+  .lg\:hover\:border-pink-600:hover {
+    border-color: #d9447b !important;
+  }
+
+  .lg\:hover\:border-pink-700:hover {
+    border-color: #b32f62 !important;
+  }
+
+  .lg\:hover\:border-pink-800:hover {
+    border-color: #8d2450 !important;
+  }
+
+  .lg\:hover\:border-pink-900:hover {
+    border-color: #741c46 !important;
+  }
+
+  .lg\:hover\:border-grey-100:hover {
+    border-color: #f8fcfe !important;
+  }
+
+  .lg\:hover\:border-grey-200:hover {
+    border-color: #f1f5fb !important;
+  }
+
+  .lg\:hover\:border-grey-300:hover {
+    border-color: #e2e9f0 !important;
+  }
+
+  .lg\:hover\:border-grey-400:hover {
+    border-color: #bbc5cf !important;
+  }
+
+  .lg\:hover\:border-grey-500:hover {
+    border-color: #a3b0bd !important;
+  }
+
+  .lg\:hover\:border-grey-600:hover {
+    border-color: #7a8996 !important;
+  }
+
+  .lg\:hover\:border-grey-700:hover {
+    border-color: #5a6977 !important;
+  }
+
+  .lg\:hover\:border-grey-800:hover {
+    border-color: #2e3a45 !important;
+  }
+
+  .lg\:hover\:border-grey-900:hover {
+    border-color: #1f2830 !important;
   }
 
   .lg\:focus\:border-transparent:focus {
@@ -20224,291 +22786,371 @@ samp {
   }
 
   .lg\:focus\:border-black:focus {
-    border-color: #22292f !important;
-  }
-
-  .lg\:focus\:border-grey-darkest:focus {
-    border-color: #3d4852 !important;
-  }
-
-  .lg\:focus\:border-grey-darker:focus {
-    border-color: #606f7b !important;
-  }
-
-  .lg\:focus\:border-grey-dark:focus {
-    border-color: #8795a1 !important;
-  }
-
-  .lg\:focus\:border-grey:focus {
-    border-color: #b8c2cc !important;
-  }
-
-  .lg\:focus\:border-grey-light:focus {
-    border-color: #dae1e7 !important;
-  }
-
-  .lg\:focus\:border-grey-lighter:focus {
-    border-color: #f1f5f8 !important;
-  }
-
-  .lg\:focus\:border-grey-lightest:focus {
-    border-color: #f8fafc !important;
+    border-color: #000 !important;
   }
 
   .lg\:focus\:border-white:focus {
     border-color: #fff !important;
   }
 
-  .lg\:focus\:border-red-darkest:focus {
-    border-color: #3b0d0c !important;
+  .lg\:focus\:border-teal-100:focus {
+    border-color: #ebfffc !important;
   }
 
-  .lg\:focus\:border-red-darker:focus {
-    border-color: #621b18 !important;
+  .lg\:focus\:border-teal-200:focus {
+    border-color: #b3f1e9 !important;
   }
 
-  .lg\:focus\:border-red-dark:focus {
-    border-color: #cc1f1a !important;
+  .lg\:focus\:border-teal-300:focus {
+    border-color: #82e1d7 !important;
   }
 
-  .lg\:focus\:border-red:focus {
-    border-color: #e3342f !important;
+  .lg\:focus\:border-teal-400:focus {
+    border-color: #60cfc5 !important;
   }
 
-  .lg\:focus\:border-red-light:focus {
-    border-color: #ef5753 !important;
+  .lg\:focus\:border-teal-500:focus {
+    border-color: #49bab2 !important;
   }
 
-  .lg\:focus\:border-red-lighter:focus {
-    border-color: #f9acaa !important;
+  .lg\:focus\:border-teal-600:focus {
+    border-color: #3ea39f !important;
   }
 
-  .lg\:focus\:border-red-lightest:focus {
-    border-color: #fcebea !important;
+  .lg\:focus\:border-teal-700:focus {
+    border-color: #378786 !important;
   }
 
-  .lg\:focus\:border-orange-darkest:focus {
-    border-color: #462a16 !important;
+  .lg\:focus\:border-teal-800:focus {
+    border-color: #316769 !important;
   }
 
-  .lg\:focus\:border-orange-darker:focus {
-    border-color: #613b1f !important;
+  .lg\:focus\:border-teal-900:focus {
+    border-color: #265152 !important;
   }
 
-  .lg\:focus\:border-orange-dark:focus {
-    border-color: #de751f !important;
+  .lg\:focus\:border-red-100:focus {
+    border-color: #fff5f5 !important;
   }
 
-  .lg\:focus\:border-orange:focus {
-    border-color: #f6993f !important;
+  .lg\:focus\:border-red-200:focus {
+    border-color: #fee3e3 !important;
   }
 
-  .lg\:focus\:border-orange-light:focus {
-    border-color: #faad63 !important;
+  .lg\:focus\:border-red-300:focus {
+    border-color: #febcbc !important;
   }
 
-  .lg\:focus\:border-orange-lighter:focus {
-    border-color: #fcd9b6 !important;
+  .lg\:focus\:border-red-400:focus {
+    border-color: #fd9292 !important;
   }
 
-  .lg\:focus\:border-orange-lightest:focus {
-    border-color: #fff5eb !important;
+  .lg\:focus\:border-red-500:focus {
+    border-color: #f95e5f !important;
   }
 
-  .lg\:focus\:border-yellow-darkest:focus {
-    border-color: #453411 !important;
+  .lg\:focus\:border-red-600:focus {
+    border-color: #ec454e !important;
   }
 
-  .lg\:focus\:border-yellow-darker:focus {
-    border-color: #684f1d !important;
+  .lg\:focus\:border-red-700:focus {
+    border-color: #dc3448 !important;
   }
 
-  .lg\:focus\:border-yellow-dark:focus {
-    border-color: #f2d024 !important;
+  .lg\:focus\:border-red-800:focus {
+    border-color: #b4203b !important;
   }
 
-  .lg\:focus\:border-yellow:focus {
-    border-color: #ffed4a !important;
+  .lg\:focus\:border-red-900:focus {
+    border-color: #801b33 !important;
   }
 
-  .lg\:focus\:border-yellow-light:focus {
-    border-color: #fff382 !important;
+  .lg\:focus\:border-orange-100:focus {
+    border-color: #fffaef !important;
   }
 
-  .lg\:focus\:border-yellow-lighter:focus {
-    border-color: #fff9c2 !important;
+  .lg\:focus\:border-orange-200:focus {
+    border-color: #fee8c1 !important;
   }
 
-  .lg\:focus\:border-yellow-lightest:focus {
-    border-color: #fcfbeb !important;
+  .lg\:focus\:border-orange-300:focus {
+    border-color: #fbd087 !important;
   }
 
-  .lg\:focus\:border-green-darkest:focus {
-    border-color: #0f2f21 !important;
+  .lg\:focus\:border-orange-400:focus {
+    border-color: #f6aa4f !important;
   }
 
-  .lg\:focus\:border-green-darker:focus {
-    border-color: #1a4731 !important;
+  .lg\:focus\:border-orange-500:focus {
+    border-color: #ec832b !important;
   }
 
-  .lg\:focus\:border-green-dark:focus {
-    border-color: #1f9d55 !important;
+  .lg\:focus\:border-orange-600:focus {
+    border-color: #df6d22 !important;
   }
 
-  .lg\:focus\:border-green:focus {
-    border-color: #38c172 !important;
+  .lg\:focus\:border-orange-700:focus {
+    border-color: #c55822 !important;
   }
 
-  .lg\:focus\:border-green-light:focus {
-    border-color: #51d88a !important;
+  .lg\:focus\:border-orange-800:focus {
+    border-color: #9f4423 !important;
   }
 
-  .lg\:focus\:border-green-lighter:focus {
-    border-color: #a2f5bf !important;
+  .lg\:focus\:border-orange-900:focus {
+    border-color: #70311e !important;
   }
 
-  .lg\:focus\:border-green-lightest:focus {
-    border-color: #e3fcec !important;
+  .lg\:focus\:border-yellow-100:focus {
+    border-color: #ffffeb !important;
   }
 
-  .lg\:focus\:border-teal-darkest:focus {
-    border-color: #0d3331 !important;
+  .lg\:focus\:border-yellow-200:focus {
+    border-color: #fefcbf !important;
   }
 
-  .lg\:focus\:border-teal-darker:focus {
-    border-color: #20504f !important;
+  .lg\:focus\:border-yellow-300:focus {
+    border-color: #fbf189 !important;
   }
 
-  .lg\:focus\:border-teal-dark:focus {
-    border-color: #38a89d !important;
+  .lg\:focus\:border-yellow-400:focus {
+    border-color: #f6e05e !important;
   }
 
-  .lg\:focus\:border-teal:focus {
-    border-color: #4dc0b5 !important;
+  .lg\:focus\:border-yellow-500:focus {
+    border-color: #ebc743 !important;
   }
 
-  .lg\:focus\:border-teal-light:focus {
-    border-color: #64d5ca !important;
+  .lg\:focus\:border-yellow-600:focus {
+    border-color: #d69e2e !important;
   }
 
-  .lg\:focus\:border-teal-lighter:focus {
-    border-color: #a0f0ed !important;
+  .lg\:focus\:border-yellow-700:focus {
+    border-color: #b7791f !important;
   }
 
-  .lg\:focus\:border-teal-lightest:focus {
-    border-color: #e8fffe !important;
+  .lg\:focus\:border-yellow-800:focus {
+    border-color: #8d5415 !important;
   }
 
-  .lg\:focus\:border-blue-darkest:focus {
-    border-color: #12283a !important;
+  .lg\:focus\:border-yellow-900:focus {
+    border-color: #66390e !important;
   }
 
-  .lg\:focus\:border-blue-darker:focus {
-    border-color: #1c3d5a !important;
+  .lg\:focus\:border-green-100:focus {
+    border-color: #e9ffe9 !important;
   }
 
-  .lg\:focus\:border-blue-dark:focus {
-    border-color: #2779bd !important;
+  .lg\:focus\:border-green-200:focus {
+    border-color: #c1f5c5 !important;
   }
 
-  .lg\:focus\:border-blue:focus {
-    border-color: #3490dc !important;
+  .lg\:focus\:border-green-300:focus {
+    border-color: #9ae6a8 !important;
   }
 
-  .lg\:focus\:border-blue-light:focus {
-    border-color: #6cb2eb !important;
+  .lg\:focus\:border-green-400:focus {
+    border-color: #68d391 !important;
   }
 
-  .lg\:focus\:border-blue-lighter:focus {
-    border-color: #bcdefa !important;
+  .lg\:focus\:border-green-500:focus {
+    border-color: #48bb87 !important;
   }
 
-  .lg\:focus\:border-blue-lightest:focus {
-    border-color: #eff8ff !important;
+  .lg\:focus\:border-green-600:focus {
+    border-color: #38a181 !important;
   }
 
-  .lg\:focus\:border-indigo-darkest:focus {
-    border-color: #191e38 !important;
+  .lg\:focus\:border-green-700:focus {
+    border-color: #2f8572 !important;
   }
 
-  .lg\:focus\:border-indigo-darker:focus {
-    border-color: #2f365f !important;
+  .lg\:focus\:border-green-800:focus {
+    border-color: #28695c !important;
   }
 
-  .lg\:focus\:border-indigo-dark:focus {
-    border-color: #5661b3 !important;
+  .lg\:focus\:border-green-900:focus {
+    border-color: #22544b !important;
   }
 
-  .lg\:focus\:border-indigo:focus {
-    border-color: #6574cd !important;
+  .lg\:focus\:border-blue-100:focus {
+    border-color: #f1fafd !important;
   }
 
-  .lg\:focus\:border-indigo-light:focus {
-    border-color: #7886d7 !important;
+  .lg\:focus\:border-blue-200:focus {
+    border-color: #caedfa !important;
   }
 
-  .lg\:focus\:border-indigo-lighter:focus {
-    border-color: #b2b7ff !important;
+  .lg\:focus\:border-blue-300:focus {
+    border-color: #87d3f3 !important;
   }
 
-  .lg\:focus\:border-indigo-lightest:focus {
-    border-color: #e6e8ff !important;
+  .lg\:focus\:border-blue-400:focus {
+    border-color: #57b9ec !important;
   }
 
-  .lg\:focus\:border-purple-darkest:focus {
-    border-color: #21183c !important;
+  .lg\:focus\:border-blue-500:focus {
+    border-color: #3a9adf !important;
   }
 
-  .lg\:focus\:border-purple-darker:focus {
-    border-color: #382b5f !important;
+  .lg\:focus\:border-blue-600:focus {
+    border-color: #2b7cc4 !important;
   }
 
-  .lg\:focus\:border-purple-dark:focus {
-    border-color: #794acf !important;
+  .lg\:focus\:border-blue-700:focus {
+    border-color: #2762a3 !important;
   }
 
-  .lg\:focus\:border-purple:focus {
-    border-color: #9561e2 !important;
+  .lg\:focus\:border-blue-800:focus {
+    border-color: #284f81 !important;
   }
 
-  .lg\:focus\:border-purple-light:focus {
-    border-color: #a779e9 !important;
+  .lg\:focus\:border-blue-900:focus {
+    border-color: #294468 !important;
   }
 
-  .lg\:focus\:border-purple-lighter:focus {
-    border-color: #d6bbfc !important;
+  .lg\:focus\:border-indigo-100:focus {
+    border-color: #eef6ff !important;
   }
 
-  .lg\:focus\:border-purple-lightest:focus {
-    border-color: #f3ebff !important;
+  .lg\:focus\:border-indigo-200:focus {
+    border-color: #cbe0f9 !important;
   }
 
-  .lg\:focus\:border-pink-darkest:focus {
-    border-color: #451225 !important;
+  .lg\:focus\:border-indigo-300:focus {
+    border-color: #a6c5f0 !important;
   }
 
-  .lg\:focus\:border-pink-darker:focus {
-    border-color: #6f213f !important;
+  .lg\:focus\:border-indigo-400:focus {
+    border-color: #82a2e3 !important;
   }
 
-  .lg\:focus\:border-pink-dark:focus {
-    border-color: #eb5286 !important;
+  .lg\:focus\:border-indigo-500:focus {
+    border-color: #6d80d3 !important;
   }
 
-  .lg\:focus\:border-pink:focus {
-    border-color: #f66d9b !important;
+  .lg\:focus\:border-indigo-600:focus {
+    border-color: #5e68bc !important;
   }
 
-  .lg\:focus\:border-pink-light:focus {
-    border-color: #fa7ea8 !important;
+  .lg\:focus\:border-indigo-700:focus {
+    border-color: #5154a1 !important;
   }
 
-  .lg\:focus\:border-pink-lighter:focus {
-    border-color: #ffbbca !important;
+  .lg\:focus\:border-indigo-800:focus {
+    border-color: #42417f !important;
   }
 
-  .lg\:focus\:border-pink-lightest:focus {
-    border-color: #ffebef !important;
+  .lg\:focus\:border-indigo-900:focus {
+    border-color: #37366a !important;
+  }
+
+  .lg\:focus\:border-purple-100:focus {
+    border-color: #faf5ff !important;
+  }
+
+  .lg\:focus\:border-purple-200:focus {
+    border-color: #eddffd !important;
+  }
+
+  .lg\:focus\:border-purple-300:focus {
+    border-color: #dcc7fb !important;
+  }
+
+  .lg\:focus\:border-purple-400:focus {
+    border-color: #b18af4 !important;
+  }
+
+  .lg\:focus\:border-purple-500:focus {
+    border-color: #976de9 !important;
+  }
+
+  .lg\:focus\:border-purple-600:focus {
+    border-color: #7c54d5 !important;
+  }
+
+  .lg\:focus\:border-purple-700:focus {
+    border-color: #6845b9 !important;
+  }
+
+  .lg\:focus\:border-purple-800:focus {
+    border-color: #4d368a !important;
+  }
+
+  .lg\:focus\:border-purple-900:focus {
+    border-color: #3b2c6c !important;
+  }
+
+  .lg\:focus\:border-pink-100:focus {
+    border-color: #fff2f4 !important;
+  }
+
+  .lg\:focus\:border-pink-200:focus {
+    border-color: #fedee4 !important;
+  }
+
+  .lg\:focus\:border-pink-300:focus {
+    border-color: #fcbccb !important;
+  }
+
+  .lg\:focus\:border-pink-400:focus {
+    border-color: #f786a7 !important;
+  }
+
+  .lg\:focus\:border-pink-500:focus {
+    border-color: #ed588b !important;
+  }
+
+  .lg\:focus\:border-pink-600:focus {
+    border-color: #d9447b !important;
+  }
+
+  .lg\:focus\:border-pink-700:focus {
+    border-color: #b32f62 !important;
+  }
+
+  .lg\:focus\:border-pink-800:focus {
+    border-color: #8d2450 !important;
+  }
+
+  .lg\:focus\:border-pink-900:focus {
+    border-color: #741c46 !important;
+  }
+
+  .lg\:focus\:border-grey-100:focus {
+    border-color: #f8fcfe !important;
+  }
+
+  .lg\:focus\:border-grey-200:focus {
+    border-color: #f1f5fb !important;
+  }
+
+  .lg\:focus\:border-grey-300:focus {
+    border-color: #e2e9f0 !important;
+  }
+
+  .lg\:focus\:border-grey-400:focus {
+    border-color: #bbc5cf !important;
+  }
+
+  .lg\:focus\:border-grey-500:focus {
+    border-color: #a3b0bd !important;
+  }
+
+  .lg\:focus\:border-grey-600:focus {
+    border-color: #7a8996 !important;
+  }
+
+  .lg\:focus\:border-grey-700:focus {
+    border-color: #5a6977 !important;
+  }
+
+  .lg\:focus\:border-grey-800:focus {
+    border-color: #2e3a45 !important;
+  }
+
+  .lg\:focus\:border-grey-900:focus {
+    border-color: #1f2830 !important;
   }
 
   .lg\:rounded-none {
@@ -23450,291 +26092,371 @@ samp {
   }
 
   .lg\:text-black {
-    color: #22292f !important;
-  }
-
-  .lg\:text-grey-darkest {
-    color: #3d4852 !important;
-  }
-
-  .lg\:text-grey-darker {
-    color: #606f7b !important;
-  }
-
-  .lg\:text-grey-dark {
-    color: #8795a1 !important;
-  }
-
-  .lg\:text-grey {
-    color: #b8c2cc !important;
-  }
-
-  .lg\:text-grey-light {
-    color: #dae1e7 !important;
-  }
-
-  .lg\:text-grey-lighter {
-    color: #f1f5f8 !important;
-  }
-
-  .lg\:text-grey-lightest {
-    color: #f8fafc !important;
+    color: #000 !important;
   }
 
   .lg\:text-white {
     color: #fff !important;
   }
 
-  .lg\:text-red-darkest {
-    color: #3b0d0c !important;
+  .lg\:text-teal-100 {
+    color: #ebfffc !important;
   }
 
-  .lg\:text-red-darker {
-    color: #621b18 !important;
+  .lg\:text-teal-200 {
+    color: #b3f1e9 !important;
   }
 
-  .lg\:text-red-dark {
-    color: #cc1f1a !important;
+  .lg\:text-teal-300 {
+    color: #82e1d7 !important;
   }
 
-  .lg\:text-red {
-    color: #e3342f !important;
+  .lg\:text-teal-400 {
+    color: #60cfc5 !important;
   }
 
-  .lg\:text-red-light {
-    color: #ef5753 !important;
+  .lg\:text-teal-500 {
+    color: #49bab2 !important;
   }
 
-  .lg\:text-red-lighter {
-    color: #f9acaa !important;
+  .lg\:text-teal-600 {
+    color: #3ea39f !important;
   }
 
-  .lg\:text-red-lightest {
-    color: #fcebea !important;
+  .lg\:text-teal-700 {
+    color: #378786 !important;
   }
 
-  .lg\:text-orange-darkest {
-    color: #462a16 !important;
+  .lg\:text-teal-800 {
+    color: #316769 !important;
   }
 
-  .lg\:text-orange-darker {
-    color: #613b1f !important;
+  .lg\:text-teal-900 {
+    color: #265152 !important;
   }
 
-  .lg\:text-orange-dark {
-    color: #de751f !important;
+  .lg\:text-red-100 {
+    color: #fff5f5 !important;
   }
 
-  .lg\:text-orange {
-    color: #f6993f !important;
+  .lg\:text-red-200 {
+    color: #fee3e3 !important;
   }
 
-  .lg\:text-orange-light {
-    color: #faad63 !important;
+  .lg\:text-red-300 {
+    color: #febcbc !important;
   }
 
-  .lg\:text-orange-lighter {
-    color: #fcd9b6 !important;
+  .lg\:text-red-400 {
+    color: #fd9292 !important;
   }
 
-  .lg\:text-orange-lightest {
-    color: #fff5eb !important;
+  .lg\:text-red-500 {
+    color: #f95e5f !important;
   }
 
-  .lg\:text-yellow-darkest {
-    color: #453411 !important;
+  .lg\:text-red-600 {
+    color: #ec454e !important;
   }
 
-  .lg\:text-yellow-darker {
-    color: #684f1d !important;
+  .lg\:text-red-700 {
+    color: #dc3448 !important;
   }
 
-  .lg\:text-yellow-dark {
-    color: #f2d024 !important;
+  .lg\:text-red-800 {
+    color: #b4203b !important;
   }
 
-  .lg\:text-yellow {
-    color: #ffed4a !important;
+  .lg\:text-red-900 {
+    color: #801b33 !important;
   }
 
-  .lg\:text-yellow-light {
-    color: #fff382 !important;
+  .lg\:text-orange-100 {
+    color: #fffaef !important;
   }
 
-  .lg\:text-yellow-lighter {
-    color: #fff9c2 !important;
+  .lg\:text-orange-200 {
+    color: #fee8c1 !important;
   }
 
-  .lg\:text-yellow-lightest {
-    color: #fcfbeb !important;
+  .lg\:text-orange-300 {
+    color: #fbd087 !important;
   }
 
-  .lg\:text-green-darkest {
-    color: #0f2f21 !important;
+  .lg\:text-orange-400 {
+    color: #f6aa4f !important;
   }
 
-  .lg\:text-green-darker {
-    color: #1a4731 !important;
+  .lg\:text-orange-500 {
+    color: #ec832b !important;
   }
 
-  .lg\:text-green-dark {
-    color: #1f9d55 !important;
+  .lg\:text-orange-600 {
+    color: #df6d22 !important;
   }
 
-  .lg\:text-green {
-    color: #38c172 !important;
+  .lg\:text-orange-700 {
+    color: #c55822 !important;
   }
 
-  .lg\:text-green-light {
-    color: #51d88a !important;
+  .lg\:text-orange-800 {
+    color: #9f4423 !important;
   }
 
-  .lg\:text-green-lighter {
-    color: #a2f5bf !important;
+  .lg\:text-orange-900 {
+    color: #70311e !important;
   }
 
-  .lg\:text-green-lightest {
-    color: #e3fcec !important;
+  .lg\:text-yellow-100 {
+    color: #ffffeb !important;
   }
 
-  .lg\:text-teal-darkest {
-    color: #0d3331 !important;
+  .lg\:text-yellow-200 {
+    color: #fefcbf !important;
   }
 
-  .lg\:text-teal-darker {
-    color: #20504f !important;
+  .lg\:text-yellow-300 {
+    color: #fbf189 !important;
   }
 
-  .lg\:text-teal-dark {
-    color: #38a89d !important;
+  .lg\:text-yellow-400 {
+    color: #f6e05e !important;
   }
 
-  .lg\:text-teal {
-    color: #4dc0b5 !important;
+  .lg\:text-yellow-500 {
+    color: #ebc743 !important;
   }
 
-  .lg\:text-teal-light {
-    color: #64d5ca !important;
+  .lg\:text-yellow-600 {
+    color: #d69e2e !important;
   }
 
-  .lg\:text-teal-lighter {
-    color: #a0f0ed !important;
+  .lg\:text-yellow-700 {
+    color: #b7791f !important;
   }
 
-  .lg\:text-teal-lightest {
-    color: #e8fffe !important;
+  .lg\:text-yellow-800 {
+    color: #8d5415 !important;
   }
 
-  .lg\:text-blue-darkest {
-    color: #12283a !important;
+  .lg\:text-yellow-900 {
+    color: #66390e !important;
   }
 
-  .lg\:text-blue-darker {
-    color: #1c3d5a !important;
+  .lg\:text-green-100 {
+    color: #e9ffe9 !important;
   }
 
-  .lg\:text-blue-dark {
-    color: #2779bd !important;
+  .lg\:text-green-200 {
+    color: #c1f5c5 !important;
   }
 
-  .lg\:text-blue {
-    color: #3490dc !important;
+  .lg\:text-green-300 {
+    color: #9ae6a8 !important;
   }
 
-  .lg\:text-blue-light {
-    color: #6cb2eb !important;
+  .lg\:text-green-400 {
+    color: #68d391 !important;
   }
 
-  .lg\:text-blue-lighter {
-    color: #bcdefa !important;
+  .lg\:text-green-500 {
+    color: #48bb87 !important;
   }
 
-  .lg\:text-blue-lightest {
-    color: #eff8ff !important;
+  .lg\:text-green-600 {
+    color: #38a181 !important;
   }
 
-  .lg\:text-indigo-darkest {
-    color: #191e38 !important;
+  .lg\:text-green-700 {
+    color: #2f8572 !important;
   }
 
-  .lg\:text-indigo-darker {
-    color: #2f365f !important;
+  .lg\:text-green-800 {
+    color: #28695c !important;
   }
 
-  .lg\:text-indigo-dark {
-    color: #5661b3 !important;
+  .lg\:text-green-900 {
+    color: #22544b !important;
   }
 
-  .lg\:text-indigo {
-    color: #6574cd !important;
+  .lg\:text-blue-100 {
+    color: #f1fafd !important;
   }
 
-  .lg\:text-indigo-light {
-    color: #7886d7 !important;
+  .lg\:text-blue-200 {
+    color: #caedfa !important;
   }
 
-  .lg\:text-indigo-lighter {
-    color: #b2b7ff !important;
+  .lg\:text-blue-300 {
+    color: #87d3f3 !important;
   }
 
-  .lg\:text-indigo-lightest {
-    color: #e6e8ff !important;
+  .lg\:text-blue-400 {
+    color: #57b9ec !important;
   }
 
-  .lg\:text-purple-darkest {
-    color: #21183c !important;
+  .lg\:text-blue-500 {
+    color: #3a9adf !important;
   }
 
-  .lg\:text-purple-darker {
-    color: #382b5f !important;
+  .lg\:text-blue-600 {
+    color: #2b7cc4 !important;
   }
 
-  .lg\:text-purple-dark {
-    color: #794acf !important;
+  .lg\:text-blue-700 {
+    color: #2762a3 !important;
   }
 
-  .lg\:text-purple {
-    color: #9561e2 !important;
+  .lg\:text-blue-800 {
+    color: #284f81 !important;
   }
 
-  .lg\:text-purple-light {
-    color: #a779e9 !important;
+  .lg\:text-blue-900 {
+    color: #294468 !important;
   }
 
-  .lg\:text-purple-lighter {
-    color: #d6bbfc !important;
+  .lg\:text-indigo-100 {
+    color: #eef6ff !important;
   }
 
-  .lg\:text-purple-lightest {
-    color: #f3ebff !important;
+  .lg\:text-indigo-200 {
+    color: #cbe0f9 !important;
   }
 
-  .lg\:text-pink-darkest {
-    color: #451225 !important;
+  .lg\:text-indigo-300 {
+    color: #a6c5f0 !important;
   }
 
-  .lg\:text-pink-darker {
-    color: #6f213f !important;
+  .lg\:text-indigo-400 {
+    color: #82a2e3 !important;
   }
 
-  .lg\:text-pink-dark {
-    color: #eb5286 !important;
+  .lg\:text-indigo-500 {
+    color: #6d80d3 !important;
   }
 
-  .lg\:text-pink {
-    color: #f66d9b !important;
+  .lg\:text-indigo-600 {
+    color: #5e68bc !important;
   }
 
-  .lg\:text-pink-light {
-    color: #fa7ea8 !important;
+  .lg\:text-indigo-700 {
+    color: #5154a1 !important;
   }
 
-  .lg\:text-pink-lighter {
-    color: #ffbbca !important;
+  .lg\:text-indigo-800 {
+    color: #42417f !important;
   }
 
-  .lg\:text-pink-lightest {
-    color: #ffebef !important;
+  .lg\:text-indigo-900 {
+    color: #37366a !important;
+  }
+
+  .lg\:text-purple-100 {
+    color: #faf5ff !important;
+  }
+
+  .lg\:text-purple-200 {
+    color: #eddffd !important;
+  }
+
+  .lg\:text-purple-300 {
+    color: #dcc7fb !important;
+  }
+
+  .lg\:text-purple-400 {
+    color: #b18af4 !important;
+  }
+
+  .lg\:text-purple-500 {
+    color: #976de9 !important;
+  }
+
+  .lg\:text-purple-600 {
+    color: #7c54d5 !important;
+  }
+
+  .lg\:text-purple-700 {
+    color: #6845b9 !important;
+  }
+
+  .lg\:text-purple-800 {
+    color: #4d368a !important;
+  }
+
+  .lg\:text-purple-900 {
+    color: #3b2c6c !important;
+  }
+
+  .lg\:text-pink-100 {
+    color: #fff2f4 !important;
+  }
+
+  .lg\:text-pink-200 {
+    color: #fedee4 !important;
+  }
+
+  .lg\:text-pink-300 {
+    color: #fcbccb !important;
+  }
+
+  .lg\:text-pink-400 {
+    color: #f786a7 !important;
+  }
+
+  .lg\:text-pink-500 {
+    color: #ed588b !important;
+  }
+
+  .lg\:text-pink-600 {
+    color: #d9447b !important;
+  }
+
+  .lg\:text-pink-700 {
+    color: #b32f62 !important;
+  }
+
+  .lg\:text-pink-800 {
+    color: #8d2450 !important;
+  }
+
+  .lg\:text-pink-900 {
+    color: #741c46 !important;
+  }
+
+  .lg\:text-grey-100 {
+    color: #f8fcfe !important;
+  }
+
+  .lg\:text-grey-200 {
+    color: #f1f5fb !important;
+  }
+
+  .lg\:text-grey-300 {
+    color: #e2e9f0 !important;
+  }
+
+  .lg\:text-grey-400 {
+    color: #bbc5cf !important;
+  }
+
+  .lg\:text-grey-500 {
+    color: #a3b0bd !important;
+  }
+
+  .lg\:text-grey-600 {
+    color: #7a8996 !important;
+  }
+
+  .lg\:text-grey-700 {
+    color: #5a6977 !important;
+  }
+
+  .lg\:text-grey-800 {
+    color: #2e3a45 !important;
+  }
+
+  .lg\:text-grey-900 {
+    color: #1f2830 !important;
   }
 
   .lg\:hover\:text-transparent:hover {
@@ -23742,291 +26464,371 @@ samp {
   }
 
   .lg\:hover\:text-black:hover {
-    color: #22292f !important;
-  }
-
-  .lg\:hover\:text-grey-darkest:hover {
-    color: #3d4852 !important;
-  }
-
-  .lg\:hover\:text-grey-darker:hover {
-    color: #606f7b !important;
-  }
-
-  .lg\:hover\:text-grey-dark:hover {
-    color: #8795a1 !important;
-  }
-
-  .lg\:hover\:text-grey:hover {
-    color: #b8c2cc !important;
-  }
-
-  .lg\:hover\:text-grey-light:hover {
-    color: #dae1e7 !important;
-  }
-
-  .lg\:hover\:text-grey-lighter:hover {
-    color: #f1f5f8 !important;
-  }
-
-  .lg\:hover\:text-grey-lightest:hover {
-    color: #f8fafc !important;
+    color: #000 !important;
   }
 
   .lg\:hover\:text-white:hover {
     color: #fff !important;
   }
 
-  .lg\:hover\:text-red-darkest:hover {
-    color: #3b0d0c !important;
+  .lg\:hover\:text-teal-100:hover {
+    color: #ebfffc !important;
   }
 
-  .lg\:hover\:text-red-darker:hover {
-    color: #621b18 !important;
+  .lg\:hover\:text-teal-200:hover {
+    color: #b3f1e9 !important;
   }
 
-  .lg\:hover\:text-red-dark:hover {
-    color: #cc1f1a !important;
+  .lg\:hover\:text-teal-300:hover {
+    color: #82e1d7 !important;
   }
 
-  .lg\:hover\:text-red:hover {
-    color: #e3342f !important;
+  .lg\:hover\:text-teal-400:hover {
+    color: #60cfc5 !important;
   }
 
-  .lg\:hover\:text-red-light:hover {
-    color: #ef5753 !important;
+  .lg\:hover\:text-teal-500:hover {
+    color: #49bab2 !important;
   }
 
-  .lg\:hover\:text-red-lighter:hover {
-    color: #f9acaa !important;
+  .lg\:hover\:text-teal-600:hover {
+    color: #3ea39f !important;
   }
 
-  .lg\:hover\:text-red-lightest:hover {
-    color: #fcebea !important;
+  .lg\:hover\:text-teal-700:hover {
+    color: #378786 !important;
   }
 
-  .lg\:hover\:text-orange-darkest:hover {
-    color: #462a16 !important;
+  .lg\:hover\:text-teal-800:hover {
+    color: #316769 !important;
   }
 
-  .lg\:hover\:text-orange-darker:hover {
-    color: #613b1f !important;
+  .lg\:hover\:text-teal-900:hover {
+    color: #265152 !important;
   }
 
-  .lg\:hover\:text-orange-dark:hover {
-    color: #de751f !important;
+  .lg\:hover\:text-red-100:hover {
+    color: #fff5f5 !important;
   }
 
-  .lg\:hover\:text-orange:hover {
-    color: #f6993f !important;
+  .lg\:hover\:text-red-200:hover {
+    color: #fee3e3 !important;
   }
 
-  .lg\:hover\:text-orange-light:hover {
-    color: #faad63 !important;
+  .lg\:hover\:text-red-300:hover {
+    color: #febcbc !important;
   }
 
-  .lg\:hover\:text-orange-lighter:hover {
-    color: #fcd9b6 !important;
+  .lg\:hover\:text-red-400:hover {
+    color: #fd9292 !important;
   }
 
-  .lg\:hover\:text-orange-lightest:hover {
-    color: #fff5eb !important;
+  .lg\:hover\:text-red-500:hover {
+    color: #f95e5f !important;
   }
 
-  .lg\:hover\:text-yellow-darkest:hover {
-    color: #453411 !important;
+  .lg\:hover\:text-red-600:hover {
+    color: #ec454e !important;
   }
 
-  .lg\:hover\:text-yellow-darker:hover {
-    color: #684f1d !important;
+  .lg\:hover\:text-red-700:hover {
+    color: #dc3448 !important;
   }
 
-  .lg\:hover\:text-yellow-dark:hover {
-    color: #f2d024 !important;
+  .lg\:hover\:text-red-800:hover {
+    color: #b4203b !important;
   }
 
-  .lg\:hover\:text-yellow:hover {
-    color: #ffed4a !important;
+  .lg\:hover\:text-red-900:hover {
+    color: #801b33 !important;
   }
 
-  .lg\:hover\:text-yellow-light:hover {
-    color: #fff382 !important;
+  .lg\:hover\:text-orange-100:hover {
+    color: #fffaef !important;
   }
 
-  .lg\:hover\:text-yellow-lighter:hover {
-    color: #fff9c2 !important;
+  .lg\:hover\:text-orange-200:hover {
+    color: #fee8c1 !important;
   }
 
-  .lg\:hover\:text-yellow-lightest:hover {
-    color: #fcfbeb !important;
+  .lg\:hover\:text-orange-300:hover {
+    color: #fbd087 !important;
   }
 
-  .lg\:hover\:text-green-darkest:hover {
-    color: #0f2f21 !important;
+  .lg\:hover\:text-orange-400:hover {
+    color: #f6aa4f !important;
   }
 
-  .lg\:hover\:text-green-darker:hover {
-    color: #1a4731 !important;
+  .lg\:hover\:text-orange-500:hover {
+    color: #ec832b !important;
   }
 
-  .lg\:hover\:text-green-dark:hover {
-    color: #1f9d55 !important;
+  .lg\:hover\:text-orange-600:hover {
+    color: #df6d22 !important;
   }
 
-  .lg\:hover\:text-green:hover {
-    color: #38c172 !important;
+  .lg\:hover\:text-orange-700:hover {
+    color: #c55822 !important;
   }
 
-  .lg\:hover\:text-green-light:hover {
-    color: #51d88a !important;
+  .lg\:hover\:text-orange-800:hover {
+    color: #9f4423 !important;
   }
 
-  .lg\:hover\:text-green-lighter:hover {
-    color: #a2f5bf !important;
+  .lg\:hover\:text-orange-900:hover {
+    color: #70311e !important;
   }
 
-  .lg\:hover\:text-green-lightest:hover {
-    color: #e3fcec !important;
+  .lg\:hover\:text-yellow-100:hover {
+    color: #ffffeb !important;
   }
 
-  .lg\:hover\:text-teal-darkest:hover {
-    color: #0d3331 !important;
+  .lg\:hover\:text-yellow-200:hover {
+    color: #fefcbf !important;
   }
 
-  .lg\:hover\:text-teal-darker:hover {
-    color: #20504f !important;
+  .lg\:hover\:text-yellow-300:hover {
+    color: #fbf189 !important;
   }
 
-  .lg\:hover\:text-teal-dark:hover {
-    color: #38a89d !important;
+  .lg\:hover\:text-yellow-400:hover {
+    color: #f6e05e !important;
   }
 
-  .lg\:hover\:text-teal:hover {
-    color: #4dc0b5 !important;
+  .lg\:hover\:text-yellow-500:hover {
+    color: #ebc743 !important;
   }
 
-  .lg\:hover\:text-teal-light:hover {
-    color: #64d5ca !important;
+  .lg\:hover\:text-yellow-600:hover {
+    color: #d69e2e !important;
   }
 
-  .lg\:hover\:text-teal-lighter:hover {
-    color: #a0f0ed !important;
+  .lg\:hover\:text-yellow-700:hover {
+    color: #b7791f !important;
   }
 
-  .lg\:hover\:text-teal-lightest:hover {
-    color: #e8fffe !important;
+  .lg\:hover\:text-yellow-800:hover {
+    color: #8d5415 !important;
   }
 
-  .lg\:hover\:text-blue-darkest:hover {
-    color: #12283a !important;
+  .lg\:hover\:text-yellow-900:hover {
+    color: #66390e !important;
   }
 
-  .lg\:hover\:text-blue-darker:hover {
-    color: #1c3d5a !important;
+  .lg\:hover\:text-green-100:hover {
+    color: #e9ffe9 !important;
   }
 
-  .lg\:hover\:text-blue-dark:hover {
-    color: #2779bd !important;
+  .lg\:hover\:text-green-200:hover {
+    color: #c1f5c5 !important;
   }
 
-  .lg\:hover\:text-blue:hover {
-    color: #3490dc !important;
+  .lg\:hover\:text-green-300:hover {
+    color: #9ae6a8 !important;
   }
 
-  .lg\:hover\:text-blue-light:hover {
-    color: #6cb2eb !important;
+  .lg\:hover\:text-green-400:hover {
+    color: #68d391 !important;
   }
 
-  .lg\:hover\:text-blue-lighter:hover {
-    color: #bcdefa !important;
+  .lg\:hover\:text-green-500:hover {
+    color: #48bb87 !important;
   }
 
-  .lg\:hover\:text-blue-lightest:hover {
-    color: #eff8ff !important;
+  .lg\:hover\:text-green-600:hover {
+    color: #38a181 !important;
   }
 
-  .lg\:hover\:text-indigo-darkest:hover {
-    color: #191e38 !important;
+  .lg\:hover\:text-green-700:hover {
+    color: #2f8572 !important;
   }
 
-  .lg\:hover\:text-indigo-darker:hover {
-    color: #2f365f !important;
+  .lg\:hover\:text-green-800:hover {
+    color: #28695c !important;
   }
 
-  .lg\:hover\:text-indigo-dark:hover {
-    color: #5661b3 !important;
+  .lg\:hover\:text-green-900:hover {
+    color: #22544b !important;
   }
 
-  .lg\:hover\:text-indigo:hover {
-    color: #6574cd !important;
+  .lg\:hover\:text-blue-100:hover {
+    color: #f1fafd !important;
   }
 
-  .lg\:hover\:text-indigo-light:hover {
-    color: #7886d7 !important;
+  .lg\:hover\:text-blue-200:hover {
+    color: #caedfa !important;
   }
 
-  .lg\:hover\:text-indigo-lighter:hover {
-    color: #b2b7ff !important;
+  .lg\:hover\:text-blue-300:hover {
+    color: #87d3f3 !important;
   }
 
-  .lg\:hover\:text-indigo-lightest:hover {
-    color: #e6e8ff !important;
+  .lg\:hover\:text-blue-400:hover {
+    color: #57b9ec !important;
   }
 
-  .lg\:hover\:text-purple-darkest:hover {
-    color: #21183c !important;
+  .lg\:hover\:text-blue-500:hover {
+    color: #3a9adf !important;
   }
 
-  .lg\:hover\:text-purple-darker:hover {
-    color: #382b5f !important;
+  .lg\:hover\:text-blue-600:hover {
+    color: #2b7cc4 !important;
   }
 
-  .lg\:hover\:text-purple-dark:hover {
-    color: #794acf !important;
+  .lg\:hover\:text-blue-700:hover {
+    color: #2762a3 !important;
   }
 
-  .lg\:hover\:text-purple:hover {
-    color: #9561e2 !important;
+  .lg\:hover\:text-blue-800:hover {
+    color: #284f81 !important;
   }
 
-  .lg\:hover\:text-purple-light:hover {
-    color: #a779e9 !important;
+  .lg\:hover\:text-blue-900:hover {
+    color: #294468 !important;
   }
 
-  .lg\:hover\:text-purple-lighter:hover {
-    color: #d6bbfc !important;
+  .lg\:hover\:text-indigo-100:hover {
+    color: #eef6ff !important;
   }
 
-  .lg\:hover\:text-purple-lightest:hover {
-    color: #f3ebff !important;
+  .lg\:hover\:text-indigo-200:hover {
+    color: #cbe0f9 !important;
   }
 
-  .lg\:hover\:text-pink-darkest:hover {
-    color: #451225 !important;
+  .lg\:hover\:text-indigo-300:hover {
+    color: #a6c5f0 !important;
   }
 
-  .lg\:hover\:text-pink-darker:hover {
-    color: #6f213f !important;
+  .lg\:hover\:text-indigo-400:hover {
+    color: #82a2e3 !important;
   }
 
-  .lg\:hover\:text-pink-dark:hover {
-    color: #eb5286 !important;
+  .lg\:hover\:text-indigo-500:hover {
+    color: #6d80d3 !important;
   }
 
-  .lg\:hover\:text-pink:hover {
-    color: #f66d9b !important;
+  .lg\:hover\:text-indigo-600:hover {
+    color: #5e68bc !important;
   }
 
-  .lg\:hover\:text-pink-light:hover {
-    color: #fa7ea8 !important;
+  .lg\:hover\:text-indigo-700:hover {
+    color: #5154a1 !important;
   }
 
-  .lg\:hover\:text-pink-lighter:hover {
-    color: #ffbbca !important;
+  .lg\:hover\:text-indigo-800:hover {
+    color: #42417f !important;
   }
 
-  .lg\:hover\:text-pink-lightest:hover {
-    color: #ffebef !important;
+  .lg\:hover\:text-indigo-900:hover {
+    color: #37366a !important;
+  }
+
+  .lg\:hover\:text-purple-100:hover {
+    color: #faf5ff !important;
+  }
+
+  .lg\:hover\:text-purple-200:hover {
+    color: #eddffd !important;
+  }
+
+  .lg\:hover\:text-purple-300:hover {
+    color: #dcc7fb !important;
+  }
+
+  .lg\:hover\:text-purple-400:hover {
+    color: #b18af4 !important;
+  }
+
+  .lg\:hover\:text-purple-500:hover {
+    color: #976de9 !important;
+  }
+
+  .lg\:hover\:text-purple-600:hover {
+    color: #7c54d5 !important;
+  }
+
+  .lg\:hover\:text-purple-700:hover {
+    color: #6845b9 !important;
+  }
+
+  .lg\:hover\:text-purple-800:hover {
+    color: #4d368a !important;
+  }
+
+  .lg\:hover\:text-purple-900:hover {
+    color: #3b2c6c !important;
+  }
+
+  .lg\:hover\:text-pink-100:hover {
+    color: #fff2f4 !important;
+  }
+
+  .lg\:hover\:text-pink-200:hover {
+    color: #fedee4 !important;
+  }
+
+  .lg\:hover\:text-pink-300:hover {
+    color: #fcbccb !important;
+  }
+
+  .lg\:hover\:text-pink-400:hover {
+    color: #f786a7 !important;
+  }
+
+  .lg\:hover\:text-pink-500:hover {
+    color: #ed588b !important;
+  }
+
+  .lg\:hover\:text-pink-600:hover {
+    color: #d9447b !important;
+  }
+
+  .lg\:hover\:text-pink-700:hover {
+    color: #b32f62 !important;
+  }
+
+  .lg\:hover\:text-pink-800:hover {
+    color: #8d2450 !important;
+  }
+
+  .lg\:hover\:text-pink-900:hover {
+    color: #741c46 !important;
+  }
+
+  .lg\:hover\:text-grey-100:hover {
+    color: #f8fcfe !important;
+  }
+
+  .lg\:hover\:text-grey-200:hover {
+    color: #f1f5fb !important;
+  }
+
+  .lg\:hover\:text-grey-300:hover {
+    color: #e2e9f0 !important;
+  }
+
+  .lg\:hover\:text-grey-400:hover {
+    color: #bbc5cf !important;
+  }
+
+  .lg\:hover\:text-grey-500:hover {
+    color: #a3b0bd !important;
+  }
+
+  .lg\:hover\:text-grey-600:hover {
+    color: #7a8996 !important;
+  }
+
+  .lg\:hover\:text-grey-700:hover {
+    color: #5a6977 !important;
+  }
+
+  .lg\:hover\:text-grey-800:hover {
+    color: #2e3a45 !important;
+  }
+
+  .lg\:hover\:text-grey-900:hover {
+    color: #1f2830 !important;
   }
 
   .lg\:focus\:text-transparent:focus {
@@ -24034,291 +26836,371 @@ samp {
   }
 
   .lg\:focus\:text-black:focus {
-    color: #22292f !important;
-  }
-
-  .lg\:focus\:text-grey-darkest:focus {
-    color: #3d4852 !important;
-  }
-
-  .lg\:focus\:text-grey-darker:focus {
-    color: #606f7b !important;
-  }
-
-  .lg\:focus\:text-grey-dark:focus {
-    color: #8795a1 !important;
-  }
-
-  .lg\:focus\:text-grey:focus {
-    color: #b8c2cc !important;
-  }
-
-  .lg\:focus\:text-grey-light:focus {
-    color: #dae1e7 !important;
-  }
-
-  .lg\:focus\:text-grey-lighter:focus {
-    color: #f1f5f8 !important;
-  }
-
-  .lg\:focus\:text-grey-lightest:focus {
-    color: #f8fafc !important;
+    color: #000 !important;
   }
 
   .lg\:focus\:text-white:focus {
     color: #fff !important;
   }
 
-  .lg\:focus\:text-red-darkest:focus {
-    color: #3b0d0c !important;
+  .lg\:focus\:text-teal-100:focus {
+    color: #ebfffc !important;
   }
 
-  .lg\:focus\:text-red-darker:focus {
-    color: #621b18 !important;
+  .lg\:focus\:text-teal-200:focus {
+    color: #b3f1e9 !important;
   }
 
-  .lg\:focus\:text-red-dark:focus {
-    color: #cc1f1a !important;
+  .lg\:focus\:text-teal-300:focus {
+    color: #82e1d7 !important;
   }
 
-  .lg\:focus\:text-red:focus {
-    color: #e3342f !important;
+  .lg\:focus\:text-teal-400:focus {
+    color: #60cfc5 !important;
   }
 
-  .lg\:focus\:text-red-light:focus {
-    color: #ef5753 !important;
+  .lg\:focus\:text-teal-500:focus {
+    color: #49bab2 !important;
   }
 
-  .lg\:focus\:text-red-lighter:focus {
-    color: #f9acaa !important;
+  .lg\:focus\:text-teal-600:focus {
+    color: #3ea39f !important;
   }
 
-  .lg\:focus\:text-red-lightest:focus {
-    color: #fcebea !important;
+  .lg\:focus\:text-teal-700:focus {
+    color: #378786 !important;
   }
 
-  .lg\:focus\:text-orange-darkest:focus {
-    color: #462a16 !important;
+  .lg\:focus\:text-teal-800:focus {
+    color: #316769 !important;
   }
 
-  .lg\:focus\:text-orange-darker:focus {
-    color: #613b1f !important;
+  .lg\:focus\:text-teal-900:focus {
+    color: #265152 !important;
   }
 
-  .lg\:focus\:text-orange-dark:focus {
-    color: #de751f !important;
+  .lg\:focus\:text-red-100:focus {
+    color: #fff5f5 !important;
   }
 
-  .lg\:focus\:text-orange:focus {
-    color: #f6993f !important;
+  .lg\:focus\:text-red-200:focus {
+    color: #fee3e3 !important;
   }
 
-  .lg\:focus\:text-orange-light:focus {
-    color: #faad63 !important;
+  .lg\:focus\:text-red-300:focus {
+    color: #febcbc !important;
   }
 
-  .lg\:focus\:text-orange-lighter:focus {
-    color: #fcd9b6 !important;
+  .lg\:focus\:text-red-400:focus {
+    color: #fd9292 !important;
   }
 
-  .lg\:focus\:text-orange-lightest:focus {
-    color: #fff5eb !important;
+  .lg\:focus\:text-red-500:focus {
+    color: #f95e5f !important;
   }
 
-  .lg\:focus\:text-yellow-darkest:focus {
-    color: #453411 !important;
+  .lg\:focus\:text-red-600:focus {
+    color: #ec454e !important;
   }
 
-  .lg\:focus\:text-yellow-darker:focus {
-    color: #684f1d !important;
+  .lg\:focus\:text-red-700:focus {
+    color: #dc3448 !important;
   }
 
-  .lg\:focus\:text-yellow-dark:focus {
-    color: #f2d024 !important;
+  .lg\:focus\:text-red-800:focus {
+    color: #b4203b !important;
   }
 
-  .lg\:focus\:text-yellow:focus {
-    color: #ffed4a !important;
+  .lg\:focus\:text-red-900:focus {
+    color: #801b33 !important;
   }
 
-  .lg\:focus\:text-yellow-light:focus {
-    color: #fff382 !important;
+  .lg\:focus\:text-orange-100:focus {
+    color: #fffaef !important;
   }
 
-  .lg\:focus\:text-yellow-lighter:focus {
-    color: #fff9c2 !important;
+  .lg\:focus\:text-orange-200:focus {
+    color: #fee8c1 !important;
   }
 
-  .lg\:focus\:text-yellow-lightest:focus {
-    color: #fcfbeb !important;
+  .lg\:focus\:text-orange-300:focus {
+    color: #fbd087 !important;
   }
 
-  .lg\:focus\:text-green-darkest:focus {
-    color: #0f2f21 !important;
+  .lg\:focus\:text-orange-400:focus {
+    color: #f6aa4f !important;
   }
 
-  .lg\:focus\:text-green-darker:focus {
-    color: #1a4731 !important;
+  .lg\:focus\:text-orange-500:focus {
+    color: #ec832b !important;
   }
 
-  .lg\:focus\:text-green-dark:focus {
-    color: #1f9d55 !important;
+  .lg\:focus\:text-orange-600:focus {
+    color: #df6d22 !important;
   }
 
-  .lg\:focus\:text-green:focus {
-    color: #38c172 !important;
+  .lg\:focus\:text-orange-700:focus {
+    color: #c55822 !important;
   }
 
-  .lg\:focus\:text-green-light:focus {
-    color: #51d88a !important;
+  .lg\:focus\:text-orange-800:focus {
+    color: #9f4423 !important;
   }
 
-  .lg\:focus\:text-green-lighter:focus {
-    color: #a2f5bf !important;
+  .lg\:focus\:text-orange-900:focus {
+    color: #70311e !important;
   }
 
-  .lg\:focus\:text-green-lightest:focus {
-    color: #e3fcec !important;
+  .lg\:focus\:text-yellow-100:focus {
+    color: #ffffeb !important;
   }
 
-  .lg\:focus\:text-teal-darkest:focus {
-    color: #0d3331 !important;
+  .lg\:focus\:text-yellow-200:focus {
+    color: #fefcbf !important;
   }
 
-  .lg\:focus\:text-teal-darker:focus {
-    color: #20504f !important;
+  .lg\:focus\:text-yellow-300:focus {
+    color: #fbf189 !important;
   }
 
-  .lg\:focus\:text-teal-dark:focus {
-    color: #38a89d !important;
+  .lg\:focus\:text-yellow-400:focus {
+    color: #f6e05e !important;
   }
 
-  .lg\:focus\:text-teal:focus {
-    color: #4dc0b5 !important;
+  .lg\:focus\:text-yellow-500:focus {
+    color: #ebc743 !important;
   }
 
-  .lg\:focus\:text-teal-light:focus {
-    color: #64d5ca !important;
+  .lg\:focus\:text-yellow-600:focus {
+    color: #d69e2e !important;
   }
 
-  .lg\:focus\:text-teal-lighter:focus {
-    color: #a0f0ed !important;
+  .lg\:focus\:text-yellow-700:focus {
+    color: #b7791f !important;
   }
 
-  .lg\:focus\:text-teal-lightest:focus {
-    color: #e8fffe !important;
+  .lg\:focus\:text-yellow-800:focus {
+    color: #8d5415 !important;
   }
 
-  .lg\:focus\:text-blue-darkest:focus {
-    color: #12283a !important;
+  .lg\:focus\:text-yellow-900:focus {
+    color: #66390e !important;
   }
 
-  .lg\:focus\:text-blue-darker:focus {
-    color: #1c3d5a !important;
+  .lg\:focus\:text-green-100:focus {
+    color: #e9ffe9 !important;
   }
 
-  .lg\:focus\:text-blue-dark:focus {
-    color: #2779bd !important;
+  .lg\:focus\:text-green-200:focus {
+    color: #c1f5c5 !important;
   }
 
-  .lg\:focus\:text-blue:focus {
-    color: #3490dc !important;
+  .lg\:focus\:text-green-300:focus {
+    color: #9ae6a8 !important;
   }
 
-  .lg\:focus\:text-blue-light:focus {
-    color: #6cb2eb !important;
+  .lg\:focus\:text-green-400:focus {
+    color: #68d391 !important;
   }
 
-  .lg\:focus\:text-blue-lighter:focus {
-    color: #bcdefa !important;
+  .lg\:focus\:text-green-500:focus {
+    color: #48bb87 !important;
   }
 
-  .lg\:focus\:text-blue-lightest:focus {
-    color: #eff8ff !important;
+  .lg\:focus\:text-green-600:focus {
+    color: #38a181 !important;
   }
 
-  .lg\:focus\:text-indigo-darkest:focus {
-    color: #191e38 !important;
+  .lg\:focus\:text-green-700:focus {
+    color: #2f8572 !important;
   }
 
-  .lg\:focus\:text-indigo-darker:focus {
-    color: #2f365f !important;
+  .lg\:focus\:text-green-800:focus {
+    color: #28695c !important;
   }
 
-  .lg\:focus\:text-indigo-dark:focus {
-    color: #5661b3 !important;
+  .lg\:focus\:text-green-900:focus {
+    color: #22544b !important;
   }
 
-  .lg\:focus\:text-indigo:focus {
-    color: #6574cd !important;
+  .lg\:focus\:text-blue-100:focus {
+    color: #f1fafd !important;
   }
 
-  .lg\:focus\:text-indigo-light:focus {
-    color: #7886d7 !important;
+  .lg\:focus\:text-blue-200:focus {
+    color: #caedfa !important;
   }
 
-  .lg\:focus\:text-indigo-lighter:focus {
-    color: #b2b7ff !important;
+  .lg\:focus\:text-blue-300:focus {
+    color: #87d3f3 !important;
   }
 
-  .lg\:focus\:text-indigo-lightest:focus {
-    color: #e6e8ff !important;
+  .lg\:focus\:text-blue-400:focus {
+    color: #57b9ec !important;
   }
 
-  .lg\:focus\:text-purple-darkest:focus {
-    color: #21183c !important;
+  .lg\:focus\:text-blue-500:focus {
+    color: #3a9adf !important;
   }
 
-  .lg\:focus\:text-purple-darker:focus {
-    color: #382b5f !important;
+  .lg\:focus\:text-blue-600:focus {
+    color: #2b7cc4 !important;
   }
 
-  .lg\:focus\:text-purple-dark:focus {
-    color: #794acf !important;
+  .lg\:focus\:text-blue-700:focus {
+    color: #2762a3 !important;
   }
 
-  .lg\:focus\:text-purple:focus {
-    color: #9561e2 !important;
+  .lg\:focus\:text-blue-800:focus {
+    color: #284f81 !important;
   }
 
-  .lg\:focus\:text-purple-light:focus {
-    color: #a779e9 !important;
+  .lg\:focus\:text-blue-900:focus {
+    color: #294468 !important;
   }
 
-  .lg\:focus\:text-purple-lighter:focus {
-    color: #d6bbfc !important;
+  .lg\:focus\:text-indigo-100:focus {
+    color: #eef6ff !important;
   }
 
-  .lg\:focus\:text-purple-lightest:focus {
-    color: #f3ebff !important;
+  .lg\:focus\:text-indigo-200:focus {
+    color: #cbe0f9 !important;
   }
 
-  .lg\:focus\:text-pink-darkest:focus {
-    color: #451225 !important;
+  .lg\:focus\:text-indigo-300:focus {
+    color: #a6c5f0 !important;
   }
 
-  .lg\:focus\:text-pink-darker:focus {
-    color: #6f213f !important;
+  .lg\:focus\:text-indigo-400:focus {
+    color: #82a2e3 !important;
   }
 
-  .lg\:focus\:text-pink-dark:focus {
-    color: #eb5286 !important;
+  .lg\:focus\:text-indigo-500:focus {
+    color: #6d80d3 !important;
   }
 
-  .lg\:focus\:text-pink:focus {
-    color: #f66d9b !important;
+  .lg\:focus\:text-indigo-600:focus {
+    color: #5e68bc !important;
   }
 
-  .lg\:focus\:text-pink-light:focus {
-    color: #fa7ea8 !important;
+  .lg\:focus\:text-indigo-700:focus {
+    color: #5154a1 !important;
   }
 
-  .lg\:focus\:text-pink-lighter:focus {
-    color: #ffbbca !important;
+  .lg\:focus\:text-indigo-800:focus {
+    color: #42417f !important;
   }
 
-  .lg\:focus\:text-pink-lightest:focus {
-    color: #ffebef !important;
+  .lg\:focus\:text-indigo-900:focus {
+    color: #37366a !important;
+  }
+
+  .lg\:focus\:text-purple-100:focus {
+    color: #faf5ff !important;
+  }
+
+  .lg\:focus\:text-purple-200:focus {
+    color: #eddffd !important;
+  }
+
+  .lg\:focus\:text-purple-300:focus {
+    color: #dcc7fb !important;
+  }
+
+  .lg\:focus\:text-purple-400:focus {
+    color: #b18af4 !important;
+  }
+
+  .lg\:focus\:text-purple-500:focus {
+    color: #976de9 !important;
+  }
+
+  .lg\:focus\:text-purple-600:focus {
+    color: #7c54d5 !important;
+  }
+
+  .lg\:focus\:text-purple-700:focus {
+    color: #6845b9 !important;
+  }
+
+  .lg\:focus\:text-purple-800:focus {
+    color: #4d368a !important;
+  }
+
+  .lg\:focus\:text-purple-900:focus {
+    color: #3b2c6c !important;
+  }
+
+  .lg\:focus\:text-pink-100:focus {
+    color: #fff2f4 !important;
+  }
+
+  .lg\:focus\:text-pink-200:focus {
+    color: #fedee4 !important;
+  }
+
+  .lg\:focus\:text-pink-300:focus {
+    color: #fcbccb !important;
+  }
+
+  .lg\:focus\:text-pink-400:focus {
+    color: #f786a7 !important;
+  }
+
+  .lg\:focus\:text-pink-500:focus {
+    color: #ed588b !important;
+  }
+
+  .lg\:focus\:text-pink-600:focus {
+    color: #d9447b !important;
+  }
+
+  .lg\:focus\:text-pink-700:focus {
+    color: #b32f62 !important;
+  }
+
+  .lg\:focus\:text-pink-800:focus {
+    color: #8d2450 !important;
+  }
+
+  .lg\:focus\:text-pink-900:focus {
+    color: #741c46 !important;
+  }
+
+  .lg\:focus\:text-grey-100:focus {
+    color: #f8fcfe !important;
+  }
+
+  .lg\:focus\:text-grey-200:focus {
+    color: #f1f5fb !important;
+  }
+
+  .lg\:focus\:text-grey-300:focus {
+    color: #e2e9f0 !important;
+  }
+
+  .lg\:focus\:text-grey-400:focus {
+    color: #bbc5cf !important;
+  }
+
+  .lg\:focus\:text-grey-500:focus {
+    color: #a3b0bd !important;
+  }
+
+  .lg\:focus\:text-grey-600:focus {
+    color: #7a8996 !important;
+  }
+
+  .lg\:focus\:text-grey-700:focus {
+    color: #5a6977 !important;
+  }
+
+  .lg\:focus\:text-grey-800:focus {
+    color: #2e3a45 !important;
+  }
+
+  .lg\:focus\:text-grey-900:focus {
+    color: #1f2830 !important;
   }
 
   .lg\:text-xs {
@@ -24699,7 +27581,7 @@ samp {
 
   .lg\:example {
     font-weight: 700;
-    color: #e3342f;
+    color: #f95e5f;
   }
 }
 
@@ -24725,291 +27607,371 @@ samp {
   }
 
   .xl\:bg-black {
-    background-color: #22292f !important;
-  }
-
-  .xl\:bg-grey-darkest {
-    background-color: #3d4852 !important;
-  }
-
-  .xl\:bg-grey-darker {
-    background-color: #606f7b !important;
-  }
-
-  .xl\:bg-grey-dark {
-    background-color: #8795a1 !important;
-  }
-
-  .xl\:bg-grey {
-    background-color: #b8c2cc !important;
-  }
-
-  .xl\:bg-grey-light {
-    background-color: #dae1e7 !important;
-  }
-
-  .xl\:bg-grey-lighter {
-    background-color: #f1f5f8 !important;
-  }
-
-  .xl\:bg-grey-lightest {
-    background-color: #f8fafc !important;
+    background-color: #000 !important;
   }
 
   .xl\:bg-white {
     background-color: #fff !important;
   }
 
-  .xl\:bg-red-darkest {
-    background-color: #3b0d0c !important;
+  .xl\:bg-teal-100 {
+    background-color: #ebfffc !important;
   }
 
-  .xl\:bg-red-darker {
-    background-color: #621b18 !important;
+  .xl\:bg-teal-200 {
+    background-color: #b3f1e9 !important;
   }
 
-  .xl\:bg-red-dark {
-    background-color: #cc1f1a !important;
+  .xl\:bg-teal-300 {
+    background-color: #82e1d7 !important;
   }
 
-  .xl\:bg-red {
-    background-color: #e3342f !important;
+  .xl\:bg-teal-400 {
+    background-color: #60cfc5 !important;
   }
 
-  .xl\:bg-red-light {
-    background-color: #ef5753 !important;
+  .xl\:bg-teal-500 {
+    background-color: #49bab2 !important;
   }
 
-  .xl\:bg-red-lighter {
-    background-color: #f9acaa !important;
+  .xl\:bg-teal-600 {
+    background-color: #3ea39f !important;
   }
 
-  .xl\:bg-red-lightest {
-    background-color: #fcebea !important;
+  .xl\:bg-teal-700 {
+    background-color: #378786 !important;
   }
 
-  .xl\:bg-orange-darkest {
-    background-color: #462a16 !important;
+  .xl\:bg-teal-800 {
+    background-color: #316769 !important;
   }
 
-  .xl\:bg-orange-darker {
-    background-color: #613b1f !important;
+  .xl\:bg-teal-900 {
+    background-color: #265152 !important;
   }
 
-  .xl\:bg-orange-dark {
-    background-color: #de751f !important;
+  .xl\:bg-red-100 {
+    background-color: #fff5f5 !important;
   }
 
-  .xl\:bg-orange {
-    background-color: #f6993f !important;
+  .xl\:bg-red-200 {
+    background-color: #fee3e3 !important;
   }
 
-  .xl\:bg-orange-light {
-    background-color: #faad63 !important;
+  .xl\:bg-red-300 {
+    background-color: #febcbc !important;
   }
 
-  .xl\:bg-orange-lighter {
-    background-color: #fcd9b6 !important;
+  .xl\:bg-red-400 {
+    background-color: #fd9292 !important;
   }
 
-  .xl\:bg-orange-lightest {
-    background-color: #fff5eb !important;
+  .xl\:bg-red-500 {
+    background-color: #f95e5f !important;
   }
 
-  .xl\:bg-yellow-darkest {
-    background-color: #453411 !important;
+  .xl\:bg-red-600 {
+    background-color: #ec454e !important;
   }
 
-  .xl\:bg-yellow-darker {
-    background-color: #684f1d !important;
+  .xl\:bg-red-700 {
+    background-color: #dc3448 !important;
   }
 
-  .xl\:bg-yellow-dark {
-    background-color: #f2d024 !important;
+  .xl\:bg-red-800 {
+    background-color: #b4203b !important;
   }
 
-  .xl\:bg-yellow {
-    background-color: #ffed4a !important;
+  .xl\:bg-red-900 {
+    background-color: #801b33 !important;
   }
 
-  .xl\:bg-yellow-light {
-    background-color: #fff382 !important;
+  .xl\:bg-orange-100 {
+    background-color: #fffaef !important;
   }
 
-  .xl\:bg-yellow-lighter {
-    background-color: #fff9c2 !important;
+  .xl\:bg-orange-200 {
+    background-color: #fee8c1 !important;
   }
 
-  .xl\:bg-yellow-lightest {
-    background-color: #fcfbeb !important;
+  .xl\:bg-orange-300 {
+    background-color: #fbd087 !important;
   }
 
-  .xl\:bg-green-darkest {
-    background-color: #0f2f21 !important;
+  .xl\:bg-orange-400 {
+    background-color: #f6aa4f !important;
   }
 
-  .xl\:bg-green-darker {
-    background-color: #1a4731 !important;
+  .xl\:bg-orange-500 {
+    background-color: #ec832b !important;
   }
 
-  .xl\:bg-green-dark {
-    background-color: #1f9d55 !important;
+  .xl\:bg-orange-600 {
+    background-color: #df6d22 !important;
   }
 
-  .xl\:bg-green {
-    background-color: #38c172 !important;
+  .xl\:bg-orange-700 {
+    background-color: #c55822 !important;
   }
 
-  .xl\:bg-green-light {
-    background-color: #51d88a !important;
+  .xl\:bg-orange-800 {
+    background-color: #9f4423 !important;
   }
 
-  .xl\:bg-green-lighter {
-    background-color: #a2f5bf !important;
+  .xl\:bg-orange-900 {
+    background-color: #70311e !important;
   }
 
-  .xl\:bg-green-lightest {
-    background-color: #e3fcec !important;
+  .xl\:bg-yellow-100 {
+    background-color: #ffffeb !important;
   }
 
-  .xl\:bg-teal-darkest {
-    background-color: #0d3331 !important;
+  .xl\:bg-yellow-200 {
+    background-color: #fefcbf !important;
   }
 
-  .xl\:bg-teal-darker {
-    background-color: #20504f !important;
+  .xl\:bg-yellow-300 {
+    background-color: #fbf189 !important;
   }
 
-  .xl\:bg-teal-dark {
-    background-color: #38a89d !important;
+  .xl\:bg-yellow-400 {
+    background-color: #f6e05e !important;
   }
 
-  .xl\:bg-teal {
-    background-color: #4dc0b5 !important;
+  .xl\:bg-yellow-500 {
+    background-color: #ebc743 !important;
   }
 
-  .xl\:bg-teal-light {
-    background-color: #64d5ca !important;
+  .xl\:bg-yellow-600 {
+    background-color: #d69e2e !important;
   }
 
-  .xl\:bg-teal-lighter {
-    background-color: #a0f0ed !important;
+  .xl\:bg-yellow-700 {
+    background-color: #b7791f !important;
   }
 
-  .xl\:bg-teal-lightest {
-    background-color: #e8fffe !important;
+  .xl\:bg-yellow-800 {
+    background-color: #8d5415 !important;
   }
 
-  .xl\:bg-blue-darkest {
-    background-color: #12283a !important;
+  .xl\:bg-yellow-900 {
+    background-color: #66390e !important;
   }
 
-  .xl\:bg-blue-darker {
-    background-color: #1c3d5a !important;
+  .xl\:bg-green-100 {
+    background-color: #e9ffe9 !important;
   }
 
-  .xl\:bg-blue-dark {
-    background-color: #2779bd !important;
+  .xl\:bg-green-200 {
+    background-color: #c1f5c5 !important;
   }
 
-  .xl\:bg-blue {
-    background-color: #3490dc !important;
+  .xl\:bg-green-300 {
+    background-color: #9ae6a8 !important;
   }
 
-  .xl\:bg-blue-light {
-    background-color: #6cb2eb !important;
+  .xl\:bg-green-400 {
+    background-color: #68d391 !important;
   }
 
-  .xl\:bg-blue-lighter {
-    background-color: #bcdefa !important;
+  .xl\:bg-green-500 {
+    background-color: #48bb87 !important;
   }
 
-  .xl\:bg-blue-lightest {
-    background-color: #eff8ff !important;
+  .xl\:bg-green-600 {
+    background-color: #38a181 !important;
   }
 
-  .xl\:bg-indigo-darkest {
-    background-color: #191e38 !important;
+  .xl\:bg-green-700 {
+    background-color: #2f8572 !important;
   }
 
-  .xl\:bg-indigo-darker {
-    background-color: #2f365f !important;
+  .xl\:bg-green-800 {
+    background-color: #28695c !important;
   }
 
-  .xl\:bg-indigo-dark {
-    background-color: #5661b3 !important;
+  .xl\:bg-green-900 {
+    background-color: #22544b !important;
   }
 
-  .xl\:bg-indigo {
-    background-color: #6574cd !important;
+  .xl\:bg-blue-100 {
+    background-color: #f1fafd !important;
   }
 
-  .xl\:bg-indigo-light {
-    background-color: #7886d7 !important;
+  .xl\:bg-blue-200 {
+    background-color: #caedfa !important;
   }
 
-  .xl\:bg-indigo-lighter {
-    background-color: #b2b7ff !important;
+  .xl\:bg-blue-300 {
+    background-color: #87d3f3 !important;
   }
 
-  .xl\:bg-indigo-lightest {
-    background-color: #e6e8ff !important;
+  .xl\:bg-blue-400 {
+    background-color: #57b9ec !important;
   }
 
-  .xl\:bg-purple-darkest {
-    background-color: #21183c !important;
+  .xl\:bg-blue-500 {
+    background-color: #3a9adf !important;
   }
 
-  .xl\:bg-purple-darker {
-    background-color: #382b5f !important;
+  .xl\:bg-blue-600 {
+    background-color: #2b7cc4 !important;
   }
 
-  .xl\:bg-purple-dark {
-    background-color: #794acf !important;
+  .xl\:bg-blue-700 {
+    background-color: #2762a3 !important;
   }
 
-  .xl\:bg-purple {
-    background-color: #9561e2 !important;
+  .xl\:bg-blue-800 {
+    background-color: #284f81 !important;
   }
 
-  .xl\:bg-purple-light {
-    background-color: #a779e9 !important;
+  .xl\:bg-blue-900 {
+    background-color: #294468 !important;
   }
 
-  .xl\:bg-purple-lighter {
-    background-color: #d6bbfc !important;
+  .xl\:bg-indigo-100 {
+    background-color: #eef6ff !important;
   }
 
-  .xl\:bg-purple-lightest {
-    background-color: #f3ebff !important;
+  .xl\:bg-indigo-200 {
+    background-color: #cbe0f9 !important;
   }
 
-  .xl\:bg-pink-darkest {
-    background-color: #451225 !important;
+  .xl\:bg-indigo-300 {
+    background-color: #a6c5f0 !important;
   }
 
-  .xl\:bg-pink-darker {
-    background-color: #6f213f !important;
+  .xl\:bg-indigo-400 {
+    background-color: #82a2e3 !important;
   }
 
-  .xl\:bg-pink-dark {
-    background-color: #eb5286 !important;
+  .xl\:bg-indigo-500 {
+    background-color: #6d80d3 !important;
   }
 
-  .xl\:bg-pink {
-    background-color: #f66d9b !important;
+  .xl\:bg-indigo-600 {
+    background-color: #5e68bc !important;
   }
 
-  .xl\:bg-pink-light {
-    background-color: #fa7ea8 !important;
+  .xl\:bg-indigo-700 {
+    background-color: #5154a1 !important;
   }
 
-  .xl\:bg-pink-lighter {
-    background-color: #ffbbca !important;
+  .xl\:bg-indigo-800 {
+    background-color: #42417f !important;
   }
 
-  .xl\:bg-pink-lightest {
-    background-color: #ffebef !important;
+  .xl\:bg-indigo-900 {
+    background-color: #37366a !important;
+  }
+
+  .xl\:bg-purple-100 {
+    background-color: #faf5ff !important;
+  }
+
+  .xl\:bg-purple-200 {
+    background-color: #eddffd !important;
+  }
+
+  .xl\:bg-purple-300 {
+    background-color: #dcc7fb !important;
+  }
+
+  .xl\:bg-purple-400 {
+    background-color: #b18af4 !important;
+  }
+
+  .xl\:bg-purple-500 {
+    background-color: #976de9 !important;
+  }
+
+  .xl\:bg-purple-600 {
+    background-color: #7c54d5 !important;
+  }
+
+  .xl\:bg-purple-700 {
+    background-color: #6845b9 !important;
+  }
+
+  .xl\:bg-purple-800 {
+    background-color: #4d368a !important;
+  }
+
+  .xl\:bg-purple-900 {
+    background-color: #3b2c6c !important;
+  }
+
+  .xl\:bg-pink-100 {
+    background-color: #fff2f4 !important;
+  }
+
+  .xl\:bg-pink-200 {
+    background-color: #fedee4 !important;
+  }
+
+  .xl\:bg-pink-300 {
+    background-color: #fcbccb !important;
+  }
+
+  .xl\:bg-pink-400 {
+    background-color: #f786a7 !important;
+  }
+
+  .xl\:bg-pink-500 {
+    background-color: #ed588b !important;
+  }
+
+  .xl\:bg-pink-600 {
+    background-color: #d9447b !important;
+  }
+
+  .xl\:bg-pink-700 {
+    background-color: #b32f62 !important;
+  }
+
+  .xl\:bg-pink-800 {
+    background-color: #8d2450 !important;
+  }
+
+  .xl\:bg-pink-900 {
+    background-color: #741c46 !important;
+  }
+
+  .xl\:bg-grey-100 {
+    background-color: #f8fcfe !important;
+  }
+
+  .xl\:bg-grey-200 {
+    background-color: #f1f5fb !important;
+  }
+
+  .xl\:bg-grey-300 {
+    background-color: #e2e9f0 !important;
+  }
+
+  .xl\:bg-grey-400 {
+    background-color: #bbc5cf !important;
+  }
+
+  .xl\:bg-grey-500 {
+    background-color: #a3b0bd !important;
+  }
+
+  .xl\:bg-grey-600 {
+    background-color: #7a8996 !important;
+  }
+
+  .xl\:bg-grey-700 {
+    background-color: #5a6977 !important;
+  }
+
+  .xl\:bg-grey-800 {
+    background-color: #2e3a45 !important;
+  }
+
+  .xl\:bg-grey-900 {
+    background-color: #1f2830 !important;
   }
 
   .xl\:hover\:bg-transparent:hover {
@@ -25017,291 +27979,372 @@ samp {
   }
 
   .xl\:hover\:bg-black:hover {
-    background-color: #22292f !important;
-  }
-
-  .xl\:hover\:bg-grey-darkest:hover {
-    background-color: #3d4852 !important;
-  }
-
-  .xl\:hover\:bg-grey-darker:hover {
-    background-color: #606f7b !important;
-  }
-
-  .xl\:hover\:bg-grey-dark:hover {
-    background-color: #8795a1 !important;
-  }
-
-  .xl\:hover\:bg-grey:hover {
-    background-color: #b8c2cc !important;
-  }
-
-  .xl\:hover\:bg-grey-light:hover {
-    background-color: #dae1e7 !important;
-  }
-
-  .xl\:hover\:bg-grey-lighter:hover {
-    background-color: #f1f5f8 !important;
-  }
-
-  .xl\:hover\:bg-grey-lightest:hover {
-    background-color: #f8fafc !important;
+    background-color: #000 !important;
   }
 
   .xl\:hover\:bg-white:hover {
     background-color: #fff !important;
   }
 
-  .xl\:hover\:bg-red-darkest:hover {
-    background-color: #3b0d0c !important;
+  .xl\:hover\:bg-teal-100:hover {
+    background-color: #ebfffc !important;
   }
 
-  .xl\:hover\:bg-red-darker:hover {
-    background-color: #621b18 !important;
+  .xl\:hover\:bg-teal-200:hover {
+    background-color: #b3f1e9 !important;
   }
 
-  .xl\:hover\:bg-red-dark:hover {
-    background-color: #cc1f1a !important;
+  .xl\:hover\:bg-teal-300:hover {
+    background-color: #82e1d7 !important;
   }
 
-  .xl\:hover\:bg-red:hover {
-    background-color: #e3342f !important;
+  .xl\:hover\:bg-teal-400:hover {
+    background-color: #60cfc5 !important;
   }
 
-  .xl\:hover\:bg-red-light:hover {
-    background-color: #ef5753 !important;
+  .xl\:hover\:bg-teal-500:hover {
+    background-color: #49bab2 !important;
   }
 
-  .xl\:hover\:bg-red-lighter:hover {
-    background-color: #f9acaa !important;
+  .xl\:hover\:bg-teal-600:hover {
+    background-color: #3ea39f !important;
   }
 
-  .xl\:hover\:bg-red-lightest:hover {
-    background-color: #fcebea !important;
+  .xl\:hover\:bg-teal-700:hover {
+    background-color: #378786 !important;
   }
 
-  .xl\:hover\:bg-orange-darkest:hover {
-    background-color: #462a16 !important;
+  .xl\:hover\:bg-teal-800:hover {
+    background-color: #316769 !important;
   }
 
-  .xl\:hover\:bg-orange-darker:hover {
-    background-color: #613b1f !important;
+  .xl\:hover\:bg-teal-900:hover {
+    background-color: #265152 !important;
   }
 
-  .xl\:hover\:bg-orange-dark:hover {
-    background-color: #de751f !important;
+  .xl\:hover\:bg-red-100:hover {
+    background-color: #fff5f5 !important;
   }
 
-  .xl\:hover\:bg-orange:hover {
-    background-color: #f6993f !important;
+  .xl\:hover\:bg-red-200:hover {
+    background-color: #fee3e3 !important;
   }
 
-  .xl\:hover\:bg-orange-light:hover {
-    background-color: #faad63 !important;
+  .xl\:hover\:bg-red-300:hover {
+    background-color: #febcbc !important;
   }
 
-  .xl\:hover\:bg-orange-lighter:hover {
-    background-color: #fcd9b6 !important;
+  .xl\:hover\:bg-red-400:hover {
+    background-color: #fd9292 !important;
   }
 
-  .xl\:hover\:bg-orange-lightest:hover {
-    background-color: #fff5eb !important;
+  .xl\:hover\:bg-red-500:hover {
+    background-color: #f95e5f !important;
   }
 
-  .xl\:hover\:bg-yellow-darkest:hover {
-    background-color: #453411 !important;
+  .xl\:hover\:bg-red-600:hover {
+    background-color: #ec454e !important;
   }
 
-  .xl\:hover\:bg-yellow-darker:hover {
-    background-color: #684f1d !important;
+  .xl\:hover\:bg-red-700:hover {
+    background-color: #dc3448 !important;
   }
 
-  .xl\:hover\:bg-yellow-dark:hover {
-    background-color: #f2d024 !important;
+  .xl\:hover\:bg-red-800:hover {
+    background-color: #b4203b !important;
   }
 
-  .xl\:hover\:bg-yellow:hover {
-    background-color: #ffed4a !important;
+  .xl\:hover\:bg-red-900:hover {
+    background-color: #801b33 !important;
   }
 
-  .xl\:hover\:bg-yellow-light:hover {
-    background-color: #fff382 !important;
+  .xl\:hover\:bg-orange-100:hover {
+    background-color: #fffaef !important;
   }
 
-  .xl\:hover\:bg-yellow-lighter:hover {
-    background-color: #fff9c2 !important;
+  .xl\:hover\:bg-orange-200:hover {
+    background-color: #fee8c1 !important;
+>>>>>>> Replace 0.x colors with rough draft of 1.0 colors
   }
 
-  .xl\:hover\:bg-yellow-lightest:hover {
-    background-color: #fcfbeb !important;
+  .xl\:hover\:bg-orange-300:hover {
+    background-color: #fbd087 !important;
   }
 
-  .xl\:hover\:bg-green-darkest:hover {
-    background-color: #0f2f21 !important;
+  .xl\:hover\:bg-orange-400:hover {
+    background-color: #f6aa4f !important;
   }
 
-  .xl\:hover\:bg-green-darker:hover {
-    background-color: #1a4731 !important;
+  .xl\:hover\:bg-orange-500:hover {
+    background-color: #ec832b !important;
   }
 
-  .xl\:hover\:bg-green-dark:hover {
-    background-color: #1f9d55 !important;
+  .xl\:hover\:bg-orange-600:hover {
+    background-color: #df6d22 !important;
   }
 
-  .xl\:hover\:bg-green:hover {
-    background-color: #38c172 !important;
+  .xl\:hover\:bg-orange-700:hover {
+    background-color: #c55822 !important;
   }
 
-  .xl\:hover\:bg-green-light:hover {
-    background-color: #51d88a !important;
+  .xl\:hover\:bg-orange-800:hover {
+    background-color: #9f4423 !important;
   }
 
-  .xl\:hover\:bg-green-lighter:hover {
-    background-color: #a2f5bf !important;
+  .xl\:hover\:bg-orange-900:hover {
+    background-color: #70311e !important;
   }
 
-  .xl\:hover\:bg-green-lightest:hover {
-    background-color: #e3fcec !important;
+  .xl\:hover\:bg-yellow-100:hover {
+    background-color: #ffffeb !important;
   }
 
-  .xl\:hover\:bg-teal-darkest:hover {
-    background-color: #0d3331 !important;
+  .xl\:hover\:bg-yellow-200:hover {
+    background-color: #fefcbf !important;
   }
 
-  .xl\:hover\:bg-teal-darker:hover {
-    background-color: #20504f !important;
+  .xl\:hover\:bg-yellow-300:hover {
+    background-color: #fbf189 !important;
   }
 
-  .xl\:hover\:bg-teal-dark:hover {
-    background-color: #38a89d !important;
+  .xl\:hover\:bg-yellow-400:hover {
+    background-color: #f6e05e !important;
   }
 
-  .xl\:hover\:bg-teal:hover {
-    background-color: #4dc0b5 !important;
+  .xl\:hover\:bg-yellow-500:hover {
+    background-color: #ebc743 !important;
   }
 
-  .xl\:hover\:bg-teal-light:hover {
-    background-color: #64d5ca !important;
+  .xl\:hover\:bg-yellow-600:hover {
+    background-color: #d69e2e !important;
   }
 
-  .xl\:hover\:bg-teal-lighter:hover {
-    background-color: #a0f0ed !important;
+  .xl\:hover\:bg-yellow-700:hover {
+    background-color: #b7791f !important;
   }
 
-  .xl\:hover\:bg-teal-lightest:hover {
-    background-color: #e8fffe !important;
+  .xl\:hover\:bg-yellow-800:hover {
+    background-color: #8d5415 !important;
   }
 
-  .xl\:hover\:bg-blue-darkest:hover {
-    background-color: #12283a !important;
+  .xl\:hover\:bg-yellow-900:hover {
+    background-color: #66390e !important;
   }
 
-  .xl\:hover\:bg-blue-darker:hover {
-    background-color: #1c3d5a !important;
+  .xl\:hover\:bg-green-100:hover {
+    background-color: #e9ffe9 !important;
   }
 
-  .xl\:hover\:bg-blue-dark:hover {
-    background-color: #2779bd !important;
+  .xl\:hover\:bg-green-200:hover {
+    background-color: #c1f5c5 !important;
   }
 
-  .xl\:hover\:bg-blue:hover {
-    background-color: #3490dc !important;
+  .xl\:hover\:bg-green-300:hover {
+    background-color: #9ae6a8 !important;
   }
 
-  .xl\:hover\:bg-blue-light:hover {
-    background-color: #6cb2eb !important;
+  .xl\:hover\:bg-green-400:hover {
+    background-color: #68d391 !important;
   }
 
-  .xl\:hover\:bg-blue-lighter:hover {
-    background-color: #bcdefa !important;
+  .xl\:hover\:bg-green-500:hover {
+    background-color: #48bb87 !important;
   }
 
-  .xl\:hover\:bg-blue-lightest:hover {
-    background-color: #eff8ff !important;
+  .xl\:hover\:bg-green-600:hover {
+    background-color: #38a181 !important;
   }
 
-  .xl\:hover\:bg-indigo-darkest:hover {
-    background-color: #191e38 !important;
+  .xl\:hover\:bg-green-700:hover {
+    background-color: #2f8572 !important;
   }
 
-  .xl\:hover\:bg-indigo-darker:hover {
-    background-color: #2f365f !important;
+  .xl\:hover\:bg-green-800:hover {
+    background-color: #28695c !important;
   }
 
-  .xl\:hover\:bg-indigo-dark:hover {
-    background-color: #5661b3 !important;
+  .xl\:hover\:bg-green-900:hover {
+    background-color: #22544b !important;
   }
 
-  .xl\:hover\:bg-indigo:hover {
-    background-color: #6574cd !important;
+  .xl\:hover\:bg-blue-100:hover {
+    background-color: #f1fafd !important;
   }
 
-  .xl\:hover\:bg-indigo-light:hover {
-    background-color: #7886d7 !important;
+  .xl\:hover\:bg-blue-200:hover {
+    background-color: #caedfa !important;
   }
 
-  .xl\:hover\:bg-indigo-lighter:hover {
-    background-color: #b2b7ff !important;
+  .xl\:hover\:bg-blue-300:hover {
+    background-color: #87d3f3 !important;
   }
 
-  .xl\:hover\:bg-indigo-lightest:hover {
-    background-color: #e6e8ff !important;
+  .xl\:hover\:bg-blue-400:hover {
+    background-color: #57b9ec !important;
   }
 
-  .xl\:hover\:bg-purple-darkest:hover {
-    background-color: #21183c !important;
+  .xl\:hover\:bg-blue-500:hover {
+    background-color: #3a9adf !important;
   }
 
-  .xl\:hover\:bg-purple-darker:hover {
-    background-color: #382b5f !important;
+  .xl\:hover\:bg-blue-600:hover {
+    background-color: #2b7cc4 !important;
   }
 
-  .xl\:hover\:bg-purple-dark:hover {
-    background-color: #794acf !important;
+  .xl\:hover\:bg-blue-700:hover {
+    background-color: #2762a3 !important;
   }
 
-  .xl\:hover\:bg-purple:hover {
-    background-color: #9561e2 !important;
+  .xl\:hover\:bg-blue-800:hover {
+    background-color: #284f81 !important;
   }
 
-  .xl\:hover\:bg-purple-light:hover {
-    background-color: #a779e9 !important;
+  .xl\:hover\:bg-blue-900:hover {
+    background-color: #294468 !important;
   }
 
-  .xl\:hover\:bg-purple-lighter:hover {
-    background-color: #d6bbfc !important;
+  .xl\:hover\:bg-indigo-100:hover {
+    background-color: #eef6ff !important;
   }
 
-  .xl\:hover\:bg-purple-lightest:hover {
-    background-color: #f3ebff !important;
+  .xl\:hover\:bg-indigo-200:hover {
+    background-color: #cbe0f9 !important;
   }
 
-  .xl\:hover\:bg-pink-darkest:hover {
-    background-color: #451225 !important;
+  .xl\:hover\:bg-indigo-300:hover {
+    background-color: #a6c5f0 !important;
   }
 
-  .xl\:hover\:bg-pink-darker:hover {
-    background-color: #6f213f !important;
+  .xl\:hover\:bg-indigo-400:hover {
+    background-color: #82a2e3 !important;
   }
 
-  .xl\:hover\:bg-pink-dark:hover {
-    background-color: #eb5286 !important;
+  .xl\:hover\:bg-indigo-500:hover {
+    background-color: #6d80d3 !important;
   }
 
-  .xl\:hover\:bg-pink:hover {
-    background-color: #f66d9b !important;
+  .xl\:hover\:bg-indigo-600:hover {
+    background-color: #5e68bc !important;
   }
 
-  .xl\:hover\:bg-pink-light:hover {
-    background-color: #fa7ea8 !important;
+  .xl\:hover\:bg-indigo-700:hover {
+    background-color: #5154a1 !important;
   }
 
-  .xl\:hover\:bg-pink-lighter:hover {
-    background-color: #ffbbca !important;
+  .xl\:hover\:bg-indigo-800:hover {
+    background-color: #42417f !important;
   }
 
-  .xl\:hover\:bg-pink-lightest:hover {
-    background-color: #ffebef !important;
+  .xl\:hover\:bg-indigo-900:hover {
+    background-color: #37366a !important;
+  }
+
+  .xl\:hover\:bg-purple-100:hover {
+    background-color: #faf5ff !important;
+  }
+
+  .xl\:hover\:bg-purple-200:hover {
+    background-color: #eddffd !important;
+  }
+
+  .xl\:hover\:bg-purple-300:hover {
+    background-color: #dcc7fb !important;
+  }
+
+  .xl\:hover\:bg-purple-400:hover {
+    background-color: #b18af4 !important;
+  }
+
+  .xl\:hover\:bg-purple-500:hover {
+    background-color: #976de9 !important;
+  }
+
+  .xl\:hover\:bg-purple-600:hover {
+    background-color: #7c54d5 !important;
+  }
+
+  .xl\:hover\:bg-purple-700:hover {
+    background-color: #6845b9 !important;
+  }
+
+  .xl\:hover\:bg-purple-800:hover {
+    background-color: #4d368a !important;
+  }
+
+  .xl\:hover\:bg-purple-900:hover {
+    background-color: #3b2c6c !important;
+  }
+
+  .xl\:hover\:bg-pink-100:hover {
+    background-color: #fff2f4 !important;
+  }
+
+  .xl\:hover\:bg-pink-200:hover {
+    background-color: #fedee4 !important;
+  }
+
+  .xl\:hover\:bg-pink-300:hover {
+    background-color: #fcbccb !important;
+  }
+
+  .xl\:hover\:bg-pink-400:hover {
+    background-color: #f786a7 !important;
+  }
+
+  .xl\:hover\:bg-pink-500:hover {
+    background-color: #ed588b !important;
+  }
+
+  .xl\:hover\:bg-pink-600:hover {
+    background-color: #d9447b !important;
+  }
+
+  .xl\:hover\:bg-pink-700:hover {
+    background-color: #b32f62 !important;
+  }
+
+  .xl\:hover\:bg-pink-800:hover {
+    background-color: #8d2450 !important;
+  }
+
+  .xl\:hover\:bg-pink-900:hover {
+    background-color: #741c46 !important;
+  }
+
+  .xl\:hover\:bg-grey-100:hover {
+    background-color: #f8fcfe !important;
+  }
+
+  .xl\:hover\:bg-grey-200:hover {
+    background-color: #f1f5fb !important;
+  }
+
+  .xl\:hover\:bg-grey-300:hover {
+    background-color: #e2e9f0 !important;
+  }
+
+  .xl\:hover\:bg-grey-400:hover {
+    background-color: #bbc5cf !important;
+  }
+
+  .xl\:hover\:bg-grey-500:hover {
+    background-color: #a3b0bd !important;
+  }
+
+  .xl\:hover\:bg-grey-600:hover {
+    background-color: #7a8996 !important;
+  }
+
+  .xl\:hover\:bg-grey-700:hover {
+    background-color: #5a6977 !important;
+  }
+
+  .xl\:hover\:bg-grey-800:hover {
+    background-color: #2e3a45 !important;
+  }
+
+  .xl\:hover\:bg-grey-900:hover {
+    background-color: #1f2830 !important;
   }
 
   .xl\:focus\:bg-transparent:focus {
@@ -25309,291 +28352,371 @@ samp {
   }
 
   .xl\:focus\:bg-black:focus {
-    background-color: #22292f !important;
-  }
-
-  .xl\:focus\:bg-grey-darkest:focus {
-    background-color: #3d4852 !important;
-  }
-
-  .xl\:focus\:bg-grey-darker:focus {
-    background-color: #606f7b !important;
-  }
-
-  .xl\:focus\:bg-grey-dark:focus {
-    background-color: #8795a1 !important;
-  }
-
-  .xl\:focus\:bg-grey:focus {
-    background-color: #b8c2cc !important;
-  }
-
-  .xl\:focus\:bg-grey-light:focus {
-    background-color: #dae1e7 !important;
-  }
-
-  .xl\:focus\:bg-grey-lighter:focus {
-    background-color: #f1f5f8 !important;
-  }
-
-  .xl\:focus\:bg-grey-lightest:focus {
-    background-color: #f8fafc !important;
+    background-color: #000 !important;
   }
 
   .xl\:focus\:bg-white:focus {
     background-color: #fff !important;
   }
 
-  .xl\:focus\:bg-red-darkest:focus {
-    background-color: #3b0d0c !important;
+  .xl\:focus\:bg-teal-100:focus {
+    background-color: #ebfffc !important;
   }
 
-  .xl\:focus\:bg-red-darker:focus {
-    background-color: #621b18 !important;
+  .xl\:focus\:bg-teal-200:focus {
+    background-color: #b3f1e9 !important;
   }
 
-  .xl\:focus\:bg-red-dark:focus {
-    background-color: #cc1f1a !important;
+  .xl\:focus\:bg-teal-300:focus {
+    background-color: #82e1d7 !important;
   }
 
-  .xl\:focus\:bg-red:focus {
-    background-color: #e3342f !important;
+  .xl\:focus\:bg-teal-400:focus {
+    background-color: #60cfc5 !important;
   }
 
-  .xl\:focus\:bg-red-light:focus {
-    background-color: #ef5753 !important;
+  .xl\:focus\:bg-teal-500:focus {
+    background-color: #49bab2 !important;
   }
 
-  .xl\:focus\:bg-red-lighter:focus {
-    background-color: #f9acaa !important;
+  .xl\:focus\:bg-teal-600:focus {
+    background-color: #3ea39f !important;
   }
 
-  .xl\:focus\:bg-red-lightest:focus {
-    background-color: #fcebea !important;
+  .xl\:focus\:bg-teal-700:focus {
+    background-color: #378786 !important;
   }
 
-  .xl\:focus\:bg-orange-darkest:focus {
-    background-color: #462a16 !important;
+  .xl\:focus\:bg-teal-800:focus {
+    background-color: #316769 !important;
   }
 
-  .xl\:focus\:bg-orange-darker:focus {
-    background-color: #613b1f !important;
+  .xl\:focus\:bg-teal-900:focus {
+    background-color: #265152 !important;
   }
 
-  .xl\:focus\:bg-orange-dark:focus {
-    background-color: #de751f !important;
+  .xl\:focus\:bg-red-100:focus {
+    background-color: #fff5f5 !important;
   }
 
-  .xl\:focus\:bg-orange:focus {
-    background-color: #f6993f !important;
+  .xl\:focus\:bg-red-200:focus {
+    background-color: #fee3e3 !important;
   }
 
-  .xl\:focus\:bg-orange-light:focus {
-    background-color: #faad63 !important;
+  .xl\:focus\:bg-red-300:focus {
+    background-color: #febcbc !important;
   }
 
-  .xl\:focus\:bg-orange-lighter:focus {
-    background-color: #fcd9b6 !important;
+  .xl\:focus\:bg-red-400:focus {
+    background-color: #fd9292 !important;
   }
 
-  .xl\:focus\:bg-orange-lightest:focus {
-    background-color: #fff5eb !important;
+  .xl\:focus\:bg-red-500:focus {
+    background-color: #f95e5f !important;
   }
 
-  .xl\:focus\:bg-yellow-darkest:focus {
-    background-color: #453411 !important;
+  .xl\:focus\:bg-red-600:focus {
+    background-color: #ec454e !important;
   }
 
-  .xl\:focus\:bg-yellow-darker:focus {
-    background-color: #684f1d !important;
+  .xl\:focus\:bg-red-700:focus {
+    background-color: #dc3448 !important;
   }
 
-  .xl\:focus\:bg-yellow-dark:focus {
-    background-color: #f2d024 !important;
+  .xl\:focus\:bg-red-800:focus {
+    background-color: #b4203b !important;
   }
 
-  .xl\:focus\:bg-yellow:focus {
-    background-color: #ffed4a !important;
+  .xl\:focus\:bg-red-900:focus {
+    background-color: #801b33 !important;
   }
 
-  .xl\:focus\:bg-yellow-light:focus {
-    background-color: #fff382 !important;
+  .xl\:focus\:bg-orange-100:focus {
+    background-color: #fffaef !important;
   }
 
-  .xl\:focus\:bg-yellow-lighter:focus {
-    background-color: #fff9c2 !important;
+  .xl\:focus\:bg-orange-200:focus {
+    background-color: #fee8c1 !important;
   }
 
-  .xl\:focus\:bg-yellow-lightest:focus {
-    background-color: #fcfbeb !important;
+  .xl\:focus\:bg-orange-300:focus {
+    background-color: #fbd087 !important;
   }
 
-  .xl\:focus\:bg-green-darkest:focus {
-    background-color: #0f2f21 !important;
+  .xl\:focus\:bg-orange-400:focus {
+    background-color: #f6aa4f !important;
   }
 
-  .xl\:focus\:bg-green-darker:focus {
-    background-color: #1a4731 !important;
+  .xl\:focus\:bg-orange-500:focus {
+    background-color: #ec832b !important;
   }
 
-  .xl\:focus\:bg-green-dark:focus {
-    background-color: #1f9d55 !important;
+  .xl\:focus\:bg-orange-600:focus {
+    background-color: #df6d22 !important;
   }
 
-  .xl\:focus\:bg-green:focus {
-    background-color: #38c172 !important;
+  .xl\:focus\:bg-orange-700:focus {
+    background-color: #c55822 !important;
   }
 
-  .xl\:focus\:bg-green-light:focus {
-    background-color: #51d88a !important;
+  .xl\:focus\:bg-orange-800:focus {
+    background-color: #9f4423 !important;
   }
 
-  .xl\:focus\:bg-green-lighter:focus {
-    background-color: #a2f5bf !important;
+  .xl\:focus\:bg-orange-900:focus {
+    background-color: #70311e !important;
   }
 
-  .xl\:focus\:bg-green-lightest:focus {
-    background-color: #e3fcec !important;
+  .xl\:focus\:bg-yellow-100:focus {
+    background-color: #ffffeb !important;
   }
 
-  .xl\:focus\:bg-teal-darkest:focus {
-    background-color: #0d3331 !important;
+  .xl\:focus\:bg-yellow-200:focus {
+    background-color: #fefcbf !important;
   }
 
-  .xl\:focus\:bg-teal-darker:focus {
-    background-color: #20504f !important;
+  .xl\:focus\:bg-yellow-300:focus {
+    background-color: #fbf189 !important;
   }
 
-  .xl\:focus\:bg-teal-dark:focus {
-    background-color: #38a89d !important;
+  .xl\:focus\:bg-yellow-400:focus {
+    background-color: #f6e05e !important;
   }
 
-  .xl\:focus\:bg-teal:focus {
-    background-color: #4dc0b5 !important;
+  .xl\:focus\:bg-yellow-500:focus {
+    background-color: #ebc743 !important;
   }
 
-  .xl\:focus\:bg-teal-light:focus {
-    background-color: #64d5ca !important;
+  .xl\:focus\:bg-yellow-600:focus {
+    background-color: #d69e2e !important;
   }
 
-  .xl\:focus\:bg-teal-lighter:focus {
-    background-color: #a0f0ed !important;
+  .xl\:focus\:bg-yellow-700:focus {
+    background-color: #b7791f !important;
   }
 
-  .xl\:focus\:bg-teal-lightest:focus {
-    background-color: #e8fffe !important;
+  .xl\:focus\:bg-yellow-800:focus {
+    background-color: #8d5415 !important;
   }
 
-  .xl\:focus\:bg-blue-darkest:focus {
-    background-color: #12283a !important;
+  .xl\:focus\:bg-yellow-900:focus {
+    background-color: #66390e !important;
   }
 
-  .xl\:focus\:bg-blue-darker:focus {
-    background-color: #1c3d5a !important;
+  .xl\:focus\:bg-green-100:focus {
+    background-color: #e9ffe9 !important;
   }
 
-  .xl\:focus\:bg-blue-dark:focus {
-    background-color: #2779bd !important;
+  .xl\:focus\:bg-green-200:focus {
+    background-color: #c1f5c5 !important;
   }
 
-  .xl\:focus\:bg-blue:focus {
-    background-color: #3490dc !important;
+  .xl\:focus\:bg-green-300:focus {
+    background-color: #9ae6a8 !important;
   }
 
-  .xl\:focus\:bg-blue-light:focus {
-    background-color: #6cb2eb !important;
+  .xl\:focus\:bg-green-400:focus {
+    background-color: #68d391 !important;
   }
 
-  .xl\:focus\:bg-blue-lighter:focus {
-    background-color: #bcdefa !important;
+  .xl\:focus\:bg-green-500:focus {
+    background-color: #48bb87 !important;
   }
 
-  .xl\:focus\:bg-blue-lightest:focus {
-    background-color: #eff8ff !important;
+  .xl\:focus\:bg-green-600:focus {
+    background-color: #38a181 !important;
   }
 
-  .xl\:focus\:bg-indigo-darkest:focus {
-    background-color: #191e38 !important;
+  .xl\:focus\:bg-green-700:focus {
+    background-color: #2f8572 !important;
   }
 
-  .xl\:focus\:bg-indigo-darker:focus {
-    background-color: #2f365f !important;
+  .xl\:focus\:bg-green-800:focus {
+    background-color: #28695c !important;
   }
 
-  .xl\:focus\:bg-indigo-dark:focus {
-    background-color: #5661b3 !important;
+  .xl\:focus\:bg-green-900:focus {
+    background-color: #22544b !important;
   }
 
-  .xl\:focus\:bg-indigo:focus {
-    background-color: #6574cd !important;
+  .xl\:focus\:bg-blue-100:focus {
+    background-color: #f1fafd !important;
   }
 
-  .xl\:focus\:bg-indigo-light:focus {
-    background-color: #7886d7 !important;
+  .xl\:focus\:bg-blue-200:focus {
+    background-color: #caedfa !important;
   }
 
-  .xl\:focus\:bg-indigo-lighter:focus {
-    background-color: #b2b7ff !important;
+  .xl\:focus\:bg-blue-300:focus {
+    background-color: #87d3f3 !important;
   }
 
-  .xl\:focus\:bg-indigo-lightest:focus {
-    background-color: #e6e8ff !important;
+  .xl\:focus\:bg-blue-400:focus {
+    background-color: #57b9ec !important;
   }
 
-  .xl\:focus\:bg-purple-darkest:focus {
-    background-color: #21183c !important;
+  .xl\:focus\:bg-blue-500:focus {
+    background-color: #3a9adf !important;
   }
 
-  .xl\:focus\:bg-purple-darker:focus {
-    background-color: #382b5f !important;
+  .xl\:focus\:bg-blue-600:focus {
+    background-color: #2b7cc4 !important;
   }
 
-  .xl\:focus\:bg-purple-dark:focus {
-    background-color: #794acf !important;
+  .xl\:focus\:bg-blue-700:focus {
+    background-color: #2762a3 !important;
   }
 
-  .xl\:focus\:bg-purple:focus {
-    background-color: #9561e2 !important;
+  .xl\:focus\:bg-blue-800:focus {
+    background-color: #284f81 !important;
   }
 
-  .xl\:focus\:bg-purple-light:focus {
-    background-color: #a779e9 !important;
+  .xl\:focus\:bg-blue-900:focus {
+    background-color: #294468 !important;
   }
 
-  .xl\:focus\:bg-purple-lighter:focus {
-    background-color: #d6bbfc !important;
+  .xl\:focus\:bg-indigo-100:focus {
+    background-color: #eef6ff !important;
   }
 
-  .xl\:focus\:bg-purple-lightest:focus {
-    background-color: #f3ebff !important;
+  .xl\:focus\:bg-indigo-200:focus {
+    background-color: #cbe0f9 !important;
   }
 
-  .xl\:focus\:bg-pink-darkest:focus {
-    background-color: #451225 !important;
+  .xl\:focus\:bg-indigo-300:focus {
+    background-color: #a6c5f0 !important;
   }
 
-  .xl\:focus\:bg-pink-darker:focus {
-    background-color: #6f213f !important;
+  .xl\:focus\:bg-indigo-400:focus {
+    background-color: #82a2e3 !important;
   }
 
-  .xl\:focus\:bg-pink-dark:focus {
-    background-color: #eb5286 !important;
+  .xl\:focus\:bg-indigo-500:focus {
+    background-color: #6d80d3 !important;
   }
 
-  .xl\:focus\:bg-pink:focus {
-    background-color: #f66d9b !important;
+  .xl\:focus\:bg-indigo-600:focus {
+    background-color: #5e68bc !important;
   }
 
-  .xl\:focus\:bg-pink-light:focus {
-    background-color: #fa7ea8 !important;
+  .xl\:focus\:bg-indigo-700:focus {
+    background-color: #5154a1 !important;
   }
 
-  .xl\:focus\:bg-pink-lighter:focus {
-    background-color: #ffbbca !important;
+  .xl\:focus\:bg-indigo-800:focus {
+    background-color: #42417f !important;
   }
 
-  .xl\:focus\:bg-pink-lightest:focus {
-    background-color: #ffebef !important;
+  .xl\:focus\:bg-indigo-900:focus {
+    background-color: #37366a !important;
+  }
+
+  .xl\:focus\:bg-purple-100:focus {
+    background-color: #faf5ff !important;
+  }
+
+  .xl\:focus\:bg-purple-200:focus {
+    background-color: #eddffd !important;
+  }
+
+  .xl\:focus\:bg-purple-300:focus {
+    background-color: #dcc7fb !important;
+  }
+
+  .xl\:focus\:bg-purple-400:focus {
+    background-color: #b18af4 !important;
+  }
+
+  .xl\:focus\:bg-purple-500:focus {
+    background-color: #976de9 !important;
+  }
+
+  .xl\:focus\:bg-purple-600:focus {
+    background-color: #7c54d5 !important;
+  }
+
+  .xl\:focus\:bg-purple-700:focus {
+    background-color: #6845b9 !important;
+  }
+
+  .xl\:focus\:bg-purple-800:focus {
+    background-color: #4d368a !important;
+  }
+
+  .xl\:focus\:bg-purple-900:focus {
+    background-color: #3b2c6c !important;
+  }
+
+  .xl\:focus\:bg-pink-100:focus {
+    background-color: #fff2f4 !important;
+  }
+
+  .xl\:focus\:bg-pink-200:focus {
+    background-color: #fedee4 !important;
+  }
+
+  .xl\:focus\:bg-pink-300:focus {
+    background-color: #fcbccb !important;
+  }
+
+  .xl\:focus\:bg-pink-400:focus {
+    background-color: #f786a7 !important;
+  }
+
+  .xl\:focus\:bg-pink-500:focus {
+    background-color: #ed588b !important;
+  }
+
+  .xl\:focus\:bg-pink-600:focus {
+    background-color: #d9447b !important;
+  }
+
+  .xl\:focus\:bg-pink-700:focus {
+    background-color: #b32f62 !important;
+  }
+
+  .xl\:focus\:bg-pink-800:focus {
+    background-color: #8d2450 !important;
+  }
+
+  .xl\:focus\:bg-pink-900:focus {
+    background-color: #741c46 !important;
+  }
+
+  .xl\:focus\:bg-grey-100:focus {
+    background-color: #f8fcfe !important;
+  }
+
+  .xl\:focus\:bg-grey-200:focus {
+    background-color: #f1f5fb !important;
+  }
+
+  .xl\:focus\:bg-grey-300:focus {
+    background-color: #e2e9f0 !important;
+  }
+
+  .xl\:focus\:bg-grey-400:focus {
+    background-color: #bbc5cf !important;
+  }
+
+  .xl\:focus\:bg-grey-500:focus {
+    background-color: #a3b0bd !important;
+  }
+
+  .xl\:focus\:bg-grey-600:focus {
+    background-color: #7a8996 !important;
+  }
+
+  .xl\:focus\:bg-grey-700:focus {
+    background-color: #5a6977 !important;
+  }
+
+  .xl\:focus\:bg-grey-800:focus {
+    background-color: #2e3a45 !important;
+  }
+
+  .xl\:focus\:bg-grey-900:focus {
+    background-color: #1f2830 !important;
   }
 
   .xl\:bg-bottom {
@@ -25665,291 +28788,371 @@ samp {
   }
 
   .xl\:border-black {
-    border-color: #22292f !important;
-  }
-
-  .xl\:border-grey-darkest {
-    border-color: #3d4852 !important;
-  }
-
-  .xl\:border-grey-darker {
-    border-color: #606f7b !important;
-  }
-
-  .xl\:border-grey-dark {
-    border-color: #8795a1 !important;
-  }
-
-  .xl\:border-grey {
-    border-color: #b8c2cc !important;
-  }
-
-  .xl\:border-grey-light {
-    border-color: #dae1e7 !important;
-  }
-
-  .xl\:border-grey-lighter {
-    border-color: #f1f5f8 !important;
-  }
-
-  .xl\:border-grey-lightest {
-    border-color: #f8fafc !important;
+    border-color: #000 !important;
   }
 
   .xl\:border-white {
     border-color: #fff !important;
   }
 
-  .xl\:border-red-darkest {
-    border-color: #3b0d0c !important;
+  .xl\:border-teal-100 {
+    border-color: #ebfffc !important;
   }
 
-  .xl\:border-red-darker {
-    border-color: #621b18 !important;
+  .xl\:border-teal-200 {
+    border-color: #b3f1e9 !important;
   }
 
-  .xl\:border-red-dark {
-    border-color: #cc1f1a !important;
+  .xl\:border-teal-300 {
+    border-color: #82e1d7 !important;
   }
 
-  .xl\:border-red {
-    border-color: #e3342f !important;
+  .xl\:border-teal-400 {
+    border-color: #60cfc5 !important;
   }
 
-  .xl\:border-red-light {
-    border-color: #ef5753 !important;
+  .xl\:border-teal-500 {
+    border-color: #49bab2 !important;
   }
 
-  .xl\:border-red-lighter {
-    border-color: #f9acaa !important;
+  .xl\:border-teal-600 {
+    border-color: #3ea39f !important;
   }
 
-  .xl\:border-red-lightest {
-    border-color: #fcebea !important;
+  .xl\:border-teal-700 {
+    border-color: #378786 !important;
   }
 
-  .xl\:border-orange-darkest {
-    border-color: #462a16 !important;
+  .xl\:border-teal-800 {
+    border-color: #316769 !important;
   }
 
-  .xl\:border-orange-darker {
-    border-color: #613b1f !important;
+  .xl\:border-teal-900 {
+    border-color: #265152 !important;
   }
 
-  .xl\:border-orange-dark {
-    border-color: #de751f !important;
+  .xl\:border-red-100 {
+    border-color: #fff5f5 !important;
   }
 
-  .xl\:border-orange {
-    border-color: #f6993f !important;
+  .xl\:border-red-200 {
+    border-color: #fee3e3 !important;
   }
 
-  .xl\:border-orange-light {
-    border-color: #faad63 !important;
+  .xl\:border-red-300 {
+    border-color: #febcbc !important;
   }
 
-  .xl\:border-orange-lighter {
-    border-color: #fcd9b6 !important;
+  .xl\:border-red-400 {
+    border-color: #fd9292 !important;
   }
 
-  .xl\:border-orange-lightest {
-    border-color: #fff5eb !important;
+  .xl\:border-red-500 {
+    border-color: #f95e5f !important;
   }
 
-  .xl\:border-yellow-darkest {
-    border-color: #453411 !important;
+  .xl\:border-red-600 {
+    border-color: #ec454e !important;
   }
 
-  .xl\:border-yellow-darker {
-    border-color: #684f1d !important;
+  .xl\:border-red-700 {
+    border-color: #dc3448 !important;
   }
 
-  .xl\:border-yellow-dark {
-    border-color: #f2d024 !important;
+  .xl\:border-red-800 {
+    border-color: #b4203b !important;
   }
 
-  .xl\:border-yellow {
-    border-color: #ffed4a !important;
+  .xl\:border-red-900 {
+    border-color: #801b33 !important;
   }
 
-  .xl\:border-yellow-light {
-    border-color: #fff382 !important;
+  .xl\:border-orange-100 {
+    border-color: #fffaef !important;
   }
 
-  .xl\:border-yellow-lighter {
-    border-color: #fff9c2 !important;
+  .xl\:border-orange-200 {
+    border-color: #fee8c1 !important;
   }
 
-  .xl\:border-yellow-lightest {
-    border-color: #fcfbeb !important;
+  .xl\:border-orange-300 {
+    border-color: #fbd087 !important;
   }
 
-  .xl\:border-green-darkest {
-    border-color: #0f2f21 !important;
+  .xl\:border-orange-400 {
+    border-color: #f6aa4f !important;
   }
 
-  .xl\:border-green-darker {
-    border-color: #1a4731 !important;
+  .xl\:border-orange-500 {
+    border-color: #ec832b !important;
   }
 
-  .xl\:border-green-dark {
-    border-color: #1f9d55 !important;
+  .xl\:border-orange-600 {
+    border-color: #df6d22 !important;
   }
 
-  .xl\:border-green {
-    border-color: #38c172 !important;
+  .xl\:border-orange-700 {
+    border-color: #c55822 !important;
   }
 
-  .xl\:border-green-light {
-    border-color: #51d88a !important;
+  .xl\:border-orange-800 {
+    border-color: #9f4423 !important;
   }
 
-  .xl\:border-green-lighter {
-    border-color: #a2f5bf !important;
+  .xl\:border-orange-900 {
+    border-color: #70311e !important;
   }
 
-  .xl\:border-green-lightest {
-    border-color: #e3fcec !important;
+  .xl\:border-yellow-100 {
+    border-color: #ffffeb !important;
   }
 
-  .xl\:border-teal-darkest {
-    border-color: #0d3331 !important;
+  .xl\:border-yellow-200 {
+    border-color: #fefcbf !important;
   }
 
-  .xl\:border-teal-darker {
-    border-color: #20504f !important;
+  .xl\:border-yellow-300 {
+    border-color: #fbf189 !important;
   }
 
-  .xl\:border-teal-dark {
-    border-color: #38a89d !important;
+  .xl\:border-yellow-400 {
+    border-color: #f6e05e !important;
   }
 
-  .xl\:border-teal {
-    border-color: #4dc0b5 !important;
+  .xl\:border-yellow-500 {
+    border-color: #ebc743 !important;
   }
 
-  .xl\:border-teal-light {
-    border-color: #64d5ca !important;
+  .xl\:border-yellow-600 {
+    border-color: #d69e2e !important;
   }
 
-  .xl\:border-teal-lighter {
-    border-color: #a0f0ed !important;
+  .xl\:border-yellow-700 {
+    border-color: #b7791f !important;
   }
 
-  .xl\:border-teal-lightest {
-    border-color: #e8fffe !important;
+  .xl\:border-yellow-800 {
+    border-color: #8d5415 !important;
   }
 
-  .xl\:border-blue-darkest {
-    border-color: #12283a !important;
+  .xl\:border-yellow-900 {
+    border-color: #66390e !important;
   }
 
-  .xl\:border-blue-darker {
-    border-color: #1c3d5a !important;
+  .xl\:border-green-100 {
+    border-color: #e9ffe9 !important;
   }
 
-  .xl\:border-blue-dark {
-    border-color: #2779bd !important;
+  .xl\:border-green-200 {
+    border-color: #c1f5c5 !important;
   }
 
-  .xl\:border-blue {
-    border-color: #3490dc !important;
+  .xl\:border-green-300 {
+    border-color: #9ae6a8 !important;
   }
 
-  .xl\:border-blue-light {
-    border-color: #6cb2eb !important;
+  .xl\:border-green-400 {
+    border-color: #68d391 !important;
   }
 
-  .xl\:border-blue-lighter {
-    border-color: #bcdefa !important;
+  .xl\:border-green-500 {
+    border-color: #48bb87 !important;
   }
 
-  .xl\:border-blue-lightest {
-    border-color: #eff8ff !important;
+  .xl\:border-green-600 {
+    border-color: #38a181 !important;
   }
 
-  .xl\:border-indigo-darkest {
-    border-color: #191e38 !important;
+  .xl\:border-green-700 {
+    border-color: #2f8572 !important;
   }
 
-  .xl\:border-indigo-darker {
-    border-color: #2f365f !important;
+  .xl\:border-green-800 {
+    border-color: #28695c !important;
   }
 
-  .xl\:border-indigo-dark {
-    border-color: #5661b3 !important;
+  .xl\:border-green-900 {
+    border-color: #22544b !important;
   }
 
-  .xl\:border-indigo {
-    border-color: #6574cd !important;
+  .xl\:border-blue-100 {
+    border-color: #f1fafd !important;
   }
 
-  .xl\:border-indigo-light {
-    border-color: #7886d7 !important;
+  .xl\:border-blue-200 {
+    border-color: #caedfa !important;
   }
 
-  .xl\:border-indigo-lighter {
-    border-color: #b2b7ff !important;
+  .xl\:border-blue-300 {
+    border-color: #87d3f3 !important;
   }
 
-  .xl\:border-indigo-lightest {
-    border-color: #e6e8ff !important;
+  .xl\:border-blue-400 {
+    border-color: #57b9ec !important;
   }
 
-  .xl\:border-purple-darkest {
-    border-color: #21183c !important;
+  .xl\:border-blue-500 {
+    border-color: #3a9adf !important;
   }
 
-  .xl\:border-purple-darker {
-    border-color: #382b5f !important;
+  .xl\:border-blue-600 {
+    border-color: #2b7cc4 !important;
   }
 
-  .xl\:border-purple-dark {
-    border-color: #794acf !important;
+  .xl\:border-blue-700 {
+    border-color: #2762a3 !important;
   }
 
-  .xl\:border-purple {
-    border-color: #9561e2 !important;
+  .xl\:border-blue-800 {
+    border-color: #284f81 !important;
   }
 
-  .xl\:border-purple-light {
-    border-color: #a779e9 !important;
+  .xl\:border-blue-900 {
+    border-color: #294468 !important;
   }
 
-  .xl\:border-purple-lighter {
-    border-color: #d6bbfc !important;
+  .xl\:border-indigo-100 {
+    border-color: #eef6ff !important;
   }
 
-  .xl\:border-purple-lightest {
-    border-color: #f3ebff !important;
+  .xl\:border-indigo-200 {
+    border-color: #cbe0f9 !important;
   }
 
-  .xl\:border-pink-darkest {
-    border-color: #451225 !important;
+  .xl\:border-indigo-300 {
+    border-color: #a6c5f0 !important;
   }
 
-  .xl\:border-pink-darker {
-    border-color: #6f213f !important;
+  .xl\:border-indigo-400 {
+    border-color: #82a2e3 !important;
   }
 
-  .xl\:border-pink-dark {
-    border-color: #eb5286 !important;
+  .xl\:border-indigo-500 {
+    border-color: #6d80d3 !important;
   }
 
-  .xl\:border-pink {
-    border-color: #f66d9b !important;
+  .xl\:border-indigo-600 {
+    border-color: #5e68bc !important;
   }
 
-  .xl\:border-pink-light {
-    border-color: #fa7ea8 !important;
+  .xl\:border-indigo-700 {
+    border-color: #5154a1 !important;
   }
 
-  .xl\:border-pink-lighter {
-    border-color: #ffbbca !important;
+  .xl\:border-indigo-800 {
+    border-color: #42417f !important;
   }
 
-  .xl\:border-pink-lightest {
-    border-color: #ffebef !important;
+  .xl\:border-indigo-900 {
+    border-color: #37366a !important;
+  }
+
+  .xl\:border-purple-100 {
+    border-color: #faf5ff !important;
+  }
+
+  .xl\:border-purple-200 {
+    border-color: #eddffd !important;
+  }
+
+  .xl\:border-purple-300 {
+    border-color: #dcc7fb !important;
+  }
+
+  .xl\:border-purple-400 {
+    border-color: #b18af4 !important;
+  }
+
+  .xl\:border-purple-500 {
+    border-color: #976de9 !important;
+  }
+
+  .xl\:border-purple-600 {
+    border-color: #7c54d5 !important;
+  }
+
+  .xl\:border-purple-700 {
+    border-color: #6845b9 !important;
+  }
+
+  .xl\:border-purple-800 {
+    border-color: #4d368a !important;
+  }
+
+  .xl\:border-purple-900 {
+    border-color: #3b2c6c !important;
+  }
+
+  .xl\:border-pink-100 {
+    border-color: #fff2f4 !important;
+  }
+
+  .xl\:border-pink-200 {
+    border-color: #fedee4 !important;
+  }
+
+  .xl\:border-pink-300 {
+    border-color: #fcbccb !important;
+  }
+
+  .xl\:border-pink-400 {
+    border-color: #f786a7 !important;
+  }
+
+  .xl\:border-pink-500 {
+    border-color: #ed588b !important;
+  }
+
+  .xl\:border-pink-600 {
+    border-color: #d9447b !important;
+  }
+
+  .xl\:border-pink-700 {
+    border-color: #b32f62 !important;
+  }
+
+  .xl\:border-pink-800 {
+    border-color: #8d2450 !important;
+  }
+
+  .xl\:border-pink-900 {
+    border-color: #741c46 !important;
+  }
+
+  .xl\:border-grey-100 {
+    border-color: #f8fcfe !important;
+  }
+
+  .xl\:border-grey-200 {
+    border-color: #f1f5fb !important;
+  }
+
+  .xl\:border-grey-300 {
+    border-color: #e2e9f0 !important;
+  }
+
+  .xl\:border-grey-400 {
+    border-color: #bbc5cf !important;
+  }
+
+  .xl\:border-grey-500 {
+    border-color: #a3b0bd !important;
+  }
+
+  .xl\:border-grey-600 {
+    border-color: #7a8996 !important;
+  }
+
+  .xl\:border-grey-700 {
+    border-color: #5a6977 !important;
+  }
+
+  .xl\:border-grey-800 {
+    border-color: #2e3a45 !important;
+  }
+
+  .xl\:border-grey-900 {
+    border-color: #1f2830 !important;
   }
 
   .xl\:hover\:border-transparent:hover {
@@ -25957,291 +29160,371 @@ samp {
   }
 
   .xl\:hover\:border-black:hover {
-    border-color: #22292f !important;
-  }
-
-  .xl\:hover\:border-grey-darkest:hover {
-    border-color: #3d4852 !important;
-  }
-
-  .xl\:hover\:border-grey-darker:hover {
-    border-color: #606f7b !important;
-  }
-
-  .xl\:hover\:border-grey-dark:hover {
-    border-color: #8795a1 !important;
-  }
-
-  .xl\:hover\:border-grey:hover {
-    border-color: #b8c2cc !important;
-  }
-
-  .xl\:hover\:border-grey-light:hover {
-    border-color: #dae1e7 !important;
-  }
-
-  .xl\:hover\:border-grey-lighter:hover {
-    border-color: #f1f5f8 !important;
-  }
-
-  .xl\:hover\:border-grey-lightest:hover {
-    border-color: #f8fafc !important;
+    border-color: #000 !important;
   }
 
   .xl\:hover\:border-white:hover {
     border-color: #fff !important;
   }
 
-  .xl\:hover\:border-red-darkest:hover {
-    border-color: #3b0d0c !important;
+  .xl\:hover\:border-teal-100:hover {
+    border-color: #ebfffc !important;
   }
 
-  .xl\:hover\:border-red-darker:hover {
-    border-color: #621b18 !important;
+  .xl\:hover\:border-teal-200:hover {
+    border-color: #b3f1e9 !important;
   }
 
-  .xl\:hover\:border-red-dark:hover {
-    border-color: #cc1f1a !important;
+  .xl\:hover\:border-teal-300:hover {
+    border-color: #82e1d7 !important;
   }
 
-  .xl\:hover\:border-red:hover {
-    border-color: #e3342f !important;
+  .xl\:hover\:border-teal-400:hover {
+    border-color: #60cfc5 !important;
   }
 
-  .xl\:hover\:border-red-light:hover {
-    border-color: #ef5753 !important;
+  .xl\:hover\:border-teal-500:hover {
+    border-color: #49bab2 !important;
   }
 
-  .xl\:hover\:border-red-lighter:hover {
-    border-color: #f9acaa !important;
+  .xl\:hover\:border-teal-600:hover {
+    border-color: #3ea39f !important;
   }
 
-  .xl\:hover\:border-red-lightest:hover {
-    border-color: #fcebea !important;
+  .xl\:hover\:border-teal-700:hover {
+    border-color: #378786 !important;
   }
 
-  .xl\:hover\:border-orange-darkest:hover {
-    border-color: #462a16 !important;
+  .xl\:hover\:border-teal-800:hover {
+    border-color: #316769 !important;
   }
 
-  .xl\:hover\:border-orange-darker:hover {
-    border-color: #613b1f !important;
+  .xl\:hover\:border-teal-900:hover {
+    border-color: #265152 !important;
   }
 
-  .xl\:hover\:border-orange-dark:hover {
-    border-color: #de751f !important;
+  .xl\:hover\:border-red-100:hover {
+    border-color: #fff5f5 !important;
   }
 
-  .xl\:hover\:border-orange:hover {
-    border-color: #f6993f !important;
+  .xl\:hover\:border-red-200:hover {
+    border-color: #fee3e3 !important;
   }
 
-  .xl\:hover\:border-orange-light:hover {
-    border-color: #faad63 !important;
+  .xl\:hover\:border-red-300:hover {
+    border-color: #febcbc !important;
   }
 
-  .xl\:hover\:border-orange-lighter:hover {
-    border-color: #fcd9b6 !important;
+  .xl\:hover\:border-red-400:hover {
+    border-color: #fd9292 !important;
   }
 
-  .xl\:hover\:border-orange-lightest:hover {
-    border-color: #fff5eb !important;
+  .xl\:hover\:border-red-500:hover {
+    border-color: #f95e5f !important;
   }
 
-  .xl\:hover\:border-yellow-darkest:hover {
-    border-color: #453411 !important;
+  .xl\:hover\:border-red-600:hover {
+    border-color: #ec454e !important;
   }
 
-  .xl\:hover\:border-yellow-darker:hover {
-    border-color: #684f1d !important;
+  .xl\:hover\:border-red-700:hover {
+    border-color: #dc3448 !important;
   }
 
-  .xl\:hover\:border-yellow-dark:hover {
-    border-color: #f2d024 !important;
+  .xl\:hover\:border-red-800:hover {
+    border-color: #b4203b !important;
   }
 
-  .xl\:hover\:border-yellow:hover {
-    border-color: #ffed4a !important;
+  .xl\:hover\:border-red-900:hover {
+    border-color: #801b33 !important;
   }
 
-  .xl\:hover\:border-yellow-light:hover {
-    border-color: #fff382 !important;
+  .xl\:hover\:border-orange-100:hover {
+    border-color: #fffaef !important;
   }
 
-  .xl\:hover\:border-yellow-lighter:hover {
-    border-color: #fff9c2 !important;
+  .xl\:hover\:border-orange-200:hover {
+    border-color: #fee8c1 !important;
   }
 
-  .xl\:hover\:border-yellow-lightest:hover {
-    border-color: #fcfbeb !important;
+  .xl\:hover\:border-orange-300:hover {
+    border-color: #fbd087 !important;
   }
 
-  .xl\:hover\:border-green-darkest:hover {
-    border-color: #0f2f21 !important;
+  .xl\:hover\:border-orange-400:hover {
+    border-color: #f6aa4f !important;
   }
 
-  .xl\:hover\:border-green-darker:hover {
-    border-color: #1a4731 !important;
+  .xl\:hover\:border-orange-500:hover {
+    border-color: #ec832b !important;
   }
 
-  .xl\:hover\:border-green-dark:hover {
-    border-color: #1f9d55 !important;
+  .xl\:hover\:border-orange-600:hover {
+    border-color: #df6d22 !important;
   }
 
-  .xl\:hover\:border-green:hover {
-    border-color: #38c172 !important;
+  .xl\:hover\:border-orange-700:hover {
+    border-color: #c55822 !important;
   }
 
-  .xl\:hover\:border-green-light:hover {
-    border-color: #51d88a !important;
+  .xl\:hover\:border-orange-800:hover {
+    border-color: #9f4423 !important;
   }
 
-  .xl\:hover\:border-green-lighter:hover {
-    border-color: #a2f5bf !important;
+  .xl\:hover\:border-orange-900:hover {
+    border-color: #70311e !important;
   }
 
-  .xl\:hover\:border-green-lightest:hover {
-    border-color: #e3fcec !important;
+  .xl\:hover\:border-yellow-100:hover {
+    border-color: #ffffeb !important;
   }
 
-  .xl\:hover\:border-teal-darkest:hover {
-    border-color: #0d3331 !important;
+  .xl\:hover\:border-yellow-200:hover {
+    border-color: #fefcbf !important;
   }
 
-  .xl\:hover\:border-teal-darker:hover {
-    border-color: #20504f !important;
+  .xl\:hover\:border-yellow-300:hover {
+    border-color: #fbf189 !important;
   }
 
-  .xl\:hover\:border-teal-dark:hover {
-    border-color: #38a89d !important;
+  .xl\:hover\:border-yellow-400:hover {
+    border-color: #f6e05e !important;
   }
 
-  .xl\:hover\:border-teal:hover {
-    border-color: #4dc0b5 !important;
+  .xl\:hover\:border-yellow-500:hover {
+    border-color: #ebc743 !important;
   }
 
-  .xl\:hover\:border-teal-light:hover {
-    border-color: #64d5ca !important;
+  .xl\:hover\:border-yellow-600:hover {
+    border-color: #d69e2e !important;
   }
 
-  .xl\:hover\:border-teal-lighter:hover {
-    border-color: #a0f0ed !important;
+  .xl\:hover\:border-yellow-700:hover {
+    border-color: #b7791f !important;
   }
 
-  .xl\:hover\:border-teal-lightest:hover {
-    border-color: #e8fffe !important;
+  .xl\:hover\:border-yellow-800:hover {
+    border-color: #8d5415 !important;
   }
 
-  .xl\:hover\:border-blue-darkest:hover {
-    border-color: #12283a !important;
+  .xl\:hover\:border-yellow-900:hover {
+    border-color: #66390e !important;
   }
 
-  .xl\:hover\:border-blue-darker:hover {
-    border-color: #1c3d5a !important;
+  .xl\:hover\:border-green-100:hover {
+    border-color: #e9ffe9 !important;
   }
 
-  .xl\:hover\:border-blue-dark:hover {
-    border-color: #2779bd !important;
+  .xl\:hover\:border-green-200:hover {
+    border-color: #c1f5c5 !important;
   }
 
-  .xl\:hover\:border-blue:hover {
-    border-color: #3490dc !important;
+  .xl\:hover\:border-green-300:hover {
+    border-color: #9ae6a8 !important;
   }
 
-  .xl\:hover\:border-blue-light:hover {
-    border-color: #6cb2eb !important;
+  .xl\:hover\:border-green-400:hover {
+    border-color: #68d391 !important;
   }
 
-  .xl\:hover\:border-blue-lighter:hover {
-    border-color: #bcdefa !important;
+  .xl\:hover\:border-green-500:hover {
+    border-color: #48bb87 !important;
   }
 
-  .xl\:hover\:border-blue-lightest:hover {
-    border-color: #eff8ff !important;
+  .xl\:hover\:border-green-600:hover {
+    border-color: #38a181 !important;
   }
 
-  .xl\:hover\:border-indigo-darkest:hover {
-    border-color: #191e38 !important;
+  .xl\:hover\:border-green-700:hover {
+    border-color: #2f8572 !important;
   }
 
-  .xl\:hover\:border-indigo-darker:hover {
-    border-color: #2f365f !important;
+  .xl\:hover\:border-green-800:hover {
+    border-color: #28695c !important;
   }
 
-  .xl\:hover\:border-indigo-dark:hover {
-    border-color: #5661b3 !important;
+  .xl\:hover\:border-green-900:hover {
+    border-color: #22544b !important;
   }
 
-  .xl\:hover\:border-indigo:hover {
-    border-color: #6574cd !important;
+  .xl\:hover\:border-blue-100:hover {
+    border-color: #f1fafd !important;
   }
 
-  .xl\:hover\:border-indigo-light:hover {
-    border-color: #7886d7 !important;
+  .xl\:hover\:border-blue-200:hover {
+    border-color: #caedfa !important;
   }
 
-  .xl\:hover\:border-indigo-lighter:hover {
-    border-color: #b2b7ff !important;
+  .xl\:hover\:border-blue-300:hover {
+    border-color: #87d3f3 !important;
   }
 
-  .xl\:hover\:border-indigo-lightest:hover {
-    border-color: #e6e8ff !important;
+  .xl\:hover\:border-blue-400:hover {
+    border-color: #57b9ec !important;
   }
 
-  .xl\:hover\:border-purple-darkest:hover {
-    border-color: #21183c !important;
+  .xl\:hover\:border-blue-500:hover {
+    border-color: #3a9adf !important;
   }
 
-  .xl\:hover\:border-purple-darker:hover {
-    border-color: #382b5f !important;
+  .xl\:hover\:border-blue-600:hover {
+    border-color: #2b7cc4 !important;
   }
 
-  .xl\:hover\:border-purple-dark:hover {
-    border-color: #794acf !important;
+  .xl\:hover\:border-blue-700:hover {
+    border-color: #2762a3 !important;
   }
 
-  .xl\:hover\:border-purple:hover {
-    border-color: #9561e2 !important;
+  .xl\:hover\:border-blue-800:hover {
+    border-color: #284f81 !important;
   }
 
-  .xl\:hover\:border-purple-light:hover {
-    border-color: #a779e9 !important;
+  .xl\:hover\:border-blue-900:hover {
+    border-color: #294468 !important;
   }
 
-  .xl\:hover\:border-purple-lighter:hover {
-    border-color: #d6bbfc !important;
+  .xl\:hover\:border-indigo-100:hover {
+    border-color: #eef6ff !important;
   }
 
-  .xl\:hover\:border-purple-lightest:hover {
-    border-color: #f3ebff !important;
+  .xl\:hover\:border-indigo-200:hover {
+    border-color: #cbe0f9 !important;
   }
 
-  .xl\:hover\:border-pink-darkest:hover {
-    border-color: #451225 !important;
+  .xl\:hover\:border-indigo-300:hover {
+    border-color: #a6c5f0 !important;
   }
 
-  .xl\:hover\:border-pink-darker:hover {
-    border-color: #6f213f !important;
+  .xl\:hover\:border-indigo-400:hover {
+    border-color: #82a2e3 !important;
   }
 
-  .xl\:hover\:border-pink-dark:hover {
-    border-color: #eb5286 !important;
+  .xl\:hover\:border-indigo-500:hover {
+    border-color: #6d80d3 !important;
   }
 
-  .xl\:hover\:border-pink:hover {
-    border-color: #f66d9b !important;
+  .xl\:hover\:border-indigo-600:hover {
+    border-color: #5e68bc !important;
   }
 
-  .xl\:hover\:border-pink-light:hover {
-    border-color: #fa7ea8 !important;
+  .xl\:hover\:border-indigo-700:hover {
+    border-color: #5154a1 !important;
   }
 
-  .xl\:hover\:border-pink-lighter:hover {
-    border-color: #ffbbca !important;
+  .xl\:hover\:border-indigo-800:hover {
+    border-color: #42417f !important;
   }
 
-  .xl\:hover\:border-pink-lightest:hover {
-    border-color: #ffebef !important;
+  .xl\:hover\:border-indigo-900:hover {
+    border-color: #37366a !important;
+  }
+
+  .xl\:hover\:border-purple-100:hover {
+    border-color: #faf5ff !important;
+  }
+
+  .xl\:hover\:border-purple-200:hover {
+    border-color: #eddffd !important;
+  }
+
+  .xl\:hover\:border-purple-300:hover {
+    border-color: #dcc7fb !important;
+  }
+
+  .xl\:hover\:border-purple-400:hover {
+    border-color: #b18af4 !important;
+  }
+
+  .xl\:hover\:border-purple-500:hover {
+    border-color: #976de9 !important;
+  }
+
+  .xl\:hover\:border-purple-600:hover {
+    border-color: #7c54d5 !important;
+  }
+
+  .xl\:hover\:border-purple-700:hover {
+    border-color: #6845b9 !important;
+  }
+
+  .xl\:hover\:border-purple-800:hover {
+    border-color: #4d368a !important;
+  }
+
+  .xl\:hover\:border-purple-900:hover {
+    border-color: #3b2c6c !important;
+  }
+
+  .xl\:hover\:border-pink-100:hover {
+    border-color: #fff2f4 !important;
+  }
+
+  .xl\:hover\:border-pink-200:hover {
+    border-color: #fedee4 !important;
+  }
+
+  .xl\:hover\:border-pink-300:hover {
+    border-color: #fcbccb !important;
+  }
+
+  .xl\:hover\:border-pink-400:hover {
+    border-color: #f786a7 !important;
+  }
+
+  .xl\:hover\:border-pink-500:hover {
+    border-color: #ed588b !important;
+  }
+
+  .xl\:hover\:border-pink-600:hover {
+    border-color: #d9447b !important;
+  }
+
+  .xl\:hover\:border-pink-700:hover {
+    border-color: #b32f62 !important;
+  }
+
+  .xl\:hover\:border-pink-800:hover {
+    border-color: #8d2450 !important;
+  }
+
+  .xl\:hover\:border-pink-900:hover {
+    border-color: #741c46 !important;
+  }
+
+  .xl\:hover\:border-grey-100:hover {
+    border-color: #f8fcfe !important;
+  }
+
+  .xl\:hover\:border-grey-200:hover {
+    border-color: #f1f5fb !important;
+  }
+
+  .xl\:hover\:border-grey-300:hover {
+    border-color: #e2e9f0 !important;
+  }
+
+  .xl\:hover\:border-grey-400:hover {
+    border-color: #bbc5cf !important;
+  }
+
+  .xl\:hover\:border-grey-500:hover {
+    border-color: #a3b0bd !important;
+  }
+
+  .xl\:hover\:border-grey-600:hover {
+    border-color: #7a8996 !important;
+  }
+
+  .xl\:hover\:border-grey-700:hover {
+    border-color: #5a6977 !important;
+  }
+
+  .xl\:hover\:border-grey-800:hover {
+    border-color: #2e3a45 !important;
+  }
+
+  .xl\:hover\:border-grey-900:hover {
+    border-color: #1f2830 !important;
   }
 
   .xl\:focus\:border-transparent:focus {
@@ -26249,291 +29532,371 @@ samp {
   }
 
   .xl\:focus\:border-black:focus {
-    border-color: #22292f !important;
-  }
-
-  .xl\:focus\:border-grey-darkest:focus {
-    border-color: #3d4852 !important;
-  }
-
-  .xl\:focus\:border-grey-darker:focus {
-    border-color: #606f7b !important;
-  }
-
-  .xl\:focus\:border-grey-dark:focus {
-    border-color: #8795a1 !important;
-  }
-
-  .xl\:focus\:border-grey:focus {
-    border-color: #b8c2cc !important;
-  }
-
-  .xl\:focus\:border-grey-light:focus {
-    border-color: #dae1e7 !important;
-  }
-
-  .xl\:focus\:border-grey-lighter:focus {
-    border-color: #f1f5f8 !important;
-  }
-
-  .xl\:focus\:border-grey-lightest:focus {
-    border-color: #f8fafc !important;
+    border-color: #000 !important;
   }
 
   .xl\:focus\:border-white:focus {
     border-color: #fff !important;
   }
 
-  .xl\:focus\:border-red-darkest:focus {
-    border-color: #3b0d0c !important;
+  .xl\:focus\:border-teal-100:focus {
+    border-color: #ebfffc !important;
   }
 
-  .xl\:focus\:border-red-darker:focus {
-    border-color: #621b18 !important;
+  .xl\:focus\:border-teal-200:focus {
+    border-color: #b3f1e9 !important;
   }
 
-  .xl\:focus\:border-red-dark:focus {
-    border-color: #cc1f1a !important;
+  .xl\:focus\:border-teal-300:focus {
+    border-color: #82e1d7 !important;
   }
 
-  .xl\:focus\:border-red:focus {
-    border-color: #e3342f !important;
+  .xl\:focus\:border-teal-400:focus {
+    border-color: #60cfc5 !important;
   }
 
-  .xl\:focus\:border-red-light:focus {
-    border-color: #ef5753 !important;
+  .xl\:focus\:border-teal-500:focus {
+    border-color: #49bab2 !important;
   }
 
-  .xl\:focus\:border-red-lighter:focus {
-    border-color: #f9acaa !important;
+  .xl\:focus\:border-teal-600:focus {
+    border-color: #3ea39f !important;
   }
 
-  .xl\:focus\:border-red-lightest:focus {
-    border-color: #fcebea !important;
+  .xl\:focus\:border-teal-700:focus {
+    border-color: #378786 !important;
   }
 
-  .xl\:focus\:border-orange-darkest:focus {
-    border-color: #462a16 !important;
+  .xl\:focus\:border-teal-800:focus {
+    border-color: #316769 !important;
   }
 
-  .xl\:focus\:border-orange-darker:focus {
-    border-color: #613b1f !important;
+  .xl\:focus\:border-teal-900:focus {
+    border-color: #265152 !important;
   }
 
-  .xl\:focus\:border-orange-dark:focus {
-    border-color: #de751f !important;
+  .xl\:focus\:border-red-100:focus {
+    border-color: #fff5f5 !important;
   }
 
-  .xl\:focus\:border-orange:focus {
-    border-color: #f6993f !important;
+  .xl\:focus\:border-red-200:focus {
+    border-color: #fee3e3 !important;
   }
 
-  .xl\:focus\:border-orange-light:focus {
-    border-color: #faad63 !important;
+  .xl\:focus\:border-red-300:focus {
+    border-color: #febcbc !important;
   }
 
-  .xl\:focus\:border-orange-lighter:focus {
-    border-color: #fcd9b6 !important;
+  .xl\:focus\:border-red-400:focus {
+    border-color: #fd9292 !important;
   }
 
-  .xl\:focus\:border-orange-lightest:focus {
-    border-color: #fff5eb !important;
+  .xl\:focus\:border-red-500:focus {
+    border-color: #f95e5f !important;
   }
 
-  .xl\:focus\:border-yellow-darkest:focus {
-    border-color: #453411 !important;
+  .xl\:focus\:border-red-600:focus {
+    border-color: #ec454e !important;
   }
 
-  .xl\:focus\:border-yellow-darker:focus {
-    border-color: #684f1d !important;
+  .xl\:focus\:border-red-700:focus {
+    border-color: #dc3448 !important;
   }
 
-  .xl\:focus\:border-yellow-dark:focus {
-    border-color: #f2d024 !important;
+  .xl\:focus\:border-red-800:focus {
+    border-color: #b4203b !important;
   }
 
-  .xl\:focus\:border-yellow:focus {
-    border-color: #ffed4a !important;
+  .xl\:focus\:border-red-900:focus {
+    border-color: #801b33 !important;
   }
 
-  .xl\:focus\:border-yellow-light:focus {
-    border-color: #fff382 !important;
+  .xl\:focus\:border-orange-100:focus {
+    border-color: #fffaef !important;
   }
 
-  .xl\:focus\:border-yellow-lighter:focus {
-    border-color: #fff9c2 !important;
+  .xl\:focus\:border-orange-200:focus {
+    border-color: #fee8c1 !important;
   }
 
-  .xl\:focus\:border-yellow-lightest:focus {
-    border-color: #fcfbeb !important;
+  .xl\:focus\:border-orange-300:focus {
+    border-color: #fbd087 !important;
   }
 
-  .xl\:focus\:border-green-darkest:focus {
-    border-color: #0f2f21 !important;
+  .xl\:focus\:border-orange-400:focus {
+    border-color: #f6aa4f !important;
   }
 
-  .xl\:focus\:border-green-darker:focus {
-    border-color: #1a4731 !important;
+  .xl\:focus\:border-orange-500:focus {
+    border-color: #ec832b !important;
   }
 
-  .xl\:focus\:border-green-dark:focus {
-    border-color: #1f9d55 !important;
+  .xl\:focus\:border-orange-600:focus {
+    border-color: #df6d22 !important;
   }
 
-  .xl\:focus\:border-green:focus {
-    border-color: #38c172 !important;
+  .xl\:focus\:border-orange-700:focus {
+    border-color: #c55822 !important;
   }
 
-  .xl\:focus\:border-green-light:focus {
-    border-color: #51d88a !important;
+  .xl\:focus\:border-orange-800:focus {
+    border-color: #9f4423 !important;
   }
 
-  .xl\:focus\:border-green-lighter:focus {
-    border-color: #a2f5bf !important;
+  .xl\:focus\:border-orange-900:focus {
+    border-color: #70311e !important;
   }
 
-  .xl\:focus\:border-green-lightest:focus {
-    border-color: #e3fcec !important;
+  .xl\:focus\:border-yellow-100:focus {
+    border-color: #ffffeb !important;
   }
 
-  .xl\:focus\:border-teal-darkest:focus {
-    border-color: #0d3331 !important;
+  .xl\:focus\:border-yellow-200:focus {
+    border-color: #fefcbf !important;
   }
 
-  .xl\:focus\:border-teal-darker:focus {
-    border-color: #20504f !important;
+  .xl\:focus\:border-yellow-300:focus {
+    border-color: #fbf189 !important;
   }
 
-  .xl\:focus\:border-teal-dark:focus {
-    border-color: #38a89d !important;
+  .xl\:focus\:border-yellow-400:focus {
+    border-color: #f6e05e !important;
   }
 
-  .xl\:focus\:border-teal:focus {
-    border-color: #4dc0b5 !important;
+  .xl\:focus\:border-yellow-500:focus {
+    border-color: #ebc743 !important;
   }
 
-  .xl\:focus\:border-teal-light:focus {
-    border-color: #64d5ca !important;
+  .xl\:focus\:border-yellow-600:focus {
+    border-color: #d69e2e !important;
   }
 
-  .xl\:focus\:border-teal-lighter:focus {
-    border-color: #a0f0ed !important;
+  .xl\:focus\:border-yellow-700:focus {
+    border-color: #b7791f !important;
   }
 
-  .xl\:focus\:border-teal-lightest:focus {
-    border-color: #e8fffe !important;
+  .xl\:focus\:border-yellow-800:focus {
+    border-color: #8d5415 !important;
   }
 
-  .xl\:focus\:border-blue-darkest:focus {
-    border-color: #12283a !important;
+  .xl\:focus\:border-yellow-900:focus {
+    border-color: #66390e !important;
   }
 
-  .xl\:focus\:border-blue-darker:focus {
-    border-color: #1c3d5a !important;
+  .xl\:focus\:border-green-100:focus {
+    border-color: #e9ffe9 !important;
   }
 
-  .xl\:focus\:border-blue-dark:focus {
-    border-color: #2779bd !important;
+  .xl\:focus\:border-green-200:focus {
+    border-color: #c1f5c5 !important;
   }
 
-  .xl\:focus\:border-blue:focus {
-    border-color: #3490dc !important;
+  .xl\:focus\:border-green-300:focus {
+    border-color: #9ae6a8 !important;
   }
 
-  .xl\:focus\:border-blue-light:focus {
-    border-color: #6cb2eb !important;
+  .xl\:focus\:border-green-400:focus {
+    border-color: #68d391 !important;
   }
 
-  .xl\:focus\:border-blue-lighter:focus {
-    border-color: #bcdefa !important;
+  .xl\:focus\:border-green-500:focus {
+    border-color: #48bb87 !important;
   }
 
-  .xl\:focus\:border-blue-lightest:focus {
-    border-color: #eff8ff !important;
+  .xl\:focus\:border-green-600:focus {
+    border-color: #38a181 !important;
   }
 
-  .xl\:focus\:border-indigo-darkest:focus {
-    border-color: #191e38 !important;
+  .xl\:focus\:border-green-700:focus {
+    border-color: #2f8572 !important;
   }
 
-  .xl\:focus\:border-indigo-darker:focus {
-    border-color: #2f365f !important;
+  .xl\:focus\:border-green-800:focus {
+    border-color: #28695c !important;
   }
 
-  .xl\:focus\:border-indigo-dark:focus {
-    border-color: #5661b3 !important;
+  .xl\:focus\:border-green-900:focus {
+    border-color: #22544b !important;
   }
 
-  .xl\:focus\:border-indigo:focus {
-    border-color: #6574cd !important;
+  .xl\:focus\:border-blue-100:focus {
+    border-color: #f1fafd !important;
   }
 
-  .xl\:focus\:border-indigo-light:focus {
-    border-color: #7886d7 !important;
+  .xl\:focus\:border-blue-200:focus {
+    border-color: #caedfa !important;
   }
 
-  .xl\:focus\:border-indigo-lighter:focus {
-    border-color: #b2b7ff !important;
+  .xl\:focus\:border-blue-300:focus {
+    border-color: #87d3f3 !important;
   }
 
-  .xl\:focus\:border-indigo-lightest:focus {
-    border-color: #e6e8ff !important;
+  .xl\:focus\:border-blue-400:focus {
+    border-color: #57b9ec !important;
   }
 
-  .xl\:focus\:border-purple-darkest:focus {
-    border-color: #21183c !important;
+  .xl\:focus\:border-blue-500:focus {
+    border-color: #3a9adf !important;
   }
 
-  .xl\:focus\:border-purple-darker:focus {
-    border-color: #382b5f !important;
+  .xl\:focus\:border-blue-600:focus {
+    border-color: #2b7cc4 !important;
   }
 
-  .xl\:focus\:border-purple-dark:focus {
-    border-color: #794acf !important;
+  .xl\:focus\:border-blue-700:focus {
+    border-color: #2762a3 !important;
   }
 
-  .xl\:focus\:border-purple:focus {
-    border-color: #9561e2 !important;
+  .xl\:focus\:border-blue-800:focus {
+    border-color: #284f81 !important;
   }
 
-  .xl\:focus\:border-purple-light:focus {
-    border-color: #a779e9 !important;
+  .xl\:focus\:border-blue-900:focus {
+    border-color: #294468 !important;
   }
 
-  .xl\:focus\:border-purple-lighter:focus {
-    border-color: #d6bbfc !important;
+  .xl\:focus\:border-indigo-100:focus {
+    border-color: #eef6ff !important;
   }
 
-  .xl\:focus\:border-purple-lightest:focus {
-    border-color: #f3ebff !important;
+  .xl\:focus\:border-indigo-200:focus {
+    border-color: #cbe0f9 !important;
   }
 
-  .xl\:focus\:border-pink-darkest:focus {
-    border-color: #451225 !important;
+  .xl\:focus\:border-indigo-300:focus {
+    border-color: #a6c5f0 !important;
   }
 
-  .xl\:focus\:border-pink-darker:focus {
-    border-color: #6f213f !important;
+  .xl\:focus\:border-indigo-400:focus {
+    border-color: #82a2e3 !important;
   }
 
-  .xl\:focus\:border-pink-dark:focus {
-    border-color: #eb5286 !important;
+  .xl\:focus\:border-indigo-500:focus {
+    border-color: #6d80d3 !important;
   }
 
-  .xl\:focus\:border-pink:focus {
-    border-color: #f66d9b !important;
+  .xl\:focus\:border-indigo-600:focus {
+    border-color: #5e68bc !important;
   }
 
-  .xl\:focus\:border-pink-light:focus {
-    border-color: #fa7ea8 !important;
+  .xl\:focus\:border-indigo-700:focus {
+    border-color: #5154a1 !important;
   }
 
-  .xl\:focus\:border-pink-lighter:focus {
-    border-color: #ffbbca !important;
+  .xl\:focus\:border-indigo-800:focus {
+    border-color: #42417f !important;
   }
 
-  .xl\:focus\:border-pink-lightest:focus {
-    border-color: #ffebef !important;
+  .xl\:focus\:border-indigo-900:focus {
+    border-color: #37366a !important;
+  }
+
+  .xl\:focus\:border-purple-100:focus {
+    border-color: #faf5ff !important;
+  }
+
+  .xl\:focus\:border-purple-200:focus {
+    border-color: #eddffd !important;
+  }
+
+  .xl\:focus\:border-purple-300:focus {
+    border-color: #dcc7fb !important;
+  }
+
+  .xl\:focus\:border-purple-400:focus {
+    border-color: #b18af4 !important;
+  }
+
+  .xl\:focus\:border-purple-500:focus {
+    border-color: #976de9 !important;
+  }
+
+  .xl\:focus\:border-purple-600:focus {
+    border-color: #7c54d5 !important;
+  }
+
+  .xl\:focus\:border-purple-700:focus {
+    border-color: #6845b9 !important;
+  }
+
+  .xl\:focus\:border-purple-800:focus {
+    border-color: #4d368a !important;
+  }
+
+  .xl\:focus\:border-purple-900:focus {
+    border-color: #3b2c6c !important;
+  }
+
+  .xl\:focus\:border-pink-100:focus {
+    border-color: #fff2f4 !important;
+  }
+
+  .xl\:focus\:border-pink-200:focus {
+    border-color: #fedee4 !important;
+  }
+
+  .xl\:focus\:border-pink-300:focus {
+    border-color: #fcbccb !important;
+  }
+
+  .xl\:focus\:border-pink-400:focus {
+    border-color: #f786a7 !important;
+  }
+
+  .xl\:focus\:border-pink-500:focus {
+    border-color: #ed588b !important;
+  }
+
+  .xl\:focus\:border-pink-600:focus {
+    border-color: #d9447b !important;
+  }
+
+  .xl\:focus\:border-pink-700:focus {
+    border-color: #b32f62 !important;
+  }
+
+  .xl\:focus\:border-pink-800:focus {
+    border-color: #8d2450 !important;
+  }
+
+  .xl\:focus\:border-pink-900:focus {
+    border-color: #741c46 !important;
+  }
+
+  .xl\:focus\:border-grey-100:focus {
+    border-color: #f8fcfe !important;
+  }
+
+  .xl\:focus\:border-grey-200:focus {
+    border-color: #f1f5fb !important;
+  }
+
+  .xl\:focus\:border-grey-300:focus {
+    border-color: #e2e9f0 !important;
+  }
+
+  .xl\:focus\:border-grey-400:focus {
+    border-color: #bbc5cf !important;
+  }
+
+  .xl\:focus\:border-grey-500:focus {
+    border-color: #a3b0bd !important;
+  }
+
+  .xl\:focus\:border-grey-600:focus {
+    border-color: #7a8996 !important;
+  }
+
+  .xl\:focus\:border-grey-700:focus {
+    border-color: #5a6977 !important;
+  }
+
+  .xl\:focus\:border-grey-800:focus {
+    border-color: #2e3a45 !important;
+  }
+
+  .xl\:focus\:border-grey-900:focus {
+    border-color: #1f2830 !important;
   }
 
   .xl\:rounded-none {
@@ -29475,291 +32838,371 @@ samp {
   }
 
   .xl\:text-black {
-    color: #22292f !important;
-  }
-
-  .xl\:text-grey-darkest {
-    color: #3d4852 !important;
-  }
-
-  .xl\:text-grey-darker {
-    color: #606f7b !important;
-  }
-
-  .xl\:text-grey-dark {
-    color: #8795a1 !important;
-  }
-
-  .xl\:text-grey {
-    color: #b8c2cc !important;
-  }
-
-  .xl\:text-grey-light {
-    color: #dae1e7 !important;
-  }
-
-  .xl\:text-grey-lighter {
-    color: #f1f5f8 !important;
-  }
-
-  .xl\:text-grey-lightest {
-    color: #f8fafc !important;
+    color: #000 !important;
   }
 
   .xl\:text-white {
     color: #fff !important;
   }
 
-  .xl\:text-red-darkest {
-    color: #3b0d0c !important;
+  .xl\:text-teal-100 {
+    color: #ebfffc !important;
   }
 
-  .xl\:text-red-darker {
-    color: #621b18 !important;
+  .xl\:text-teal-200 {
+    color: #b3f1e9 !important;
   }
 
-  .xl\:text-red-dark {
-    color: #cc1f1a !important;
+  .xl\:text-teal-300 {
+    color: #82e1d7 !important;
   }
 
-  .xl\:text-red {
-    color: #e3342f !important;
+  .xl\:text-teal-400 {
+    color: #60cfc5 !important;
   }
 
-  .xl\:text-red-light {
-    color: #ef5753 !important;
+  .xl\:text-teal-500 {
+    color: #49bab2 !important;
   }
 
-  .xl\:text-red-lighter {
-    color: #f9acaa !important;
+  .xl\:text-teal-600 {
+    color: #3ea39f !important;
   }
 
-  .xl\:text-red-lightest {
-    color: #fcebea !important;
+  .xl\:text-teal-700 {
+    color: #378786 !important;
   }
 
-  .xl\:text-orange-darkest {
-    color: #462a16 !important;
+  .xl\:text-teal-800 {
+    color: #316769 !important;
   }
 
-  .xl\:text-orange-darker {
-    color: #613b1f !important;
+  .xl\:text-teal-900 {
+    color: #265152 !important;
   }
 
-  .xl\:text-orange-dark {
-    color: #de751f !important;
+  .xl\:text-red-100 {
+    color: #fff5f5 !important;
   }
 
-  .xl\:text-orange {
-    color: #f6993f !important;
+  .xl\:text-red-200 {
+    color: #fee3e3 !important;
   }
 
-  .xl\:text-orange-light {
-    color: #faad63 !important;
+  .xl\:text-red-300 {
+    color: #febcbc !important;
   }
 
-  .xl\:text-orange-lighter {
-    color: #fcd9b6 !important;
+  .xl\:text-red-400 {
+    color: #fd9292 !important;
   }
 
-  .xl\:text-orange-lightest {
-    color: #fff5eb !important;
+  .xl\:text-red-500 {
+    color: #f95e5f !important;
   }
 
-  .xl\:text-yellow-darkest {
-    color: #453411 !important;
+  .xl\:text-red-600 {
+    color: #ec454e !important;
   }
 
-  .xl\:text-yellow-darker {
-    color: #684f1d !important;
+  .xl\:text-red-700 {
+    color: #dc3448 !important;
   }
 
-  .xl\:text-yellow-dark {
-    color: #f2d024 !important;
+  .xl\:text-red-800 {
+    color: #b4203b !important;
   }
 
-  .xl\:text-yellow {
-    color: #ffed4a !important;
+  .xl\:text-red-900 {
+    color: #801b33 !important;
   }
 
-  .xl\:text-yellow-light {
-    color: #fff382 !important;
+  .xl\:text-orange-100 {
+    color: #fffaef !important;
   }
 
-  .xl\:text-yellow-lighter {
-    color: #fff9c2 !important;
+  .xl\:text-orange-200 {
+    color: #fee8c1 !important;
   }
 
-  .xl\:text-yellow-lightest {
-    color: #fcfbeb !important;
+  .xl\:text-orange-300 {
+    color: #fbd087 !important;
   }
 
-  .xl\:text-green-darkest {
-    color: #0f2f21 !important;
+  .xl\:text-orange-400 {
+    color: #f6aa4f !important;
   }
 
-  .xl\:text-green-darker {
-    color: #1a4731 !important;
+  .xl\:text-orange-500 {
+    color: #ec832b !important;
   }
 
-  .xl\:text-green-dark {
-    color: #1f9d55 !important;
+  .xl\:text-orange-600 {
+    color: #df6d22 !important;
   }
 
-  .xl\:text-green {
-    color: #38c172 !important;
+  .xl\:text-orange-700 {
+    color: #c55822 !important;
   }
 
-  .xl\:text-green-light {
-    color: #51d88a !important;
+  .xl\:text-orange-800 {
+    color: #9f4423 !important;
   }
 
-  .xl\:text-green-lighter {
-    color: #a2f5bf !important;
+  .xl\:text-orange-900 {
+    color: #70311e !important;
   }
 
-  .xl\:text-green-lightest {
-    color: #e3fcec !important;
+  .xl\:text-yellow-100 {
+    color: #ffffeb !important;
   }
 
-  .xl\:text-teal-darkest {
-    color: #0d3331 !important;
+  .xl\:text-yellow-200 {
+    color: #fefcbf !important;
   }
 
-  .xl\:text-teal-darker {
-    color: #20504f !important;
+  .xl\:text-yellow-300 {
+    color: #fbf189 !important;
   }
 
-  .xl\:text-teal-dark {
-    color: #38a89d !important;
+  .xl\:text-yellow-400 {
+    color: #f6e05e !important;
   }
 
-  .xl\:text-teal {
-    color: #4dc0b5 !important;
+  .xl\:text-yellow-500 {
+    color: #ebc743 !important;
   }
 
-  .xl\:text-teal-light {
-    color: #64d5ca !important;
+  .xl\:text-yellow-600 {
+    color: #d69e2e !important;
   }
 
-  .xl\:text-teal-lighter {
-    color: #a0f0ed !important;
+  .xl\:text-yellow-700 {
+    color: #b7791f !important;
   }
 
-  .xl\:text-teal-lightest {
-    color: #e8fffe !important;
+  .xl\:text-yellow-800 {
+    color: #8d5415 !important;
   }
 
-  .xl\:text-blue-darkest {
-    color: #12283a !important;
+  .xl\:text-yellow-900 {
+    color: #66390e !important;
   }
 
-  .xl\:text-blue-darker {
-    color: #1c3d5a !important;
+  .xl\:text-green-100 {
+    color: #e9ffe9 !important;
   }
 
-  .xl\:text-blue-dark {
-    color: #2779bd !important;
+  .xl\:text-green-200 {
+    color: #c1f5c5 !important;
   }
 
-  .xl\:text-blue {
-    color: #3490dc !important;
+  .xl\:text-green-300 {
+    color: #9ae6a8 !important;
   }
 
-  .xl\:text-blue-light {
-    color: #6cb2eb !important;
+  .xl\:text-green-400 {
+    color: #68d391 !important;
   }
 
-  .xl\:text-blue-lighter {
-    color: #bcdefa !important;
+  .xl\:text-green-500 {
+    color: #48bb87 !important;
   }
 
-  .xl\:text-blue-lightest {
-    color: #eff8ff !important;
+  .xl\:text-green-600 {
+    color: #38a181 !important;
   }
 
-  .xl\:text-indigo-darkest {
-    color: #191e38 !important;
+  .xl\:text-green-700 {
+    color: #2f8572 !important;
   }
 
-  .xl\:text-indigo-darker {
-    color: #2f365f !important;
+  .xl\:text-green-800 {
+    color: #28695c !important;
   }
 
-  .xl\:text-indigo-dark {
-    color: #5661b3 !important;
+  .xl\:text-green-900 {
+    color: #22544b !important;
   }
 
-  .xl\:text-indigo {
-    color: #6574cd !important;
+  .xl\:text-blue-100 {
+    color: #f1fafd !important;
   }
 
-  .xl\:text-indigo-light {
-    color: #7886d7 !important;
+  .xl\:text-blue-200 {
+    color: #caedfa !important;
   }
 
-  .xl\:text-indigo-lighter {
-    color: #b2b7ff !important;
+  .xl\:text-blue-300 {
+    color: #87d3f3 !important;
   }
 
-  .xl\:text-indigo-lightest {
-    color: #e6e8ff !important;
+  .xl\:text-blue-400 {
+    color: #57b9ec !important;
   }
 
-  .xl\:text-purple-darkest {
-    color: #21183c !important;
+  .xl\:text-blue-500 {
+    color: #3a9adf !important;
   }
 
-  .xl\:text-purple-darker {
-    color: #382b5f !important;
+  .xl\:text-blue-600 {
+    color: #2b7cc4 !important;
   }
 
-  .xl\:text-purple-dark {
-    color: #794acf !important;
+  .xl\:text-blue-700 {
+    color: #2762a3 !important;
   }
 
-  .xl\:text-purple {
-    color: #9561e2 !important;
+  .xl\:text-blue-800 {
+    color: #284f81 !important;
   }
 
-  .xl\:text-purple-light {
-    color: #a779e9 !important;
+  .xl\:text-blue-900 {
+    color: #294468 !important;
   }
 
-  .xl\:text-purple-lighter {
-    color: #d6bbfc !important;
+  .xl\:text-indigo-100 {
+    color: #eef6ff !important;
   }
 
-  .xl\:text-purple-lightest {
-    color: #f3ebff !important;
+  .xl\:text-indigo-200 {
+    color: #cbe0f9 !important;
   }
 
-  .xl\:text-pink-darkest {
-    color: #451225 !important;
+  .xl\:text-indigo-300 {
+    color: #a6c5f0 !important;
   }
 
-  .xl\:text-pink-darker {
-    color: #6f213f !important;
+  .xl\:text-indigo-400 {
+    color: #82a2e3 !important;
   }
 
-  .xl\:text-pink-dark {
-    color: #eb5286 !important;
+  .xl\:text-indigo-500 {
+    color: #6d80d3 !important;
   }
 
-  .xl\:text-pink {
-    color: #f66d9b !important;
+  .xl\:text-indigo-600 {
+    color: #5e68bc !important;
   }
 
-  .xl\:text-pink-light {
-    color: #fa7ea8 !important;
+  .xl\:text-indigo-700 {
+    color: #5154a1 !important;
   }
 
-  .xl\:text-pink-lighter {
-    color: #ffbbca !important;
+  .xl\:text-indigo-800 {
+    color: #42417f !important;
   }
 
-  .xl\:text-pink-lightest {
-    color: #ffebef !important;
+  .xl\:text-indigo-900 {
+    color: #37366a !important;
+  }
+
+  .xl\:text-purple-100 {
+    color: #faf5ff !important;
+  }
+
+  .xl\:text-purple-200 {
+    color: #eddffd !important;
+  }
+
+  .xl\:text-purple-300 {
+    color: #dcc7fb !important;
+  }
+
+  .xl\:text-purple-400 {
+    color: #b18af4 !important;
+  }
+
+  .xl\:text-purple-500 {
+    color: #976de9 !important;
+  }
+
+  .xl\:text-purple-600 {
+    color: #7c54d5 !important;
+  }
+
+  .xl\:text-purple-700 {
+    color: #6845b9 !important;
+  }
+
+  .xl\:text-purple-800 {
+    color: #4d368a !important;
+  }
+
+  .xl\:text-purple-900 {
+    color: #3b2c6c !important;
+  }
+
+  .xl\:text-pink-100 {
+    color: #fff2f4 !important;
+  }
+
+  .xl\:text-pink-200 {
+    color: #fedee4 !important;
+  }
+
+  .xl\:text-pink-300 {
+    color: #fcbccb !important;
+  }
+
+  .xl\:text-pink-400 {
+    color: #f786a7 !important;
+  }
+
+  .xl\:text-pink-500 {
+    color: #ed588b !important;
+  }
+
+  .xl\:text-pink-600 {
+    color: #d9447b !important;
+  }
+
+  .xl\:text-pink-700 {
+    color: #b32f62 !important;
+  }
+
+  .xl\:text-pink-800 {
+    color: #8d2450 !important;
+  }
+
+  .xl\:text-pink-900 {
+    color: #741c46 !important;
+  }
+
+  .xl\:text-grey-100 {
+    color: #f8fcfe !important;
+  }
+
+  .xl\:text-grey-200 {
+    color: #f1f5fb !important;
+  }
+
+  .xl\:text-grey-300 {
+    color: #e2e9f0 !important;
+  }
+
+  .xl\:text-grey-400 {
+    color: #bbc5cf !important;
+  }
+
+  .xl\:text-grey-500 {
+    color: #a3b0bd !important;
+  }
+
+  .xl\:text-grey-600 {
+    color: #7a8996 !important;
+  }
+
+  .xl\:text-grey-700 {
+    color: #5a6977 !important;
+  }
+
+  .xl\:text-grey-800 {
+    color: #2e3a45 !important;
+  }
+
+  .xl\:text-grey-900 {
+    color: #1f2830 !important;
   }
 
   .xl\:hover\:text-transparent:hover {
@@ -29767,291 +33210,371 @@ samp {
   }
 
   .xl\:hover\:text-black:hover {
-    color: #22292f !important;
-  }
-
-  .xl\:hover\:text-grey-darkest:hover {
-    color: #3d4852 !important;
-  }
-
-  .xl\:hover\:text-grey-darker:hover {
-    color: #606f7b !important;
-  }
-
-  .xl\:hover\:text-grey-dark:hover {
-    color: #8795a1 !important;
-  }
-
-  .xl\:hover\:text-grey:hover {
-    color: #b8c2cc !important;
-  }
-
-  .xl\:hover\:text-grey-light:hover {
-    color: #dae1e7 !important;
-  }
-
-  .xl\:hover\:text-grey-lighter:hover {
-    color: #f1f5f8 !important;
-  }
-
-  .xl\:hover\:text-grey-lightest:hover {
-    color: #f8fafc !important;
+    color: #000 !important;
   }
 
   .xl\:hover\:text-white:hover {
     color: #fff !important;
   }
 
-  .xl\:hover\:text-red-darkest:hover {
-    color: #3b0d0c !important;
+  .xl\:hover\:text-teal-100:hover {
+    color: #ebfffc !important;
   }
 
-  .xl\:hover\:text-red-darker:hover {
-    color: #621b18 !important;
+  .xl\:hover\:text-teal-200:hover {
+    color: #b3f1e9 !important;
   }
 
-  .xl\:hover\:text-red-dark:hover {
-    color: #cc1f1a !important;
+  .xl\:hover\:text-teal-300:hover {
+    color: #82e1d7 !important;
   }
 
-  .xl\:hover\:text-red:hover {
-    color: #e3342f !important;
+  .xl\:hover\:text-teal-400:hover {
+    color: #60cfc5 !important;
   }
 
-  .xl\:hover\:text-red-light:hover {
-    color: #ef5753 !important;
+  .xl\:hover\:text-teal-500:hover {
+    color: #49bab2 !important;
   }
 
-  .xl\:hover\:text-red-lighter:hover {
-    color: #f9acaa !important;
+  .xl\:hover\:text-teal-600:hover {
+    color: #3ea39f !important;
   }
 
-  .xl\:hover\:text-red-lightest:hover {
-    color: #fcebea !important;
+  .xl\:hover\:text-teal-700:hover {
+    color: #378786 !important;
   }
 
-  .xl\:hover\:text-orange-darkest:hover {
-    color: #462a16 !important;
+  .xl\:hover\:text-teal-800:hover {
+    color: #316769 !important;
   }
 
-  .xl\:hover\:text-orange-darker:hover {
-    color: #613b1f !important;
+  .xl\:hover\:text-teal-900:hover {
+    color: #265152 !important;
   }
 
-  .xl\:hover\:text-orange-dark:hover {
-    color: #de751f !important;
+  .xl\:hover\:text-red-100:hover {
+    color: #fff5f5 !important;
   }
 
-  .xl\:hover\:text-orange:hover {
-    color: #f6993f !important;
+  .xl\:hover\:text-red-200:hover {
+    color: #fee3e3 !important;
   }
 
-  .xl\:hover\:text-orange-light:hover {
-    color: #faad63 !important;
+  .xl\:hover\:text-red-300:hover {
+    color: #febcbc !important;
   }
 
-  .xl\:hover\:text-orange-lighter:hover {
-    color: #fcd9b6 !important;
+  .xl\:hover\:text-red-400:hover {
+    color: #fd9292 !important;
   }
 
-  .xl\:hover\:text-orange-lightest:hover {
-    color: #fff5eb !important;
+  .xl\:hover\:text-red-500:hover {
+    color: #f95e5f !important;
   }
 
-  .xl\:hover\:text-yellow-darkest:hover {
-    color: #453411 !important;
+  .xl\:hover\:text-red-600:hover {
+    color: #ec454e !important;
   }
 
-  .xl\:hover\:text-yellow-darker:hover {
-    color: #684f1d !important;
+  .xl\:hover\:text-red-700:hover {
+    color: #dc3448 !important;
   }
 
-  .xl\:hover\:text-yellow-dark:hover {
-    color: #f2d024 !important;
+  .xl\:hover\:text-red-800:hover {
+    color: #b4203b !important;
   }
 
-  .xl\:hover\:text-yellow:hover {
-    color: #ffed4a !important;
+  .xl\:hover\:text-red-900:hover {
+    color: #801b33 !important;
   }
 
-  .xl\:hover\:text-yellow-light:hover {
-    color: #fff382 !important;
+  .xl\:hover\:text-orange-100:hover {
+    color: #fffaef !important;
   }
 
-  .xl\:hover\:text-yellow-lighter:hover {
-    color: #fff9c2 !important;
+  .xl\:hover\:text-orange-200:hover {
+    color: #fee8c1 !important;
   }
 
-  .xl\:hover\:text-yellow-lightest:hover {
-    color: #fcfbeb !important;
+  .xl\:hover\:text-orange-300:hover {
+    color: #fbd087 !important;
   }
 
-  .xl\:hover\:text-green-darkest:hover {
-    color: #0f2f21 !important;
+  .xl\:hover\:text-orange-400:hover {
+    color: #f6aa4f !important;
   }
 
-  .xl\:hover\:text-green-darker:hover {
-    color: #1a4731 !important;
+  .xl\:hover\:text-orange-500:hover {
+    color: #ec832b !important;
   }
 
-  .xl\:hover\:text-green-dark:hover {
-    color: #1f9d55 !important;
+  .xl\:hover\:text-orange-600:hover {
+    color: #df6d22 !important;
   }
 
-  .xl\:hover\:text-green:hover {
-    color: #38c172 !important;
+  .xl\:hover\:text-orange-700:hover {
+    color: #c55822 !important;
   }
 
-  .xl\:hover\:text-green-light:hover {
-    color: #51d88a !important;
+  .xl\:hover\:text-orange-800:hover {
+    color: #9f4423 !important;
   }
 
-  .xl\:hover\:text-green-lighter:hover {
-    color: #a2f5bf !important;
+  .xl\:hover\:text-orange-900:hover {
+    color: #70311e !important;
   }
 
-  .xl\:hover\:text-green-lightest:hover {
-    color: #e3fcec !important;
+  .xl\:hover\:text-yellow-100:hover {
+    color: #ffffeb !important;
   }
 
-  .xl\:hover\:text-teal-darkest:hover {
-    color: #0d3331 !important;
+  .xl\:hover\:text-yellow-200:hover {
+    color: #fefcbf !important;
   }
 
-  .xl\:hover\:text-teal-darker:hover {
-    color: #20504f !important;
+  .xl\:hover\:text-yellow-300:hover {
+    color: #fbf189 !important;
   }
 
-  .xl\:hover\:text-teal-dark:hover {
-    color: #38a89d !important;
+  .xl\:hover\:text-yellow-400:hover {
+    color: #f6e05e !important;
   }
 
-  .xl\:hover\:text-teal:hover {
-    color: #4dc0b5 !important;
+  .xl\:hover\:text-yellow-500:hover {
+    color: #ebc743 !important;
   }
 
-  .xl\:hover\:text-teal-light:hover {
-    color: #64d5ca !important;
+  .xl\:hover\:text-yellow-600:hover {
+    color: #d69e2e !important;
   }
 
-  .xl\:hover\:text-teal-lighter:hover {
-    color: #a0f0ed !important;
+  .xl\:hover\:text-yellow-700:hover {
+    color: #b7791f !important;
   }
 
-  .xl\:hover\:text-teal-lightest:hover {
-    color: #e8fffe !important;
+  .xl\:hover\:text-yellow-800:hover {
+    color: #8d5415 !important;
   }
 
-  .xl\:hover\:text-blue-darkest:hover {
-    color: #12283a !important;
+  .xl\:hover\:text-yellow-900:hover {
+    color: #66390e !important;
   }
 
-  .xl\:hover\:text-blue-darker:hover {
-    color: #1c3d5a !important;
+  .xl\:hover\:text-green-100:hover {
+    color: #e9ffe9 !important;
   }
 
-  .xl\:hover\:text-blue-dark:hover {
-    color: #2779bd !important;
+  .xl\:hover\:text-green-200:hover {
+    color: #c1f5c5 !important;
   }
 
-  .xl\:hover\:text-blue:hover {
-    color: #3490dc !important;
+  .xl\:hover\:text-green-300:hover {
+    color: #9ae6a8 !important;
   }
 
-  .xl\:hover\:text-blue-light:hover {
-    color: #6cb2eb !important;
+  .xl\:hover\:text-green-400:hover {
+    color: #68d391 !important;
   }
 
-  .xl\:hover\:text-blue-lighter:hover {
-    color: #bcdefa !important;
+  .xl\:hover\:text-green-500:hover {
+    color: #48bb87 !important;
   }
 
-  .xl\:hover\:text-blue-lightest:hover {
-    color: #eff8ff !important;
+  .xl\:hover\:text-green-600:hover {
+    color: #38a181 !important;
   }
 
-  .xl\:hover\:text-indigo-darkest:hover {
-    color: #191e38 !important;
+  .xl\:hover\:text-green-700:hover {
+    color: #2f8572 !important;
   }
 
-  .xl\:hover\:text-indigo-darker:hover {
-    color: #2f365f !important;
+  .xl\:hover\:text-green-800:hover {
+    color: #28695c !important;
   }
 
-  .xl\:hover\:text-indigo-dark:hover {
-    color: #5661b3 !important;
+  .xl\:hover\:text-green-900:hover {
+    color: #22544b !important;
   }
 
-  .xl\:hover\:text-indigo:hover {
-    color: #6574cd !important;
+  .xl\:hover\:text-blue-100:hover {
+    color: #f1fafd !important;
   }
 
-  .xl\:hover\:text-indigo-light:hover {
-    color: #7886d7 !important;
+  .xl\:hover\:text-blue-200:hover {
+    color: #caedfa !important;
   }
 
-  .xl\:hover\:text-indigo-lighter:hover {
-    color: #b2b7ff !important;
+  .xl\:hover\:text-blue-300:hover {
+    color: #87d3f3 !important;
   }
 
-  .xl\:hover\:text-indigo-lightest:hover {
-    color: #e6e8ff !important;
+  .xl\:hover\:text-blue-400:hover {
+    color: #57b9ec !important;
   }
 
-  .xl\:hover\:text-purple-darkest:hover {
-    color: #21183c !important;
+  .xl\:hover\:text-blue-500:hover {
+    color: #3a9adf !important;
   }
 
-  .xl\:hover\:text-purple-darker:hover {
-    color: #382b5f !important;
+  .xl\:hover\:text-blue-600:hover {
+    color: #2b7cc4 !important;
   }
 
-  .xl\:hover\:text-purple-dark:hover {
-    color: #794acf !important;
+  .xl\:hover\:text-blue-700:hover {
+    color: #2762a3 !important;
   }
 
-  .xl\:hover\:text-purple:hover {
-    color: #9561e2 !important;
+  .xl\:hover\:text-blue-800:hover {
+    color: #284f81 !important;
   }
 
-  .xl\:hover\:text-purple-light:hover {
-    color: #a779e9 !important;
+  .xl\:hover\:text-blue-900:hover {
+    color: #294468 !important;
   }
 
-  .xl\:hover\:text-purple-lighter:hover {
-    color: #d6bbfc !important;
+  .xl\:hover\:text-indigo-100:hover {
+    color: #eef6ff !important;
   }
 
-  .xl\:hover\:text-purple-lightest:hover {
-    color: #f3ebff !important;
+  .xl\:hover\:text-indigo-200:hover {
+    color: #cbe0f9 !important;
   }
 
-  .xl\:hover\:text-pink-darkest:hover {
-    color: #451225 !important;
+  .xl\:hover\:text-indigo-300:hover {
+    color: #a6c5f0 !important;
   }
 
-  .xl\:hover\:text-pink-darker:hover {
-    color: #6f213f !important;
+  .xl\:hover\:text-indigo-400:hover {
+    color: #82a2e3 !important;
   }
 
-  .xl\:hover\:text-pink-dark:hover {
-    color: #eb5286 !important;
+  .xl\:hover\:text-indigo-500:hover {
+    color: #6d80d3 !important;
   }
 
-  .xl\:hover\:text-pink:hover {
-    color: #f66d9b !important;
+  .xl\:hover\:text-indigo-600:hover {
+    color: #5e68bc !important;
   }
 
-  .xl\:hover\:text-pink-light:hover {
-    color: #fa7ea8 !important;
+  .xl\:hover\:text-indigo-700:hover {
+    color: #5154a1 !important;
   }
 
-  .xl\:hover\:text-pink-lighter:hover {
-    color: #ffbbca !important;
+  .xl\:hover\:text-indigo-800:hover {
+    color: #42417f !important;
   }
 
-  .xl\:hover\:text-pink-lightest:hover {
-    color: #ffebef !important;
+  .xl\:hover\:text-indigo-900:hover {
+    color: #37366a !important;
+  }
+
+  .xl\:hover\:text-purple-100:hover {
+    color: #faf5ff !important;
+  }
+
+  .xl\:hover\:text-purple-200:hover {
+    color: #eddffd !important;
+  }
+
+  .xl\:hover\:text-purple-300:hover {
+    color: #dcc7fb !important;
+  }
+
+  .xl\:hover\:text-purple-400:hover {
+    color: #b18af4 !important;
+  }
+
+  .xl\:hover\:text-purple-500:hover {
+    color: #976de9 !important;
+  }
+
+  .xl\:hover\:text-purple-600:hover {
+    color: #7c54d5 !important;
+  }
+
+  .xl\:hover\:text-purple-700:hover {
+    color: #6845b9 !important;
+  }
+
+  .xl\:hover\:text-purple-800:hover {
+    color: #4d368a !important;
+  }
+
+  .xl\:hover\:text-purple-900:hover {
+    color: #3b2c6c !important;
+  }
+
+  .xl\:hover\:text-pink-100:hover {
+    color: #fff2f4 !important;
+  }
+
+  .xl\:hover\:text-pink-200:hover {
+    color: #fedee4 !important;
+  }
+
+  .xl\:hover\:text-pink-300:hover {
+    color: #fcbccb !important;
+  }
+
+  .xl\:hover\:text-pink-400:hover {
+    color: #f786a7 !important;
+  }
+
+  .xl\:hover\:text-pink-500:hover {
+    color: #ed588b !important;
+  }
+
+  .xl\:hover\:text-pink-600:hover {
+    color: #d9447b !important;
+  }
+
+  .xl\:hover\:text-pink-700:hover {
+    color: #b32f62 !important;
+  }
+
+  .xl\:hover\:text-pink-800:hover {
+    color: #8d2450 !important;
+  }
+
+  .xl\:hover\:text-pink-900:hover {
+    color: #741c46 !important;
+  }
+
+  .xl\:hover\:text-grey-100:hover {
+    color: #f8fcfe !important;
+  }
+
+  .xl\:hover\:text-grey-200:hover {
+    color: #f1f5fb !important;
+  }
+
+  .xl\:hover\:text-grey-300:hover {
+    color: #e2e9f0 !important;
+  }
+
+  .xl\:hover\:text-grey-400:hover {
+    color: #bbc5cf !important;
+  }
+
+  .xl\:hover\:text-grey-500:hover {
+    color: #a3b0bd !important;
+  }
+
+  .xl\:hover\:text-grey-600:hover {
+    color: #7a8996 !important;
+  }
+
+  .xl\:hover\:text-grey-700:hover {
+    color: #5a6977 !important;
+  }
+
+  .xl\:hover\:text-grey-800:hover {
+    color: #2e3a45 !important;
+  }
+
+  .xl\:hover\:text-grey-900:hover {
+    color: #1f2830 !important;
   }
 
   .xl\:focus\:text-transparent:focus {
@@ -30059,291 +33582,371 @@ samp {
   }
 
   .xl\:focus\:text-black:focus {
-    color: #22292f !important;
-  }
-
-  .xl\:focus\:text-grey-darkest:focus {
-    color: #3d4852 !important;
-  }
-
-  .xl\:focus\:text-grey-darker:focus {
-    color: #606f7b !important;
-  }
-
-  .xl\:focus\:text-grey-dark:focus {
-    color: #8795a1 !important;
-  }
-
-  .xl\:focus\:text-grey:focus {
-    color: #b8c2cc !important;
-  }
-
-  .xl\:focus\:text-grey-light:focus {
-    color: #dae1e7 !important;
-  }
-
-  .xl\:focus\:text-grey-lighter:focus {
-    color: #f1f5f8 !important;
-  }
-
-  .xl\:focus\:text-grey-lightest:focus {
-    color: #f8fafc !important;
+    color: #000 !important;
   }
 
   .xl\:focus\:text-white:focus {
     color: #fff !important;
   }
 
-  .xl\:focus\:text-red-darkest:focus {
-    color: #3b0d0c !important;
+  .xl\:focus\:text-teal-100:focus {
+    color: #ebfffc !important;
   }
 
-  .xl\:focus\:text-red-darker:focus {
-    color: #621b18 !important;
+  .xl\:focus\:text-teal-200:focus {
+    color: #b3f1e9 !important;
   }
 
-  .xl\:focus\:text-red-dark:focus {
-    color: #cc1f1a !important;
+  .xl\:focus\:text-teal-300:focus {
+    color: #82e1d7 !important;
   }
 
-  .xl\:focus\:text-red:focus {
-    color: #e3342f !important;
+  .xl\:focus\:text-teal-400:focus {
+    color: #60cfc5 !important;
   }
 
-  .xl\:focus\:text-red-light:focus {
-    color: #ef5753 !important;
+  .xl\:focus\:text-teal-500:focus {
+    color: #49bab2 !important;
   }
 
-  .xl\:focus\:text-red-lighter:focus {
-    color: #f9acaa !important;
+  .xl\:focus\:text-teal-600:focus {
+    color: #3ea39f !important;
   }
 
-  .xl\:focus\:text-red-lightest:focus {
-    color: #fcebea !important;
+  .xl\:focus\:text-teal-700:focus {
+    color: #378786 !important;
   }
 
-  .xl\:focus\:text-orange-darkest:focus {
-    color: #462a16 !important;
+  .xl\:focus\:text-teal-800:focus {
+    color: #316769 !important;
   }
 
-  .xl\:focus\:text-orange-darker:focus {
-    color: #613b1f !important;
+  .xl\:focus\:text-teal-900:focus {
+    color: #265152 !important;
   }
 
-  .xl\:focus\:text-orange-dark:focus {
-    color: #de751f !important;
+  .xl\:focus\:text-red-100:focus {
+    color: #fff5f5 !important;
   }
 
-  .xl\:focus\:text-orange:focus {
-    color: #f6993f !important;
+  .xl\:focus\:text-red-200:focus {
+    color: #fee3e3 !important;
   }
 
-  .xl\:focus\:text-orange-light:focus {
-    color: #faad63 !important;
+  .xl\:focus\:text-red-300:focus {
+    color: #febcbc !important;
   }
 
-  .xl\:focus\:text-orange-lighter:focus {
-    color: #fcd9b6 !important;
+  .xl\:focus\:text-red-400:focus {
+    color: #fd9292 !important;
   }
 
-  .xl\:focus\:text-orange-lightest:focus {
-    color: #fff5eb !important;
+  .xl\:focus\:text-red-500:focus {
+    color: #f95e5f !important;
   }
 
-  .xl\:focus\:text-yellow-darkest:focus {
-    color: #453411 !important;
+  .xl\:focus\:text-red-600:focus {
+    color: #ec454e !important;
   }
 
-  .xl\:focus\:text-yellow-darker:focus {
-    color: #684f1d !important;
+  .xl\:focus\:text-red-700:focus {
+    color: #dc3448 !important;
   }
 
-  .xl\:focus\:text-yellow-dark:focus {
-    color: #f2d024 !important;
+  .xl\:focus\:text-red-800:focus {
+    color: #b4203b !important;
   }
 
-  .xl\:focus\:text-yellow:focus {
-    color: #ffed4a !important;
+  .xl\:focus\:text-red-900:focus {
+    color: #801b33 !important;
   }
 
-  .xl\:focus\:text-yellow-light:focus {
-    color: #fff382 !important;
+  .xl\:focus\:text-orange-100:focus {
+    color: #fffaef !important;
   }
 
-  .xl\:focus\:text-yellow-lighter:focus {
-    color: #fff9c2 !important;
+  .xl\:focus\:text-orange-200:focus {
+    color: #fee8c1 !important;
   }
 
-  .xl\:focus\:text-yellow-lightest:focus {
-    color: #fcfbeb !important;
+  .xl\:focus\:text-orange-300:focus {
+    color: #fbd087 !important;
   }
 
-  .xl\:focus\:text-green-darkest:focus {
-    color: #0f2f21 !important;
+  .xl\:focus\:text-orange-400:focus {
+    color: #f6aa4f !important;
   }
 
-  .xl\:focus\:text-green-darker:focus {
-    color: #1a4731 !important;
+  .xl\:focus\:text-orange-500:focus {
+    color: #ec832b !important;
   }
 
-  .xl\:focus\:text-green-dark:focus {
-    color: #1f9d55 !important;
+  .xl\:focus\:text-orange-600:focus {
+    color: #df6d22 !important;
   }
 
-  .xl\:focus\:text-green:focus {
-    color: #38c172 !important;
+  .xl\:focus\:text-orange-700:focus {
+    color: #c55822 !important;
   }
 
-  .xl\:focus\:text-green-light:focus {
-    color: #51d88a !important;
+  .xl\:focus\:text-orange-800:focus {
+    color: #9f4423 !important;
   }
 
-  .xl\:focus\:text-green-lighter:focus {
-    color: #a2f5bf !important;
+  .xl\:focus\:text-orange-900:focus {
+    color: #70311e !important;
   }
 
-  .xl\:focus\:text-green-lightest:focus {
-    color: #e3fcec !important;
+  .xl\:focus\:text-yellow-100:focus {
+    color: #ffffeb !important;
   }
 
-  .xl\:focus\:text-teal-darkest:focus {
-    color: #0d3331 !important;
+  .xl\:focus\:text-yellow-200:focus {
+    color: #fefcbf !important;
   }
 
-  .xl\:focus\:text-teal-darker:focus {
-    color: #20504f !important;
+  .xl\:focus\:text-yellow-300:focus {
+    color: #fbf189 !important;
   }
 
-  .xl\:focus\:text-teal-dark:focus {
-    color: #38a89d !important;
+  .xl\:focus\:text-yellow-400:focus {
+    color: #f6e05e !important;
   }
 
-  .xl\:focus\:text-teal:focus {
-    color: #4dc0b5 !important;
+  .xl\:focus\:text-yellow-500:focus {
+    color: #ebc743 !important;
   }
 
-  .xl\:focus\:text-teal-light:focus {
-    color: #64d5ca !important;
+  .xl\:focus\:text-yellow-600:focus {
+    color: #d69e2e !important;
   }
 
-  .xl\:focus\:text-teal-lighter:focus {
-    color: #a0f0ed !important;
+  .xl\:focus\:text-yellow-700:focus {
+    color: #b7791f !important;
   }
 
-  .xl\:focus\:text-teal-lightest:focus {
-    color: #e8fffe !important;
+  .xl\:focus\:text-yellow-800:focus {
+    color: #8d5415 !important;
   }
 
-  .xl\:focus\:text-blue-darkest:focus {
-    color: #12283a !important;
+  .xl\:focus\:text-yellow-900:focus {
+    color: #66390e !important;
   }
 
-  .xl\:focus\:text-blue-darker:focus {
-    color: #1c3d5a !important;
+  .xl\:focus\:text-green-100:focus {
+    color: #e9ffe9 !important;
   }
 
-  .xl\:focus\:text-blue-dark:focus {
-    color: #2779bd !important;
+  .xl\:focus\:text-green-200:focus {
+    color: #c1f5c5 !important;
   }
 
-  .xl\:focus\:text-blue:focus {
-    color: #3490dc !important;
+  .xl\:focus\:text-green-300:focus {
+    color: #9ae6a8 !important;
   }
 
-  .xl\:focus\:text-blue-light:focus {
-    color: #6cb2eb !important;
+  .xl\:focus\:text-green-400:focus {
+    color: #68d391 !important;
   }
 
-  .xl\:focus\:text-blue-lighter:focus {
-    color: #bcdefa !important;
+  .xl\:focus\:text-green-500:focus {
+    color: #48bb87 !important;
   }
 
-  .xl\:focus\:text-blue-lightest:focus {
-    color: #eff8ff !important;
+  .xl\:focus\:text-green-600:focus {
+    color: #38a181 !important;
   }
 
-  .xl\:focus\:text-indigo-darkest:focus {
-    color: #191e38 !important;
+  .xl\:focus\:text-green-700:focus {
+    color: #2f8572 !important;
   }
 
-  .xl\:focus\:text-indigo-darker:focus {
-    color: #2f365f !important;
+  .xl\:focus\:text-green-800:focus {
+    color: #28695c !important;
   }
 
-  .xl\:focus\:text-indigo-dark:focus {
-    color: #5661b3 !important;
+  .xl\:focus\:text-green-900:focus {
+    color: #22544b !important;
   }
 
-  .xl\:focus\:text-indigo:focus {
-    color: #6574cd !important;
+  .xl\:focus\:text-blue-100:focus {
+    color: #f1fafd !important;
   }
 
-  .xl\:focus\:text-indigo-light:focus {
-    color: #7886d7 !important;
+  .xl\:focus\:text-blue-200:focus {
+    color: #caedfa !important;
   }
 
-  .xl\:focus\:text-indigo-lighter:focus {
-    color: #b2b7ff !important;
+  .xl\:focus\:text-blue-300:focus {
+    color: #87d3f3 !important;
   }
 
-  .xl\:focus\:text-indigo-lightest:focus {
-    color: #e6e8ff !important;
+  .xl\:focus\:text-blue-400:focus {
+    color: #57b9ec !important;
   }
 
-  .xl\:focus\:text-purple-darkest:focus {
-    color: #21183c !important;
+  .xl\:focus\:text-blue-500:focus {
+    color: #3a9adf !important;
   }
 
-  .xl\:focus\:text-purple-darker:focus {
-    color: #382b5f !important;
+  .xl\:focus\:text-blue-600:focus {
+    color: #2b7cc4 !important;
   }
 
-  .xl\:focus\:text-purple-dark:focus {
-    color: #794acf !important;
+  .xl\:focus\:text-blue-700:focus {
+    color: #2762a3 !important;
   }
 
-  .xl\:focus\:text-purple:focus {
-    color: #9561e2 !important;
+  .xl\:focus\:text-blue-800:focus {
+    color: #284f81 !important;
   }
 
-  .xl\:focus\:text-purple-light:focus {
-    color: #a779e9 !important;
+  .xl\:focus\:text-blue-900:focus {
+    color: #294468 !important;
   }
 
-  .xl\:focus\:text-purple-lighter:focus {
-    color: #d6bbfc !important;
+  .xl\:focus\:text-indigo-100:focus {
+    color: #eef6ff !important;
   }
 
-  .xl\:focus\:text-purple-lightest:focus {
-    color: #f3ebff !important;
+  .xl\:focus\:text-indigo-200:focus {
+    color: #cbe0f9 !important;
   }
 
-  .xl\:focus\:text-pink-darkest:focus {
-    color: #451225 !important;
+  .xl\:focus\:text-indigo-300:focus {
+    color: #a6c5f0 !important;
   }
 
-  .xl\:focus\:text-pink-darker:focus {
-    color: #6f213f !important;
+  .xl\:focus\:text-indigo-400:focus {
+    color: #82a2e3 !important;
   }
 
-  .xl\:focus\:text-pink-dark:focus {
-    color: #eb5286 !important;
+  .xl\:focus\:text-indigo-500:focus {
+    color: #6d80d3 !important;
   }
 
-  .xl\:focus\:text-pink:focus {
-    color: #f66d9b !important;
+  .xl\:focus\:text-indigo-600:focus {
+    color: #5e68bc !important;
   }
 
-  .xl\:focus\:text-pink-light:focus {
-    color: #fa7ea8 !important;
+  .xl\:focus\:text-indigo-700:focus {
+    color: #5154a1 !important;
   }
 
-  .xl\:focus\:text-pink-lighter:focus {
-    color: #ffbbca !important;
+  .xl\:focus\:text-indigo-800:focus {
+    color: #42417f !important;
   }
 
-  .xl\:focus\:text-pink-lightest:focus {
-    color: #ffebef !important;
+  .xl\:focus\:text-indigo-900:focus {
+    color: #37366a !important;
+  }
+
+  .xl\:focus\:text-purple-100:focus {
+    color: #faf5ff !important;
+  }
+
+  .xl\:focus\:text-purple-200:focus {
+    color: #eddffd !important;
+  }
+
+  .xl\:focus\:text-purple-300:focus {
+    color: #dcc7fb !important;
+  }
+
+  .xl\:focus\:text-purple-400:focus {
+    color: #b18af4 !important;
+  }
+
+  .xl\:focus\:text-purple-500:focus {
+    color: #976de9 !important;
+  }
+
+  .xl\:focus\:text-purple-600:focus {
+    color: #7c54d5 !important;
+  }
+
+  .xl\:focus\:text-purple-700:focus {
+    color: #6845b9 !important;
+  }
+
+  .xl\:focus\:text-purple-800:focus {
+    color: #4d368a !important;
+  }
+
+  .xl\:focus\:text-purple-900:focus {
+    color: #3b2c6c !important;
+  }
+
+  .xl\:focus\:text-pink-100:focus {
+    color: #fff2f4 !important;
+  }
+
+  .xl\:focus\:text-pink-200:focus {
+    color: #fedee4 !important;
+  }
+
+  .xl\:focus\:text-pink-300:focus {
+    color: #fcbccb !important;
+  }
+
+  .xl\:focus\:text-pink-400:focus {
+    color: #f786a7 !important;
+  }
+
+  .xl\:focus\:text-pink-500:focus {
+    color: #ed588b !important;
+  }
+
+  .xl\:focus\:text-pink-600:focus {
+    color: #d9447b !important;
+  }
+
+  .xl\:focus\:text-pink-700:focus {
+    color: #b32f62 !important;
+  }
+
+  .xl\:focus\:text-pink-800:focus {
+    color: #8d2450 !important;
+  }
+
+  .xl\:focus\:text-pink-900:focus {
+    color: #741c46 !important;
+  }
+
+  .xl\:focus\:text-grey-100:focus {
+    color: #f8fcfe !important;
+  }
+
+  .xl\:focus\:text-grey-200:focus {
+    color: #f1f5fb !important;
+  }
+
+  .xl\:focus\:text-grey-300:focus {
+    color: #e2e9f0 !important;
+  }
+
+  .xl\:focus\:text-grey-400:focus {
+    color: #bbc5cf !important;
+  }
+
+  .xl\:focus\:text-grey-500:focus {
+    color: #a3b0bd !important;
+  }
+
+  .xl\:focus\:text-grey-600:focus {
+    color: #7a8996 !important;
+  }
+
+  .xl\:focus\:text-grey-700:focus {
+    color: #5a6977 !important;
+  }
+
+  .xl\:focus\:text-grey-800:focus {
+    color: #2e3a45 !important;
+  }
+
+  .xl\:focus\:text-grey-900:focus {
+    color: #1f2830 !important;
   }
 
   .xl\:text-xs {
@@ -30724,6 +34327,6 @@ samp {
 
   .xl\:example {
     font-weight: 700;
-    color: #e3342f;
+    color: #f95e5f;
   }
 }
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index eb0fa0d2c..485256764 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -455,7 +455,7 @@ html {
 *::after {
   border-width: 0;
   border-style: solid;
-  border-color: #dae1e7;
+  border-color: #5a6977;
 }
 
 /**
@@ -602,291 +602,371 @@ samp {
 }
 
 .bg-black {
-  background-color: #22292f;
-}
-
-.bg-grey-darkest {
-  background-color: #3d4852;
-}
-
-.bg-grey-darker {
-  background-color: #606f7b;
-}
-
-.bg-grey-dark {
-  background-color: #8795a1;
-}
-
-.bg-grey {
-  background-color: #b8c2cc;
-}
-
-.bg-grey-light {
-  background-color: #dae1e7;
-}
-
-.bg-grey-lighter {
-  background-color: #f1f5f8;
-}
-
-.bg-grey-lightest {
-  background-color: #f8fafc;
+  background-color: #000;
 }
 
 .bg-white {
   background-color: #fff;
 }
 
-.bg-red-darkest {
-  background-color: #3b0d0c;
+.bg-teal-100 {
+  background-color: #ebfffc;
 }
 
-.bg-red-darker {
-  background-color: #621b18;
+.bg-teal-200 {
+  background-color: #b3f1e9;
 }
 
-.bg-red-dark {
-  background-color: #cc1f1a;
+.bg-teal-300 {
+  background-color: #82e1d7;
 }
 
-.bg-red {
-  background-color: #e3342f;
+.bg-teal-400 {
+  background-color: #60cfc5;
 }
 
-.bg-red-light {
-  background-color: #ef5753;
+.bg-teal-500 {
+  background-color: #49bab2;
 }
 
-.bg-red-lighter {
-  background-color: #f9acaa;
+.bg-teal-600 {
+  background-color: #3ea39f;
 }
 
-.bg-red-lightest {
-  background-color: #fcebea;
+.bg-teal-700 {
+  background-color: #378786;
 }
 
-.bg-orange-darkest {
-  background-color: #462a16;
+.bg-teal-800 {
+  background-color: #316769;
 }
 
-.bg-orange-darker {
-  background-color: #613b1f;
+.bg-teal-900 {
+  background-color: #265152;
 }
 
-.bg-orange-dark {
-  background-color: #de751f;
+.bg-red-100 {
+  background-color: #fff5f5;
 }
 
-.bg-orange {
-  background-color: #f6993f;
+.bg-red-200 {
+  background-color: #fee3e3;
 }
 
-.bg-orange-light {
-  background-color: #faad63;
+.bg-red-300 {
+  background-color: #febcbc;
 }
 
-.bg-orange-lighter {
-  background-color: #fcd9b6;
+.bg-red-400 {
+  background-color: #fd9292;
 }
 
-.bg-orange-lightest {
-  background-color: #fff5eb;
+.bg-red-500 {
+  background-color: #f95e5f;
 }
 
-.bg-yellow-darkest {
-  background-color: #453411;
+.bg-red-600 {
+  background-color: #ec454e;
 }
 
-.bg-yellow-darker {
-  background-color: #684f1d;
+.bg-red-700 {
+  background-color: #dc3448;
 }
 
-.bg-yellow-dark {
-  background-color: #f2d024;
+.bg-red-800 {
+  background-color: #b4203b;
 }
 
-.bg-yellow {
-  background-color: #ffed4a;
+.bg-red-900 {
+  background-color: #801b33;
 }
 
-.bg-yellow-light {
-  background-color: #fff382;
+.bg-orange-100 {
+  background-color: #fffaef;
 }
 
-.bg-yellow-lighter {
-  background-color: #fff9c2;
+.bg-orange-200 {
+  background-color: #fee8c1;
 }
 
-.bg-yellow-lightest {
-  background-color: #fcfbeb;
+.bg-orange-300 {
+  background-color: #fbd087;
 }
 
-.bg-green-darkest {
-  background-color: #0f2f21;
+.bg-orange-400 {
+  background-color: #f6aa4f;
 }
 
-.bg-green-darker {
-  background-color: #1a4731;
+.bg-orange-500 {
+  background-color: #ec832b;
 }
 
-.bg-green-dark {
-  background-color: #1f9d55;
+.bg-orange-600 {
+  background-color: #df6d22;
 }
 
-.bg-green {
-  background-color: #38c172;
+.bg-orange-700 {
+  background-color: #c55822;
 }
 
-.bg-green-light {
-  background-color: #51d88a;
+.bg-orange-800 {
+  background-color: #9f4423;
 }
 
-.bg-green-lighter {
-  background-color: #a2f5bf;
+.bg-orange-900 {
+  background-color: #70311e;
 }
 
-.bg-green-lightest {
-  background-color: #e3fcec;
+.bg-yellow-100 {
+  background-color: #ffffeb;
 }
 
-.bg-teal-darkest {
-  background-color: #0d3331;
+.bg-yellow-200 {
+  background-color: #fefcbf;
 }
 
-.bg-teal-darker {
-  background-color: #20504f;
+.bg-yellow-300 {
+  background-color: #fbf189;
 }
 
-.bg-teal-dark {
-  background-color: #38a89d;
+.bg-yellow-400 {
+  background-color: #f6e05e;
 }
 
-.bg-teal {
-  background-color: #4dc0b5;
+.bg-yellow-500 {
+  background-color: #ebc743;
 }
 
-.bg-teal-light {
-  background-color: #64d5ca;
+.bg-yellow-600 {
+  background-color: #d69e2e;
 }
 
-.bg-teal-lighter {
-  background-color: #a0f0ed;
+.bg-yellow-700 {
+  background-color: #b7791f;
 }
 
-.bg-teal-lightest {
-  background-color: #e8fffe;
+.bg-yellow-800 {
+  background-color: #8d5415;
 }
 
-.bg-blue-darkest {
-  background-color: #12283a;
+.bg-yellow-900 {
+  background-color: #66390e;
 }
 
-.bg-blue-darker {
-  background-color: #1c3d5a;
+.bg-green-100 {
+  background-color: #e9ffe9;
 }
 
-.bg-blue-dark {
-  background-color: #2779bd;
+.bg-green-200 {
+  background-color: #c1f5c5;
 }
 
-.bg-blue {
-  background-color: #3490dc;
+.bg-green-300 {
+  background-color: #9ae6a8;
 }
 
-.bg-blue-light {
-  background-color: #6cb2eb;
+.bg-green-400 {
+  background-color: #68d391;
 }
 
-.bg-blue-lighter {
-  background-color: #bcdefa;
+.bg-green-500 {
+  background-color: #48bb87;
 }
 
-.bg-blue-lightest {
-  background-color: #eff8ff;
+.bg-green-600 {
+  background-color: #38a181;
 }
 
-.bg-indigo-darkest {
-  background-color: #191e38;
+.bg-green-700 {
+  background-color: #2f8572;
 }
 
-.bg-indigo-darker {
-  background-color: #2f365f;
+.bg-green-800 {
+  background-color: #28695c;
 }
 
-.bg-indigo-dark {
-  background-color: #5661b3;
+.bg-green-900 {
+  background-color: #22544b;
 }
 
-.bg-indigo {
-  background-color: #6574cd;
+.bg-blue-100 {
+  background-color: #f1fafd;
 }
 
-.bg-indigo-light {
-  background-color: #7886d7;
+.bg-blue-200 {
+  background-color: #caedfa;
 }
 
-.bg-indigo-lighter {
-  background-color: #b2b7ff;
+.bg-blue-300 {
+  background-color: #87d3f3;
 }
 
-.bg-indigo-lightest {
-  background-color: #e6e8ff;
+.bg-blue-400 {
+  background-color: #57b9ec;
 }
 
-.bg-purple-darkest {
-  background-color: #21183c;
+.bg-blue-500 {
+  background-color: #3a9adf;
 }
 
-.bg-purple-darker {
-  background-color: #382b5f;
+.bg-blue-600 {
+  background-color: #2b7cc4;
 }
 
-.bg-purple-dark {
-  background-color: #794acf;
+.bg-blue-700 {
+  background-color: #2762a3;
 }
 
-.bg-purple {
-  background-color: #9561e2;
+.bg-blue-800 {
+  background-color: #284f81;
 }
 
-.bg-purple-light {
-  background-color: #a779e9;
+.bg-blue-900 {
+  background-color: #294468;
 }
 
-.bg-purple-lighter {
-  background-color: #d6bbfc;
+.bg-indigo-100 {
+  background-color: #eef6ff;
 }
 
-.bg-purple-lightest {
-  background-color: #f3ebff;
+.bg-indigo-200 {
+  background-color: #cbe0f9;
 }
 
-.bg-pink-darkest {
-  background-color: #451225;
+.bg-indigo-300 {
+  background-color: #a6c5f0;
 }
 
-.bg-pink-darker {
-  background-color: #6f213f;
+.bg-indigo-400 {
+  background-color: #82a2e3;
 }
 
-.bg-pink-dark {
-  background-color: #eb5286;
+.bg-indigo-500 {
+  background-color: #6d80d3;
 }
 
-.bg-pink {
-  background-color: #f66d9b;
+.bg-indigo-600 {
+  background-color: #5e68bc;
 }
 
-.bg-pink-light {
-  background-color: #fa7ea8;
+.bg-indigo-700 {
+  background-color: #5154a1;
 }
 
-.bg-pink-lighter {
-  background-color: #ffbbca;
+.bg-indigo-800 {
+  background-color: #42417f;
 }
 
-.bg-pink-lightest {
-  background-color: #ffebef;
+.bg-indigo-900 {
+  background-color: #37366a;
+}
+
+.bg-purple-100 {
+  background-color: #faf5ff;
+}
+
+.bg-purple-200 {
+  background-color: #eddffd;
+}
+
+.bg-purple-300 {
+  background-color: #dcc7fb;
+}
+
+.bg-purple-400 {
+  background-color: #b18af4;
+}
+
+.bg-purple-500 {
+  background-color: #976de9;
+}
+
+.bg-purple-600 {
+  background-color: #7c54d5;
+}
+
+.bg-purple-700 {
+  background-color: #6845b9;
+}
+
+.bg-purple-800 {
+  background-color: #4d368a;
+}
+
+.bg-purple-900 {
+  background-color: #3b2c6c;
+}
+
+.bg-pink-100 {
+  background-color: #fff2f4;
+}
+
+.bg-pink-200 {
+  background-color: #fedee4;
+}
+
+.bg-pink-300 {
+  background-color: #fcbccb;
+}
+
+.bg-pink-400 {
+  background-color: #f786a7;
+}
+
+.bg-pink-500 {
+  background-color: #ed588b;
+}
+
+.bg-pink-600 {
+  background-color: #d9447b;
+}
+
+.bg-pink-700 {
+  background-color: #b32f62;
+}
+
+.bg-pink-800 {
+  background-color: #8d2450;
+}
+
+.bg-pink-900 {
+  background-color: #741c46;
+}
+
+.bg-grey-100 {
+  background-color: #f8fcfe;
+}
+
+.bg-grey-200 {
+  background-color: #f1f5fb;
+}
+
+.bg-grey-300 {
+  background-color: #e2e9f0;
+}
+
+.bg-grey-400 {
+  background-color: #bbc5cf;
+}
+
+.bg-grey-500 {
+  background-color: #a3b0bd;
+}
+
+.bg-grey-600 {
+  background-color: #7a8996;
+}
+
+.bg-grey-700 {
+  background-color: #5a6977;
+}
+
+.bg-grey-800 {
+  background-color: #2e3a45;
+}
+
+.bg-grey-900 {
+  background-color: #1f2830;
 }
 
 .hover\:bg-transparent:hover {
@@ -894,291 +974,371 @@ samp {
 }
 
 .hover\:bg-black:hover {
-  background-color: #22292f;
-}
-
-.hover\:bg-grey-darkest:hover {
-  background-color: #3d4852;
-}
-
-.hover\:bg-grey-darker:hover {
-  background-color: #606f7b;
-}
-
-.hover\:bg-grey-dark:hover {
-  background-color: #8795a1;
-}
-
-.hover\:bg-grey:hover {
-  background-color: #b8c2cc;
-}
-
-.hover\:bg-grey-light:hover {
-  background-color: #dae1e7;
-}
-
-.hover\:bg-grey-lighter:hover {
-  background-color: #f1f5f8;
-}
-
-.hover\:bg-grey-lightest:hover {
-  background-color: #f8fafc;
+  background-color: #000;
 }
 
 .hover\:bg-white:hover {
   background-color: #fff;
 }
 
-.hover\:bg-red-darkest:hover {
-  background-color: #3b0d0c;
+.hover\:bg-teal-100:hover {
+  background-color: #ebfffc;
 }
 
-.hover\:bg-red-darker:hover {
-  background-color: #621b18;
+.hover\:bg-teal-200:hover {
+  background-color: #b3f1e9;
 }
 
-.hover\:bg-red-dark:hover {
-  background-color: #cc1f1a;
+.hover\:bg-teal-300:hover {
+  background-color: #82e1d7;
 }
 
-.hover\:bg-red:hover {
-  background-color: #e3342f;
+.hover\:bg-teal-400:hover {
+  background-color: #60cfc5;
 }
 
-.hover\:bg-red-light:hover {
-  background-color: #ef5753;
+.hover\:bg-teal-500:hover {
+  background-color: #49bab2;
 }
 
-.hover\:bg-red-lighter:hover {
-  background-color: #f9acaa;
+.hover\:bg-teal-600:hover {
+  background-color: #3ea39f;
 }
 
-.hover\:bg-red-lightest:hover {
-  background-color: #fcebea;
+.hover\:bg-teal-700:hover {
+  background-color: #378786;
 }
 
-.hover\:bg-orange-darkest:hover {
-  background-color: #462a16;
+.hover\:bg-teal-800:hover {
+  background-color: #316769;
 }
 
-.hover\:bg-orange-darker:hover {
-  background-color: #613b1f;
+.hover\:bg-teal-900:hover {
+  background-color: #265152;
 }
 
-.hover\:bg-orange-dark:hover {
-  background-color: #de751f;
+.hover\:bg-red-100:hover {
+  background-color: #fff5f5;
 }
 
-.hover\:bg-orange:hover {
-  background-color: #f6993f;
+.hover\:bg-red-200:hover {
+  background-color: #fee3e3;
 }
 
-.hover\:bg-orange-light:hover {
-  background-color: #faad63;
+.hover\:bg-red-300:hover {
+  background-color: #febcbc;
 }
 
-.hover\:bg-orange-lighter:hover {
-  background-color: #fcd9b6;
+.hover\:bg-red-400:hover {
+  background-color: #fd9292;
 }
 
-.hover\:bg-orange-lightest:hover {
-  background-color: #fff5eb;
+.hover\:bg-red-500:hover {
+  background-color: #f95e5f;
 }
 
-.hover\:bg-yellow-darkest:hover {
-  background-color: #453411;
+.hover\:bg-red-600:hover {
+  background-color: #ec454e;
 }
 
-.hover\:bg-yellow-darker:hover {
-  background-color: #684f1d;
+.hover\:bg-red-700:hover {
+  background-color: #dc3448;
 }
 
-.hover\:bg-yellow-dark:hover {
-  background-color: #f2d024;
+.hover\:bg-red-800:hover {
+  background-color: #b4203b;
 }
 
-.hover\:bg-yellow:hover {
-  background-color: #ffed4a;
+.hover\:bg-red-900:hover {
+  background-color: #801b33;
 }
 
-.hover\:bg-yellow-light:hover {
-  background-color: #fff382;
+.hover\:bg-orange-100:hover {
+  background-color: #fffaef;
 }
 
-.hover\:bg-yellow-lighter:hover {
-  background-color: #fff9c2;
+.hover\:bg-orange-200:hover {
+  background-color: #fee8c1;
 }
 
-.hover\:bg-yellow-lightest:hover {
-  background-color: #fcfbeb;
+.hover\:bg-orange-300:hover {
+  background-color: #fbd087;
 }
 
-.hover\:bg-green-darkest:hover {
-  background-color: #0f2f21;
+.hover\:bg-orange-400:hover {
+  background-color: #f6aa4f;
 }
 
-.hover\:bg-green-darker:hover {
-  background-color: #1a4731;
+.hover\:bg-orange-500:hover {
+  background-color: #ec832b;
 }
 
-.hover\:bg-green-dark:hover {
-  background-color: #1f9d55;
+.hover\:bg-orange-600:hover {
+  background-color: #df6d22;
 }
 
-.hover\:bg-green:hover {
-  background-color: #38c172;
+.hover\:bg-orange-700:hover {
+  background-color: #c55822;
 }
 
-.hover\:bg-green-light:hover {
-  background-color: #51d88a;
+.hover\:bg-orange-800:hover {
+  background-color: #9f4423;
 }
 
-.hover\:bg-green-lighter:hover {
-  background-color: #a2f5bf;
+.hover\:bg-orange-900:hover {
+  background-color: #70311e;
 }
 
-.hover\:bg-green-lightest:hover {
-  background-color: #e3fcec;
+.hover\:bg-yellow-100:hover {
+  background-color: #ffffeb;
 }
 
-.hover\:bg-teal-darkest:hover {
-  background-color: #0d3331;
+.hover\:bg-yellow-200:hover {
+  background-color: #fefcbf;
 }
 
-.hover\:bg-teal-darker:hover {
-  background-color: #20504f;
+.hover\:bg-yellow-300:hover {
+  background-color: #fbf189;
 }
 
-.hover\:bg-teal-dark:hover {
-  background-color: #38a89d;
+.hover\:bg-yellow-400:hover {
+  background-color: #f6e05e;
 }
 
-.hover\:bg-teal:hover {
-  background-color: #4dc0b5;
+.hover\:bg-yellow-500:hover {
+  background-color: #ebc743;
 }
 
-.hover\:bg-teal-light:hover {
-  background-color: #64d5ca;
+.hover\:bg-yellow-600:hover {
+  background-color: #d69e2e;
 }
 
-.hover\:bg-teal-lighter:hover {
-  background-color: #a0f0ed;
+.hover\:bg-yellow-700:hover {
+  background-color: #b7791f;
 }
 
-.hover\:bg-teal-lightest:hover {
-  background-color: #e8fffe;
+.hover\:bg-yellow-800:hover {
+  background-color: #8d5415;
 }
 
-.hover\:bg-blue-darkest:hover {
-  background-color: #12283a;
+.hover\:bg-yellow-900:hover {
+  background-color: #66390e;
 }
 
-.hover\:bg-blue-darker:hover {
-  background-color: #1c3d5a;
+.hover\:bg-green-100:hover {
+  background-color: #e9ffe9;
 }
 
-.hover\:bg-blue-dark:hover {
-  background-color: #2779bd;
+.hover\:bg-green-200:hover {
+  background-color: #c1f5c5;
 }
 
-.hover\:bg-blue:hover {
-  background-color: #3490dc;
+.hover\:bg-green-300:hover {
+  background-color: #9ae6a8;
 }
 
-.hover\:bg-blue-light:hover {
-  background-color: #6cb2eb;
+.hover\:bg-green-400:hover {
+  background-color: #68d391;
 }
 
-.hover\:bg-blue-lighter:hover {
-  background-color: #bcdefa;
+.hover\:bg-green-500:hover {
+  background-color: #48bb87;
 }
 
-.hover\:bg-blue-lightest:hover {
-  background-color: #eff8ff;
+.hover\:bg-green-600:hover {
+  background-color: #38a181;
 }
 
-.hover\:bg-indigo-darkest:hover {
-  background-color: #191e38;
+.hover\:bg-green-700:hover {
+  background-color: #2f8572;
 }
 
-.hover\:bg-indigo-darker:hover {
-  background-color: #2f365f;
+.hover\:bg-green-800:hover {
+  background-color: #28695c;
 }
 
-.hover\:bg-indigo-dark:hover {
-  background-color: #5661b3;
+.hover\:bg-green-900:hover {
+  background-color: #22544b;
 }
 
-.hover\:bg-indigo:hover {
-  background-color: #6574cd;
+.hover\:bg-blue-100:hover {
+  background-color: #f1fafd;
 }
 
-.hover\:bg-indigo-light:hover {
-  background-color: #7886d7;
+.hover\:bg-blue-200:hover {
+  background-color: #caedfa;
 }
 
-.hover\:bg-indigo-lighter:hover {
-  background-color: #b2b7ff;
+.hover\:bg-blue-300:hover {
+  background-color: #87d3f3;
 }
 
-.hover\:bg-indigo-lightest:hover {
-  background-color: #e6e8ff;
+.hover\:bg-blue-400:hover {
+  background-color: #57b9ec;
 }
 
-.hover\:bg-purple-darkest:hover {
-  background-color: #21183c;
+.hover\:bg-blue-500:hover {
+  background-color: #3a9adf;
 }
 
-.hover\:bg-purple-darker:hover {
-  background-color: #382b5f;
+.hover\:bg-blue-600:hover {
+  background-color: #2b7cc4;
 }
 
-.hover\:bg-purple-dark:hover {
-  background-color: #794acf;
+.hover\:bg-blue-700:hover {
+  background-color: #2762a3;
 }
 
-.hover\:bg-purple:hover {
-  background-color: #9561e2;
+.hover\:bg-blue-800:hover {
+  background-color: #284f81;
 }
 
-.hover\:bg-purple-light:hover {
-  background-color: #a779e9;
+.hover\:bg-blue-900:hover {
+  background-color: #294468;
 }
 
-.hover\:bg-purple-lighter:hover {
-  background-color: #d6bbfc;
+.hover\:bg-indigo-100:hover {
+  background-color: #eef6ff;
 }
 
-.hover\:bg-purple-lightest:hover {
-  background-color: #f3ebff;
+.hover\:bg-indigo-200:hover {
+  background-color: #cbe0f9;
 }
 
-.hover\:bg-pink-darkest:hover {
-  background-color: #451225;
+.hover\:bg-indigo-300:hover {
+  background-color: #a6c5f0;
 }
 
-.hover\:bg-pink-darker:hover {
-  background-color: #6f213f;
+.hover\:bg-indigo-400:hover {
+  background-color: #82a2e3;
 }
 
-.hover\:bg-pink-dark:hover {
-  background-color: #eb5286;
+.hover\:bg-indigo-500:hover {
+  background-color: #6d80d3;
 }
 
-.hover\:bg-pink:hover {
-  background-color: #f66d9b;
+.hover\:bg-indigo-600:hover {
+  background-color: #5e68bc;
 }
 
-.hover\:bg-pink-light:hover {
-  background-color: #fa7ea8;
+.hover\:bg-indigo-700:hover {
+  background-color: #5154a1;
 }
 
-.hover\:bg-pink-lighter:hover {
-  background-color: #ffbbca;
+.hover\:bg-indigo-800:hover {
+  background-color: #42417f;
 }
 
-.hover\:bg-pink-lightest:hover {
-  background-color: #ffebef;
+.hover\:bg-indigo-900:hover {
+  background-color: #37366a;
+}
+
+.hover\:bg-purple-100:hover {
+  background-color: #faf5ff;
+}
+
+.hover\:bg-purple-200:hover {
+  background-color: #eddffd;
+}
+
+.hover\:bg-purple-300:hover {
+  background-color: #dcc7fb;
+}
+
+.hover\:bg-purple-400:hover {
+  background-color: #b18af4;
+}
+
+.hover\:bg-purple-500:hover {
+  background-color: #976de9;
+}
+
+.hover\:bg-purple-600:hover {
+  background-color: #7c54d5;
+}
+
+.hover\:bg-purple-700:hover {
+  background-color: #6845b9;
+}
+
+.hover\:bg-purple-800:hover {
+  background-color: #4d368a;
+}
+
+.hover\:bg-purple-900:hover {
+  background-color: #3b2c6c;
+}
+
+.hover\:bg-pink-100:hover {
+  background-color: #fff2f4;
+}
+
+.hover\:bg-pink-200:hover {
+  background-color: #fedee4;
+}
+
+.hover\:bg-pink-300:hover {
+  background-color: #fcbccb;
+}
+
+.hover\:bg-pink-400:hover {
+  background-color: #f786a7;
+}
+
+.hover\:bg-pink-500:hover {
+  background-color: #ed588b;
+}
+
+.hover\:bg-pink-600:hover {
+  background-color: #d9447b;
+}
+
+.hover\:bg-pink-700:hover {
+  background-color: #b32f62;
+}
+
+.hover\:bg-pink-800:hover {
+  background-color: #8d2450;
+}
+
+.hover\:bg-pink-900:hover {
+  background-color: #741c46;
+}
+
+.hover\:bg-grey-100:hover {
+  background-color: #f8fcfe;
+}
+
+.hover\:bg-grey-200:hover {
+  background-color: #f1f5fb;
+}
+
+.hover\:bg-grey-300:hover {
+  background-color: #e2e9f0;
+}
+
+.hover\:bg-grey-400:hover {
+  background-color: #bbc5cf;
+}
+
+.hover\:bg-grey-500:hover {
+  background-color: #a3b0bd;
+}
+
+.hover\:bg-grey-600:hover {
+  background-color: #7a8996;
+}
+
+.hover\:bg-grey-700:hover {
+  background-color: #5a6977;
+}
+
+.hover\:bg-grey-800:hover {
+  background-color: #2e3a45;
+}
+
+.hover\:bg-grey-900:hover {
+  background-color: #1f2830;
 }
 
 .focus\:bg-transparent:focus {
@@ -1186,291 +1346,371 @@ samp {
 }
 
 .focus\:bg-black:focus {
-  background-color: #22292f;
-}
-
-.focus\:bg-grey-darkest:focus {
-  background-color: #3d4852;
-}
-
-.focus\:bg-grey-darker:focus {
-  background-color: #606f7b;
-}
-
-.focus\:bg-grey-dark:focus {
-  background-color: #8795a1;
-}
-
-.focus\:bg-grey:focus {
-  background-color: #b8c2cc;
-}
-
-.focus\:bg-grey-light:focus {
-  background-color: #dae1e7;
-}
-
-.focus\:bg-grey-lighter:focus {
-  background-color: #f1f5f8;
-}
-
-.focus\:bg-grey-lightest:focus {
-  background-color: #f8fafc;
+  background-color: #000;
 }
 
 .focus\:bg-white:focus {
   background-color: #fff;
 }
 
-.focus\:bg-red-darkest:focus {
-  background-color: #3b0d0c;
+.focus\:bg-teal-100:focus {
+  background-color: #ebfffc;
 }
 
-.focus\:bg-red-darker:focus {
-  background-color: #621b18;
+.focus\:bg-teal-200:focus {
+  background-color: #b3f1e9;
 }
 
-.focus\:bg-red-dark:focus {
-  background-color: #cc1f1a;
+.focus\:bg-teal-300:focus {
+  background-color: #82e1d7;
 }
 
-.focus\:bg-red:focus {
-  background-color: #e3342f;
+.focus\:bg-teal-400:focus {
+  background-color: #60cfc5;
 }
 
-.focus\:bg-red-light:focus {
-  background-color: #ef5753;
+.focus\:bg-teal-500:focus {
+  background-color: #49bab2;
 }
 
-.focus\:bg-red-lighter:focus {
-  background-color: #f9acaa;
+.focus\:bg-teal-600:focus {
+  background-color: #3ea39f;
 }
 
-.focus\:bg-red-lightest:focus {
-  background-color: #fcebea;
+.focus\:bg-teal-700:focus {
+  background-color: #378786;
 }
 
-.focus\:bg-orange-darkest:focus {
-  background-color: #462a16;
+.focus\:bg-teal-800:focus {
+  background-color: #316769;
 }
 
-.focus\:bg-orange-darker:focus {
-  background-color: #613b1f;
+.focus\:bg-teal-900:focus {
+  background-color: #265152;
 }
 
-.focus\:bg-orange-dark:focus {
-  background-color: #de751f;
+.focus\:bg-red-100:focus {
+  background-color: #fff5f5;
 }
 
-.focus\:bg-orange:focus {
-  background-color: #f6993f;
+.focus\:bg-red-200:focus {
+  background-color: #fee3e3;
 }
 
-.focus\:bg-orange-light:focus {
-  background-color: #faad63;
+.focus\:bg-red-300:focus {
+  background-color: #febcbc;
 }
 
-.focus\:bg-orange-lighter:focus {
-  background-color: #fcd9b6;
+.focus\:bg-red-400:focus {
+  background-color: #fd9292;
 }
 
-.focus\:bg-orange-lightest:focus {
-  background-color: #fff5eb;
+.focus\:bg-red-500:focus {
+  background-color: #f95e5f;
 }
 
-.focus\:bg-yellow-darkest:focus {
-  background-color: #453411;
+.focus\:bg-red-600:focus {
+  background-color: #ec454e;
 }
 
-.focus\:bg-yellow-darker:focus {
-  background-color: #684f1d;
+.focus\:bg-red-700:focus {
+  background-color: #dc3448;
 }
 
-.focus\:bg-yellow-dark:focus {
-  background-color: #f2d024;
+.focus\:bg-red-800:focus {
+  background-color: #b4203b;
 }
 
-.focus\:bg-yellow:focus {
-  background-color: #ffed4a;
+.focus\:bg-red-900:focus {
+  background-color: #801b33;
 }
 
-.focus\:bg-yellow-light:focus {
-  background-color: #fff382;
+.focus\:bg-orange-100:focus {
+  background-color: #fffaef;
 }
 
-.focus\:bg-yellow-lighter:focus {
-  background-color: #fff9c2;
+.focus\:bg-orange-200:focus {
+  background-color: #fee8c1;
 }
 
-.focus\:bg-yellow-lightest:focus {
-  background-color: #fcfbeb;
+.focus\:bg-orange-300:focus {
+  background-color: #fbd087;
 }
 
-.focus\:bg-green-darkest:focus {
-  background-color: #0f2f21;
+.focus\:bg-orange-400:focus {
+  background-color: #f6aa4f;
 }
 
-.focus\:bg-green-darker:focus {
-  background-color: #1a4731;
+.focus\:bg-orange-500:focus {
+  background-color: #ec832b;
 }
 
-.focus\:bg-green-dark:focus {
-  background-color: #1f9d55;
+.focus\:bg-orange-600:focus {
+  background-color: #df6d22;
 }
 
-.focus\:bg-green:focus {
-  background-color: #38c172;
+.focus\:bg-orange-700:focus {
+  background-color: #c55822;
 }
 
-.focus\:bg-green-light:focus {
-  background-color: #51d88a;
+.focus\:bg-orange-800:focus {
+  background-color: #9f4423;
 }
 
-.focus\:bg-green-lighter:focus {
-  background-color: #a2f5bf;
+.focus\:bg-orange-900:focus {
+  background-color: #70311e;
 }
 
-.focus\:bg-green-lightest:focus {
-  background-color: #e3fcec;
+.focus\:bg-yellow-100:focus {
+  background-color: #ffffeb;
 }
 
-.focus\:bg-teal-darkest:focus {
-  background-color: #0d3331;
+.focus\:bg-yellow-200:focus {
+  background-color: #fefcbf;
 }
 
-.focus\:bg-teal-darker:focus {
-  background-color: #20504f;
+.focus\:bg-yellow-300:focus {
+  background-color: #fbf189;
 }
 
-.focus\:bg-teal-dark:focus {
-  background-color: #38a89d;
+.focus\:bg-yellow-400:focus {
+  background-color: #f6e05e;
 }
 
-.focus\:bg-teal:focus {
-  background-color: #4dc0b5;
+.focus\:bg-yellow-500:focus {
+  background-color: #ebc743;
 }
 
-.focus\:bg-teal-light:focus {
-  background-color: #64d5ca;
+.focus\:bg-yellow-600:focus {
+  background-color: #d69e2e;
 }
 
-.focus\:bg-teal-lighter:focus {
-  background-color: #a0f0ed;
+.focus\:bg-yellow-700:focus {
+  background-color: #b7791f;
 }
 
-.focus\:bg-teal-lightest:focus {
-  background-color: #e8fffe;
+.focus\:bg-yellow-800:focus {
+  background-color: #8d5415;
 }
 
-.focus\:bg-blue-darkest:focus {
-  background-color: #12283a;
+.focus\:bg-yellow-900:focus {
+  background-color: #66390e;
 }
 
-.focus\:bg-blue-darker:focus {
-  background-color: #1c3d5a;
+.focus\:bg-green-100:focus {
+  background-color: #e9ffe9;
 }
 
-.focus\:bg-blue-dark:focus {
-  background-color: #2779bd;
+.focus\:bg-green-200:focus {
+  background-color: #c1f5c5;
 }
 
-.focus\:bg-blue:focus {
-  background-color: #3490dc;
+.focus\:bg-green-300:focus {
+  background-color: #9ae6a8;
 }
 
-.focus\:bg-blue-light:focus {
-  background-color: #6cb2eb;
+.focus\:bg-green-400:focus {
+  background-color: #68d391;
 }
 
-.focus\:bg-blue-lighter:focus {
-  background-color: #bcdefa;
+.focus\:bg-green-500:focus {
+  background-color: #48bb87;
 }
 
-.focus\:bg-blue-lightest:focus {
-  background-color: #eff8ff;
+.focus\:bg-green-600:focus {
+  background-color: #38a181;
 }
 
-.focus\:bg-indigo-darkest:focus {
-  background-color: #191e38;
+.focus\:bg-green-700:focus {
+  background-color: #2f8572;
 }
 
-.focus\:bg-indigo-darker:focus {
-  background-color: #2f365f;
+.focus\:bg-green-800:focus {
+  background-color: #28695c;
 }
 
-.focus\:bg-indigo-dark:focus {
-  background-color: #5661b3;
+.focus\:bg-green-900:focus {
+  background-color: #22544b;
 }
 
-.focus\:bg-indigo:focus {
-  background-color: #6574cd;
+.focus\:bg-blue-100:focus {
+  background-color: #f1fafd;
 }
 
-.focus\:bg-indigo-light:focus {
-  background-color: #7886d7;
+.focus\:bg-blue-200:focus {
+  background-color: #caedfa;
 }
 
-.focus\:bg-indigo-lighter:focus {
-  background-color: #b2b7ff;
+.focus\:bg-blue-300:focus {
+  background-color: #87d3f3;
 }
 
-.focus\:bg-indigo-lightest:focus {
-  background-color: #e6e8ff;
+.focus\:bg-blue-400:focus {
+  background-color: #57b9ec;
 }
 
-.focus\:bg-purple-darkest:focus {
-  background-color: #21183c;
+.focus\:bg-blue-500:focus {
+  background-color: #3a9adf;
 }
 
-.focus\:bg-purple-darker:focus {
-  background-color: #382b5f;
+.focus\:bg-blue-600:focus {
+  background-color: #2b7cc4;
 }
 
-.focus\:bg-purple-dark:focus {
-  background-color: #794acf;
+.focus\:bg-blue-700:focus {
+  background-color: #2762a3;
 }
 
-.focus\:bg-purple:focus {
-  background-color: #9561e2;
+.focus\:bg-blue-800:focus {
+  background-color: #284f81;
 }
 
-.focus\:bg-purple-light:focus {
-  background-color: #a779e9;
+.focus\:bg-blue-900:focus {
+  background-color: #294468;
 }
 
-.focus\:bg-purple-lighter:focus {
-  background-color: #d6bbfc;
+.focus\:bg-indigo-100:focus {
+  background-color: #eef6ff;
 }
 
-.focus\:bg-purple-lightest:focus {
-  background-color: #f3ebff;
+.focus\:bg-indigo-200:focus {
+  background-color: #cbe0f9;
 }
 
-.focus\:bg-pink-darkest:focus {
-  background-color: #451225;
+.focus\:bg-indigo-300:focus {
+  background-color: #a6c5f0;
 }
 
-.focus\:bg-pink-darker:focus {
-  background-color: #6f213f;
+.focus\:bg-indigo-400:focus {
+  background-color: #82a2e3;
 }
 
-.focus\:bg-pink-dark:focus {
-  background-color: #eb5286;
+.focus\:bg-indigo-500:focus {
+  background-color: #6d80d3;
 }
 
-.focus\:bg-pink:focus {
-  background-color: #f66d9b;
+.focus\:bg-indigo-600:focus {
+  background-color: #5e68bc;
 }
 
-.focus\:bg-pink-light:focus {
-  background-color: #fa7ea8;
+.focus\:bg-indigo-700:focus {
+  background-color: #5154a1;
 }
 
-.focus\:bg-pink-lighter:focus {
-  background-color: #ffbbca;
+.focus\:bg-indigo-800:focus {
+  background-color: #42417f;
 }
 
-.focus\:bg-pink-lightest:focus {
-  background-color: #ffebef;
+.focus\:bg-indigo-900:focus {
+  background-color: #37366a;
+}
+
+.focus\:bg-purple-100:focus {
+  background-color: #faf5ff;
+}
+
+.focus\:bg-purple-200:focus {
+  background-color: #eddffd;
+}
+
+.focus\:bg-purple-300:focus {
+  background-color: #dcc7fb;
+}
+
+.focus\:bg-purple-400:focus {
+  background-color: #b18af4;
+}
+
+.focus\:bg-purple-500:focus {
+  background-color: #976de9;
+}
+
+.focus\:bg-purple-600:focus {
+  background-color: #7c54d5;
+}
+
+.focus\:bg-purple-700:focus {
+  background-color: #6845b9;
+}
+
+.focus\:bg-purple-800:focus {
+  background-color: #4d368a;
+}
+
+.focus\:bg-purple-900:focus {
+  background-color: #3b2c6c;
+}
+
+.focus\:bg-pink-100:focus {
+  background-color: #fff2f4;
+}
+
+.focus\:bg-pink-200:focus {
+  background-color: #fedee4;
+}
+
+.focus\:bg-pink-300:focus {
+  background-color: #fcbccb;
+}
+
+.focus\:bg-pink-400:focus {
+  background-color: #f786a7;
+}
+
+.focus\:bg-pink-500:focus {
+  background-color: #ed588b;
+}
+
+.focus\:bg-pink-600:focus {
+  background-color: #d9447b;
+}
+
+.focus\:bg-pink-700:focus {
+  background-color: #b32f62;
+}
+
+.focus\:bg-pink-800:focus {
+  background-color: #8d2450;
+}
+
+.focus\:bg-pink-900:focus {
+  background-color: #741c46;
+}
+
+.focus\:bg-grey-100:focus {
+  background-color: #f8fcfe;
+}
+
+.focus\:bg-grey-200:focus {
+  background-color: #f1f5fb;
+}
+
+.focus\:bg-grey-300:focus {
+  background-color: #e2e9f0;
+}
+
+.focus\:bg-grey-400:focus {
+  background-color: #bbc5cf;
+}
+
+.focus\:bg-grey-500:focus {
+  background-color: #a3b0bd;
+}
+
+.focus\:bg-grey-600:focus {
+  background-color: #7a8996;
+}
+
+.focus\:bg-grey-700:focus {
+  background-color: #5a6977;
+}
+
+.focus\:bg-grey-800:focus {
+  background-color: #2e3a45;
+}
+
+.focus\:bg-grey-900:focus {
+  background-color: #1f2830;
 }
 
 .bg-bottom {
@@ -1550,291 +1790,371 @@ samp {
 }
 
 .border-black {
-  border-color: #22292f;
-}
-
-.border-grey-darkest {
-  border-color: #3d4852;
-}
-
-.border-grey-darker {
-  border-color: #606f7b;
-}
-
-.border-grey-dark {
-  border-color: #8795a1;
-}
-
-.border-grey {
-  border-color: #b8c2cc;
-}
-
-.border-grey-light {
-  border-color: #dae1e7;
-}
-
-.border-grey-lighter {
-  border-color: #f1f5f8;
-}
-
-.border-grey-lightest {
-  border-color: #f8fafc;
+  border-color: #000;
 }
 
 .border-white {
   border-color: #fff;
 }
 
-.border-red-darkest {
-  border-color: #3b0d0c;
+.border-teal-100 {
+  border-color: #ebfffc;
 }
 
-.border-red-darker {
-  border-color: #621b18;
+.border-teal-200 {
+  border-color: #b3f1e9;
 }
 
-.border-red-dark {
-  border-color: #cc1f1a;
+.border-teal-300 {
+  border-color: #82e1d7;
 }
 
-.border-red {
-  border-color: #e3342f;
+.border-teal-400 {
+  border-color: #60cfc5;
 }
 
-.border-red-light {
-  border-color: #ef5753;
+.border-teal-500 {
+  border-color: #49bab2;
 }
 
-.border-red-lighter {
-  border-color: #f9acaa;
+.border-teal-600 {
+  border-color: #3ea39f;
 }
 
-.border-red-lightest {
-  border-color: #fcebea;
+.border-teal-700 {
+  border-color: #378786;
 }
 
-.border-orange-darkest {
-  border-color: #462a16;
+.border-teal-800 {
+  border-color: #316769;
 }
 
-.border-orange-darker {
-  border-color: #613b1f;
+.border-teal-900 {
+  border-color: #265152;
 }
 
-.border-orange-dark {
-  border-color: #de751f;
+.border-red-100 {
+  border-color: #fff5f5;
 }
 
-.border-orange {
-  border-color: #f6993f;
+.border-red-200 {
+  border-color: #fee3e3;
 }
 
-.border-orange-light {
-  border-color: #faad63;
+.border-red-300 {
+  border-color: #febcbc;
 }
 
-.border-orange-lighter {
-  border-color: #fcd9b6;
+.border-red-400 {
+  border-color: #fd9292;
 }
 
-.border-orange-lightest {
-  border-color: #fff5eb;
+.border-red-500 {
+  border-color: #f95e5f;
 }
 
-.border-yellow-darkest {
-  border-color: #453411;
+.border-red-600 {
+  border-color: #ec454e;
 }
 
-.border-yellow-darker {
-  border-color: #684f1d;
+.border-red-700 {
+  border-color: #dc3448;
 }
 
-.border-yellow-dark {
-  border-color: #f2d024;
+.border-red-800 {
+  border-color: #b4203b;
 }
 
-.border-yellow {
-  border-color: #ffed4a;
+.border-red-900 {
+  border-color: #801b33;
 }
 
-.border-yellow-light {
-  border-color: #fff382;
+.border-orange-100 {
+  border-color: #fffaef;
 }
 
-.border-yellow-lighter {
-  border-color: #fff9c2;
+.border-orange-200 {
+  border-color: #fee8c1;
 }
 
-.border-yellow-lightest {
-  border-color: #fcfbeb;
+.border-orange-300 {
+  border-color: #fbd087;
 }
 
-.border-green-darkest {
-  border-color: #0f2f21;
+.border-orange-400 {
+  border-color: #f6aa4f;
 }
 
-.border-green-darker {
-  border-color: #1a4731;
+.border-orange-500 {
+  border-color: #ec832b;
 }
 
-.border-green-dark {
-  border-color: #1f9d55;
+.border-orange-600 {
+  border-color: #df6d22;
 }
 
-.border-green {
-  border-color: #38c172;
+.border-orange-700 {
+  border-color: #c55822;
 }
 
-.border-green-light {
-  border-color: #51d88a;
+.border-orange-800 {
+  border-color: #9f4423;
 }
 
-.border-green-lighter {
-  border-color: #a2f5bf;
+.border-orange-900 {
+  border-color: #70311e;
 }
 
-.border-green-lightest {
-  border-color: #e3fcec;
+.border-yellow-100 {
+  border-color: #ffffeb;
 }
 
-.border-teal-darkest {
-  border-color: #0d3331;
+.border-yellow-200 {
+  border-color: #fefcbf;
 }
 
-.border-teal-darker {
-  border-color: #20504f;
+.border-yellow-300 {
+  border-color: #fbf189;
 }
 
-.border-teal-dark {
-  border-color: #38a89d;
+.border-yellow-400 {
+  border-color: #f6e05e;
 }
 
-.border-teal {
-  border-color: #4dc0b5;
+.border-yellow-500 {
+  border-color: #ebc743;
 }
 
-.border-teal-light {
-  border-color: #64d5ca;
+.border-yellow-600 {
+  border-color: #d69e2e;
 }
 
-.border-teal-lighter {
-  border-color: #a0f0ed;
+.border-yellow-700 {
+  border-color: #b7791f;
 }
 
-.border-teal-lightest {
-  border-color: #e8fffe;
+.border-yellow-800 {
+  border-color: #8d5415;
 }
 
-.border-blue-darkest {
-  border-color: #12283a;
+.border-yellow-900 {
+  border-color: #66390e;
 }
 
-.border-blue-darker {
-  border-color: #1c3d5a;
+.border-green-100 {
+  border-color: #e9ffe9;
 }
 
-.border-blue-dark {
-  border-color: #2779bd;
+.border-green-200 {
+  border-color: #c1f5c5;
 }
 
-.border-blue {
-  border-color: #3490dc;
+.border-green-300 {
+  border-color: #9ae6a8;
 }
 
-.border-blue-light {
-  border-color: #6cb2eb;
+.border-green-400 {
+  border-color: #68d391;
 }
 
-.border-blue-lighter {
-  border-color: #bcdefa;
+.border-green-500 {
+  border-color: #48bb87;
 }
 
-.border-blue-lightest {
-  border-color: #eff8ff;
+.border-green-600 {
+  border-color: #38a181;
 }
 
-.border-indigo-darkest {
-  border-color: #191e38;
+.border-green-700 {
+  border-color: #2f8572;
 }
 
-.border-indigo-darker {
-  border-color: #2f365f;
+.border-green-800 {
+  border-color: #28695c;
 }
 
-.border-indigo-dark {
-  border-color: #5661b3;
+.border-green-900 {
+  border-color: #22544b;
 }
 
-.border-indigo {
-  border-color: #6574cd;
+.border-blue-100 {
+  border-color: #f1fafd;
 }
 
-.border-indigo-light {
-  border-color: #7886d7;
+.border-blue-200 {
+  border-color: #caedfa;
 }
 
-.border-indigo-lighter {
-  border-color: #b2b7ff;
+.border-blue-300 {
+  border-color: #87d3f3;
 }
 
-.border-indigo-lightest {
-  border-color: #e6e8ff;
+.border-blue-400 {
+  border-color: #57b9ec;
 }
 
-.border-purple-darkest {
-  border-color: #21183c;
+.border-blue-500 {
+  border-color: #3a9adf;
 }
 
-.border-purple-darker {
-  border-color: #382b5f;
+.border-blue-600 {
+  border-color: #2b7cc4;
 }
 
-.border-purple-dark {
-  border-color: #794acf;
+.border-blue-700 {
+  border-color: #2762a3;
 }
 
-.border-purple {
-  border-color: #9561e2;
+.border-blue-800 {
+  border-color: #284f81;
 }
 
-.border-purple-light {
-  border-color: #a779e9;
+.border-blue-900 {
+  border-color: #294468;
 }
 
-.border-purple-lighter {
-  border-color: #d6bbfc;
+.border-indigo-100 {
+  border-color: #eef6ff;
 }
 
-.border-purple-lightest {
-  border-color: #f3ebff;
+.border-indigo-200 {
+  border-color: #cbe0f9;
 }
 
-.border-pink-darkest {
-  border-color: #451225;
+.border-indigo-300 {
+  border-color: #a6c5f0;
 }
 
-.border-pink-darker {
-  border-color: #6f213f;
+.border-indigo-400 {
+  border-color: #82a2e3;
 }
 
-.border-pink-dark {
-  border-color: #eb5286;
+.border-indigo-500 {
+  border-color: #6d80d3;
 }
 
-.border-pink {
-  border-color: #f66d9b;
+.border-indigo-600 {
+  border-color: #5e68bc;
 }
 
-.border-pink-light {
-  border-color: #fa7ea8;
+.border-indigo-700 {
+  border-color: #5154a1;
 }
 
-.border-pink-lighter {
-  border-color: #ffbbca;
+.border-indigo-800 {
+  border-color: #42417f;
 }
 
-.border-pink-lightest {
-  border-color: #ffebef;
+.border-indigo-900 {
+  border-color: #37366a;
+}
+
+.border-purple-100 {
+  border-color: #faf5ff;
+}
+
+.border-purple-200 {
+  border-color: #eddffd;
+}
+
+.border-purple-300 {
+  border-color: #dcc7fb;
+}
+
+.border-purple-400 {
+  border-color: #b18af4;
+}
+
+.border-purple-500 {
+  border-color: #976de9;
+}
+
+.border-purple-600 {
+  border-color: #7c54d5;
+}
+
+.border-purple-700 {
+  border-color: #6845b9;
+}
+
+.border-purple-800 {
+  border-color: #4d368a;
+}
+
+.border-purple-900 {
+  border-color: #3b2c6c;
+}
+
+.border-pink-100 {
+  border-color: #fff2f4;
+}
+
+.border-pink-200 {
+  border-color: #fedee4;
+}
+
+.border-pink-300 {
+  border-color: #fcbccb;
+}
+
+.border-pink-400 {
+  border-color: #f786a7;
+}
+
+.border-pink-500 {
+  border-color: #ed588b;
+}
+
+.border-pink-600 {
+  border-color: #d9447b;
+}
+
+.border-pink-700 {
+  border-color: #b32f62;
+}
+
+.border-pink-800 {
+  border-color: #8d2450;
+}
+
+.border-pink-900 {
+  border-color: #741c46;
+}
+
+.border-grey-100 {
+  border-color: #f8fcfe;
+}
+
+.border-grey-200 {
+  border-color: #f1f5fb;
+}
+
+.border-grey-300 {
+  border-color: #e2e9f0;
+}
+
+.border-grey-400 {
+  border-color: #bbc5cf;
+}
+
+.border-grey-500 {
+  border-color: #a3b0bd;
+}
+
+.border-grey-600 {
+  border-color: #7a8996;
+}
+
+.border-grey-700 {
+  border-color: #5a6977;
+}
+
+.border-grey-800 {
+  border-color: #2e3a45;
+}
+
+.border-grey-900 {
+  border-color: #1f2830;
 }
 
 .hover\:border-transparent:hover {
@@ -1842,291 +2162,371 @@ samp {
 }
 
 .hover\:border-black:hover {
-  border-color: #22292f;
-}
-
-.hover\:border-grey-darkest:hover {
-  border-color: #3d4852;
-}
-
-.hover\:border-grey-darker:hover {
-  border-color: #606f7b;
-}
-
-.hover\:border-grey-dark:hover {
-  border-color: #8795a1;
-}
-
-.hover\:border-grey:hover {
-  border-color: #b8c2cc;
-}
-
-.hover\:border-grey-light:hover {
-  border-color: #dae1e7;
-}
-
-.hover\:border-grey-lighter:hover {
-  border-color: #f1f5f8;
-}
-
-.hover\:border-grey-lightest:hover {
-  border-color: #f8fafc;
+  border-color: #000;
 }
 
 .hover\:border-white:hover {
   border-color: #fff;
 }
 
-.hover\:border-red-darkest:hover {
-  border-color: #3b0d0c;
+.hover\:border-teal-100:hover {
+  border-color: #ebfffc;
 }
 
-.hover\:border-red-darker:hover {
-  border-color: #621b18;
+.hover\:border-teal-200:hover {
+  border-color: #b3f1e9;
 }
 
-.hover\:border-red-dark:hover {
-  border-color: #cc1f1a;
+.hover\:border-teal-300:hover {
+  border-color: #82e1d7;
 }
 
-.hover\:border-red:hover {
-  border-color: #e3342f;
+.hover\:border-teal-400:hover {
+  border-color: #60cfc5;
 }
 
-.hover\:border-red-light:hover {
-  border-color: #ef5753;
+.hover\:border-teal-500:hover {
+  border-color: #49bab2;
 }
 
-.hover\:border-red-lighter:hover {
-  border-color: #f9acaa;
+.hover\:border-teal-600:hover {
+  border-color: #3ea39f;
 }
 
-.hover\:border-red-lightest:hover {
-  border-color: #fcebea;
+.hover\:border-teal-700:hover {
+  border-color: #378786;
 }
 
-.hover\:border-orange-darkest:hover {
-  border-color: #462a16;
+.hover\:border-teal-800:hover {
+  border-color: #316769;
 }
 
-.hover\:border-orange-darker:hover {
-  border-color: #613b1f;
+.hover\:border-teal-900:hover {
+  border-color: #265152;
 }
 
-.hover\:border-orange-dark:hover {
-  border-color: #de751f;
+.hover\:border-red-100:hover {
+  border-color: #fff5f5;
 }
 
-.hover\:border-orange:hover {
-  border-color: #f6993f;
+.hover\:border-red-200:hover {
+  border-color: #fee3e3;
 }
 
-.hover\:border-orange-light:hover {
-  border-color: #faad63;
+.hover\:border-red-300:hover {
+  border-color: #febcbc;
 }
 
-.hover\:border-orange-lighter:hover {
-  border-color: #fcd9b6;
+.hover\:border-red-400:hover {
+  border-color: #fd9292;
 }
 
-.hover\:border-orange-lightest:hover {
-  border-color: #fff5eb;
+.hover\:border-red-500:hover {
+  border-color: #f95e5f;
 }
 
-.hover\:border-yellow-darkest:hover {
-  border-color: #453411;
+.hover\:border-red-600:hover {
+  border-color: #ec454e;
 }
 
-.hover\:border-yellow-darker:hover {
-  border-color: #684f1d;
+.hover\:border-red-700:hover {
+  border-color: #dc3448;
 }
 
-.hover\:border-yellow-dark:hover {
-  border-color: #f2d024;
+.hover\:border-red-800:hover {
+  border-color: #b4203b;
 }
 
-.hover\:border-yellow:hover {
-  border-color: #ffed4a;
+.hover\:border-red-900:hover {
+  border-color: #801b33;
 }
 
-.hover\:border-yellow-light:hover {
-  border-color: #fff382;
+.hover\:border-orange-100:hover {
+  border-color: #fffaef;
 }
 
-.hover\:border-yellow-lighter:hover {
-  border-color: #fff9c2;
+.hover\:border-orange-200:hover {
+  border-color: #fee8c1;
 }
 
-.hover\:border-yellow-lightest:hover {
-  border-color: #fcfbeb;
+.hover\:border-orange-300:hover {
+  border-color: #fbd087;
 }
 
-.hover\:border-green-darkest:hover {
-  border-color: #0f2f21;
+.hover\:border-orange-400:hover {
+  border-color: #f6aa4f;
 }
 
-.hover\:border-green-darker:hover {
-  border-color: #1a4731;
+.hover\:border-orange-500:hover {
+  border-color: #ec832b;
 }
 
-.hover\:border-green-dark:hover {
-  border-color: #1f9d55;
+.hover\:border-orange-600:hover {
+  border-color: #df6d22;
 }
 
-.hover\:border-green:hover {
-  border-color: #38c172;
+.hover\:border-orange-700:hover {
+  border-color: #c55822;
 }
 
-.hover\:border-green-light:hover {
-  border-color: #51d88a;
+.hover\:border-orange-800:hover {
+  border-color: #9f4423;
 }
 
-.hover\:border-green-lighter:hover {
-  border-color: #a2f5bf;
+.hover\:border-orange-900:hover {
+  border-color: #70311e;
 }
 
-.hover\:border-green-lightest:hover {
-  border-color: #e3fcec;
+.hover\:border-yellow-100:hover {
+  border-color: #ffffeb;
 }
 
-.hover\:border-teal-darkest:hover {
-  border-color: #0d3331;
+.hover\:border-yellow-200:hover {
+  border-color: #fefcbf;
 }
 
-.hover\:border-teal-darker:hover {
-  border-color: #20504f;
+.hover\:border-yellow-300:hover {
+  border-color: #fbf189;
 }
 
-.hover\:border-teal-dark:hover {
-  border-color: #38a89d;
+.hover\:border-yellow-400:hover {
+  border-color: #f6e05e;
 }
 
-.hover\:border-teal:hover {
-  border-color: #4dc0b5;
+.hover\:border-yellow-500:hover {
+  border-color: #ebc743;
 }
 
-.hover\:border-teal-light:hover {
-  border-color: #64d5ca;
+.hover\:border-yellow-600:hover {
+  border-color: #d69e2e;
 }
 
-.hover\:border-teal-lighter:hover {
-  border-color: #a0f0ed;
+.hover\:border-yellow-700:hover {
+  border-color: #b7791f;
 }
 
-.hover\:border-teal-lightest:hover {
-  border-color: #e8fffe;
+.hover\:border-yellow-800:hover {
+  border-color: #8d5415;
 }
 
-.hover\:border-blue-darkest:hover {
-  border-color: #12283a;
+.hover\:border-yellow-900:hover {
+  border-color: #66390e;
 }
 
-.hover\:border-blue-darker:hover {
-  border-color: #1c3d5a;
+.hover\:border-green-100:hover {
+  border-color: #e9ffe9;
 }
 
-.hover\:border-blue-dark:hover {
-  border-color: #2779bd;
+.hover\:border-green-200:hover {
+  border-color: #c1f5c5;
 }
 
-.hover\:border-blue:hover {
-  border-color: #3490dc;
+.hover\:border-green-300:hover {
+  border-color: #9ae6a8;
 }
 
-.hover\:border-blue-light:hover {
-  border-color: #6cb2eb;
+.hover\:border-green-400:hover {
+  border-color: #68d391;
 }
 
-.hover\:border-blue-lighter:hover {
-  border-color: #bcdefa;
+.hover\:border-green-500:hover {
+  border-color: #48bb87;
 }
 
-.hover\:border-blue-lightest:hover {
-  border-color: #eff8ff;
+.hover\:border-green-600:hover {
+  border-color: #38a181;
 }
 
-.hover\:border-indigo-darkest:hover {
-  border-color: #191e38;
+.hover\:border-green-700:hover {
+  border-color: #2f8572;
 }
 
-.hover\:border-indigo-darker:hover {
-  border-color: #2f365f;
+.hover\:border-green-800:hover {
+  border-color: #28695c;
 }
 
-.hover\:border-indigo-dark:hover {
-  border-color: #5661b3;
+.hover\:border-green-900:hover {
+  border-color: #22544b;
 }
 
-.hover\:border-indigo:hover {
-  border-color: #6574cd;
+.hover\:border-blue-100:hover {
+  border-color: #f1fafd;
 }
 
-.hover\:border-indigo-light:hover {
-  border-color: #7886d7;
+.hover\:border-blue-200:hover {
+  border-color: #caedfa;
 }
 
-.hover\:border-indigo-lighter:hover {
-  border-color: #b2b7ff;
+.hover\:border-blue-300:hover {
+  border-color: #87d3f3;
 }
 
-.hover\:border-indigo-lightest:hover {
-  border-color: #e6e8ff;
+.hover\:border-blue-400:hover {
+  border-color: #57b9ec;
 }
 
-.hover\:border-purple-darkest:hover {
-  border-color: #21183c;
+.hover\:border-blue-500:hover {
+  border-color: #3a9adf;
 }
 
-.hover\:border-purple-darker:hover {
-  border-color: #382b5f;
+.hover\:border-blue-600:hover {
+  border-color: #2b7cc4;
 }
 
-.hover\:border-purple-dark:hover {
-  border-color: #794acf;
+.hover\:border-blue-700:hover {
+  border-color: #2762a3;
 }
 
-.hover\:border-purple:hover {
-  border-color: #9561e2;
+.hover\:border-blue-800:hover {
+  border-color: #284f81;
 }
 
-.hover\:border-purple-light:hover {
-  border-color: #a779e9;
+.hover\:border-blue-900:hover {
+  border-color: #294468;
 }
 
-.hover\:border-purple-lighter:hover {
-  border-color: #d6bbfc;
+.hover\:border-indigo-100:hover {
+  border-color: #eef6ff;
 }
 
-.hover\:border-purple-lightest:hover {
-  border-color: #f3ebff;
+.hover\:border-indigo-200:hover {
+  border-color: #cbe0f9;
 }
 
-.hover\:border-pink-darkest:hover {
-  border-color: #451225;
+.hover\:border-indigo-300:hover {
+  border-color: #a6c5f0;
 }
 
-.hover\:border-pink-darker:hover {
-  border-color: #6f213f;
+.hover\:border-indigo-400:hover {
+  border-color: #82a2e3;
 }
 
-.hover\:border-pink-dark:hover {
-  border-color: #eb5286;
+.hover\:border-indigo-500:hover {
+  border-color: #6d80d3;
 }
 
-.hover\:border-pink:hover {
-  border-color: #f66d9b;
+.hover\:border-indigo-600:hover {
+  border-color: #5e68bc;
 }
 
-.hover\:border-pink-light:hover {
-  border-color: #fa7ea8;
+.hover\:border-indigo-700:hover {
+  border-color: #5154a1;
 }
 
-.hover\:border-pink-lighter:hover {
-  border-color: #ffbbca;
+.hover\:border-indigo-800:hover {
+  border-color: #42417f;
 }
 
-.hover\:border-pink-lightest:hover {
-  border-color: #ffebef;
+.hover\:border-indigo-900:hover {
+  border-color: #37366a;
+}
+
+.hover\:border-purple-100:hover {
+  border-color: #faf5ff;
+}
+
+.hover\:border-purple-200:hover {
+  border-color: #eddffd;
+}
+
+.hover\:border-purple-300:hover {
+  border-color: #dcc7fb;
+}
+
+.hover\:border-purple-400:hover {
+  border-color: #b18af4;
+}
+
+.hover\:border-purple-500:hover {
+  border-color: #976de9;
+}
+
+.hover\:border-purple-600:hover {
+  border-color: #7c54d5;
+}
+
+.hover\:border-purple-700:hover {
+  border-color: #6845b9;
+}
+
+.hover\:border-purple-800:hover {
+  border-color: #4d368a;
+}
+
+.hover\:border-purple-900:hover {
+  border-color: #3b2c6c;
+}
+
+.hover\:border-pink-100:hover {
+  border-color: #fff2f4;
+}
+
+.hover\:border-pink-200:hover {
+  border-color: #fedee4;
+}
+
+.hover\:border-pink-300:hover {
+  border-color: #fcbccb;
+}
+
+.hover\:border-pink-400:hover {
+  border-color: #f786a7;
+}
+
+.hover\:border-pink-500:hover {
+  border-color: #ed588b;
+}
+
+.hover\:border-pink-600:hover {
+  border-color: #d9447b;
+}
+
+.hover\:border-pink-700:hover {
+  border-color: #b32f62;
+}
+
+.hover\:border-pink-800:hover {
+  border-color: #8d2450;
+}
+
+.hover\:border-pink-900:hover {
+  border-color: #741c46;
+}
+
+.hover\:border-grey-100:hover {
+  border-color: #f8fcfe;
+}
+
+.hover\:border-grey-200:hover {
+  border-color: #f1f5fb;
+}
+
+.hover\:border-grey-300:hover {
+  border-color: #e2e9f0;
+}
+
+.hover\:border-grey-400:hover {
+  border-color: #bbc5cf;
+}
+
+.hover\:border-grey-500:hover {
+  border-color: #a3b0bd;
+}
+
+.hover\:border-grey-600:hover {
+  border-color: #7a8996;
+}
+
+.hover\:border-grey-700:hover {
+  border-color: #5a6977;
+}
+
+.hover\:border-grey-800:hover {
+  border-color: #2e3a45;
+}
+
+.hover\:border-grey-900:hover {
+  border-color: #1f2830;
 }
 
 .focus\:border-transparent:focus {
@@ -2134,291 +2534,371 @@ samp {
 }
 
 .focus\:border-black:focus {
-  border-color: #22292f;
-}
-
-.focus\:border-grey-darkest:focus {
-  border-color: #3d4852;
-}
-
-.focus\:border-grey-darker:focus {
-  border-color: #606f7b;
-}
-
-.focus\:border-grey-dark:focus {
-  border-color: #8795a1;
-}
-
-.focus\:border-grey:focus {
-  border-color: #b8c2cc;
-}
-
-.focus\:border-grey-light:focus {
-  border-color: #dae1e7;
-}
-
-.focus\:border-grey-lighter:focus {
-  border-color: #f1f5f8;
-}
-
-.focus\:border-grey-lightest:focus {
-  border-color: #f8fafc;
+  border-color: #000;
 }
 
 .focus\:border-white:focus {
   border-color: #fff;
 }
 
-.focus\:border-red-darkest:focus {
-  border-color: #3b0d0c;
+.focus\:border-teal-100:focus {
+  border-color: #ebfffc;
 }
 
-.focus\:border-red-darker:focus {
-  border-color: #621b18;
+.focus\:border-teal-200:focus {
+  border-color: #b3f1e9;
 }
 
-.focus\:border-red-dark:focus {
-  border-color: #cc1f1a;
+.focus\:border-teal-300:focus {
+  border-color: #82e1d7;
 }
 
-.focus\:border-red:focus {
-  border-color: #e3342f;
+.focus\:border-teal-400:focus {
+  border-color: #60cfc5;
 }
 
-.focus\:border-red-light:focus {
-  border-color: #ef5753;
+.focus\:border-teal-500:focus {
+  border-color: #49bab2;
 }
 
-.focus\:border-red-lighter:focus {
-  border-color: #f9acaa;
+.focus\:border-teal-600:focus {
+  border-color: #3ea39f;
 }
 
-.focus\:border-red-lightest:focus {
-  border-color: #fcebea;
+.focus\:border-teal-700:focus {
+  border-color: #378786;
 }
 
-.focus\:border-orange-darkest:focus {
-  border-color: #462a16;
+.focus\:border-teal-800:focus {
+  border-color: #316769;
 }
 
-.focus\:border-orange-darker:focus {
-  border-color: #613b1f;
+.focus\:border-teal-900:focus {
+  border-color: #265152;
 }
 
-.focus\:border-orange-dark:focus {
-  border-color: #de751f;
+.focus\:border-red-100:focus {
+  border-color: #fff5f5;
 }
 
-.focus\:border-orange:focus {
-  border-color: #f6993f;
+.focus\:border-red-200:focus {
+  border-color: #fee3e3;
 }
 
-.focus\:border-orange-light:focus {
-  border-color: #faad63;
+.focus\:border-red-300:focus {
+  border-color: #febcbc;
 }
 
-.focus\:border-orange-lighter:focus {
-  border-color: #fcd9b6;
+.focus\:border-red-400:focus {
+  border-color: #fd9292;
 }
 
-.focus\:border-orange-lightest:focus {
-  border-color: #fff5eb;
+.focus\:border-red-500:focus {
+  border-color: #f95e5f;
 }
 
-.focus\:border-yellow-darkest:focus {
-  border-color: #453411;
+.focus\:border-red-600:focus {
+  border-color: #ec454e;
 }
 
-.focus\:border-yellow-darker:focus {
-  border-color: #684f1d;
+.focus\:border-red-700:focus {
+  border-color: #dc3448;
 }
 
-.focus\:border-yellow-dark:focus {
-  border-color: #f2d024;
+.focus\:border-red-800:focus {
+  border-color: #b4203b;
 }
 
-.focus\:border-yellow:focus {
-  border-color: #ffed4a;
+.focus\:border-red-900:focus {
+  border-color: #801b33;
 }
 
-.focus\:border-yellow-light:focus {
-  border-color: #fff382;
+.focus\:border-orange-100:focus {
+  border-color: #fffaef;
 }
 
-.focus\:border-yellow-lighter:focus {
-  border-color: #fff9c2;
+.focus\:border-orange-200:focus {
+  border-color: #fee8c1;
 }
 
-.focus\:border-yellow-lightest:focus {
-  border-color: #fcfbeb;
+.focus\:border-orange-300:focus {
+  border-color: #fbd087;
 }
 
-.focus\:border-green-darkest:focus {
-  border-color: #0f2f21;
+.focus\:border-orange-400:focus {
+  border-color: #f6aa4f;
 }
 
-.focus\:border-green-darker:focus {
-  border-color: #1a4731;
+.focus\:border-orange-500:focus {
+  border-color: #ec832b;
 }
 
-.focus\:border-green-dark:focus {
-  border-color: #1f9d55;
+.focus\:border-orange-600:focus {
+  border-color: #df6d22;
 }
 
-.focus\:border-green:focus {
-  border-color: #38c172;
+.focus\:border-orange-700:focus {
+  border-color: #c55822;
 }
 
-.focus\:border-green-light:focus {
-  border-color: #51d88a;
+.focus\:border-orange-800:focus {
+  border-color: #9f4423;
 }
 
-.focus\:border-green-lighter:focus {
-  border-color: #a2f5bf;
+.focus\:border-orange-900:focus {
+  border-color: #70311e;
 }
 
-.focus\:border-green-lightest:focus {
-  border-color: #e3fcec;
+.focus\:border-yellow-100:focus {
+  border-color: #ffffeb;
 }
 
-.focus\:border-teal-darkest:focus {
-  border-color: #0d3331;
+.focus\:border-yellow-200:focus {
+  border-color: #fefcbf;
 }
 
-.focus\:border-teal-darker:focus {
-  border-color: #20504f;
+.focus\:border-yellow-300:focus {
+  border-color: #fbf189;
 }
 
-.focus\:border-teal-dark:focus {
-  border-color: #38a89d;
+.focus\:border-yellow-400:focus {
+  border-color: #f6e05e;
 }
 
-.focus\:border-teal:focus {
-  border-color: #4dc0b5;
+.focus\:border-yellow-500:focus {
+  border-color: #ebc743;
 }
 
-.focus\:border-teal-light:focus {
-  border-color: #64d5ca;
+.focus\:border-yellow-600:focus {
+  border-color: #d69e2e;
 }
 
-.focus\:border-teal-lighter:focus {
-  border-color: #a0f0ed;
+.focus\:border-yellow-700:focus {
+  border-color: #b7791f;
 }
 
-.focus\:border-teal-lightest:focus {
-  border-color: #e8fffe;
+.focus\:border-yellow-800:focus {
+  border-color: #8d5415;
 }
 
-.focus\:border-blue-darkest:focus {
-  border-color: #12283a;
+.focus\:border-yellow-900:focus {
+  border-color: #66390e;
 }
 
-.focus\:border-blue-darker:focus {
-  border-color: #1c3d5a;
+.focus\:border-green-100:focus {
+  border-color: #e9ffe9;
 }
 
-.focus\:border-blue-dark:focus {
-  border-color: #2779bd;
+.focus\:border-green-200:focus {
+  border-color: #c1f5c5;
 }
 
-.focus\:border-blue:focus {
-  border-color: #3490dc;
+.focus\:border-green-300:focus {
+  border-color: #9ae6a8;
 }
 
-.focus\:border-blue-light:focus {
-  border-color: #6cb2eb;
+.focus\:border-green-400:focus {
+  border-color: #68d391;
 }
 
-.focus\:border-blue-lighter:focus {
-  border-color: #bcdefa;
+.focus\:border-green-500:focus {
+  border-color: #48bb87;
 }
 
-.focus\:border-blue-lightest:focus {
-  border-color: #eff8ff;
+.focus\:border-green-600:focus {
+  border-color: #38a181;
 }
 
-.focus\:border-indigo-darkest:focus {
-  border-color: #191e38;
+.focus\:border-green-700:focus {
+  border-color: #2f8572;
 }
 
-.focus\:border-indigo-darker:focus {
-  border-color: #2f365f;
+.focus\:border-green-800:focus {
+  border-color: #28695c;
 }
 
-.focus\:border-indigo-dark:focus {
-  border-color: #5661b3;
+.focus\:border-green-900:focus {
+  border-color: #22544b;
 }
 
-.focus\:border-indigo:focus {
-  border-color: #6574cd;
+.focus\:border-blue-100:focus {
+  border-color: #f1fafd;
 }
 
-.focus\:border-indigo-light:focus {
-  border-color: #7886d7;
+.focus\:border-blue-200:focus {
+  border-color: #caedfa;
 }
 
-.focus\:border-indigo-lighter:focus {
-  border-color: #b2b7ff;
+.focus\:border-blue-300:focus {
+  border-color: #87d3f3;
 }
 
-.focus\:border-indigo-lightest:focus {
-  border-color: #e6e8ff;
+.focus\:border-blue-400:focus {
+  border-color: #57b9ec;
 }
 
-.focus\:border-purple-darkest:focus {
-  border-color: #21183c;
+.focus\:border-blue-500:focus {
+  border-color: #3a9adf;
 }
 
-.focus\:border-purple-darker:focus {
-  border-color: #382b5f;
+.focus\:border-blue-600:focus {
+  border-color: #2b7cc4;
 }
 
-.focus\:border-purple-dark:focus {
-  border-color: #794acf;
+.focus\:border-blue-700:focus {
+  border-color: #2762a3;
 }
 
-.focus\:border-purple:focus {
-  border-color: #9561e2;
+.focus\:border-blue-800:focus {
+  border-color: #284f81;
 }
 
-.focus\:border-purple-light:focus {
-  border-color: #a779e9;
+.focus\:border-blue-900:focus {
+  border-color: #294468;
 }
 
-.focus\:border-purple-lighter:focus {
-  border-color: #d6bbfc;
+.focus\:border-indigo-100:focus {
+  border-color: #eef6ff;
 }
 
-.focus\:border-purple-lightest:focus {
-  border-color: #f3ebff;
+.focus\:border-indigo-200:focus {
+  border-color: #cbe0f9;
 }
 
-.focus\:border-pink-darkest:focus {
-  border-color: #451225;
+.focus\:border-indigo-300:focus {
+  border-color: #a6c5f0;
 }
 
-.focus\:border-pink-darker:focus {
-  border-color: #6f213f;
+.focus\:border-indigo-400:focus {
+  border-color: #82a2e3;
 }
 
-.focus\:border-pink-dark:focus {
-  border-color: #eb5286;
+.focus\:border-indigo-500:focus {
+  border-color: #6d80d3;
 }
 
-.focus\:border-pink:focus {
-  border-color: #f66d9b;
+.focus\:border-indigo-600:focus {
+  border-color: #5e68bc;
 }
 
-.focus\:border-pink-light:focus {
-  border-color: #fa7ea8;
+.focus\:border-indigo-700:focus {
+  border-color: #5154a1;
 }
 
-.focus\:border-pink-lighter:focus {
-  border-color: #ffbbca;
+.focus\:border-indigo-800:focus {
+  border-color: #42417f;
 }
 
-.focus\:border-pink-lightest:focus {
-  border-color: #ffebef;
+.focus\:border-indigo-900:focus {
+  border-color: #37366a;
+}
+
+.focus\:border-purple-100:focus {
+  border-color: #faf5ff;
+}
+
+.focus\:border-purple-200:focus {
+  border-color: #eddffd;
+}
+
+.focus\:border-purple-300:focus {
+  border-color: #dcc7fb;
+}
+
+.focus\:border-purple-400:focus {
+  border-color: #b18af4;
+}
+
+.focus\:border-purple-500:focus {
+  border-color: #976de9;
+}
+
+.focus\:border-purple-600:focus {
+  border-color: #7c54d5;
+}
+
+.focus\:border-purple-700:focus {
+  border-color: #6845b9;
+}
+
+.focus\:border-purple-800:focus {
+  border-color: #4d368a;
+}
+
+.focus\:border-purple-900:focus {
+  border-color: #3b2c6c;
+}
+
+.focus\:border-pink-100:focus {
+  border-color: #fff2f4;
+}
+
+.focus\:border-pink-200:focus {
+  border-color: #fedee4;
+}
+
+.focus\:border-pink-300:focus {
+  border-color: #fcbccb;
+}
+
+.focus\:border-pink-400:focus {
+  border-color: #f786a7;
+}
+
+.focus\:border-pink-500:focus {
+  border-color: #ed588b;
+}
+
+.focus\:border-pink-600:focus {
+  border-color: #d9447b;
+}
+
+.focus\:border-pink-700:focus {
+  border-color: #b32f62;
+}
+
+.focus\:border-pink-800:focus {
+  border-color: #8d2450;
+}
+
+.focus\:border-pink-900:focus {
+  border-color: #741c46;
+}
+
+.focus\:border-grey-100:focus {
+  border-color: #f8fcfe;
+}
+
+.focus\:border-grey-200:focus {
+  border-color: #f1f5fb;
+}
+
+.focus\:border-grey-300:focus {
+  border-color: #e2e9f0;
+}
+
+.focus\:border-grey-400:focus {
+  border-color: #bbc5cf;
+}
+
+.focus\:border-grey-500:focus {
+  border-color: #a3b0bd;
+}
+
+.focus\:border-grey-600:focus {
+  border-color: #7a8996;
+}
+
+.focus\:border-grey-700:focus {
+  border-color: #5a6977;
+}
+
+.focus\:border-grey-800:focus {
+  border-color: #2e3a45;
+}
+
+.focus\:border-grey-900:focus {
+  border-color: #1f2830;
 }
 
 .rounded-none {
@@ -5376,291 +5856,371 @@ samp {
 }
 
 .text-black {
-  color: #22292f;
-}
-
-.text-grey-darkest {
-  color: #3d4852;
-}
-
-.text-grey-darker {
-  color: #606f7b;
-}
-
-.text-grey-dark {
-  color: #8795a1;
-}
-
-.text-grey {
-  color: #b8c2cc;
-}
-
-.text-grey-light {
-  color: #dae1e7;
-}
-
-.text-grey-lighter {
-  color: #f1f5f8;
-}
-
-.text-grey-lightest {
-  color: #f8fafc;
+  color: #000;
 }
 
 .text-white {
   color: #fff;
 }
 
-.text-red-darkest {
-  color: #3b0d0c;
+.text-teal-100 {
+  color: #ebfffc;
 }
 
-.text-red-darker {
-  color: #621b18;
+.text-teal-200 {
+  color: #b3f1e9;
 }
 
-.text-red-dark {
-  color: #cc1f1a;
+.text-teal-300 {
+  color: #82e1d7;
 }
 
-.text-red {
-  color: #e3342f;
+.text-teal-400 {
+  color: #60cfc5;
 }
 
-.text-red-light {
-  color: #ef5753;
+.text-teal-500 {
+  color: #49bab2;
 }
 
-.text-red-lighter {
-  color: #f9acaa;
+.text-teal-600 {
+  color: #3ea39f;
 }
 
-.text-red-lightest {
-  color: #fcebea;
+.text-teal-700 {
+  color: #378786;
 }
 
-.text-orange-darkest {
-  color: #462a16;
+.text-teal-800 {
+  color: #316769;
 }
 
-.text-orange-darker {
-  color: #613b1f;
+.text-teal-900 {
+  color: #265152;
 }
 
-.text-orange-dark {
-  color: #de751f;
+.text-red-100 {
+  color: #fff5f5;
 }
 
-.text-orange {
-  color: #f6993f;
+.text-red-200 {
+  color: #fee3e3;
 }
 
-.text-orange-light {
-  color: #faad63;
+.text-red-300 {
+  color: #febcbc;
 }
 
-.text-orange-lighter {
-  color: #fcd9b6;
+.text-red-400 {
+  color: #fd9292;
 }
 
-.text-orange-lightest {
-  color: #fff5eb;
+.text-red-500 {
+  color: #f95e5f;
 }
 
-.text-yellow-darkest {
-  color: #453411;
+.text-red-600 {
+  color: #ec454e;
 }
 
-.text-yellow-darker {
-  color: #684f1d;
+.text-red-700 {
+  color: #dc3448;
 }
 
-.text-yellow-dark {
-  color: #f2d024;
+.text-red-800 {
+  color: #b4203b;
 }
 
-.text-yellow {
-  color: #ffed4a;
+.text-red-900 {
+  color: #801b33;
 }
 
-.text-yellow-light {
-  color: #fff382;
+.text-orange-100 {
+  color: #fffaef;
 }
 
-.text-yellow-lighter {
-  color: #fff9c2;
+.text-orange-200 {
+  color: #fee8c1;
 }
 
-.text-yellow-lightest {
-  color: #fcfbeb;
+.text-orange-300 {
+  color: #fbd087;
 }
 
-.text-green-darkest {
-  color: #0f2f21;
+.text-orange-400 {
+  color: #f6aa4f;
 }
 
-.text-green-darker {
-  color: #1a4731;
+.text-orange-500 {
+  color: #ec832b;
 }
 
-.text-green-dark {
-  color: #1f9d55;
+.text-orange-600 {
+  color: #df6d22;
 }
 
-.text-green {
-  color: #38c172;
+.text-orange-700 {
+  color: #c55822;
 }
 
-.text-green-light {
-  color: #51d88a;
+.text-orange-800 {
+  color: #9f4423;
 }
 
-.text-green-lighter {
-  color: #a2f5bf;
+.text-orange-900 {
+  color: #70311e;
 }
 
-.text-green-lightest {
-  color: #e3fcec;
+.text-yellow-100 {
+  color: #ffffeb;
 }
 
-.text-teal-darkest {
-  color: #0d3331;
+.text-yellow-200 {
+  color: #fefcbf;
 }
 
-.text-teal-darker {
-  color: #20504f;
+.text-yellow-300 {
+  color: #fbf189;
 }
 
-.text-teal-dark {
-  color: #38a89d;
+.text-yellow-400 {
+  color: #f6e05e;
 }
 
-.text-teal {
-  color: #4dc0b5;
+.text-yellow-500 {
+  color: #ebc743;
 }
 
-.text-teal-light {
-  color: #64d5ca;
+.text-yellow-600 {
+  color: #d69e2e;
 }
 
-.text-teal-lighter {
-  color: #a0f0ed;
+.text-yellow-700 {
+  color: #b7791f;
 }
 
-.text-teal-lightest {
-  color: #e8fffe;
+.text-yellow-800 {
+  color: #8d5415;
 }
 
-.text-blue-darkest {
-  color: #12283a;
+.text-yellow-900 {
+  color: #66390e;
 }
 
-.text-blue-darker {
-  color: #1c3d5a;
+.text-green-100 {
+  color: #e9ffe9;
 }
 
-.text-blue-dark {
-  color: #2779bd;
+.text-green-200 {
+  color: #c1f5c5;
 }
 
-.text-blue {
-  color: #3490dc;
+.text-green-300 {
+  color: #9ae6a8;
 }
 
-.text-blue-light {
-  color: #6cb2eb;
+.text-green-400 {
+  color: #68d391;
 }
 
-.text-blue-lighter {
-  color: #bcdefa;
+.text-green-500 {
+  color: #48bb87;
 }
 
-.text-blue-lightest {
-  color: #eff8ff;
+.text-green-600 {
+  color: #38a181;
 }
 
-.text-indigo-darkest {
-  color: #191e38;
+.text-green-700 {
+  color: #2f8572;
 }
 
-.text-indigo-darker {
-  color: #2f365f;
+.text-green-800 {
+  color: #28695c;
 }
 
-.text-indigo-dark {
-  color: #5661b3;
+.text-green-900 {
+  color: #22544b;
 }
 
-.text-indigo {
-  color: #6574cd;
+.text-blue-100 {
+  color: #f1fafd;
 }
 
-.text-indigo-light {
-  color: #7886d7;
+.text-blue-200 {
+  color: #caedfa;
 }
 
-.text-indigo-lighter {
-  color: #b2b7ff;
+.text-blue-300 {
+  color: #87d3f3;
 }
 
-.text-indigo-lightest {
-  color: #e6e8ff;
+.text-blue-400 {
+  color: #57b9ec;
 }
 
-.text-purple-darkest {
-  color: #21183c;
+.text-blue-500 {
+  color: #3a9adf;
 }
 
-.text-purple-darker {
-  color: #382b5f;
+.text-blue-600 {
+  color: #2b7cc4;
 }
 
-.text-purple-dark {
-  color: #794acf;
+.text-blue-700 {
+  color: #2762a3;
 }
 
-.text-purple {
-  color: #9561e2;
+.text-blue-800 {
+  color: #284f81;
 }
 
-.text-purple-light {
-  color: #a779e9;
+.text-blue-900 {
+  color: #294468;
 }
 
-.text-purple-lighter {
-  color: #d6bbfc;
+.text-indigo-100 {
+  color: #eef6ff;
 }
 
-.text-purple-lightest {
-  color: #f3ebff;
+.text-indigo-200 {
+  color: #cbe0f9;
 }
 
-.text-pink-darkest {
-  color: #451225;
+.text-indigo-300 {
+  color: #a6c5f0;
 }
 
-.text-pink-darker {
-  color: #6f213f;
+.text-indigo-400 {
+  color: #82a2e3;
 }
 
-.text-pink-dark {
-  color: #eb5286;
+.text-indigo-500 {
+  color: #6d80d3;
 }
 
-.text-pink {
-  color: #f66d9b;
+.text-indigo-600 {
+  color: #5e68bc;
 }
 
-.text-pink-light {
-  color: #fa7ea8;
+.text-indigo-700 {
+  color: #5154a1;
 }
 
-.text-pink-lighter {
-  color: #ffbbca;
+.text-indigo-800 {
+  color: #42417f;
 }
 
-.text-pink-lightest {
-  color: #ffebef;
+.text-indigo-900 {
+  color: #37366a;
+}
+
+.text-purple-100 {
+  color: #faf5ff;
+}
+
+.text-purple-200 {
+  color: #eddffd;
+}
+
+.text-purple-300 {
+  color: #dcc7fb;
+}
+
+.text-purple-400 {
+  color: #b18af4;
+}
+
+.text-purple-500 {
+  color: #976de9;
+}
+
+.text-purple-600 {
+  color: #7c54d5;
+}
+
+.text-purple-700 {
+  color: #6845b9;
+}
+
+.text-purple-800 {
+  color: #4d368a;
+}
+
+.text-purple-900 {
+  color: #3b2c6c;
+}
+
+.text-pink-100 {
+  color: #fff2f4;
+}
+
+.text-pink-200 {
+  color: #fedee4;
+}
+
+.text-pink-300 {
+  color: #fcbccb;
+}
+
+.text-pink-400 {
+  color: #f786a7;
+}
+
+.text-pink-500 {
+  color: #ed588b;
+}
+
+.text-pink-600 {
+  color: #d9447b;
+}
+
+.text-pink-700 {
+  color: #b32f62;
+}
+
+.text-pink-800 {
+  color: #8d2450;
+}
+
+.text-pink-900 {
+  color: #741c46;
+}
+
+.text-grey-100 {
+  color: #f8fcfe;
+}
+
+.text-grey-200 {
+  color: #f1f5fb;
+}
+
+.text-grey-300 {
+  color: #e2e9f0;
+}
+
+.text-grey-400 {
+  color: #bbc5cf;
+}
+
+.text-grey-500 {
+  color: #a3b0bd;
+}
+
+.text-grey-600 {
+  color: #7a8996;
+}
+
+.text-grey-700 {
+  color: #5a6977;
+}
+
+.text-grey-800 {
+  color: #2e3a45;
+}
+
+.text-grey-900 {
+  color: #1f2830;
 }
 
 .hover\:text-transparent:hover {
@@ -5668,291 +6228,371 @@ samp {
 }
 
 .hover\:text-black:hover {
-  color: #22292f;
-}
-
-.hover\:text-grey-darkest:hover {
-  color: #3d4852;
-}
-
-.hover\:text-grey-darker:hover {
-  color: #606f7b;
-}
-
-.hover\:text-grey-dark:hover {
-  color: #8795a1;
-}
-
-.hover\:text-grey:hover {
-  color: #b8c2cc;
-}
-
-.hover\:text-grey-light:hover {
-  color: #dae1e7;
-}
-
-.hover\:text-grey-lighter:hover {
-  color: #f1f5f8;
-}
-
-.hover\:text-grey-lightest:hover {
-  color: #f8fafc;
+  color: #000;
 }
 
 .hover\:text-white:hover {
   color: #fff;
 }
 
-.hover\:text-red-darkest:hover {
-  color: #3b0d0c;
+.hover\:text-teal-100:hover {
+  color: #ebfffc;
 }
 
-.hover\:text-red-darker:hover {
-  color: #621b18;
+.hover\:text-teal-200:hover {
+  color: #b3f1e9;
 }
 
-.hover\:text-red-dark:hover {
-  color: #cc1f1a;
+.hover\:text-teal-300:hover {
+  color: #82e1d7;
 }
 
-.hover\:text-red:hover {
-  color: #e3342f;
+.hover\:text-teal-400:hover {
+  color: #60cfc5;
 }
 
-.hover\:text-red-light:hover {
-  color: #ef5753;
+.hover\:text-teal-500:hover {
+  color: #49bab2;
 }
 
-.hover\:text-red-lighter:hover {
-  color: #f9acaa;
+.hover\:text-teal-600:hover {
+  color: #3ea39f;
 }
 
-.hover\:text-red-lightest:hover {
-  color: #fcebea;
+.hover\:text-teal-700:hover {
+  color: #378786;
 }
 
-.hover\:text-orange-darkest:hover {
-  color: #462a16;
+.hover\:text-teal-800:hover {
+  color: #316769;
 }
 
-.hover\:text-orange-darker:hover {
-  color: #613b1f;
+.hover\:text-teal-900:hover {
+  color: #265152;
 }
 
-.hover\:text-orange-dark:hover {
-  color: #de751f;
+.hover\:text-red-100:hover {
+  color: #fff5f5;
 }
 
-.hover\:text-orange:hover {
-  color: #f6993f;
+.hover\:text-red-200:hover {
+  color: #fee3e3;
 }
 
-.hover\:text-orange-light:hover {
-  color: #faad63;
+.hover\:text-red-300:hover {
+  color: #febcbc;
 }
 
-.hover\:text-orange-lighter:hover {
-  color: #fcd9b6;
+.hover\:text-red-400:hover {
+  color: #fd9292;
 }
 
-.hover\:text-orange-lightest:hover {
-  color: #fff5eb;
+.hover\:text-red-500:hover {
+  color: #f95e5f;
 }
 
-.hover\:text-yellow-darkest:hover {
-  color: #453411;
+.hover\:text-red-600:hover {
+  color: #ec454e;
 }
 
-.hover\:text-yellow-darker:hover {
-  color: #684f1d;
+.hover\:text-red-700:hover {
+  color: #dc3448;
 }
 
-.hover\:text-yellow-dark:hover {
-  color: #f2d024;
+.hover\:text-red-800:hover {
+  color: #b4203b;
 }
 
-.hover\:text-yellow:hover {
-  color: #ffed4a;
+.hover\:text-red-900:hover {
+  color: #801b33;
 }
 
-.hover\:text-yellow-light:hover {
-  color: #fff382;
+.hover\:text-orange-100:hover {
+  color: #fffaef;
 }
 
-.hover\:text-yellow-lighter:hover {
-  color: #fff9c2;
+.hover\:text-orange-200:hover {
+  color: #fee8c1;
 }
 
-.hover\:text-yellow-lightest:hover {
-  color: #fcfbeb;
+.hover\:text-orange-300:hover {
+  color: #fbd087;
 }
 
-.hover\:text-green-darkest:hover {
-  color: #0f2f21;
+.hover\:text-orange-400:hover {
+  color: #f6aa4f;
 }
 
-.hover\:text-green-darker:hover {
-  color: #1a4731;
+.hover\:text-orange-500:hover {
+  color: #ec832b;
 }
 
-.hover\:text-green-dark:hover {
-  color: #1f9d55;
+.hover\:text-orange-600:hover {
+  color: #df6d22;
 }
 
-.hover\:text-green:hover {
-  color: #38c172;
+.hover\:text-orange-700:hover {
+  color: #c55822;
 }
 
-.hover\:text-green-light:hover {
-  color: #51d88a;
+.hover\:text-orange-800:hover {
+  color: #9f4423;
 }
 
-.hover\:text-green-lighter:hover {
-  color: #a2f5bf;
+.hover\:text-orange-900:hover {
+  color: #70311e;
 }
 
-.hover\:text-green-lightest:hover {
-  color: #e3fcec;
+.hover\:text-yellow-100:hover {
+  color: #ffffeb;
 }
 
-.hover\:text-teal-darkest:hover {
-  color: #0d3331;
+.hover\:text-yellow-200:hover {
+  color: #fefcbf;
 }
 
-.hover\:text-teal-darker:hover {
-  color: #20504f;
+.hover\:text-yellow-300:hover {
+  color: #fbf189;
 }
 
-.hover\:text-teal-dark:hover {
-  color: #38a89d;
+.hover\:text-yellow-400:hover {
+  color: #f6e05e;
 }
 
-.hover\:text-teal:hover {
-  color: #4dc0b5;
+.hover\:text-yellow-500:hover {
+  color: #ebc743;
 }
 
-.hover\:text-teal-light:hover {
-  color: #64d5ca;
+.hover\:text-yellow-600:hover {
+  color: #d69e2e;
 }
 
-.hover\:text-teal-lighter:hover {
-  color: #a0f0ed;
+.hover\:text-yellow-700:hover {
+  color: #b7791f;
 }
 
-.hover\:text-teal-lightest:hover {
-  color: #e8fffe;
+.hover\:text-yellow-800:hover {
+  color: #8d5415;
 }
 
-.hover\:text-blue-darkest:hover {
-  color: #12283a;
+.hover\:text-yellow-900:hover {
+  color: #66390e;
 }
 
-.hover\:text-blue-darker:hover {
-  color: #1c3d5a;
+.hover\:text-green-100:hover {
+  color: #e9ffe9;
 }
 
-.hover\:text-blue-dark:hover {
-  color: #2779bd;
+.hover\:text-green-200:hover {
+  color: #c1f5c5;
 }
 
-.hover\:text-blue:hover {
-  color: #3490dc;
+.hover\:text-green-300:hover {
+  color: #9ae6a8;
 }
 
-.hover\:text-blue-light:hover {
-  color: #6cb2eb;
+.hover\:text-green-400:hover {
+  color: #68d391;
 }
 
-.hover\:text-blue-lighter:hover {
-  color: #bcdefa;
+.hover\:text-green-500:hover {
+  color: #48bb87;
 }
 
-.hover\:text-blue-lightest:hover {
-  color: #eff8ff;
+.hover\:text-green-600:hover {
+  color: #38a181;
 }
 
-.hover\:text-indigo-darkest:hover {
-  color: #191e38;
+.hover\:text-green-700:hover {
+  color: #2f8572;
 }
 
-.hover\:text-indigo-darker:hover {
-  color: #2f365f;
+.hover\:text-green-800:hover {
+  color: #28695c;
 }
 
-.hover\:text-indigo-dark:hover {
-  color: #5661b3;
+.hover\:text-green-900:hover {
+  color: #22544b;
 }
 
-.hover\:text-indigo:hover {
-  color: #6574cd;
+.hover\:text-blue-100:hover {
+  color: #f1fafd;
 }
 
-.hover\:text-indigo-light:hover {
-  color: #7886d7;
+.hover\:text-blue-200:hover {
+  color: #caedfa;
 }
 
-.hover\:text-indigo-lighter:hover {
-  color: #b2b7ff;
+.hover\:text-blue-300:hover {
+  color: #87d3f3;
 }
 
-.hover\:text-indigo-lightest:hover {
-  color: #e6e8ff;
+.hover\:text-blue-400:hover {
+  color: #57b9ec;
 }
 
-.hover\:text-purple-darkest:hover {
-  color: #21183c;
+.hover\:text-blue-500:hover {
+  color: #3a9adf;
 }
 
-.hover\:text-purple-darker:hover {
-  color: #382b5f;
+.hover\:text-blue-600:hover {
+  color: #2b7cc4;
 }
 
-.hover\:text-purple-dark:hover {
-  color: #794acf;
+.hover\:text-blue-700:hover {
+  color: #2762a3;
 }
 
-.hover\:text-purple:hover {
-  color: #9561e2;
+.hover\:text-blue-800:hover {
+  color: #284f81;
 }
 
-.hover\:text-purple-light:hover {
-  color: #a779e9;
+.hover\:text-blue-900:hover {
+  color: #294468;
 }
 
-.hover\:text-purple-lighter:hover {
-  color: #d6bbfc;
+.hover\:text-indigo-100:hover {
+  color: #eef6ff;
 }
 
-.hover\:text-purple-lightest:hover {
-  color: #f3ebff;
+.hover\:text-indigo-200:hover {
+  color: #cbe0f9;
 }
 
-.hover\:text-pink-darkest:hover {
-  color: #451225;
+.hover\:text-indigo-300:hover {
+  color: #a6c5f0;
 }
 
-.hover\:text-pink-darker:hover {
-  color: #6f213f;
+.hover\:text-indigo-400:hover {
+  color: #82a2e3;
 }
 
-.hover\:text-pink-dark:hover {
-  color: #eb5286;
+.hover\:text-indigo-500:hover {
+  color: #6d80d3;
 }
 
-.hover\:text-pink:hover {
-  color: #f66d9b;
+.hover\:text-indigo-600:hover {
+  color: #5e68bc;
 }
 
-.hover\:text-pink-light:hover {
-  color: #fa7ea8;
+.hover\:text-indigo-700:hover {
+  color: #5154a1;
 }
 
-.hover\:text-pink-lighter:hover {
-  color: #ffbbca;
+.hover\:text-indigo-800:hover {
+  color: #42417f;
 }
 
-.hover\:text-pink-lightest:hover {
-  color: #ffebef;
+.hover\:text-indigo-900:hover {
+  color: #37366a;
+}
+
+.hover\:text-purple-100:hover {
+  color: #faf5ff;
+}
+
+.hover\:text-purple-200:hover {
+  color: #eddffd;
+}
+
+.hover\:text-purple-300:hover {
+  color: #dcc7fb;
+}
+
+.hover\:text-purple-400:hover {
+  color: #b18af4;
+}
+
+.hover\:text-purple-500:hover {
+  color: #976de9;
+}
+
+.hover\:text-purple-600:hover {
+  color: #7c54d5;
+}
+
+.hover\:text-purple-700:hover {
+  color: #6845b9;
+}
+
+.hover\:text-purple-800:hover {
+  color: #4d368a;
+}
+
+.hover\:text-purple-900:hover {
+  color: #3b2c6c;
+}
+
+.hover\:text-pink-100:hover {
+  color: #fff2f4;
+}
+
+.hover\:text-pink-200:hover {
+  color: #fedee4;
+}
+
+.hover\:text-pink-300:hover {
+  color: #fcbccb;
+}
+
+.hover\:text-pink-400:hover {
+  color: #f786a7;
+}
+
+.hover\:text-pink-500:hover {
+  color: #ed588b;
+}
+
+.hover\:text-pink-600:hover {
+  color: #d9447b;
+}
+
+.hover\:text-pink-700:hover {
+  color: #b32f62;
+}
+
+.hover\:text-pink-800:hover {
+  color: #8d2450;
+}
+
+.hover\:text-pink-900:hover {
+  color: #741c46;
+}
+
+.hover\:text-grey-100:hover {
+  color: #f8fcfe;
+}
+
+.hover\:text-grey-200:hover {
+  color: #f1f5fb;
+}
+
+.hover\:text-grey-300:hover {
+  color: #e2e9f0;
+}
+
+.hover\:text-grey-400:hover {
+  color: #bbc5cf;
+}
+
+.hover\:text-grey-500:hover {
+  color: #a3b0bd;
+}
+
+.hover\:text-grey-600:hover {
+  color: #7a8996;
+}
+
+.hover\:text-grey-700:hover {
+  color: #5a6977;
+}
+
+.hover\:text-grey-800:hover {
+  color: #2e3a45;
+}
+
+.hover\:text-grey-900:hover {
+  color: #1f2830;
 }
 
 .focus\:text-transparent:focus {
@@ -5960,291 +6600,371 @@ samp {
 }
 
 .focus\:text-black:focus {
-  color: #22292f;
-}
-
-.focus\:text-grey-darkest:focus {
-  color: #3d4852;
-}
-
-.focus\:text-grey-darker:focus {
-  color: #606f7b;
-}
-
-.focus\:text-grey-dark:focus {
-  color: #8795a1;
-}
-
-.focus\:text-grey:focus {
-  color: #b8c2cc;
-}
-
-.focus\:text-grey-light:focus {
-  color: #dae1e7;
-}
-
-.focus\:text-grey-lighter:focus {
-  color: #f1f5f8;
-}
-
-.focus\:text-grey-lightest:focus {
-  color: #f8fafc;
+  color: #000;
 }
 
 .focus\:text-white:focus {
   color: #fff;
 }
 
-.focus\:text-red-darkest:focus {
-  color: #3b0d0c;
+.focus\:text-teal-100:focus {
+  color: #ebfffc;
 }
 
-.focus\:text-red-darker:focus {
-  color: #621b18;
+.focus\:text-teal-200:focus {
+  color: #b3f1e9;
 }
 
-.focus\:text-red-dark:focus {
-  color: #cc1f1a;
+.focus\:text-teal-300:focus {
+  color: #82e1d7;
 }
 
-.focus\:text-red:focus {
-  color: #e3342f;
+.focus\:text-teal-400:focus {
+  color: #60cfc5;
 }
 
-.focus\:text-red-light:focus {
-  color: #ef5753;
+.focus\:text-teal-500:focus {
+  color: #49bab2;
 }
 
-.focus\:text-red-lighter:focus {
-  color: #f9acaa;
+.focus\:text-teal-600:focus {
+  color: #3ea39f;
 }
 
-.focus\:text-red-lightest:focus {
-  color: #fcebea;
+.focus\:text-teal-700:focus {
+  color: #378786;
 }
 
-.focus\:text-orange-darkest:focus {
-  color: #462a16;
+.focus\:text-teal-800:focus {
+  color: #316769;
 }
 
-.focus\:text-orange-darker:focus {
-  color: #613b1f;
+.focus\:text-teal-900:focus {
+  color: #265152;
 }
 
-.focus\:text-orange-dark:focus {
-  color: #de751f;
+.focus\:text-red-100:focus {
+  color: #fff5f5;
 }
 
-.focus\:text-orange:focus {
-  color: #f6993f;
+.focus\:text-red-200:focus {
+  color: #fee3e3;
 }
 
-.focus\:text-orange-light:focus {
-  color: #faad63;
+.focus\:text-red-300:focus {
+  color: #febcbc;
 }
 
-.focus\:text-orange-lighter:focus {
-  color: #fcd9b6;
+.focus\:text-red-400:focus {
+  color: #fd9292;
 }
 
-.focus\:text-orange-lightest:focus {
-  color: #fff5eb;
+.focus\:text-red-500:focus {
+  color: #f95e5f;
 }
 
-.focus\:text-yellow-darkest:focus {
-  color: #453411;
+.focus\:text-red-600:focus {
+  color: #ec454e;
 }
 
-.focus\:text-yellow-darker:focus {
-  color: #684f1d;
+.focus\:text-red-700:focus {
+  color: #dc3448;
 }
 
-.focus\:text-yellow-dark:focus {
-  color: #f2d024;
+.focus\:text-red-800:focus {
+  color: #b4203b;
 }
 
-.focus\:text-yellow:focus {
-  color: #ffed4a;
+.focus\:text-red-900:focus {
+  color: #801b33;
 }
 
-.focus\:text-yellow-light:focus {
-  color: #fff382;
+.focus\:text-orange-100:focus {
+  color: #fffaef;
 }
 
-.focus\:text-yellow-lighter:focus {
-  color: #fff9c2;
+.focus\:text-orange-200:focus {
+  color: #fee8c1;
 }
 
-.focus\:text-yellow-lightest:focus {
-  color: #fcfbeb;
+.focus\:text-orange-300:focus {
+  color: #fbd087;
 }
 
-.focus\:text-green-darkest:focus {
-  color: #0f2f21;
+.focus\:text-orange-400:focus {
+  color: #f6aa4f;
 }
 
-.focus\:text-green-darker:focus {
-  color: #1a4731;
+.focus\:text-orange-500:focus {
+  color: #ec832b;
 }
 
-.focus\:text-green-dark:focus {
-  color: #1f9d55;
+.focus\:text-orange-600:focus {
+  color: #df6d22;
 }
 
-.focus\:text-green:focus {
-  color: #38c172;
+.focus\:text-orange-700:focus {
+  color: #c55822;
 }
 
-.focus\:text-green-light:focus {
-  color: #51d88a;
+.focus\:text-orange-800:focus {
+  color: #9f4423;
 }
 
-.focus\:text-green-lighter:focus {
-  color: #a2f5bf;
+.focus\:text-orange-900:focus {
+  color: #70311e;
 }
 
-.focus\:text-green-lightest:focus {
-  color: #e3fcec;
+.focus\:text-yellow-100:focus {
+  color: #ffffeb;
 }
 
-.focus\:text-teal-darkest:focus {
-  color: #0d3331;
+.focus\:text-yellow-200:focus {
+  color: #fefcbf;
 }
 
-.focus\:text-teal-darker:focus {
-  color: #20504f;
+.focus\:text-yellow-300:focus {
+  color: #fbf189;
 }
 
-.focus\:text-teal-dark:focus {
-  color: #38a89d;
+.focus\:text-yellow-400:focus {
+  color: #f6e05e;
 }
 
-.focus\:text-teal:focus {
-  color: #4dc0b5;
+.focus\:text-yellow-500:focus {
+  color: #ebc743;
 }
 
-.focus\:text-teal-light:focus {
-  color: #64d5ca;
+.focus\:text-yellow-600:focus {
+  color: #d69e2e;
 }
 
-.focus\:text-teal-lighter:focus {
-  color: #a0f0ed;
+.focus\:text-yellow-700:focus {
+  color: #b7791f;
 }
 
-.focus\:text-teal-lightest:focus {
-  color: #e8fffe;
+.focus\:text-yellow-800:focus {
+  color: #8d5415;
 }
 
-.focus\:text-blue-darkest:focus {
-  color: #12283a;
+.focus\:text-yellow-900:focus {
+  color: #66390e;
 }
 
-.focus\:text-blue-darker:focus {
-  color: #1c3d5a;
+.focus\:text-green-100:focus {
+  color: #e9ffe9;
 }
 
-.focus\:text-blue-dark:focus {
-  color: #2779bd;
+.focus\:text-green-200:focus {
+  color: #c1f5c5;
 }
 
-.focus\:text-blue:focus {
-  color: #3490dc;
+.focus\:text-green-300:focus {
+  color: #9ae6a8;
 }
 
-.focus\:text-blue-light:focus {
-  color: #6cb2eb;
+.focus\:text-green-400:focus {
+  color: #68d391;
 }
 
-.focus\:text-blue-lighter:focus {
-  color: #bcdefa;
+.focus\:text-green-500:focus {
+  color: #48bb87;
 }
 
-.focus\:text-blue-lightest:focus {
-  color: #eff8ff;
+.focus\:text-green-600:focus {
+  color: #38a181;
 }
 
-.focus\:text-indigo-darkest:focus {
-  color: #191e38;
+.focus\:text-green-700:focus {
+  color: #2f8572;
 }
 
-.focus\:text-indigo-darker:focus {
-  color: #2f365f;
+.focus\:text-green-800:focus {
+  color: #28695c;
 }
 
-.focus\:text-indigo-dark:focus {
-  color: #5661b3;
+.focus\:text-green-900:focus {
+  color: #22544b;
 }
 
-.focus\:text-indigo:focus {
-  color: #6574cd;
+.focus\:text-blue-100:focus {
+  color: #f1fafd;
 }
 
-.focus\:text-indigo-light:focus {
-  color: #7886d7;
+.focus\:text-blue-200:focus {
+  color: #caedfa;
 }
 
-.focus\:text-indigo-lighter:focus {
-  color: #b2b7ff;
+.focus\:text-blue-300:focus {
+  color: #87d3f3;
 }
 
-.focus\:text-indigo-lightest:focus {
-  color: #e6e8ff;
+.focus\:text-blue-400:focus {
+  color: #57b9ec;
 }
 
-.focus\:text-purple-darkest:focus {
-  color: #21183c;
+.focus\:text-blue-500:focus {
+  color: #3a9adf;
 }
 
-.focus\:text-purple-darker:focus {
-  color: #382b5f;
+.focus\:text-blue-600:focus {
+  color: #2b7cc4;
 }
 
-.focus\:text-purple-dark:focus {
-  color: #794acf;
+.focus\:text-blue-700:focus {
+  color: #2762a3;
 }
 
-.focus\:text-purple:focus {
-  color: #9561e2;
+.focus\:text-blue-800:focus {
+  color: #284f81;
 }
 
-.focus\:text-purple-light:focus {
-  color: #a779e9;
+.focus\:text-blue-900:focus {
+  color: #294468;
 }
 
-.focus\:text-purple-lighter:focus {
-  color: #d6bbfc;
+.focus\:text-indigo-100:focus {
+  color: #eef6ff;
 }
 
-.focus\:text-purple-lightest:focus {
-  color: #f3ebff;
+.focus\:text-indigo-200:focus {
+  color: #cbe0f9;
 }
 
-.focus\:text-pink-darkest:focus {
-  color: #451225;
+.focus\:text-indigo-300:focus {
+  color: #a6c5f0;
 }
 
-.focus\:text-pink-darker:focus {
-  color: #6f213f;
+.focus\:text-indigo-400:focus {
+  color: #82a2e3;
 }
 
-.focus\:text-pink-dark:focus {
-  color: #eb5286;
+.focus\:text-indigo-500:focus {
+  color: #6d80d3;
 }
 
-.focus\:text-pink:focus {
-  color: #f66d9b;
+.focus\:text-indigo-600:focus {
+  color: #5e68bc;
 }
 
-.focus\:text-pink-light:focus {
-  color: #fa7ea8;
+.focus\:text-indigo-700:focus {
+  color: #5154a1;
 }
 
-.focus\:text-pink-lighter:focus {
-  color: #ffbbca;
+.focus\:text-indigo-800:focus {
+  color: #42417f;
 }
 
-.focus\:text-pink-lightest:focus {
-  color: #ffebef;
+.focus\:text-indigo-900:focus {
+  color: #37366a;
+}
+
+.focus\:text-purple-100:focus {
+  color: #faf5ff;
+}
+
+.focus\:text-purple-200:focus {
+  color: #eddffd;
+}
+
+.focus\:text-purple-300:focus {
+  color: #dcc7fb;
+}
+
+.focus\:text-purple-400:focus {
+  color: #b18af4;
+}
+
+.focus\:text-purple-500:focus {
+  color: #976de9;
+}
+
+.focus\:text-purple-600:focus {
+  color: #7c54d5;
+}
+
+.focus\:text-purple-700:focus {
+  color: #6845b9;
+}
+
+.focus\:text-purple-800:focus {
+  color: #4d368a;
+}
+
+.focus\:text-purple-900:focus {
+  color: #3b2c6c;
+}
+
+.focus\:text-pink-100:focus {
+  color: #fff2f4;
+}
+
+.focus\:text-pink-200:focus {
+  color: #fedee4;
+}
+
+.focus\:text-pink-300:focus {
+  color: #fcbccb;
+}
+
+.focus\:text-pink-400:focus {
+  color: #f786a7;
+}
+
+.focus\:text-pink-500:focus {
+  color: #ed588b;
+}
+
+.focus\:text-pink-600:focus {
+  color: #d9447b;
+}
+
+.focus\:text-pink-700:focus {
+  color: #b32f62;
+}
+
+.focus\:text-pink-800:focus {
+  color: #8d2450;
+}
+
+.focus\:text-pink-900:focus {
+  color: #741c46;
+}
+
+.focus\:text-grey-100:focus {
+  color: #f8fcfe;
+}
+
+.focus\:text-grey-200:focus {
+  color: #f1f5fb;
+}
+
+.focus\:text-grey-300:focus {
+  color: #e2e9f0;
+}
+
+.focus\:text-grey-400:focus {
+  color: #bbc5cf;
+}
+
+.focus\:text-grey-500:focus {
+  color: #a3b0bd;
+}
+
+.focus\:text-grey-600:focus {
+  color: #7a8996;
+}
+
+.focus\:text-grey-700:focus {
+  color: #5a6977;
+}
+
+.focus\:text-grey-800:focus {
+  color: #2e3a45;
+}
+
+.focus\:text-grey-900:focus {
+  color: #1f2830;
 }
 
 .text-xs {
@@ -6625,7 +7345,7 @@ samp {
 
 .example {
   font-weight: 700;
-  color: #e3342f;
+  color: #f95e5f;
 }
 
 @media (min-width: 640px) {
@@ -6650,291 +7370,371 @@ samp {
   }
 
   .sm\:bg-black {
-    background-color: #22292f;
-  }
-
-  .sm\:bg-grey-darkest {
-    background-color: #3d4852;
-  }
-
-  .sm\:bg-grey-darker {
-    background-color: #606f7b;
-  }
-
-  .sm\:bg-grey-dark {
-    background-color: #8795a1;
-  }
-
-  .sm\:bg-grey {
-    background-color: #b8c2cc;
-  }
-
-  .sm\:bg-grey-light {
-    background-color: #dae1e7;
-  }
-
-  .sm\:bg-grey-lighter {
-    background-color: #f1f5f8;
-  }
-
-  .sm\:bg-grey-lightest {
-    background-color: #f8fafc;
+    background-color: #000;
   }
 
   .sm\:bg-white {
     background-color: #fff;
   }
 
-  .sm\:bg-red-darkest {
-    background-color: #3b0d0c;
+  .sm\:bg-teal-100 {
+    background-color: #ebfffc;
   }
 
-  .sm\:bg-red-darker {
-    background-color: #621b18;
+  .sm\:bg-teal-200 {
+    background-color: #b3f1e9;
   }
 
-  .sm\:bg-red-dark {
-    background-color: #cc1f1a;
+  .sm\:bg-teal-300 {
+    background-color: #82e1d7;
   }
 
-  .sm\:bg-red {
-    background-color: #e3342f;
+  .sm\:bg-teal-400 {
+    background-color: #60cfc5;
   }
 
-  .sm\:bg-red-light {
-    background-color: #ef5753;
+  .sm\:bg-teal-500 {
+    background-color: #49bab2;
   }
 
-  .sm\:bg-red-lighter {
-    background-color: #f9acaa;
+  .sm\:bg-teal-600 {
+    background-color: #3ea39f;
   }
 
-  .sm\:bg-red-lightest {
-    background-color: #fcebea;
+  .sm\:bg-teal-700 {
+    background-color: #378786;
   }
 
-  .sm\:bg-orange-darkest {
-    background-color: #462a16;
+  .sm\:bg-teal-800 {
+    background-color: #316769;
   }
 
-  .sm\:bg-orange-darker {
-    background-color: #613b1f;
+  .sm\:bg-teal-900 {
+    background-color: #265152;
   }
 
-  .sm\:bg-orange-dark {
-    background-color: #de751f;
+  .sm\:bg-red-100 {
+    background-color: #fff5f5;
   }
 
-  .sm\:bg-orange {
-    background-color: #f6993f;
+  .sm\:bg-red-200 {
+    background-color: #fee3e3;
   }
 
-  .sm\:bg-orange-light {
-    background-color: #faad63;
+  .sm\:bg-red-300 {
+    background-color: #febcbc;
   }
 
-  .sm\:bg-orange-lighter {
-    background-color: #fcd9b6;
+  .sm\:bg-red-400 {
+    background-color: #fd9292;
   }
 
-  .sm\:bg-orange-lightest {
-    background-color: #fff5eb;
+  .sm\:bg-red-500 {
+    background-color: #f95e5f;
   }
 
-  .sm\:bg-yellow-darkest {
-    background-color: #453411;
+  .sm\:bg-red-600 {
+    background-color: #ec454e;
   }
 
-  .sm\:bg-yellow-darker {
-    background-color: #684f1d;
+  .sm\:bg-red-700 {
+    background-color: #dc3448;
   }
 
-  .sm\:bg-yellow-dark {
-    background-color: #f2d024;
+  .sm\:bg-red-800 {
+    background-color: #b4203b;
   }
 
-  .sm\:bg-yellow {
-    background-color: #ffed4a;
+  .sm\:bg-red-900 {
+    background-color: #801b33;
   }
 
-  .sm\:bg-yellow-light {
-    background-color: #fff382;
+  .sm\:bg-orange-100 {
+    background-color: #fffaef;
   }
 
-  .sm\:bg-yellow-lighter {
-    background-color: #fff9c2;
+  .sm\:bg-orange-200 {
+    background-color: #fee8c1;
   }
 
-  .sm\:bg-yellow-lightest {
-    background-color: #fcfbeb;
+  .sm\:bg-orange-300 {
+    background-color: #fbd087;
   }
 
-  .sm\:bg-green-darkest {
-    background-color: #0f2f21;
+  .sm\:bg-orange-400 {
+    background-color: #f6aa4f;
   }
 
-  .sm\:bg-green-darker {
-    background-color: #1a4731;
+  .sm\:bg-orange-500 {
+    background-color: #ec832b;
   }
 
-  .sm\:bg-green-dark {
-    background-color: #1f9d55;
+  .sm\:bg-orange-600 {
+    background-color: #df6d22;
   }
 
-  .sm\:bg-green {
-    background-color: #38c172;
+  .sm\:bg-orange-700 {
+    background-color: #c55822;
   }
 
-  .sm\:bg-green-light {
-    background-color: #51d88a;
+  .sm\:bg-orange-800 {
+    background-color: #9f4423;
   }
 
-  .sm\:bg-green-lighter {
-    background-color: #a2f5bf;
+  .sm\:bg-orange-900 {
+    background-color: #70311e;
   }
 
-  .sm\:bg-green-lightest {
-    background-color: #e3fcec;
+  .sm\:bg-yellow-100 {
+    background-color: #ffffeb;
   }
 
-  .sm\:bg-teal-darkest {
-    background-color: #0d3331;
+  .sm\:bg-yellow-200 {
+    background-color: #fefcbf;
   }
 
-  .sm\:bg-teal-darker {
-    background-color: #20504f;
+  .sm\:bg-yellow-300 {
+    background-color: #fbf189;
   }
 
-  .sm\:bg-teal-dark {
-    background-color: #38a89d;
+  .sm\:bg-yellow-400 {
+    background-color: #f6e05e;
   }
 
-  .sm\:bg-teal {
-    background-color: #4dc0b5;
+  .sm\:bg-yellow-500 {
+    background-color: #ebc743;
   }
 
-  .sm\:bg-teal-light {
-    background-color: #64d5ca;
+  .sm\:bg-yellow-600 {
+    background-color: #d69e2e;
   }
 
-  .sm\:bg-teal-lighter {
-    background-color: #a0f0ed;
+  .sm\:bg-yellow-700 {
+    background-color: #b7791f;
   }
 
-  .sm\:bg-teal-lightest {
-    background-color: #e8fffe;
+  .sm\:bg-yellow-800 {
+    background-color: #8d5415;
   }
 
-  .sm\:bg-blue-darkest {
-    background-color: #12283a;
+  .sm\:bg-yellow-900 {
+    background-color: #66390e;
   }
 
-  .sm\:bg-blue-darker {
-    background-color: #1c3d5a;
+  .sm\:bg-green-100 {
+    background-color: #e9ffe9;
   }
 
-  .sm\:bg-blue-dark {
-    background-color: #2779bd;
+  .sm\:bg-green-200 {
+    background-color: #c1f5c5;
   }
 
-  .sm\:bg-blue {
-    background-color: #3490dc;
+  .sm\:bg-green-300 {
+    background-color: #9ae6a8;
   }
 
-  .sm\:bg-blue-light {
-    background-color: #6cb2eb;
+  .sm\:bg-green-400 {
+    background-color: #68d391;
   }
 
-  .sm\:bg-blue-lighter {
-    background-color: #bcdefa;
+  .sm\:bg-green-500 {
+    background-color: #48bb87;
   }
 
-  .sm\:bg-blue-lightest {
-    background-color: #eff8ff;
+  .sm\:bg-green-600 {
+    background-color: #38a181;
   }
 
-  .sm\:bg-indigo-darkest {
-    background-color: #191e38;
+  .sm\:bg-green-700 {
+    background-color: #2f8572;
   }
 
-  .sm\:bg-indigo-darker {
-    background-color: #2f365f;
+  .sm\:bg-green-800 {
+    background-color: #28695c;
   }
 
-  .sm\:bg-indigo-dark {
-    background-color: #5661b3;
+  .sm\:bg-green-900 {
+    background-color: #22544b;
   }
 
-  .sm\:bg-indigo {
-    background-color: #6574cd;
+  .sm\:bg-blue-100 {
+    background-color: #f1fafd;
   }
 
-  .sm\:bg-indigo-light {
-    background-color: #7886d7;
+  .sm\:bg-blue-200 {
+    background-color: #caedfa;
   }
 
-  .sm\:bg-indigo-lighter {
-    background-color: #b2b7ff;
+  .sm\:bg-blue-300 {
+    background-color: #87d3f3;
   }
 
-  .sm\:bg-indigo-lightest {
-    background-color: #e6e8ff;
+  .sm\:bg-blue-400 {
+    background-color: #57b9ec;
   }
 
-  .sm\:bg-purple-darkest {
-    background-color: #21183c;
+  .sm\:bg-blue-500 {
+    background-color: #3a9adf;
   }
 
-  .sm\:bg-purple-darker {
-    background-color: #382b5f;
+  .sm\:bg-blue-600 {
+    background-color: #2b7cc4;
   }
 
-  .sm\:bg-purple-dark {
-    background-color: #794acf;
+  .sm\:bg-blue-700 {
+    background-color: #2762a3;
   }
 
-  .sm\:bg-purple {
-    background-color: #9561e2;
+  .sm\:bg-blue-800 {
+    background-color: #284f81;
   }
 
-  .sm\:bg-purple-light {
-    background-color: #a779e9;
+  .sm\:bg-blue-900 {
+    background-color: #294468;
   }
 
-  .sm\:bg-purple-lighter {
-    background-color: #d6bbfc;
+  .sm\:bg-indigo-100 {
+    background-color: #eef6ff;
   }
 
-  .sm\:bg-purple-lightest {
-    background-color: #f3ebff;
+  .sm\:bg-indigo-200 {
+    background-color: #cbe0f9;
   }
 
-  .sm\:bg-pink-darkest {
-    background-color: #451225;
+  .sm\:bg-indigo-300 {
+    background-color: #a6c5f0;
   }
 
-  .sm\:bg-pink-darker {
-    background-color: #6f213f;
+  .sm\:bg-indigo-400 {
+    background-color: #82a2e3;
   }
 
-  .sm\:bg-pink-dark {
-    background-color: #eb5286;
+  .sm\:bg-indigo-500 {
+    background-color: #6d80d3;
   }
 
-  .sm\:bg-pink {
-    background-color: #f66d9b;
+  .sm\:bg-indigo-600 {
+    background-color: #5e68bc;
   }
 
-  .sm\:bg-pink-light {
-    background-color: #fa7ea8;
+  .sm\:bg-indigo-700 {
+    background-color: #5154a1;
   }
 
-  .sm\:bg-pink-lighter {
-    background-color: #ffbbca;
+  .sm\:bg-indigo-800 {
+    background-color: #42417f;
   }
 
-  .sm\:bg-pink-lightest {
-    background-color: #ffebef;
+  .sm\:bg-indigo-900 {
+    background-color: #37366a;
+  }
+
+  .sm\:bg-purple-100 {
+    background-color: #faf5ff;
+  }
+
+  .sm\:bg-purple-200 {
+    background-color: #eddffd;
+  }
+
+  .sm\:bg-purple-300 {
+    background-color: #dcc7fb;
+  }
+
+  .sm\:bg-purple-400 {
+    background-color: #b18af4;
+  }
+
+  .sm\:bg-purple-500 {
+    background-color: #976de9;
+  }
+
+  .sm\:bg-purple-600 {
+    background-color: #7c54d5;
+  }
+
+  .sm\:bg-purple-700 {
+    background-color: #6845b9;
+  }
+
+  .sm\:bg-purple-800 {
+    background-color: #4d368a;
+  }
+
+  .sm\:bg-purple-900 {
+    background-color: #3b2c6c;
+  }
+
+  .sm\:bg-pink-100 {
+    background-color: #fff2f4;
+  }
+
+  .sm\:bg-pink-200 {
+    background-color: #fedee4;
+  }
+
+  .sm\:bg-pink-300 {
+    background-color: #fcbccb;
+  }
+
+  .sm\:bg-pink-400 {
+    background-color: #f786a7;
+  }
+
+  .sm\:bg-pink-500 {
+    background-color: #ed588b;
+  }
+
+  .sm\:bg-pink-600 {
+    background-color: #d9447b;
+  }
+
+  .sm\:bg-pink-700 {
+    background-color: #b32f62;
+  }
+
+  .sm\:bg-pink-800 {
+    background-color: #8d2450;
+  }
+
+  .sm\:bg-pink-900 {
+    background-color: #741c46;
+  }
+
+  .sm\:bg-grey-100 {
+    background-color: #f8fcfe;
+  }
+
+  .sm\:bg-grey-200 {
+    background-color: #f1f5fb;
+  }
+
+  .sm\:bg-grey-300 {
+    background-color: #e2e9f0;
+  }
+
+  .sm\:bg-grey-400 {
+    background-color: #bbc5cf;
+  }
+
+  .sm\:bg-grey-500 {
+    background-color: #a3b0bd;
+  }
+
+  .sm\:bg-grey-600 {
+    background-color: #7a8996;
+  }
+
+  .sm\:bg-grey-700 {
+    background-color: #5a6977;
+  }
+
+  .sm\:bg-grey-800 {
+    background-color: #2e3a45;
+  }
+
+  .sm\:bg-grey-900 {
+    background-color: #1f2830;
   }
 
   .sm\:hover\:bg-transparent:hover {
@@ -6942,291 +7742,371 @@ samp {
   }
 
   .sm\:hover\:bg-black:hover {
-    background-color: #22292f;
-  }
-
-  .sm\:hover\:bg-grey-darkest:hover {
-    background-color: #3d4852;
-  }
-
-  .sm\:hover\:bg-grey-darker:hover {
-    background-color: #606f7b;
-  }
-
-  .sm\:hover\:bg-grey-dark:hover {
-    background-color: #8795a1;
-  }
-
-  .sm\:hover\:bg-grey:hover {
-    background-color: #b8c2cc;
-  }
-
-  .sm\:hover\:bg-grey-light:hover {
-    background-color: #dae1e7;
-  }
-
-  .sm\:hover\:bg-grey-lighter:hover {
-    background-color: #f1f5f8;
-  }
-
-  .sm\:hover\:bg-grey-lightest:hover {
-    background-color: #f8fafc;
+    background-color: #000;
   }
 
   .sm\:hover\:bg-white:hover {
     background-color: #fff;
   }
 
-  .sm\:hover\:bg-red-darkest:hover {
-    background-color: #3b0d0c;
+  .sm\:hover\:bg-teal-100:hover {
+    background-color: #ebfffc;
   }
 
-  .sm\:hover\:bg-red-darker:hover {
-    background-color: #621b18;
+  .sm\:hover\:bg-teal-200:hover {
+    background-color: #b3f1e9;
   }
 
-  .sm\:hover\:bg-red-dark:hover {
-    background-color: #cc1f1a;
+  .sm\:hover\:bg-teal-300:hover {
+    background-color: #82e1d7;
   }
 
-  .sm\:hover\:bg-red:hover {
-    background-color: #e3342f;
+  .sm\:hover\:bg-teal-400:hover {
+    background-color: #60cfc5;
   }
 
-  .sm\:hover\:bg-red-light:hover {
-    background-color: #ef5753;
+  .sm\:hover\:bg-teal-500:hover {
+    background-color: #49bab2;
   }
 
-  .sm\:hover\:bg-red-lighter:hover {
-    background-color: #f9acaa;
+  .sm\:hover\:bg-teal-600:hover {
+    background-color: #3ea39f;
   }
 
-  .sm\:hover\:bg-red-lightest:hover {
-    background-color: #fcebea;
+  .sm\:hover\:bg-teal-700:hover {
+    background-color: #378786;
   }
 
-  .sm\:hover\:bg-orange-darkest:hover {
-    background-color: #462a16;
+  .sm\:hover\:bg-teal-800:hover {
+    background-color: #316769;
   }
 
-  .sm\:hover\:bg-orange-darker:hover {
-    background-color: #613b1f;
+  .sm\:hover\:bg-teal-900:hover {
+    background-color: #265152;
   }
 
-  .sm\:hover\:bg-orange-dark:hover {
-    background-color: #de751f;
+  .sm\:hover\:bg-red-100:hover {
+    background-color: #fff5f5;
   }
 
-  .sm\:hover\:bg-orange:hover {
-    background-color: #f6993f;
+  .sm\:hover\:bg-red-200:hover {
+    background-color: #fee3e3;
   }
 
-  .sm\:hover\:bg-orange-light:hover {
-    background-color: #faad63;
+  .sm\:hover\:bg-red-300:hover {
+    background-color: #febcbc;
   }
 
-  .sm\:hover\:bg-orange-lighter:hover {
-    background-color: #fcd9b6;
+  .sm\:hover\:bg-red-400:hover {
+    background-color: #fd9292;
   }
 
-  .sm\:hover\:bg-orange-lightest:hover {
-    background-color: #fff5eb;
+  .sm\:hover\:bg-red-500:hover {
+    background-color: #f95e5f;
   }
 
-  .sm\:hover\:bg-yellow-darkest:hover {
-    background-color: #453411;
+  .sm\:hover\:bg-red-600:hover {
+    background-color: #ec454e;
   }
 
-  .sm\:hover\:bg-yellow-darker:hover {
-    background-color: #684f1d;
+  .sm\:hover\:bg-red-700:hover {
+    background-color: #dc3448;
   }
 
-  .sm\:hover\:bg-yellow-dark:hover {
-    background-color: #f2d024;
+  .sm\:hover\:bg-red-800:hover {
+    background-color: #b4203b;
   }
 
-  .sm\:hover\:bg-yellow:hover {
-    background-color: #ffed4a;
+  .sm\:hover\:bg-red-900:hover {
+    background-color: #801b33;
   }
 
-  .sm\:hover\:bg-yellow-light:hover {
-    background-color: #fff382;
+  .sm\:hover\:bg-orange-100:hover {
+    background-color: #fffaef;
   }
 
-  .sm\:hover\:bg-yellow-lighter:hover {
-    background-color: #fff9c2;
+  .sm\:hover\:bg-orange-200:hover {
+    background-color: #fee8c1;
   }
 
-  .sm\:hover\:bg-yellow-lightest:hover {
-    background-color: #fcfbeb;
+  .sm\:hover\:bg-orange-300:hover {
+    background-color: #fbd087;
   }
 
-  .sm\:hover\:bg-green-darkest:hover {
-    background-color: #0f2f21;
+  .sm\:hover\:bg-orange-400:hover {
+    background-color: #f6aa4f;
   }
 
-  .sm\:hover\:bg-green-darker:hover {
-    background-color: #1a4731;
+  .sm\:hover\:bg-orange-500:hover {
+    background-color: #ec832b;
   }
 
-  .sm\:hover\:bg-green-dark:hover {
-    background-color: #1f9d55;
+  .sm\:hover\:bg-orange-600:hover {
+    background-color: #df6d22;
   }
 
-  .sm\:hover\:bg-green:hover {
-    background-color: #38c172;
+  .sm\:hover\:bg-orange-700:hover {
+    background-color: #c55822;
   }
 
-  .sm\:hover\:bg-green-light:hover {
-    background-color: #51d88a;
+  .sm\:hover\:bg-orange-800:hover {
+    background-color: #9f4423;
   }
 
-  .sm\:hover\:bg-green-lighter:hover {
-    background-color: #a2f5bf;
+  .sm\:hover\:bg-orange-900:hover {
+    background-color: #70311e;
   }
 
-  .sm\:hover\:bg-green-lightest:hover {
-    background-color: #e3fcec;
+  .sm\:hover\:bg-yellow-100:hover {
+    background-color: #ffffeb;
   }
 
-  .sm\:hover\:bg-teal-darkest:hover {
-    background-color: #0d3331;
+  .sm\:hover\:bg-yellow-200:hover {
+    background-color: #fefcbf;
   }
 
-  .sm\:hover\:bg-teal-darker:hover {
-    background-color: #20504f;
+  .sm\:hover\:bg-yellow-300:hover {
+    background-color: #fbf189;
   }
 
-  .sm\:hover\:bg-teal-dark:hover {
-    background-color: #38a89d;
+  .sm\:hover\:bg-yellow-400:hover {
+    background-color: #f6e05e;
   }
 
-  .sm\:hover\:bg-teal:hover {
-    background-color: #4dc0b5;
+  .sm\:hover\:bg-yellow-500:hover {
+    background-color: #ebc743;
   }
 
-  .sm\:hover\:bg-teal-light:hover {
-    background-color: #64d5ca;
+  .sm\:hover\:bg-yellow-600:hover {
+    background-color: #d69e2e;
   }
 
-  .sm\:hover\:bg-teal-lighter:hover {
-    background-color: #a0f0ed;
+  .sm\:hover\:bg-yellow-700:hover {
+    background-color: #b7791f;
   }
 
-  .sm\:hover\:bg-teal-lightest:hover {
-    background-color: #e8fffe;
+  .sm\:hover\:bg-yellow-800:hover {
+    background-color: #8d5415;
   }
 
-  .sm\:hover\:bg-blue-darkest:hover {
-    background-color: #12283a;
+  .sm\:hover\:bg-yellow-900:hover {
+    background-color: #66390e;
   }
 
-  .sm\:hover\:bg-blue-darker:hover {
-    background-color: #1c3d5a;
+  .sm\:hover\:bg-green-100:hover {
+    background-color: #e9ffe9;
   }
 
-  .sm\:hover\:bg-blue-dark:hover {
-    background-color: #2779bd;
+  .sm\:hover\:bg-green-200:hover {
+    background-color: #c1f5c5;
   }
 
-  .sm\:hover\:bg-blue:hover {
-    background-color: #3490dc;
+  .sm\:hover\:bg-green-300:hover {
+    background-color: #9ae6a8;
   }
 
-  .sm\:hover\:bg-blue-light:hover {
-    background-color: #6cb2eb;
+  .sm\:hover\:bg-green-400:hover {
+    background-color: #68d391;
   }
 
-  .sm\:hover\:bg-blue-lighter:hover {
-    background-color: #bcdefa;
+  .sm\:hover\:bg-green-500:hover {
+    background-color: #48bb87;
   }
 
-  .sm\:hover\:bg-blue-lightest:hover {
-    background-color: #eff8ff;
+  .sm\:hover\:bg-green-600:hover {
+    background-color: #38a181;
   }
 
-  .sm\:hover\:bg-indigo-darkest:hover {
-    background-color: #191e38;
+  .sm\:hover\:bg-green-700:hover {
+    background-color: #2f8572;
   }
 
-  .sm\:hover\:bg-indigo-darker:hover {
-    background-color: #2f365f;
+  .sm\:hover\:bg-green-800:hover {
+    background-color: #28695c;
   }
 
-  .sm\:hover\:bg-indigo-dark:hover {
-    background-color: #5661b3;
+  .sm\:hover\:bg-green-900:hover {
+    background-color: #22544b;
   }
 
-  .sm\:hover\:bg-indigo:hover {
-    background-color: #6574cd;
+  .sm\:hover\:bg-blue-100:hover {
+    background-color: #f1fafd;
   }
 
-  .sm\:hover\:bg-indigo-light:hover {
-    background-color: #7886d7;
+  .sm\:hover\:bg-blue-200:hover {
+    background-color: #caedfa;
   }
 
-  .sm\:hover\:bg-indigo-lighter:hover {
-    background-color: #b2b7ff;
+  .sm\:hover\:bg-blue-300:hover {
+    background-color: #87d3f3;
   }
 
-  .sm\:hover\:bg-indigo-lightest:hover {
-    background-color: #e6e8ff;
+  .sm\:hover\:bg-blue-400:hover {
+    background-color: #57b9ec;
   }
 
-  .sm\:hover\:bg-purple-darkest:hover {
-    background-color: #21183c;
+  .sm\:hover\:bg-blue-500:hover {
+    background-color: #3a9adf;
   }
 
-  .sm\:hover\:bg-purple-darker:hover {
-    background-color: #382b5f;
+  .sm\:hover\:bg-blue-600:hover {
+    background-color: #2b7cc4;
   }
 
-  .sm\:hover\:bg-purple-dark:hover {
-    background-color: #794acf;
+  .sm\:hover\:bg-blue-700:hover {
+    background-color: #2762a3;
   }
 
-  .sm\:hover\:bg-purple:hover {
-    background-color: #9561e2;
+  .sm\:hover\:bg-blue-800:hover {
+    background-color: #284f81;
   }
 
-  .sm\:hover\:bg-purple-light:hover {
-    background-color: #a779e9;
+  .sm\:hover\:bg-blue-900:hover {
+    background-color: #294468;
   }
 
-  .sm\:hover\:bg-purple-lighter:hover {
-    background-color: #d6bbfc;
+  .sm\:hover\:bg-indigo-100:hover {
+    background-color: #eef6ff;
   }
 
-  .sm\:hover\:bg-purple-lightest:hover {
-    background-color: #f3ebff;
+  .sm\:hover\:bg-indigo-200:hover {
+    background-color: #cbe0f9;
   }
 
-  .sm\:hover\:bg-pink-darkest:hover {
-    background-color: #451225;
+  .sm\:hover\:bg-indigo-300:hover {
+    background-color: #a6c5f0;
   }
 
-  .sm\:hover\:bg-pink-darker:hover {
-    background-color: #6f213f;
+  .sm\:hover\:bg-indigo-400:hover {
+    background-color: #82a2e3;
   }
 
-  .sm\:hover\:bg-pink-dark:hover {
-    background-color: #eb5286;
+  .sm\:hover\:bg-indigo-500:hover {
+    background-color: #6d80d3;
   }
 
-  .sm\:hover\:bg-pink:hover {
-    background-color: #f66d9b;
+  .sm\:hover\:bg-indigo-600:hover {
+    background-color: #5e68bc;
   }
 
-  .sm\:hover\:bg-pink-light:hover {
-    background-color: #fa7ea8;
+  .sm\:hover\:bg-indigo-700:hover {
+    background-color: #5154a1;
   }
 
-  .sm\:hover\:bg-pink-lighter:hover {
-    background-color: #ffbbca;
+  .sm\:hover\:bg-indigo-800:hover {
+    background-color: #42417f;
   }
 
-  .sm\:hover\:bg-pink-lightest:hover {
-    background-color: #ffebef;
+  .sm\:hover\:bg-indigo-900:hover {
+    background-color: #37366a;
+  }
+
+  .sm\:hover\:bg-purple-100:hover {
+    background-color: #faf5ff;
+  }
+
+  .sm\:hover\:bg-purple-200:hover {
+    background-color: #eddffd;
+  }
+
+  .sm\:hover\:bg-purple-300:hover {
+    background-color: #dcc7fb;
+  }
+
+  .sm\:hover\:bg-purple-400:hover {
+    background-color: #b18af4;
+  }
+
+  .sm\:hover\:bg-purple-500:hover {
+    background-color: #976de9;
+  }
+
+  .sm\:hover\:bg-purple-600:hover {
+    background-color: #7c54d5;
+  }
+
+  .sm\:hover\:bg-purple-700:hover {
+    background-color: #6845b9;
+  }
+
+  .sm\:hover\:bg-purple-800:hover {
+    background-color: #4d368a;
+  }
+
+  .sm\:hover\:bg-purple-900:hover {
+    background-color: #3b2c6c;
+  }
+
+  .sm\:hover\:bg-pink-100:hover {
+    background-color: #fff2f4;
+  }
+
+  .sm\:hover\:bg-pink-200:hover {
+    background-color: #fedee4;
+  }
+
+  .sm\:hover\:bg-pink-300:hover {
+    background-color: #fcbccb;
+  }
+
+  .sm\:hover\:bg-pink-400:hover {
+    background-color: #f786a7;
+  }
+
+  .sm\:hover\:bg-pink-500:hover {
+    background-color: #ed588b;
+  }
+
+  .sm\:hover\:bg-pink-600:hover {
+    background-color: #d9447b;
+  }
+
+  .sm\:hover\:bg-pink-700:hover {
+    background-color: #b32f62;
+  }
+
+  .sm\:hover\:bg-pink-800:hover {
+    background-color: #8d2450;
+  }
+
+  .sm\:hover\:bg-pink-900:hover {
+    background-color: #741c46;
+  }
+
+  .sm\:hover\:bg-grey-100:hover {
+    background-color: #f8fcfe;
+  }
+
+  .sm\:hover\:bg-grey-200:hover {
+    background-color: #f1f5fb;
+  }
+
+  .sm\:hover\:bg-grey-300:hover {
+    background-color: #e2e9f0;
+  }
+
+  .sm\:hover\:bg-grey-400:hover {
+    background-color: #bbc5cf;
+  }
+
+  .sm\:hover\:bg-grey-500:hover {
+    background-color: #a3b0bd;
+  }
+
+  .sm\:hover\:bg-grey-600:hover {
+    background-color: #7a8996;
+  }
+
+  .sm\:hover\:bg-grey-700:hover {
+    background-color: #5a6977;
+  }
+
+  .sm\:hover\:bg-grey-800:hover {
+    background-color: #2e3a45;
+  }
+
+  .sm\:hover\:bg-grey-900:hover {
+    background-color: #1f2830;
   }
 
   .sm\:focus\:bg-transparent:focus {
@@ -7234,291 +8114,371 @@ samp {
   }
 
   .sm\:focus\:bg-black:focus {
-    background-color: #22292f;
-  }
-
-  .sm\:focus\:bg-grey-darkest:focus {
-    background-color: #3d4852;
-  }
-
-  .sm\:focus\:bg-grey-darker:focus {
-    background-color: #606f7b;
-  }
-
-  .sm\:focus\:bg-grey-dark:focus {
-    background-color: #8795a1;
-  }
-
-  .sm\:focus\:bg-grey:focus {
-    background-color: #b8c2cc;
-  }
-
-  .sm\:focus\:bg-grey-light:focus {
-    background-color: #dae1e7;
-  }
-
-  .sm\:focus\:bg-grey-lighter:focus {
-    background-color: #f1f5f8;
-  }
-
-  .sm\:focus\:bg-grey-lightest:focus {
-    background-color: #f8fafc;
+    background-color: #000;
   }
 
   .sm\:focus\:bg-white:focus {
     background-color: #fff;
   }
 
-  .sm\:focus\:bg-red-darkest:focus {
-    background-color: #3b0d0c;
+  .sm\:focus\:bg-teal-100:focus {
+    background-color: #ebfffc;
   }
 
-  .sm\:focus\:bg-red-darker:focus {
-    background-color: #621b18;
+  .sm\:focus\:bg-teal-200:focus {
+    background-color: #b3f1e9;
   }
 
-  .sm\:focus\:bg-red-dark:focus {
-    background-color: #cc1f1a;
+  .sm\:focus\:bg-teal-300:focus {
+    background-color: #82e1d7;
   }
 
-  .sm\:focus\:bg-red:focus {
-    background-color: #e3342f;
+  .sm\:focus\:bg-teal-400:focus {
+    background-color: #60cfc5;
   }
 
-  .sm\:focus\:bg-red-light:focus {
-    background-color: #ef5753;
+  .sm\:focus\:bg-teal-500:focus {
+    background-color: #49bab2;
   }
 
-  .sm\:focus\:bg-red-lighter:focus {
-    background-color: #f9acaa;
+  .sm\:focus\:bg-teal-600:focus {
+    background-color: #3ea39f;
   }
 
-  .sm\:focus\:bg-red-lightest:focus {
-    background-color: #fcebea;
+  .sm\:focus\:bg-teal-700:focus {
+    background-color: #378786;
   }
 
-  .sm\:focus\:bg-orange-darkest:focus {
-    background-color: #462a16;
+  .sm\:focus\:bg-teal-800:focus {
+    background-color: #316769;
   }
 
-  .sm\:focus\:bg-orange-darker:focus {
-    background-color: #613b1f;
+  .sm\:focus\:bg-teal-900:focus {
+    background-color: #265152;
   }
 
-  .sm\:focus\:bg-orange-dark:focus {
-    background-color: #de751f;
+  .sm\:focus\:bg-red-100:focus {
+    background-color: #fff5f5;
   }
 
-  .sm\:focus\:bg-orange:focus {
-    background-color: #f6993f;
+  .sm\:focus\:bg-red-200:focus {
+    background-color: #fee3e3;
   }
 
-  .sm\:focus\:bg-orange-light:focus {
-    background-color: #faad63;
+  .sm\:focus\:bg-red-300:focus {
+    background-color: #febcbc;
   }
 
-  .sm\:focus\:bg-orange-lighter:focus {
-    background-color: #fcd9b6;
+  .sm\:focus\:bg-red-400:focus {
+    background-color: #fd9292;
   }
 
-  .sm\:focus\:bg-orange-lightest:focus {
-    background-color: #fff5eb;
+  .sm\:focus\:bg-red-500:focus {
+    background-color: #f95e5f;
   }
 
-  .sm\:focus\:bg-yellow-darkest:focus {
-    background-color: #453411;
+  .sm\:focus\:bg-red-600:focus {
+    background-color: #ec454e;
   }
 
-  .sm\:focus\:bg-yellow-darker:focus {
-    background-color: #684f1d;
+  .sm\:focus\:bg-red-700:focus {
+    background-color: #dc3448;
   }
 
-  .sm\:focus\:bg-yellow-dark:focus {
-    background-color: #f2d024;
+  .sm\:focus\:bg-red-800:focus {
+    background-color: #b4203b;
   }
 
-  .sm\:focus\:bg-yellow:focus {
-    background-color: #ffed4a;
+  .sm\:focus\:bg-red-900:focus {
+    background-color: #801b33;
   }
 
-  .sm\:focus\:bg-yellow-light:focus {
-    background-color: #fff382;
+  .sm\:focus\:bg-orange-100:focus {
+    background-color: #fffaef;
   }
 
-  .sm\:focus\:bg-yellow-lighter:focus {
-    background-color: #fff9c2;
+  .sm\:focus\:bg-orange-200:focus {
+    background-color: #fee8c1;
   }
 
-  .sm\:focus\:bg-yellow-lightest:focus {
-    background-color: #fcfbeb;
+  .sm\:focus\:bg-orange-300:focus {
+    background-color: #fbd087;
   }
 
-  .sm\:focus\:bg-green-darkest:focus {
-    background-color: #0f2f21;
+  .sm\:focus\:bg-orange-400:focus {
+    background-color: #f6aa4f;
   }
 
-  .sm\:focus\:bg-green-darker:focus {
-    background-color: #1a4731;
+  .sm\:focus\:bg-orange-500:focus {
+    background-color: #ec832b;
   }
 
-  .sm\:focus\:bg-green-dark:focus {
-    background-color: #1f9d55;
+  .sm\:focus\:bg-orange-600:focus {
+    background-color: #df6d22;
   }
 
-  .sm\:focus\:bg-green:focus {
-    background-color: #38c172;
+  .sm\:focus\:bg-orange-700:focus {
+    background-color: #c55822;
   }
 
-  .sm\:focus\:bg-green-light:focus {
-    background-color: #51d88a;
+  .sm\:focus\:bg-orange-800:focus {
+    background-color: #9f4423;
   }
 
-  .sm\:focus\:bg-green-lighter:focus {
-    background-color: #a2f5bf;
+  .sm\:focus\:bg-orange-900:focus {
+    background-color: #70311e;
   }
 
-  .sm\:focus\:bg-green-lightest:focus {
-    background-color: #e3fcec;
+  .sm\:focus\:bg-yellow-100:focus {
+    background-color: #ffffeb;
   }
 
-  .sm\:focus\:bg-teal-darkest:focus {
-    background-color: #0d3331;
+  .sm\:focus\:bg-yellow-200:focus {
+    background-color: #fefcbf;
   }
 
-  .sm\:focus\:bg-teal-darker:focus {
-    background-color: #20504f;
+  .sm\:focus\:bg-yellow-300:focus {
+    background-color: #fbf189;
   }
 
-  .sm\:focus\:bg-teal-dark:focus {
-    background-color: #38a89d;
+  .sm\:focus\:bg-yellow-400:focus {
+    background-color: #f6e05e;
   }
 
-  .sm\:focus\:bg-teal:focus {
-    background-color: #4dc0b5;
+  .sm\:focus\:bg-yellow-500:focus {
+    background-color: #ebc743;
   }
 
-  .sm\:focus\:bg-teal-light:focus {
-    background-color: #64d5ca;
+  .sm\:focus\:bg-yellow-600:focus {
+    background-color: #d69e2e;
   }
 
-  .sm\:focus\:bg-teal-lighter:focus {
-    background-color: #a0f0ed;
+  .sm\:focus\:bg-yellow-700:focus {
+    background-color: #b7791f;
   }
 
-  .sm\:focus\:bg-teal-lightest:focus {
-    background-color: #e8fffe;
+  .sm\:focus\:bg-yellow-800:focus {
+    background-color: #8d5415;
   }
 
-  .sm\:focus\:bg-blue-darkest:focus {
-    background-color: #12283a;
+  .sm\:focus\:bg-yellow-900:focus {
+    background-color: #66390e;
   }
 
-  .sm\:focus\:bg-blue-darker:focus {
-    background-color: #1c3d5a;
+  .sm\:focus\:bg-green-100:focus {
+    background-color: #e9ffe9;
   }
 
-  .sm\:focus\:bg-blue-dark:focus {
-    background-color: #2779bd;
+  .sm\:focus\:bg-green-200:focus {
+    background-color: #c1f5c5;
   }
 
-  .sm\:focus\:bg-blue:focus {
-    background-color: #3490dc;
+  .sm\:focus\:bg-green-300:focus {
+    background-color: #9ae6a8;
   }
 
-  .sm\:focus\:bg-blue-light:focus {
-    background-color: #6cb2eb;
+  .sm\:focus\:bg-green-400:focus {
+    background-color: #68d391;
   }
 
-  .sm\:focus\:bg-blue-lighter:focus {
-    background-color: #bcdefa;
+  .sm\:focus\:bg-green-500:focus {
+    background-color: #48bb87;
   }
 
-  .sm\:focus\:bg-blue-lightest:focus {
-    background-color: #eff8ff;
+  .sm\:focus\:bg-green-600:focus {
+    background-color: #38a181;
   }
 
-  .sm\:focus\:bg-indigo-darkest:focus {
-    background-color: #191e38;
+  .sm\:focus\:bg-green-700:focus {
+    background-color: #2f8572;
   }
 
-  .sm\:focus\:bg-indigo-darker:focus {
-    background-color: #2f365f;
+  .sm\:focus\:bg-green-800:focus {
+    background-color: #28695c;
   }
 
-  .sm\:focus\:bg-indigo-dark:focus {
-    background-color: #5661b3;
+  .sm\:focus\:bg-green-900:focus {
+    background-color: #22544b;
   }
 
-  .sm\:focus\:bg-indigo:focus {
-    background-color: #6574cd;
+  .sm\:focus\:bg-blue-100:focus {
+    background-color: #f1fafd;
   }
 
-  .sm\:focus\:bg-indigo-light:focus {
-    background-color: #7886d7;
+  .sm\:focus\:bg-blue-200:focus {
+    background-color: #caedfa;
   }
 
-  .sm\:focus\:bg-indigo-lighter:focus {
-    background-color: #b2b7ff;
+  .sm\:focus\:bg-blue-300:focus {
+    background-color: #87d3f3;
   }
 
-  .sm\:focus\:bg-indigo-lightest:focus {
-    background-color: #e6e8ff;
+  .sm\:focus\:bg-blue-400:focus {
+    background-color: #57b9ec;
   }
 
-  .sm\:focus\:bg-purple-darkest:focus {
-    background-color: #21183c;
+  .sm\:focus\:bg-blue-500:focus {
+    background-color: #3a9adf;
   }
 
-  .sm\:focus\:bg-purple-darker:focus {
-    background-color: #382b5f;
+  .sm\:focus\:bg-blue-600:focus {
+    background-color: #2b7cc4;
   }
 
-  .sm\:focus\:bg-purple-dark:focus {
-    background-color: #794acf;
+  .sm\:focus\:bg-blue-700:focus {
+    background-color: #2762a3;
   }
 
-  .sm\:focus\:bg-purple:focus {
-    background-color: #9561e2;
+  .sm\:focus\:bg-blue-800:focus {
+    background-color: #284f81;
   }
 
-  .sm\:focus\:bg-purple-light:focus {
-    background-color: #a779e9;
+  .sm\:focus\:bg-blue-900:focus {
+    background-color: #294468;
   }
 
-  .sm\:focus\:bg-purple-lighter:focus {
-    background-color: #d6bbfc;
+  .sm\:focus\:bg-indigo-100:focus {
+    background-color: #eef6ff;
   }
 
-  .sm\:focus\:bg-purple-lightest:focus {
-    background-color: #f3ebff;
+  .sm\:focus\:bg-indigo-200:focus {
+    background-color: #cbe0f9;
   }
 
-  .sm\:focus\:bg-pink-darkest:focus {
-    background-color: #451225;
+  .sm\:focus\:bg-indigo-300:focus {
+    background-color: #a6c5f0;
   }
 
-  .sm\:focus\:bg-pink-darker:focus {
-    background-color: #6f213f;
+  .sm\:focus\:bg-indigo-400:focus {
+    background-color: #82a2e3;
   }
 
-  .sm\:focus\:bg-pink-dark:focus {
-    background-color: #eb5286;
+  .sm\:focus\:bg-indigo-500:focus {
+    background-color: #6d80d3;
   }
 
-  .sm\:focus\:bg-pink:focus {
-    background-color: #f66d9b;
+  .sm\:focus\:bg-indigo-600:focus {
+    background-color: #5e68bc;
   }
 
-  .sm\:focus\:bg-pink-light:focus {
-    background-color: #fa7ea8;
+  .sm\:focus\:bg-indigo-700:focus {
+    background-color: #5154a1;
   }
 
-  .sm\:focus\:bg-pink-lighter:focus {
-    background-color: #ffbbca;
+  .sm\:focus\:bg-indigo-800:focus {
+    background-color: #42417f;
   }
 
-  .sm\:focus\:bg-pink-lightest:focus {
-    background-color: #ffebef;
+  .sm\:focus\:bg-indigo-900:focus {
+    background-color: #37366a;
+  }
+
+  .sm\:focus\:bg-purple-100:focus {
+    background-color: #faf5ff;
+  }
+
+  .sm\:focus\:bg-purple-200:focus {
+    background-color: #eddffd;
+  }
+
+  .sm\:focus\:bg-purple-300:focus {
+    background-color: #dcc7fb;
+  }
+
+  .sm\:focus\:bg-purple-400:focus {
+    background-color: #b18af4;
+  }
+
+  .sm\:focus\:bg-purple-500:focus {
+    background-color: #976de9;
+  }
+
+  .sm\:focus\:bg-purple-600:focus {
+    background-color: #7c54d5;
+  }
+
+  .sm\:focus\:bg-purple-700:focus {
+    background-color: #6845b9;
+  }
+
+  .sm\:focus\:bg-purple-800:focus {
+    background-color: #4d368a;
+  }
+
+  .sm\:focus\:bg-purple-900:focus {
+    background-color: #3b2c6c;
+  }
+
+  .sm\:focus\:bg-pink-100:focus {
+    background-color: #fff2f4;
+  }
+
+  .sm\:focus\:bg-pink-200:focus {
+    background-color: #fedee4;
+  }
+
+  .sm\:focus\:bg-pink-300:focus {
+    background-color: #fcbccb;
+  }
+
+  .sm\:focus\:bg-pink-400:focus {
+    background-color: #f786a7;
+  }
+
+  .sm\:focus\:bg-pink-500:focus {
+    background-color: #ed588b;
+  }
+
+  .sm\:focus\:bg-pink-600:focus {
+    background-color: #d9447b;
+  }
+
+  .sm\:focus\:bg-pink-700:focus {
+    background-color: #b32f62;
+  }
+
+  .sm\:focus\:bg-pink-800:focus {
+    background-color: #8d2450;
+  }
+
+  .sm\:focus\:bg-pink-900:focus {
+    background-color: #741c46;
+  }
+
+  .sm\:focus\:bg-grey-100:focus {
+    background-color: #f8fcfe;
+  }
+
+  .sm\:focus\:bg-grey-200:focus {
+    background-color: #f1f5fb;
+  }
+
+  .sm\:focus\:bg-grey-300:focus {
+    background-color: #e2e9f0;
+  }
+
+  .sm\:focus\:bg-grey-400:focus {
+    background-color: #bbc5cf;
+  }
+
+  .sm\:focus\:bg-grey-500:focus {
+    background-color: #a3b0bd;
+  }
+
+  .sm\:focus\:bg-grey-600:focus {
+    background-color: #7a8996;
+  }
+
+  .sm\:focus\:bg-grey-700:focus {
+    background-color: #5a6977;
+  }
+
+  .sm\:focus\:bg-grey-800:focus {
+    background-color: #2e3a45;
+  }
+
+  .sm\:focus\:bg-grey-900:focus {
+    background-color: #1f2830;
   }
 
   .sm\:bg-bottom {
@@ -7590,291 +8550,371 @@ samp {
   }
 
   .sm\:border-black {
-    border-color: #22292f;
-  }
-
-  .sm\:border-grey-darkest {
-    border-color: #3d4852;
-  }
-
-  .sm\:border-grey-darker {
-    border-color: #606f7b;
-  }
-
-  .sm\:border-grey-dark {
-    border-color: #8795a1;
-  }
-
-  .sm\:border-grey {
-    border-color: #b8c2cc;
-  }
-
-  .sm\:border-grey-light {
-    border-color: #dae1e7;
-  }
-
-  .sm\:border-grey-lighter {
-    border-color: #f1f5f8;
-  }
-
-  .sm\:border-grey-lightest {
-    border-color: #f8fafc;
+    border-color: #000;
   }
 
   .sm\:border-white {
     border-color: #fff;
   }
 
-  .sm\:border-red-darkest {
-    border-color: #3b0d0c;
+  .sm\:border-teal-100 {
+    border-color: #ebfffc;
   }
 
-  .sm\:border-red-darker {
-    border-color: #621b18;
+  .sm\:border-teal-200 {
+    border-color: #b3f1e9;
   }
 
-  .sm\:border-red-dark {
-    border-color: #cc1f1a;
+  .sm\:border-teal-300 {
+    border-color: #82e1d7;
   }
 
-  .sm\:border-red {
-    border-color: #e3342f;
+  .sm\:border-teal-400 {
+    border-color: #60cfc5;
   }
 
-  .sm\:border-red-light {
-    border-color: #ef5753;
+  .sm\:border-teal-500 {
+    border-color: #49bab2;
   }
 
-  .sm\:border-red-lighter {
-    border-color: #f9acaa;
+  .sm\:border-teal-600 {
+    border-color: #3ea39f;
   }
 
-  .sm\:border-red-lightest {
-    border-color: #fcebea;
+  .sm\:border-teal-700 {
+    border-color: #378786;
   }
 
-  .sm\:border-orange-darkest {
-    border-color: #462a16;
+  .sm\:border-teal-800 {
+    border-color: #316769;
   }
 
-  .sm\:border-orange-darker {
-    border-color: #613b1f;
+  .sm\:border-teal-900 {
+    border-color: #265152;
   }
 
-  .sm\:border-orange-dark {
-    border-color: #de751f;
+  .sm\:border-red-100 {
+    border-color: #fff5f5;
   }
 
-  .sm\:border-orange {
-    border-color: #f6993f;
+  .sm\:border-red-200 {
+    border-color: #fee3e3;
   }
 
-  .sm\:border-orange-light {
-    border-color: #faad63;
+  .sm\:border-red-300 {
+    border-color: #febcbc;
   }
 
-  .sm\:border-orange-lighter {
-    border-color: #fcd9b6;
+  .sm\:border-red-400 {
+    border-color: #fd9292;
   }
 
-  .sm\:border-orange-lightest {
-    border-color: #fff5eb;
+  .sm\:border-red-500 {
+    border-color: #f95e5f;
   }
 
-  .sm\:border-yellow-darkest {
-    border-color: #453411;
+  .sm\:border-red-600 {
+    border-color: #ec454e;
   }
 
-  .sm\:border-yellow-darker {
-    border-color: #684f1d;
+  .sm\:border-red-700 {
+    border-color: #dc3448;
   }
 
-  .sm\:border-yellow-dark {
-    border-color: #f2d024;
+  .sm\:border-red-800 {
+    border-color: #b4203b;
   }
 
-  .sm\:border-yellow {
-    border-color: #ffed4a;
+  .sm\:border-red-900 {
+    border-color: #801b33;
   }
 
-  .sm\:border-yellow-light {
-    border-color: #fff382;
+  .sm\:border-orange-100 {
+    border-color: #fffaef;
   }
 
-  .sm\:border-yellow-lighter {
-    border-color: #fff9c2;
+  .sm\:border-orange-200 {
+    border-color: #fee8c1;
   }
 
-  .sm\:border-yellow-lightest {
-    border-color: #fcfbeb;
+  .sm\:border-orange-300 {
+    border-color: #fbd087;
   }
 
-  .sm\:border-green-darkest {
-    border-color: #0f2f21;
+  .sm\:border-orange-400 {
+    border-color: #f6aa4f;
   }
 
-  .sm\:border-green-darker {
-    border-color: #1a4731;
+  .sm\:border-orange-500 {
+    border-color: #ec832b;
   }
 
-  .sm\:border-green-dark {
-    border-color: #1f9d55;
+  .sm\:border-orange-600 {
+    border-color: #df6d22;
   }
 
-  .sm\:border-green {
-    border-color: #38c172;
+  .sm\:border-orange-700 {
+    border-color: #c55822;
   }
 
-  .sm\:border-green-light {
-    border-color: #51d88a;
+  .sm\:border-orange-800 {
+    border-color: #9f4423;
   }
 
-  .sm\:border-green-lighter {
-    border-color: #a2f5bf;
+  .sm\:border-orange-900 {
+    border-color: #70311e;
   }
 
-  .sm\:border-green-lightest {
-    border-color: #e3fcec;
+  .sm\:border-yellow-100 {
+    border-color: #ffffeb;
   }
 
-  .sm\:border-teal-darkest {
-    border-color: #0d3331;
+  .sm\:border-yellow-200 {
+    border-color: #fefcbf;
   }
 
-  .sm\:border-teal-darker {
-    border-color: #20504f;
+  .sm\:border-yellow-300 {
+    border-color: #fbf189;
   }
 
-  .sm\:border-teal-dark {
-    border-color: #38a89d;
+  .sm\:border-yellow-400 {
+    border-color: #f6e05e;
   }
 
-  .sm\:border-teal {
-    border-color: #4dc0b5;
+  .sm\:border-yellow-500 {
+    border-color: #ebc743;
   }
 
-  .sm\:border-teal-light {
-    border-color: #64d5ca;
+  .sm\:border-yellow-600 {
+    border-color: #d69e2e;
   }
 
-  .sm\:border-teal-lighter {
-    border-color: #a0f0ed;
+  .sm\:border-yellow-700 {
+    border-color: #b7791f;
   }
 
-  .sm\:border-teal-lightest {
-    border-color: #e8fffe;
+  .sm\:border-yellow-800 {
+    border-color: #8d5415;
   }
 
-  .sm\:border-blue-darkest {
-    border-color: #12283a;
+  .sm\:border-yellow-900 {
+    border-color: #66390e;
   }
 
-  .sm\:border-blue-darker {
-    border-color: #1c3d5a;
+  .sm\:border-green-100 {
+    border-color: #e9ffe9;
   }
 
-  .sm\:border-blue-dark {
-    border-color: #2779bd;
+  .sm\:border-green-200 {
+    border-color: #c1f5c5;
   }
 
-  .sm\:border-blue {
-    border-color: #3490dc;
+  .sm\:border-green-300 {
+    border-color: #9ae6a8;
   }
 
-  .sm\:border-blue-light {
-    border-color: #6cb2eb;
+  .sm\:border-green-400 {
+    border-color: #68d391;
   }
 
-  .sm\:border-blue-lighter {
-    border-color: #bcdefa;
+  .sm\:border-green-500 {
+    border-color: #48bb87;
   }
 
-  .sm\:border-blue-lightest {
-    border-color: #eff8ff;
+  .sm\:border-green-600 {
+    border-color: #38a181;
   }
 
-  .sm\:border-indigo-darkest {
-    border-color: #191e38;
+  .sm\:border-green-700 {
+    border-color: #2f8572;
   }
 
-  .sm\:border-indigo-darker {
-    border-color: #2f365f;
+  .sm\:border-green-800 {
+    border-color: #28695c;
   }
 
-  .sm\:border-indigo-dark {
-    border-color: #5661b3;
+  .sm\:border-green-900 {
+    border-color: #22544b;
   }
 
-  .sm\:border-indigo {
-    border-color: #6574cd;
+  .sm\:border-blue-100 {
+    border-color: #f1fafd;
   }
 
-  .sm\:border-indigo-light {
-    border-color: #7886d7;
+  .sm\:border-blue-200 {
+    border-color: #caedfa;
   }
 
-  .sm\:border-indigo-lighter {
-    border-color: #b2b7ff;
+  .sm\:border-blue-300 {
+    border-color: #87d3f3;
   }
 
-  .sm\:border-indigo-lightest {
-    border-color: #e6e8ff;
+  .sm\:border-blue-400 {
+    border-color: #57b9ec;
   }
 
-  .sm\:border-purple-darkest {
-    border-color: #21183c;
+  .sm\:border-blue-500 {
+    border-color: #3a9adf;
   }
 
-  .sm\:border-purple-darker {
-    border-color: #382b5f;
+  .sm\:border-blue-600 {
+    border-color: #2b7cc4;
   }
 
-  .sm\:border-purple-dark {
-    border-color: #794acf;
+  .sm\:border-blue-700 {
+    border-color: #2762a3;
   }
 
-  .sm\:border-purple {
-    border-color: #9561e2;
+  .sm\:border-blue-800 {
+    border-color: #284f81;
   }
 
-  .sm\:border-purple-light {
-    border-color: #a779e9;
+  .sm\:border-blue-900 {
+    border-color: #294468;
   }
 
-  .sm\:border-purple-lighter {
-    border-color: #d6bbfc;
+  .sm\:border-indigo-100 {
+    border-color: #eef6ff;
   }
 
-  .sm\:border-purple-lightest {
-    border-color: #f3ebff;
+  .sm\:border-indigo-200 {
+    border-color: #cbe0f9;
   }
 
-  .sm\:border-pink-darkest {
-    border-color: #451225;
+  .sm\:border-indigo-300 {
+    border-color: #a6c5f0;
   }
 
-  .sm\:border-pink-darker {
-    border-color: #6f213f;
+  .sm\:border-indigo-400 {
+    border-color: #82a2e3;
   }
 
-  .sm\:border-pink-dark {
-    border-color: #eb5286;
+  .sm\:border-indigo-500 {
+    border-color: #6d80d3;
   }
 
-  .sm\:border-pink {
-    border-color: #f66d9b;
+  .sm\:border-indigo-600 {
+    border-color: #5e68bc;
   }
 
-  .sm\:border-pink-light {
-    border-color: #fa7ea8;
+  .sm\:border-indigo-700 {
+    border-color: #5154a1;
   }
 
-  .sm\:border-pink-lighter {
-    border-color: #ffbbca;
+  .sm\:border-indigo-800 {
+    border-color: #42417f;
   }
 
-  .sm\:border-pink-lightest {
-    border-color: #ffebef;
+  .sm\:border-indigo-900 {
+    border-color: #37366a;
+  }
+
+  .sm\:border-purple-100 {
+    border-color: #faf5ff;
+  }
+
+  .sm\:border-purple-200 {
+    border-color: #eddffd;
+  }
+
+  .sm\:border-purple-300 {
+    border-color: #dcc7fb;
+  }
+
+  .sm\:border-purple-400 {
+    border-color: #b18af4;
+  }
+
+  .sm\:border-purple-500 {
+    border-color: #976de9;
+  }
+
+  .sm\:border-purple-600 {
+    border-color: #7c54d5;
+  }
+
+  .sm\:border-purple-700 {
+    border-color: #6845b9;
+  }
+
+  .sm\:border-purple-800 {
+    border-color: #4d368a;
+  }
+
+  .sm\:border-purple-900 {
+    border-color: #3b2c6c;
+  }
+
+  .sm\:border-pink-100 {
+    border-color: #fff2f4;
+  }
+
+  .sm\:border-pink-200 {
+    border-color: #fedee4;
+  }
+
+  .sm\:border-pink-300 {
+    border-color: #fcbccb;
+  }
+
+  .sm\:border-pink-400 {
+    border-color: #f786a7;
+  }
+
+  .sm\:border-pink-500 {
+    border-color: #ed588b;
+  }
+
+  .sm\:border-pink-600 {
+    border-color: #d9447b;
+  }
+
+  .sm\:border-pink-700 {
+    border-color: #b32f62;
+  }
+
+  .sm\:border-pink-800 {
+    border-color: #8d2450;
+  }
+
+  .sm\:border-pink-900 {
+    border-color: #741c46;
+  }
+
+  .sm\:border-grey-100 {
+    border-color: #f8fcfe;
+  }
+
+  .sm\:border-grey-200 {
+    border-color: #f1f5fb;
+  }
+
+  .sm\:border-grey-300 {
+    border-color: #e2e9f0;
+  }
+
+  .sm\:border-grey-400 {
+    border-color: #bbc5cf;
+  }
+
+  .sm\:border-grey-500 {
+    border-color: #a3b0bd;
+  }
+
+  .sm\:border-grey-600 {
+    border-color: #7a8996;
+  }
+
+  .sm\:border-grey-700 {
+    border-color: #5a6977;
+  }
+
+  .sm\:border-grey-800 {
+    border-color: #2e3a45;
+  }
+
+  .sm\:border-grey-900 {
+    border-color: #1f2830;
   }
 
   .sm\:hover\:border-transparent:hover {
@@ -7882,291 +8922,371 @@ samp {
   }
 
   .sm\:hover\:border-black:hover {
-    border-color: #22292f;
-  }
-
-  .sm\:hover\:border-grey-darkest:hover {
-    border-color: #3d4852;
-  }
-
-  .sm\:hover\:border-grey-darker:hover {
-    border-color: #606f7b;
-  }
-
-  .sm\:hover\:border-grey-dark:hover {
-    border-color: #8795a1;
-  }
-
-  .sm\:hover\:border-grey:hover {
-    border-color: #b8c2cc;
-  }
-
-  .sm\:hover\:border-grey-light:hover {
-    border-color: #dae1e7;
-  }
-
-  .sm\:hover\:border-grey-lighter:hover {
-    border-color: #f1f5f8;
-  }
-
-  .sm\:hover\:border-grey-lightest:hover {
-    border-color: #f8fafc;
+    border-color: #000;
   }
 
   .sm\:hover\:border-white:hover {
     border-color: #fff;
   }
 
-  .sm\:hover\:border-red-darkest:hover {
-    border-color: #3b0d0c;
+  .sm\:hover\:border-teal-100:hover {
+    border-color: #ebfffc;
   }
 
-  .sm\:hover\:border-red-darker:hover {
-    border-color: #621b18;
+  .sm\:hover\:border-teal-200:hover {
+    border-color: #b3f1e9;
   }
 
-  .sm\:hover\:border-red-dark:hover {
-    border-color: #cc1f1a;
+  .sm\:hover\:border-teal-300:hover {
+    border-color: #82e1d7;
   }
 
-  .sm\:hover\:border-red:hover {
-    border-color: #e3342f;
+  .sm\:hover\:border-teal-400:hover {
+    border-color: #60cfc5;
   }
 
-  .sm\:hover\:border-red-light:hover {
-    border-color: #ef5753;
+  .sm\:hover\:border-teal-500:hover {
+    border-color: #49bab2;
   }
 
-  .sm\:hover\:border-red-lighter:hover {
-    border-color: #f9acaa;
+  .sm\:hover\:border-teal-600:hover {
+    border-color: #3ea39f;
   }
 
-  .sm\:hover\:border-red-lightest:hover {
-    border-color: #fcebea;
+  .sm\:hover\:border-teal-700:hover {
+    border-color: #378786;
   }
 
-  .sm\:hover\:border-orange-darkest:hover {
-    border-color: #462a16;
+  .sm\:hover\:border-teal-800:hover {
+    border-color: #316769;
   }
 
-  .sm\:hover\:border-orange-darker:hover {
-    border-color: #613b1f;
+  .sm\:hover\:border-teal-900:hover {
+    border-color: #265152;
   }
 
-  .sm\:hover\:border-orange-dark:hover {
-    border-color: #de751f;
+  .sm\:hover\:border-red-100:hover {
+    border-color: #fff5f5;
   }
 
-  .sm\:hover\:border-orange:hover {
-    border-color: #f6993f;
+  .sm\:hover\:border-red-200:hover {
+    border-color: #fee3e3;
   }
 
-  .sm\:hover\:border-orange-light:hover {
-    border-color: #faad63;
+  .sm\:hover\:border-red-300:hover {
+    border-color: #febcbc;
   }
 
-  .sm\:hover\:border-orange-lighter:hover {
-    border-color: #fcd9b6;
+  .sm\:hover\:border-red-400:hover {
+    border-color: #fd9292;
   }
 
-  .sm\:hover\:border-orange-lightest:hover {
-    border-color: #fff5eb;
+  .sm\:hover\:border-red-500:hover {
+    border-color: #f95e5f;
   }
 
-  .sm\:hover\:border-yellow-darkest:hover {
-    border-color: #453411;
+  .sm\:hover\:border-red-600:hover {
+    border-color: #ec454e;
   }
 
-  .sm\:hover\:border-yellow-darker:hover {
-    border-color: #684f1d;
+  .sm\:hover\:border-red-700:hover {
+    border-color: #dc3448;
   }
 
-  .sm\:hover\:border-yellow-dark:hover {
-    border-color: #f2d024;
+  .sm\:hover\:border-red-800:hover {
+    border-color: #b4203b;
   }
 
-  .sm\:hover\:border-yellow:hover {
-    border-color: #ffed4a;
+  .sm\:hover\:border-red-900:hover {
+    border-color: #801b33;
   }
 
-  .sm\:hover\:border-yellow-light:hover {
-    border-color: #fff382;
+  .sm\:hover\:border-orange-100:hover {
+    border-color: #fffaef;
   }
 
-  .sm\:hover\:border-yellow-lighter:hover {
-    border-color: #fff9c2;
+  .sm\:hover\:border-orange-200:hover {
+    border-color: #fee8c1;
   }
 
-  .sm\:hover\:border-yellow-lightest:hover {
-    border-color: #fcfbeb;
+  .sm\:hover\:border-orange-300:hover {
+    border-color: #fbd087;
   }
 
-  .sm\:hover\:border-green-darkest:hover {
-    border-color: #0f2f21;
+  .sm\:hover\:border-orange-400:hover {
+    border-color: #f6aa4f;
   }
 
-  .sm\:hover\:border-green-darker:hover {
-    border-color: #1a4731;
+  .sm\:hover\:border-orange-500:hover {
+    border-color: #ec832b;
   }
 
-  .sm\:hover\:border-green-dark:hover {
-    border-color: #1f9d55;
+  .sm\:hover\:border-orange-600:hover {
+    border-color: #df6d22;
   }
 
-  .sm\:hover\:border-green:hover {
-    border-color: #38c172;
+  .sm\:hover\:border-orange-700:hover {
+    border-color: #c55822;
   }
 
-  .sm\:hover\:border-green-light:hover {
-    border-color: #51d88a;
+  .sm\:hover\:border-orange-800:hover {
+    border-color: #9f4423;
   }
 
-  .sm\:hover\:border-green-lighter:hover {
-    border-color: #a2f5bf;
+  .sm\:hover\:border-orange-900:hover {
+    border-color: #70311e;
   }
 
-  .sm\:hover\:border-green-lightest:hover {
-    border-color: #e3fcec;
+  .sm\:hover\:border-yellow-100:hover {
+    border-color: #ffffeb;
   }
 
-  .sm\:hover\:border-teal-darkest:hover {
-    border-color: #0d3331;
+  .sm\:hover\:border-yellow-200:hover {
+    border-color: #fefcbf;
   }
 
-  .sm\:hover\:border-teal-darker:hover {
-    border-color: #20504f;
+  .sm\:hover\:border-yellow-300:hover {
+    border-color: #fbf189;
   }
 
-  .sm\:hover\:border-teal-dark:hover {
-    border-color: #38a89d;
+  .sm\:hover\:border-yellow-400:hover {
+    border-color: #f6e05e;
   }
 
-  .sm\:hover\:border-teal:hover {
-    border-color: #4dc0b5;
+  .sm\:hover\:border-yellow-500:hover {
+    border-color: #ebc743;
   }
 
-  .sm\:hover\:border-teal-light:hover {
-    border-color: #64d5ca;
+  .sm\:hover\:border-yellow-600:hover {
+    border-color: #d69e2e;
   }
 
-  .sm\:hover\:border-teal-lighter:hover {
-    border-color: #a0f0ed;
+  .sm\:hover\:border-yellow-700:hover {
+    border-color: #b7791f;
   }
 
-  .sm\:hover\:border-teal-lightest:hover {
-    border-color: #e8fffe;
+  .sm\:hover\:border-yellow-800:hover {
+    border-color: #8d5415;
   }
 
-  .sm\:hover\:border-blue-darkest:hover {
-    border-color: #12283a;
+  .sm\:hover\:border-yellow-900:hover {
+    border-color: #66390e;
   }
 
-  .sm\:hover\:border-blue-darker:hover {
-    border-color: #1c3d5a;
+  .sm\:hover\:border-green-100:hover {
+    border-color: #e9ffe9;
   }
 
-  .sm\:hover\:border-blue-dark:hover {
-    border-color: #2779bd;
+  .sm\:hover\:border-green-200:hover {
+    border-color: #c1f5c5;
   }
 
-  .sm\:hover\:border-blue:hover {
-    border-color: #3490dc;
+  .sm\:hover\:border-green-300:hover {
+    border-color: #9ae6a8;
   }
 
-  .sm\:hover\:border-blue-light:hover {
-    border-color: #6cb2eb;
+  .sm\:hover\:border-green-400:hover {
+    border-color: #68d391;
   }
 
-  .sm\:hover\:border-blue-lighter:hover {
-    border-color: #bcdefa;
+  .sm\:hover\:border-green-500:hover {
+    border-color: #48bb87;
   }
 
-  .sm\:hover\:border-blue-lightest:hover {
-    border-color: #eff8ff;
+  .sm\:hover\:border-green-600:hover {
+    border-color: #38a181;
   }
 
-  .sm\:hover\:border-indigo-darkest:hover {
-    border-color: #191e38;
+  .sm\:hover\:border-green-700:hover {
+    border-color: #2f8572;
   }
 
-  .sm\:hover\:border-indigo-darker:hover {
-    border-color: #2f365f;
+  .sm\:hover\:border-green-800:hover {
+    border-color: #28695c;
   }
 
-  .sm\:hover\:border-indigo-dark:hover {
-    border-color: #5661b3;
+  .sm\:hover\:border-green-900:hover {
+    border-color: #22544b;
   }
 
-  .sm\:hover\:border-indigo:hover {
-    border-color: #6574cd;
+  .sm\:hover\:border-blue-100:hover {
+    border-color: #f1fafd;
   }
 
-  .sm\:hover\:border-indigo-light:hover {
-    border-color: #7886d7;
+  .sm\:hover\:border-blue-200:hover {
+    border-color: #caedfa;
   }
 
-  .sm\:hover\:border-indigo-lighter:hover {
-    border-color: #b2b7ff;
+  .sm\:hover\:border-blue-300:hover {
+    border-color: #87d3f3;
   }
 
-  .sm\:hover\:border-indigo-lightest:hover {
-    border-color: #e6e8ff;
+  .sm\:hover\:border-blue-400:hover {
+    border-color: #57b9ec;
   }
 
-  .sm\:hover\:border-purple-darkest:hover {
-    border-color: #21183c;
+  .sm\:hover\:border-blue-500:hover {
+    border-color: #3a9adf;
   }
 
-  .sm\:hover\:border-purple-darker:hover {
-    border-color: #382b5f;
+  .sm\:hover\:border-blue-600:hover {
+    border-color: #2b7cc4;
   }
 
-  .sm\:hover\:border-purple-dark:hover {
-    border-color: #794acf;
+  .sm\:hover\:border-blue-700:hover {
+    border-color: #2762a3;
   }
 
-  .sm\:hover\:border-purple:hover {
-    border-color: #9561e2;
+  .sm\:hover\:border-blue-800:hover {
+    border-color: #284f81;
   }
 
-  .sm\:hover\:border-purple-light:hover {
-    border-color: #a779e9;
+  .sm\:hover\:border-blue-900:hover {
+    border-color: #294468;
   }
 
-  .sm\:hover\:border-purple-lighter:hover {
-    border-color: #d6bbfc;
+  .sm\:hover\:border-indigo-100:hover {
+    border-color: #eef6ff;
   }
 
-  .sm\:hover\:border-purple-lightest:hover {
-    border-color: #f3ebff;
+  .sm\:hover\:border-indigo-200:hover {
+    border-color: #cbe0f9;
   }
 
-  .sm\:hover\:border-pink-darkest:hover {
-    border-color: #451225;
+  .sm\:hover\:border-indigo-300:hover {
+    border-color: #a6c5f0;
   }
 
-  .sm\:hover\:border-pink-darker:hover {
-    border-color: #6f213f;
+  .sm\:hover\:border-indigo-400:hover {
+    border-color: #82a2e3;
   }
 
-  .sm\:hover\:border-pink-dark:hover {
-    border-color: #eb5286;
+  .sm\:hover\:border-indigo-500:hover {
+    border-color: #6d80d3;
   }
 
-  .sm\:hover\:border-pink:hover {
-    border-color: #f66d9b;
+  .sm\:hover\:border-indigo-600:hover {
+    border-color: #5e68bc;
   }
 
-  .sm\:hover\:border-pink-light:hover {
-    border-color: #fa7ea8;
+  .sm\:hover\:border-indigo-700:hover {
+    border-color: #5154a1;
   }
 
-  .sm\:hover\:border-pink-lighter:hover {
-    border-color: #ffbbca;
+  .sm\:hover\:border-indigo-800:hover {
+    border-color: #42417f;
   }
 
-  .sm\:hover\:border-pink-lightest:hover {
-    border-color: #ffebef;
+  .sm\:hover\:border-indigo-900:hover {
+    border-color: #37366a;
+  }
+
+  .sm\:hover\:border-purple-100:hover {
+    border-color: #faf5ff;
+  }
+
+  .sm\:hover\:border-purple-200:hover {
+    border-color: #eddffd;
+  }
+
+  .sm\:hover\:border-purple-300:hover {
+    border-color: #dcc7fb;
+  }
+
+  .sm\:hover\:border-purple-400:hover {
+    border-color: #b18af4;
+  }
+
+  .sm\:hover\:border-purple-500:hover {
+    border-color: #976de9;
+  }
+
+  .sm\:hover\:border-purple-600:hover {
+    border-color: #7c54d5;
+  }
+
+  .sm\:hover\:border-purple-700:hover {
+    border-color: #6845b9;
+  }
+
+  .sm\:hover\:border-purple-800:hover {
+    border-color: #4d368a;
+  }
+
+  .sm\:hover\:border-purple-900:hover {
+    border-color: #3b2c6c;
+  }
+
+  .sm\:hover\:border-pink-100:hover {
+    border-color: #fff2f4;
+  }
+
+  .sm\:hover\:border-pink-200:hover {
+    border-color: #fedee4;
+  }
+
+  .sm\:hover\:border-pink-300:hover {
+    border-color: #fcbccb;
+  }
+
+  .sm\:hover\:border-pink-400:hover {
+    border-color: #f786a7;
+  }
+
+  .sm\:hover\:border-pink-500:hover {
+    border-color: #ed588b;
+  }
+
+  .sm\:hover\:border-pink-600:hover {
+    border-color: #d9447b;
+  }
+
+  .sm\:hover\:border-pink-700:hover {
+    border-color: #b32f62;
+  }
+
+  .sm\:hover\:border-pink-800:hover {
+    border-color: #8d2450;
+  }
+
+  .sm\:hover\:border-pink-900:hover {
+    border-color: #741c46;
+  }
+
+  .sm\:hover\:border-grey-100:hover {
+    border-color: #f8fcfe;
+  }
+
+  .sm\:hover\:border-grey-200:hover {
+    border-color: #f1f5fb;
+  }
+
+  .sm\:hover\:border-grey-300:hover {
+    border-color: #e2e9f0;
+  }
+
+  .sm\:hover\:border-grey-400:hover {
+    border-color: #bbc5cf;
+  }
+
+  .sm\:hover\:border-grey-500:hover {
+    border-color: #a3b0bd;
+  }
+
+  .sm\:hover\:border-grey-600:hover {
+    border-color: #7a8996;
+  }
+
+  .sm\:hover\:border-grey-700:hover {
+    border-color: #5a6977;
+  }
+
+  .sm\:hover\:border-grey-800:hover {
+    border-color: #2e3a45;
+  }
+
+  .sm\:hover\:border-grey-900:hover {
+    border-color: #1f2830;
   }
 
   .sm\:focus\:border-transparent:focus {
@@ -8174,291 +9294,371 @@ samp {
   }
 
   .sm\:focus\:border-black:focus {
-    border-color: #22292f;
-  }
-
-  .sm\:focus\:border-grey-darkest:focus {
-    border-color: #3d4852;
-  }
-
-  .sm\:focus\:border-grey-darker:focus {
-    border-color: #606f7b;
-  }
-
-  .sm\:focus\:border-grey-dark:focus {
-    border-color: #8795a1;
-  }
-
-  .sm\:focus\:border-grey:focus {
-    border-color: #b8c2cc;
-  }
-
-  .sm\:focus\:border-grey-light:focus {
-    border-color: #dae1e7;
-  }
-
-  .sm\:focus\:border-grey-lighter:focus {
-    border-color: #f1f5f8;
-  }
-
-  .sm\:focus\:border-grey-lightest:focus {
-    border-color: #f8fafc;
+    border-color: #000;
   }
 
   .sm\:focus\:border-white:focus {
     border-color: #fff;
   }
 
-  .sm\:focus\:border-red-darkest:focus {
-    border-color: #3b0d0c;
+  .sm\:focus\:border-teal-100:focus {
+    border-color: #ebfffc;
   }
 
-  .sm\:focus\:border-red-darker:focus {
-    border-color: #621b18;
+  .sm\:focus\:border-teal-200:focus {
+    border-color: #b3f1e9;
   }
 
-  .sm\:focus\:border-red-dark:focus {
-    border-color: #cc1f1a;
+  .sm\:focus\:border-teal-300:focus {
+    border-color: #82e1d7;
   }
 
-  .sm\:focus\:border-red:focus {
-    border-color: #e3342f;
+  .sm\:focus\:border-teal-400:focus {
+    border-color: #60cfc5;
   }
 
-  .sm\:focus\:border-red-light:focus {
-    border-color: #ef5753;
+  .sm\:focus\:border-teal-500:focus {
+    border-color: #49bab2;
   }
 
-  .sm\:focus\:border-red-lighter:focus {
-    border-color: #f9acaa;
+  .sm\:focus\:border-teal-600:focus {
+    border-color: #3ea39f;
   }
 
-  .sm\:focus\:border-red-lightest:focus {
-    border-color: #fcebea;
+  .sm\:focus\:border-teal-700:focus {
+    border-color: #378786;
   }
 
-  .sm\:focus\:border-orange-darkest:focus {
-    border-color: #462a16;
+  .sm\:focus\:border-teal-800:focus {
+    border-color: #316769;
   }
 
-  .sm\:focus\:border-orange-darker:focus {
-    border-color: #613b1f;
+  .sm\:focus\:border-teal-900:focus {
+    border-color: #265152;
   }
 
-  .sm\:focus\:border-orange-dark:focus {
-    border-color: #de751f;
+  .sm\:focus\:border-red-100:focus {
+    border-color: #fff5f5;
   }
 
-  .sm\:focus\:border-orange:focus {
-    border-color: #f6993f;
+  .sm\:focus\:border-red-200:focus {
+    border-color: #fee3e3;
   }
 
-  .sm\:focus\:border-orange-light:focus {
-    border-color: #faad63;
+  .sm\:focus\:border-red-300:focus {
+    border-color: #febcbc;
   }
 
-  .sm\:focus\:border-orange-lighter:focus {
-    border-color: #fcd9b6;
+  .sm\:focus\:border-red-400:focus {
+    border-color: #fd9292;
   }
 
-  .sm\:focus\:border-orange-lightest:focus {
-    border-color: #fff5eb;
+  .sm\:focus\:border-red-500:focus {
+    border-color: #f95e5f;
   }
 
-  .sm\:focus\:border-yellow-darkest:focus {
-    border-color: #453411;
+  .sm\:focus\:border-red-600:focus {
+    border-color: #ec454e;
   }
 
-  .sm\:focus\:border-yellow-darker:focus {
-    border-color: #684f1d;
+  .sm\:focus\:border-red-700:focus {
+    border-color: #dc3448;
   }
 
-  .sm\:focus\:border-yellow-dark:focus {
-    border-color: #f2d024;
+  .sm\:focus\:border-red-800:focus {
+    border-color: #b4203b;
   }
 
-  .sm\:focus\:border-yellow:focus {
-    border-color: #ffed4a;
+  .sm\:focus\:border-red-900:focus {
+    border-color: #801b33;
   }
 
-  .sm\:focus\:border-yellow-light:focus {
-    border-color: #fff382;
+  .sm\:focus\:border-orange-100:focus {
+    border-color: #fffaef;
   }
 
-  .sm\:focus\:border-yellow-lighter:focus {
-    border-color: #fff9c2;
+  .sm\:focus\:border-orange-200:focus {
+    border-color: #fee8c1;
   }
 
-  .sm\:focus\:border-yellow-lightest:focus {
-    border-color: #fcfbeb;
+  .sm\:focus\:border-orange-300:focus {
+    border-color: #fbd087;
   }
 
-  .sm\:focus\:border-green-darkest:focus {
-    border-color: #0f2f21;
+  .sm\:focus\:border-orange-400:focus {
+    border-color: #f6aa4f;
   }
 
-  .sm\:focus\:border-green-darker:focus {
-    border-color: #1a4731;
+  .sm\:focus\:border-orange-500:focus {
+    border-color: #ec832b;
   }
 
-  .sm\:focus\:border-green-dark:focus {
-    border-color: #1f9d55;
+  .sm\:focus\:border-orange-600:focus {
+    border-color: #df6d22;
   }
 
-  .sm\:focus\:border-green:focus {
-    border-color: #38c172;
+  .sm\:focus\:border-orange-700:focus {
+    border-color: #c55822;
   }
 
-  .sm\:focus\:border-green-light:focus {
-    border-color: #51d88a;
+  .sm\:focus\:border-orange-800:focus {
+    border-color: #9f4423;
   }
 
-  .sm\:focus\:border-green-lighter:focus {
-    border-color: #a2f5bf;
+  .sm\:focus\:border-orange-900:focus {
+    border-color: #70311e;
   }
 
-  .sm\:focus\:border-green-lightest:focus {
-    border-color: #e3fcec;
+  .sm\:focus\:border-yellow-100:focus {
+    border-color: #ffffeb;
   }
 
-  .sm\:focus\:border-teal-darkest:focus {
-    border-color: #0d3331;
+  .sm\:focus\:border-yellow-200:focus {
+    border-color: #fefcbf;
   }
 
-  .sm\:focus\:border-teal-darker:focus {
-    border-color: #20504f;
+  .sm\:focus\:border-yellow-300:focus {
+    border-color: #fbf189;
   }
 
-  .sm\:focus\:border-teal-dark:focus {
-    border-color: #38a89d;
+  .sm\:focus\:border-yellow-400:focus {
+    border-color: #f6e05e;
   }
 
-  .sm\:focus\:border-teal:focus {
-    border-color: #4dc0b5;
+  .sm\:focus\:border-yellow-500:focus {
+    border-color: #ebc743;
   }
 
-  .sm\:focus\:border-teal-light:focus {
-    border-color: #64d5ca;
+  .sm\:focus\:border-yellow-600:focus {
+    border-color: #d69e2e;
   }
 
-  .sm\:focus\:border-teal-lighter:focus {
-    border-color: #a0f0ed;
+  .sm\:focus\:border-yellow-700:focus {
+    border-color: #b7791f;
   }
 
-  .sm\:focus\:border-teal-lightest:focus {
-    border-color: #e8fffe;
+  .sm\:focus\:border-yellow-800:focus {
+    border-color: #8d5415;
   }
 
-  .sm\:focus\:border-blue-darkest:focus {
-    border-color: #12283a;
+  .sm\:focus\:border-yellow-900:focus {
+    border-color: #66390e;
   }
 
-  .sm\:focus\:border-blue-darker:focus {
-    border-color: #1c3d5a;
+  .sm\:focus\:border-green-100:focus {
+    border-color: #e9ffe9;
   }
 
-  .sm\:focus\:border-blue-dark:focus {
-    border-color: #2779bd;
+  .sm\:focus\:border-green-200:focus {
+    border-color: #c1f5c5;
   }
 
-  .sm\:focus\:border-blue:focus {
-    border-color: #3490dc;
+  .sm\:focus\:border-green-300:focus {
+    border-color: #9ae6a8;
   }
 
-  .sm\:focus\:border-blue-light:focus {
-    border-color: #6cb2eb;
+  .sm\:focus\:border-green-400:focus {
+    border-color: #68d391;
   }
 
-  .sm\:focus\:border-blue-lighter:focus {
-    border-color: #bcdefa;
+  .sm\:focus\:border-green-500:focus {
+    border-color: #48bb87;
   }
 
-  .sm\:focus\:border-blue-lightest:focus {
-    border-color: #eff8ff;
+  .sm\:focus\:border-green-600:focus {
+    border-color: #38a181;
   }
 
-  .sm\:focus\:border-indigo-darkest:focus {
-    border-color: #191e38;
+  .sm\:focus\:border-green-700:focus {
+    border-color: #2f8572;
   }
 
-  .sm\:focus\:border-indigo-darker:focus {
-    border-color: #2f365f;
+  .sm\:focus\:border-green-800:focus {
+    border-color: #28695c;
   }
 
-  .sm\:focus\:border-indigo-dark:focus {
-    border-color: #5661b3;
+  .sm\:focus\:border-green-900:focus {
+    border-color: #22544b;
   }
 
-  .sm\:focus\:border-indigo:focus {
-    border-color: #6574cd;
+  .sm\:focus\:border-blue-100:focus {
+    border-color: #f1fafd;
   }
 
-  .sm\:focus\:border-indigo-light:focus {
-    border-color: #7886d7;
+  .sm\:focus\:border-blue-200:focus {
+    border-color: #caedfa;
   }
 
-  .sm\:focus\:border-indigo-lighter:focus {
-    border-color: #b2b7ff;
+  .sm\:focus\:border-blue-300:focus {
+    border-color: #87d3f3;
   }
 
-  .sm\:focus\:border-indigo-lightest:focus {
-    border-color: #e6e8ff;
+  .sm\:focus\:border-blue-400:focus {
+    border-color: #57b9ec;
   }
 
-  .sm\:focus\:border-purple-darkest:focus {
-    border-color: #21183c;
+  .sm\:focus\:border-blue-500:focus {
+    border-color: #3a9adf;
   }
 
-  .sm\:focus\:border-purple-darker:focus {
-    border-color: #382b5f;
+  .sm\:focus\:border-blue-600:focus {
+    border-color: #2b7cc4;
   }
 
-  .sm\:focus\:border-purple-dark:focus {
-    border-color: #794acf;
+  .sm\:focus\:border-blue-700:focus {
+    border-color: #2762a3;
   }
 
-  .sm\:focus\:border-purple:focus {
-    border-color: #9561e2;
+  .sm\:focus\:border-blue-800:focus {
+    border-color: #284f81;
   }
 
-  .sm\:focus\:border-purple-light:focus {
-    border-color: #a779e9;
+  .sm\:focus\:border-blue-900:focus {
+    border-color: #294468;
   }
 
-  .sm\:focus\:border-purple-lighter:focus {
-    border-color: #d6bbfc;
+  .sm\:focus\:border-indigo-100:focus {
+    border-color: #eef6ff;
   }
 
-  .sm\:focus\:border-purple-lightest:focus {
-    border-color: #f3ebff;
+  .sm\:focus\:border-indigo-200:focus {
+    border-color: #cbe0f9;
   }
 
-  .sm\:focus\:border-pink-darkest:focus {
-    border-color: #451225;
+  .sm\:focus\:border-indigo-300:focus {
+    border-color: #a6c5f0;
   }
 
-  .sm\:focus\:border-pink-darker:focus {
-    border-color: #6f213f;
+  .sm\:focus\:border-indigo-400:focus {
+    border-color: #82a2e3;
   }
 
-  .sm\:focus\:border-pink-dark:focus {
-    border-color: #eb5286;
+  .sm\:focus\:border-indigo-500:focus {
+    border-color: #6d80d3;
   }
 
-  .sm\:focus\:border-pink:focus {
-    border-color: #f66d9b;
+  .sm\:focus\:border-indigo-600:focus {
+    border-color: #5e68bc;
   }
 
-  .sm\:focus\:border-pink-light:focus {
-    border-color: #fa7ea8;
+  .sm\:focus\:border-indigo-700:focus {
+    border-color: #5154a1;
   }
 
-  .sm\:focus\:border-pink-lighter:focus {
-    border-color: #ffbbca;
+  .sm\:focus\:border-indigo-800:focus {
+    border-color: #42417f;
   }
 
-  .sm\:focus\:border-pink-lightest:focus {
-    border-color: #ffebef;
+  .sm\:focus\:border-indigo-900:focus {
+    border-color: #37366a;
+  }
+
+  .sm\:focus\:border-purple-100:focus {
+    border-color: #faf5ff;
+  }
+
+  .sm\:focus\:border-purple-200:focus {
+    border-color: #eddffd;
+  }
+
+  .sm\:focus\:border-purple-300:focus {
+    border-color: #dcc7fb;
+  }
+
+  .sm\:focus\:border-purple-400:focus {
+    border-color: #b18af4;
+  }
+
+  .sm\:focus\:border-purple-500:focus {
+    border-color: #976de9;
+  }
+
+  .sm\:focus\:border-purple-600:focus {
+    border-color: #7c54d5;
+  }
+
+  .sm\:focus\:border-purple-700:focus {
+    border-color: #6845b9;
+  }
+
+  .sm\:focus\:border-purple-800:focus {
+    border-color: #4d368a;
+  }
+
+  .sm\:focus\:border-purple-900:focus {
+    border-color: #3b2c6c;
+  }
+
+  .sm\:focus\:border-pink-100:focus {
+    border-color: #fff2f4;
+  }
+
+  .sm\:focus\:border-pink-200:focus {
+    border-color: #fedee4;
+  }
+
+  .sm\:focus\:border-pink-300:focus {
+    border-color: #fcbccb;
+  }
+
+  .sm\:focus\:border-pink-400:focus {
+    border-color: #f786a7;
+  }
+
+  .sm\:focus\:border-pink-500:focus {
+    border-color: #ed588b;
+  }
+
+  .sm\:focus\:border-pink-600:focus {
+    border-color: #d9447b;
+  }
+
+  .sm\:focus\:border-pink-700:focus {
+    border-color: #b32f62;
+  }
+
+  .sm\:focus\:border-pink-800:focus {
+    border-color: #8d2450;
+  }
+
+  .sm\:focus\:border-pink-900:focus {
+    border-color: #741c46;
+  }
+
+  .sm\:focus\:border-grey-100:focus {
+    border-color: #f8fcfe;
+  }
+
+  .sm\:focus\:border-grey-200:focus {
+    border-color: #f1f5fb;
+  }
+
+  .sm\:focus\:border-grey-300:focus {
+    border-color: #e2e9f0;
+  }
+
+  .sm\:focus\:border-grey-400:focus {
+    border-color: #bbc5cf;
+  }
+
+  .sm\:focus\:border-grey-500:focus {
+    border-color: #a3b0bd;
+  }
+
+  .sm\:focus\:border-grey-600:focus {
+    border-color: #7a8996;
+  }
+
+  .sm\:focus\:border-grey-700:focus {
+    border-color: #5a6977;
+  }
+
+  .sm\:focus\:border-grey-800:focus {
+    border-color: #2e3a45;
+  }
+
+  .sm\:focus\:border-grey-900:focus {
+    border-color: #1f2830;
   }
 
   .sm\:rounded-none {
@@ -11400,291 +12600,371 @@ samp {
   }
 
   .sm\:text-black {
-    color: #22292f;
-  }
-
-  .sm\:text-grey-darkest {
-    color: #3d4852;
-  }
-
-  .sm\:text-grey-darker {
-    color: #606f7b;
-  }
-
-  .sm\:text-grey-dark {
-    color: #8795a1;
-  }
-
-  .sm\:text-grey {
-    color: #b8c2cc;
-  }
-
-  .sm\:text-grey-light {
-    color: #dae1e7;
-  }
-
-  .sm\:text-grey-lighter {
-    color: #f1f5f8;
-  }
-
-  .sm\:text-grey-lightest {
-    color: #f8fafc;
+    color: #000;
   }
 
   .sm\:text-white {
     color: #fff;
   }
 
-  .sm\:text-red-darkest {
-    color: #3b0d0c;
+  .sm\:text-teal-100 {
+    color: #ebfffc;
   }
 
-  .sm\:text-red-darker {
-    color: #621b18;
+  .sm\:text-teal-200 {
+    color: #b3f1e9;
   }
 
-  .sm\:text-red-dark {
-    color: #cc1f1a;
+  .sm\:text-teal-300 {
+    color: #82e1d7;
   }
 
-  .sm\:text-red {
-    color: #e3342f;
+  .sm\:text-teal-400 {
+    color: #60cfc5;
   }
 
-  .sm\:text-red-light {
-    color: #ef5753;
+  .sm\:text-teal-500 {
+    color: #49bab2;
   }
 
-  .sm\:text-red-lighter {
-    color: #f9acaa;
+  .sm\:text-teal-600 {
+    color: #3ea39f;
   }
 
-  .sm\:text-red-lightest {
-    color: #fcebea;
+  .sm\:text-teal-700 {
+    color: #378786;
   }
 
-  .sm\:text-orange-darkest {
-    color: #462a16;
+  .sm\:text-teal-800 {
+    color: #316769;
   }
 
-  .sm\:text-orange-darker {
-    color: #613b1f;
+  .sm\:text-teal-900 {
+    color: #265152;
   }
 
-  .sm\:text-orange-dark {
-    color: #de751f;
+  .sm\:text-red-100 {
+    color: #fff5f5;
   }
 
-  .sm\:text-orange {
-    color: #f6993f;
+  .sm\:text-red-200 {
+    color: #fee3e3;
   }
 
-  .sm\:text-orange-light {
-    color: #faad63;
+  .sm\:text-red-300 {
+    color: #febcbc;
   }
 
-  .sm\:text-orange-lighter {
-    color: #fcd9b6;
+  .sm\:text-red-400 {
+    color: #fd9292;
   }
 
-  .sm\:text-orange-lightest {
-    color: #fff5eb;
+  .sm\:text-red-500 {
+    color: #f95e5f;
   }
 
-  .sm\:text-yellow-darkest {
-    color: #453411;
+  .sm\:text-red-600 {
+    color: #ec454e;
   }
 
-  .sm\:text-yellow-darker {
-    color: #684f1d;
+  .sm\:text-red-700 {
+    color: #dc3448;
   }
 
-  .sm\:text-yellow-dark {
-    color: #f2d024;
+  .sm\:text-red-800 {
+    color: #b4203b;
   }
 
-  .sm\:text-yellow {
-    color: #ffed4a;
+  .sm\:text-red-900 {
+    color: #801b33;
   }
 
-  .sm\:text-yellow-light {
-    color: #fff382;
+  .sm\:text-orange-100 {
+    color: #fffaef;
   }
 
-  .sm\:text-yellow-lighter {
-    color: #fff9c2;
+  .sm\:text-orange-200 {
+    color: #fee8c1;
   }
 
-  .sm\:text-yellow-lightest {
-    color: #fcfbeb;
+  .sm\:text-orange-300 {
+    color: #fbd087;
   }
 
-  .sm\:text-green-darkest {
-    color: #0f2f21;
+  .sm\:text-orange-400 {
+    color: #f6aa4f;
   }
 
-  .sm\:text-green-darker {
-    color: #1a4731;
+  .sm\:text-orange-500 {
+    color: #ec832b;
   }
 
-  .sm\:text-green-dark {
-    color: #1f9d55;
+  .sm\:text-orange-600 {
+    color: #df6d22;
   }
 
-  .sm\:text-green {
-    color: #38c172;
+  .sm\:text-orange-700 {
+    color: #c55822;
   }
 
-  .sm\:text-green-light {
-    color: #51d88a;
+  .sm\:text-orange-800 {
+    color: #9f4423;
   }
 
-  .sm\:text-green-lighter {
-    color: #a2f5bf;
+  .sm\:text-orange-900 {
+    color: #70311e;
   }
 
-  .sm\:text-green-lightest {
-    color: #e3fcec;
+  .sm\:text-yellow-100 {
+    color: #ffffeb;
   }
 
-  .sm\:text-teal-darkest {
-    color: #0d3331;
+  .sm\:text-yellow-200 {
+    color: #fefcbf;
   }
 
-  .sm\:text-teal-darker {
-    color: #20504f;
+  .sm\:text-yellow-300 {
+    color: #fbf189;
   }
 
-  .sm\:text-teal-dark {
-    color: #38a89d;
+  .sm\:text-yellow-400 {
+    color: #f6e05e;
   }
 
-  .sm\:text-teal {
-    color: #4dc0b5;
+  .sm\:text-yellow-500 {
+    color: #ebc743;
   }
 
-  .sm\:text-teal-light {
-    color: #64d5ca;
+  .sm\:text-yellow-600 {
+    color: #d69e2e;
   }
 
-  .sm\:text-teal-lighter {
-    color: #a0f0ed;
+  .sm\:text-yellow-700 {
+    color: #b7791f;
   }
 
-  .sm\:text-teal-lightest {
-    color: #e8fffe;
+  .sm\:text-yellow-800 {
+    color: #8d5415;
   }
 
-  .sm\:text-blue-darkest {
-    color: #12283a;
+  .sm\:text-yellow-900 {
+    color: #66390e;
   }
 
-  .sm\:text-blue-darker {
-    color: #1c3d5a;
+  .sm\:text-green-100 {
+    color: #e9ffe9;
   }
 
-  .sm\:text-blue-dark {
-    color: #2779bd;
+  .sm\:text-green-200 {
+    color: #c1f5c5;
   }
 
-  .sm\:text-blue {
-    color: #3490dc;
+  .sm\:text-green-300 {
+    color: #9ae6a8;
   }
 
-  .sm\:text-blue-light {
-    color: #6cb2eb;
+  .sm\:text-green-400 {
+    color: #68d391;
   }
 
-  .sm\:text-blue-lighter {
-    color: #bcdefa;
+  .sm\:text-green-500 {
+    color: #48bb87;
   }
 
-  .sm\:text-blue-lightest {
-    color: #eff8ff;
+  .sm\:text-green-600 {
+    color: #38a181;
   }
 
-  .sm\:text-indigo-darkest {
-    color: #191e38;
+  .sm\:text-green-700 {
+    color: #2f8572;
   }
 
-  .sm\:text-indigo-darker {
-    color: #2f365f;
+  .sm\:text-green-800 {
+    color: #28695c;
   }
 
-  .sm\:text-indigo-dark {
-    color: #5661b3;
+  .sm\:text-green-900 {
+    color: #22544b;
   }
 
-  .sm\:text-indigo {
-    color: #6574cd;
+  .sm\:text-blue-100 {
+    color: #f1fafd;
   }
 
-  .sm\:text-indigo-light {
-    color: #7886d7;
+  .sm\:text-blue-200 {
+    color: #caedfa;
   }
 
-  .sm\:text-indigo-lighter {
-    color: #b2b7ff;
+  .sm\:text-blue-300 {
+    color: #87d3f3;
   }
 
-  .sm\:text-indigo-lightest {
-    color: #e6e8ff;
+  .sm\:text-blue-400 {
+    color: #57b9ec;
   }
 
-  .sm\:text-purple-darkest {
-    color: #21183c;
+  .sm\:text-blue-500 {
+    color: #3a9adf;
   }
 
-  .sm\:text-purple-darker {
-    color: #382b5f;
+  .sm\:text-blue-600 {
+    color: #2b7cc4;
   }
 
-  .sm\:text-purple-dark {
-    color: #794acf;
+  .sm\:text-blue-700 {
+    color: #2762a3;
   }
 
-  .sm\:text-purple {
-    color: #9561e2;
+  .sm\:text-blue-800 {
+    color: #284f81;
   }
 
-  .sm\:text-purple-light {
-    color: #a779e9;
+  .sm\:text-blue-900 {
+    color: #294468;
   }
 
-  .sm\:text-purple-lighter {
-    color: #d6bbfc;
+  .sm\:text-indigo-100 {
+    color: #eef6ff;
   }
 
-  .sm\:text-purple-lightest {
-    color: #f3ebff;
+  .sm\:text-indigo-200 {
+    color: #cbe0f9;
   }
 
-  .sm\:text-pink-darkest {
-    color: #451225;
+  .sm\:text-indigo-300 {
+    color: #a6c5f0;
   }
 
-  .sm\:text-pink-darker {
-    color: #6f213f;
+  .sm\:text-indigo-400 {
+    color: #82a2e3;
   }
 
-  .sm\:text-pink-dark {
-    color: #eb5286;
+  .sm\:text-indigo-500 {
+    color: #6d80d3;
   }
 
-  .sm\:text-pink {
-    color: #f66d9b;
+  .sm\:text-indigo-600 {
+    color: #5e68bc;
   }
 
-  .sm\:text-pink-light {
-    color: #fa7ea8;
+  .sm\:text-indigo-700 {
+    color: #5154a1;
   }
 
-  .sm\:text-pink-lighter {
-    color: #ffbbca;
+  .sm\:text-indigo-800 {
+    color: #42417f;
   }
 
-  .sm\:text-pink-lightest {
-    color: #ffebef;
+  .sm\:text-indigo-900 {
+    color: #37366a;
+  }
+
+  .sm\:text-purple-100 {
+    color: #faf5ff;
+  }
+
+  .sm\:text-purple-200 {
+    color: #eddffd;
+  }
+
+  .sm\:text-purple-300 {
+    color: #dcc7fb;
+  }
+
+  .sm\:text-purple-400 {
+    color: #b18af4;
+  }
+
+  .sm\:text-purple-500 {
+    color: #976de9;
+  }
+
+  .sm\:text-purple-600 {
+    color: #7c54d5;
+  }
+
+  .sm\:text-purple-700 {
+    color: #6845b9;
+  }
+
+  .sm\:text-purple-800 {
+    color: #4d368a;
+  }
+
+  .sm\:text-purple-900 {
+    color: #3b2c6c;
+  }
+
+  .sm\:text-pink-100 {
+    color: #fff2f4;
+  }
+
+  .sm\:text-pink-200 {
+    color: #fedee4;
+  }
+
+  .sm\:text-pink-300 {
+    color: #fcbccb;
+  }
+
+  .sm\:text-pink-400 {
+    color: #f786a7;
+  }
+
+  .sm\:text-pink-500 {
+    color: #ed588b;
+  }
+
+  .sm\:text-pink-600 {
+    color: #d9447b;
+  }
+
+  .sm\:text-pink-700 {
+    color: #b32f62;
+  }
+
+  .sm\:text-pink-800 {
+    color: #8d2450;
+  }
+
+  .sm\:text-pink-900 {
+    color: #741c46;
+  }
+
+  .sm\:text-grey-100 {
+    color: #f8fcfe;
+  }
+
+  .sm\:text-grey-200 {
+    color: #f1f5fb;
+  }
+
+  .sm\:text-grey-300 {
+    color: #e2e9f0;
+  }
+
+  .sm\:text-grey-400 {
+    color: #bbc5cf;
+  }
+
+  .sm\:text-grey-500 {
+    color: #a3b0bd;
+  }
+
+  .sm\:text-grey-600 {
+    color: #7a8996;
+  }
+
+  .sm\:text-grey-700 {
+    color: #5a6977;
+  }
+
+  .sm\:text-grey-800 {
+    color: #2e3a45;
+  }
+
+  .sm\:text-grey-900 {
+    color: #1f2830;
   }
 
   .sm\:hover\:text-transparent:hover {
@@ -11692,291 +12972,371 @@ samp {
   }
 
   .sm\:hover\:text-black:hover {
-    color: #22292f;
-  }
-
-  .sm\:hover\:text-grey-darkest:hover {
-    color: #3d4852;
-  }
-
-  .sm\:hover\:text-grey-darker:hover {
-    color: #606f7b;
-  }
-
-  .sm\:hover\:text-grey-dark:hover {
-    color: #8795a1;
-  }
-
-  .sm\:hover\:text-grey:hover {
-    color: #b8c2cc;
-  }
-
-  .sm\:hover\:text-grey-light:hover {
-    color: #dae1e7;
-  }
-
-  .sm\:hover\:text-grey-lighter:hover {
-    color: #f1f5f8;
-  }
-
-  .sm\:hover\:text-grey-lightest:hover {
-    color: #f8fafc;
+    color: #000;
   }
 
   .sm\:hover\:text-white:hover {
     color: #fff;
   }
 
-  .sm\:hover\:text-red-darkest:hover {
-    color: #3b0d0c;
+  .sm\:hover\:text-teal-100:hover {
+    color: #ebfffc;
   }
 
-  .sm\:hover\:text-red-darker:hover {
-    color: #621b18;
+  .sm\:hover\:text-teal-200:hover {
+    color: #b3f1e9;
   }
 
-  .sm\:hover\:text-red-dark:hover {
-    color: #cc1f1a;
+  .sm\:hover\:text-teal-300:hover {
+    color: #82e1d7;
   }
 
-  .sm\:hover\:text-red:hover {
-    color: #e3342f;
+  .sm\:hover\:text-teal-400:hover {
+    color: #60cfc5;
   }
 
-  .sm\:hover\:text-red-light:hover {
-    color: #ef5753;
+  .sm\:hover\:text-teal-500:hover {
+    color: #49bab2;
   }
 
-  .sm\:hover\:text-red-lighter:hover {
-    color: #f9acaa;
+  .sm\:hover\:text-teal-600:hover {
+    color: #3ea39f;
   }
 
-  .sm\:hover\:text-red-lightest:hover {
-    color: #fcebea;
+  .sm\:hover\:text-teal-700:hover {
+    color: #378786;
   }
 
-  .sm\:hover\:text-orange-darkest:hover {
-    color: #462a16;
+  .sm\:hover\:text-teal-800:hover {
+    color: #316769;
   }
 
-  .sm\:hover\:text-orange-darker:hover {
-    color: #613b1f;
+  .sm\:hover\:text-teal-900:hover {
+    color: #265152;
   }
 
-  .sm\:hover\:text-orange-dark:hover {
-    color: #de751f;
+  .sm\:hover\:text-red-100:hover {
+    color: #fff5f5;
   }
 
-  .sm\:hover\:text-orange:hover {
-    color: #f6993f;
+  .sm\:hover\:text-red-200:hover {
+    color: #fee3e3;
   }
 
-  .sm\:hover\:text-orange-light:hover {
-    color: #faad63;
+  .sm\:hover\:text-red-300:hover {
+    color: #febcbc;
   }
 
-  .sm\:hover\:text-orange-lighter:hover {
-    color: #fcd9b6;
+  .sm\:hover\:text-red-400:hover {
+    color: #fd9292;
   }
 
-  .sm\:hover\:text-orange-lightest:hover {
-    color: #fff5eb;
+  .sm\:hover\:text-red-500:hover {
+    color: #f95e5f;
   }
 
-  .sm\:hover\:text-yellow-darkest:hover {
-    color: #453411;
+  .sm\:hover\:text-red-600:hover {
+    color: #ec454e;
   }
 
-  .sm\:hover\:text-yellow-darker:hover {
-    color: #684f1d;
+  .sm\:hover\:text-red-700:hover {
+    color: #dc3448;
   }
 
-  .sm\:hover\:text-yellow-dark:hover {
-    color: #f2d024;
+  .sm\:hover\:text-red-800:hover {
+    color: #b4203b;
   }
 
-  .sm\:hover\:text-yellow:hover {
-    color: #ffed4a;
+  .sm\:hover\:text-red-900:hover {
+    color: #801b33;
   }
 
-  .sm\:hover\:text-yellow-light:hover {
-    color: #fff382;
+  .sm\:hover\:text-orange-100:hover {
+    color: #fffaef;
   }
 
-  .sm\:hover\:text-yellow-lighter:hover {
-    color: #fff9c2;
+  .sm\:hover\:text-orange-200:hover {
+    color: #fee8c1;
   }
 
-  .sm\:hover\:text-yellow-lightest:hover {
-    color: #fcfbeb;
+  .sm\:hover\:text-orange-300:hover {
+    color: #fbd087;
   }
 
-  .sm\:hover\:text-green-darkest:hover {
-    color: #0f2f21;
+  .sm\:hover\:text-orange-400:hover {
+    color: #f6aa4f;
   }
 
-  .sm\:hover\:text-green-darker:hover {
-    color: #1a4731;
+  .sm\:hover\:text-orange-500:hover {
+    color: #ec832b;
   }
 
-  .sm\:hover\:text-green-dark:hover {
-    color: #1f9d55;
+  .sm\:hover\:text-orange-600:hover {
+    color: #df6d22;
   }
 
-  .sm\:hover\:text-green:hover {
-    color: #38c172;
+  .sm\:hover\:text-orange-700:hover {
+    color: #c55822;
   }
 
-  .sm\:hover\:text-green-light:hover {
-    color: #51d88a;
+  .sm\:hover\:text-orange-800:hover {
+    color: #9f4423;
   }
 
-  .sm\:hover\:text-green-lighter:hover {
-    color: #a2f5bf;
+  .sm\:hover\:text-orange-900:hover {
+    color: #70311e;
   }
 
-  .sm\:hover\:text-green-lightest:hover {
-    color: #e3fcec;
+  .sm\:hover\:text-yellow-100:hover {
+    color: #ffffeb;
   }
 
-  .sm\:hover\:text-teal-darkest:hover {
-    color: #0d3331;
+  .sm\:hover\:text-yellow-200:hover {
+    color: #fefcbf;
   }
 
-  .sm\:hover\:text-teal-darker:hover {
-    color: #20504f;
+  .sm\:hover\:text-yellow-300:hover {
+    color: #fbf189;
   }
 
-  .sm\:hover\:text-teal-dark:hover {
-    color: #38a89d;
+  .sm\:hover\:text-yellow-400:hover {
+    color: #f6e05e;
   }
 
-  .sm\:hover\:text-teal:hover {
-    color: #4dc0b5;
+  .sm\:hover\:text-yellow-500:hover {
+    color: #ebc743;
   }
 
-  .sm\:hover\:text-teal-light:hover {
-    color: #64d5ca;
+  .sm\:hover\:text-yellow-600:hover {
+    color: #d69e2e;
   }
 
-  .sm\:hover\:text-teal-lighter:hover {
-    color: #a0f0ed;
+  .sm\:hover\:text-yellow-700:hover {
+    color: #b7791f;
   }
 
-  .sm\:hover\:text-teal-lightest:hover {
-    color: #e8fffe;
+  .sm\:hover\:text-yellow-800:hover {
+    color: #8d5415;
   }
 
-  .sm\:hover\:text-blue-darkest:hover {
-    color: #12283a;
+  .sm\:hover\:text-yellow-900:hover {
+    color: #66390e;
   }
 
-  .sm\:hover\:text-blue-darker:hover {
-    color: #1c3d5a;
+  .sm\:hover\:text-green-100:hover {
+    color: #e9ffe9;
   }
 
-  .sm\:hover\:text-blue-dark:hover {
-    color: #2779bd;
+  .sm\:hover\:text-green-200:hover {
+    color: #c1f5c5;
   }
 
-  .sm\:hover\:text-blue:hover {
-    color: #3490dc;
+  .sm\:hover\:text-green-300:hover {
+    color: #9ae6a8;
   }
 
-  .sm\:hover\:text-blue-light:hover {
-    color: #6cb2eb;
+  .sm\:hover\:text-green-400:hover {
+    color: #68d391;
   }
 
-  .sm\:hover\:text-blue-lighter:hover {
-    color: #bcdefa;
+  .sm\:hover\:text-green-500:hover {
+    color: #48bb87;
   }
 
-  .sm\:hover\:text-blue-lightest:hover {
-    color: #eff8ff;
+  .sm\:hover\:text-green-600:hover {
+    color: #38a181;
   }
 
-  .sm\:hover\:text-indigo-darkest:hover {
-    color: #191e38;
+  .sm\:hover\:text-green-700:hover {
+    color: #2f8572;
   }
 
-  .sm\:hover\:text-indigo-darker:hover {
-    color: #2f365f;
+  .sm\:hover\:text-green-800:hover {
+    color: #28695c;
   }
 
-  .sm\:hover\:text-indigo-dark:hover {
-    color: #5661b3;
+  .sm\:hover\:text-green-900:hover {
+    color: #22544b;
   }
 
-  .sm\:hover\:text-indigo:hover {
-    color: #6574cd;
+  .sm\:hover\:text-blue-100:hover {
+    color: #f1fafd;
   }
 
-  .sm\:hover\:text-indigo-light:hover {
-    color: #7886d7;
+  .sm\:hover\:text-blue-200:hover {
+    color: #caedfa;
   }
 
-  .sm\:hover\:text-indigo-lighter:hover {
-    color: #b2b7ff;
+  .sm\:hover\:text-blue-300:hover {
+    color: #87d3f3;
   }
 
-  .sm\:hover\:text-indigo-lightest:hover {
-    color: #e6e8ff;
+  .sm\:hover\:text-blue-400:hover {
+    color: #57b9ec;
   }
 
-  .sm\:hover\:text-purple-darkest:hover {
-    color: #21183c;
+  .sm\:hover\:text-blue-500:hover {
+    color: #3a9adf;
   }
 
-  .sm\:hover\:text-purple-darker:hover {
-    color: #382b5f;
+  .sm\:hover\:text-blue-600:hover {
+    color: #2b7cc4;
   }
 
-  .sm\:hover\:text-purple-dark:hover {
-    color: #794acf;
+  .sm\:hover\:text-blue-700:hover {
+    color: #2762a3;
   }
 
-  .sm\:hover\:text-purple:hover {
-    color: #9561e2;
+  .sm\:hover\:text-blue-800:hover {
+    color: #284f81;
   }
 
-  .sm\:hover\:text-purple-light:hover {
-    color: #a779e9;
+  .sm\:hover\:text-blue-900:hover {
+    color: #294468;
   }
 
-  .sm\:hover\:text-purple-lighter:hover {
-    color: #d6bbfc;
+  .sm\:hover\:text-indigo-100:hover {
+    color: #eef6ff;
   }
 
-  .sm\:hover\:text-purple-lightest:hover {
-    color: #f3ebff;
+  .sm\:hover\:text-indigo-200:hover {
+    color: #cbe0f9;
   }
 
-  .sm\:hover\:text-pink-darkest:hover {
-    color: #451225;
+  .sm\:hover\:text-indigo-300:hover {
+    color: #a6c5f0;
   }
 
-  .sm\:hover\:text-pink-darker:hover {
-    color: #6f213f;
+  .sm\:hover\:text-indigo-400:hover {
+    color: #82a2e3;
   }
 
-  .sm\:hover\:text-pink-dark:hover {
-    color: #eb5286;
+  .sm\:hover\:text-indigo-500:hover {
+    color: #6d80d3;
   }
 
-  .sm\:hover\:text-pink:hover {
-    color: #f66d9b;
+  .sm\:hover\:text-indigo-600:hover {
+    color: #5e68bc;
   }
 
-  .sm\:hover\:text-pink-light:hover {
-    color: #fa7ea8;
+  .sm\:hover\:text-indigo-700:hover {
+    color: #5154a1;
   }
 
-  .sm\:hover\:text-pink-lighter:hover {
-    color: #ffbbca;
+  .sm\:hover\:text-indigo-800:hover {
+    color: #42417f;
   }
 
-  .sm\:hover\:text-pink-lightest:hover {
-    color: #ffebef;
+  .sm\:hover\:text-indigo-900:hover {
+    color: #37366a;
+  }
+
+  .sm\:hover\:text-purple-100:hover {
+    color: #faf5ff;
+  }
+
+  .sm\:hover\:text-purple-200:hover {
+    color: #eddffd;
+  }
+
+  .sm\:hover\:text-purple-300:hover {
+    color: #dcc7fb;
+  }
+
+  .sm\:hover\:text-purple-400:hover {
+    color: #b18af4;
+  }
+
+  .sm\:hover\:text-purple-500:hover {
+    color: #976de9;
+  }
+
+  .sm\:hover\:text-purple-600:hover {
+    color: #7c54d5;
+  }
+
+  .sm\:hover\:text-purple-700:hover {
+    color: #6845b9;
+  }
+
+  .sm\:hover\:text-purple-800:hover {
+    color: #4d368a;
+  }
+
+  .sm\:hover\:text-purple-900:hover {
+    color: #3b2c6c;
+  }
+
+  .sm\:hover\:text-pink-100:hover {
+    color: #fff2f4;
+  }
+
+  .sm\:hover\:text-pink-200:hover {
+    color: #fedee4;
+  }
+
+  .sm\:hover\:text-pink-300:hover {
+    color: #fcbccb;
+  }
+
+  .sm\:hover\:text-pink-400:hover {
+    color: #f786a7;
+  }
+
+  .sm\:hover\:text-pink-500:hover {
+    color: #ed588b;
+  }
+
+  .sm\:hover\:text-pink-600:hover {
+    color: #d9447b;
+  }
+
+  .sm\:hover\:text-pink-700:hover {
+    color: #b32f62;
+  }
+
+  .sm\:hover\:text-pink-800:hover {
+    color: #8d2450;
+  }
+
+  .sm\:hover\:text-pink-900:hover {
+    color: #741c46;
+  }
+
+  .sm\:hover\:text-grey-100:hover {
+    color: #f8fcfe;
+  }
+
+  .sm\:hover\:text-grey-200:hover {
+    color: #f1f5fb;
+  }
+
+  .sm\:hover\:text-grey-300:hover {
+    color: #e2e9f0;
+  }
+
+  .sm\:hover\:text-grey-400:hover {
+    color: #bbc5cf;
+  }
+
+  .sm\:hover\:text-grey-500:hover {
+    color: #a3b0bd;
+  }
+
+  .sm\:hover\:text-grey-600:hover {
+    color: #7a8996;
+  }
+
+  .sm\:hover\:text-grey-700:hover {
+    color: #5a6977;
+  }
+
+  .sm\:hover\:text-grey-800:hover {
+    color: #2e3a45;
+  }
+
+  .sm\:hover\:text-grey-900:hover {
+    color: #1f2830;
   }
 
   .sm\:focus\:text-transparent:focus {
@@ -11984,291 +13344,371 @@ samp {
   }
 
   .sm\:focus\:text-black:focus {
-    color: #22292f;
-  }
-
-  .sm\:focus\:text-grey-darkest:focus {
-    color: #3d4852;
-  }
-
-  .sm\:focus\:text-grey-darker:focus {
-    color: #606f7b;
-  }
-
-  .sm\:focus\:text-grey-dark:focus {
-    color: #8795a1;
-  }
-
-  .sm\:focus\:text-grey:focus {
-    color: #b8c2cc;
-  }
-
-  .sm\:focus\:text-grey-light:focus {
-    color: #dae1e7;
-  }
-
-  .sm\:focus\:text-grey-lighter:focus {
-    color: #f1f5f8;
-  }
-
-  .sm\:focus\:text-grey-lightest:focus {
-    color: #f8fafc;
+    color: #000;
   }
 
   .sm\:focus\:text-white:focus {
     color: #fff;
   }
 
-  .sm\:focus\:text-red-darkest:focus {
-    color: #3b0d0c;
+  .sm\:focus\:text-teal-100:focus {
+    color: #ebfffc;
   }
 
-  .sm\:focus\:text-red-darker:focus {
-    color: #621b18;
+  .sm\:focus\:text-teal-200:focus {
+    color: #b3f1e9;
   }
 
-  .sm\:focus\:text-red-dark:focus {
-    color: #cc1f1a;
+  .sm\:focus\:text-teal-300:focus {
+    color: #82e1d7;
   }
 
-  .sm\:focus\:text-red:focus {
-    color: #e3342f;
+  .sm\:focus\:text-teal-400:focus {
+    color: #60cfc5;
   }
 
-  .sm\:focus\:text-red-light:focus {
-    color: #ef5753;
+  .sm\:focus\:text-teal-500:focus {
+    color: #49bab2;
   }
 
-  .sm\:focus\:text-red-lighter:focus {
-    color: #f9acaa;
+  .sm\:focus\:text-teal-600:focus {
+    color: #3ea39f;
   }
 
-  .sm\:focus\:text-red-lightest:focus {
-    color: #fcebea;
+  .sm\:focus\:text-teal-700:focus {
+    color: #378786;
   }
 
-  .sm\:focus\:text-orange-darkest:focus {
-    color: #462a16;
+  .sm\:focus\:text-teal-800:focus {
+    color: #316769;
   }
 
-  .sm\:focus\:text-orange-darker:focus {
-    color: #613b1f;
+  .sm\:focus\:text-teal-900:focus {
+    color: #265152;
   }
 
-  .sm\:focus\:text-orange-dark:focus {
-    color: #de751f;
+  .sm\:focus\:text-red-100:focus {
+    color: #fff5f5;
   }
 
-  .sm\:focus\:text-orange:focus {
-    color: #f6993f;
+  .sm\:focus\:text-red-200:focus {
+    color: #fee3e3;
   }
 
-  .sm\:focus\:text-orange-light:focus {
-    color: #faad63;
+  .sm\:focus\:text-red-300:focus {
+    color: #febcbc;
   }
 
-  .sm\:focus\:text-orange-lighter:focus {
-    color: #fcd9b6;
+  .sm\:focus\:text-red-400:focus {
+    color: #fd9292;
   }
 
-  .sm\:focus\:text-orange-lightest:focus {
-    color: #fff5eb;
+  .sm\:focus\:text-red-500:focus {
+    color: #f95e5f;
   }
 
-  .sm\:focus\:text-yellow-darkest:focus {
-    color: #453411;
+  .sm\:focus\:text-red-600:focus {
+    color: #ec454e;
   }
 
-  .sm\:focus\:text-yellow-darker:focus {
-    color: #684f1d;
+  .sm\:focus\:text-red-700:focus {
+    color: #dc3448;
   }
 
-  .sm\:focus\:text-yellow-dark:focus {
-    color: #f2d024;
+  .sm\:focus\:text-red-800:focus {
+    color: #b4203b;
   }
 
-  .sm\:focus\:text-yellow:focus {
-    color: #ffed4a;
+  .sm\:focus\:text-red-900:focus {
+    color: #801b33;
   }
 
-  .sm\:focus\:text-yellow-light:focus {
-    color: #fff382;
+  .sm\:focus\:text-orange-100:focus {
+    color: #fffaef;
   }
 
-  .sm\:focus\:text-yellow-lighter:focus {
-    color: #fff9c2;
+  .sm\:focus\:text-orange-200:focus {
+    color: #fee8c1;
   }
 
-  .sm\:focus\:text-yellow-lightest:focus {
-    color: #fcfbeb;
+  .sm\:focus\:text-orange-300:focus {
+    color: #fbd087;
   }
 
-  .sm\:focus\:text-green-darkest:focus {
-    color: #0f2f21;
+  .sm\:focus\:text-orange-400:focus {
+    color: #f6aa4f;
   }
 
-  .sm\:focus\:text-green-darker:focus {
-    color: #1a4731;
+  .sm\:focus\:text-orange-500:focus {
+    color: #ec832b;
   }
 
-  .sm\:focus\:text-green-dark:focus {
-    color: #1f9d55;
+  .sm\:focus\:text-orange-600:focus {
+    color: #df6d22;
   }
 
-  .sm\:focus\:text-green:focus {
-    color: #38c172;
+  .sm\:focus\:text-orange-700:focus {
+    color: #c55822;
   }
 
-  .sm\:focus\:text-green-light:focus {
-    color: #51d88a;
+  .sm\:focus\:text-orange-800:focus {
+    color: #9f4423;
   }
 
-  .sm\:focus\:text-green-lighter:focus {
-    color: #a2f5bf;
+  .sm\:focus\:text-orange-900:focus {
+    color: #70311e;
   }
 
-  .sm\:focus\:text-green-lightest:focus {
-    color: #e3fcec;
+  .sm\:focus\:text-yellow-100:focus {
+    color: #ffffeb;
   }
 
-  .sm\:focus\:text-teal-darkest:focus {
-    color: #0d3331;
+  .sm\:focus\:text-yellow-200:focus {
+    color: #fefcbf;
   }
 
-  .sm\:focus\:text-teal-darker:focus {
-    color: #20504f;
+  .sm\:focus\:text-yellow-300:focus {
+    color: #fbf189;
   }
 
-  .sm\:focus\:text-teal-dark:focus {
-    color: #38a89d;
+  .sm\:focus\:text-yellow-400:focus {
+    color: #f6e05e;
   }
 
-  .sm\:focus\:text-teal:focus {
-    color: #4dc0b5;
+  .sm\:focus\:text-yellow-500:focus {
+    color: #ebc743;
   }
 
-  .sm\:focus\:text-teal-light:focus {
-    color: #64d5ca;
+  .sm\:focus\:text-yellow-600:focus {
+    color: #d69e2e;
   }
 
-  .sm\:focus\:text-teal-lighter:focus {
-    color: #a0f0ed;
+  .sm\:focus\:text-yellow-700:focus {
+    color: #b7791f;
   }
 
-  .sm\:focus\:text-teal-lightest:focus {
-    color: #e8fffe;
+  .sm\:focus\:text-yellow-800:focus {
+    color: #8d5415;
   }
 
-  .sm\:focus\:text-blue-darkest:focus {
-    color: #12283a;
+  .sm\:focus\:text-yellow-900:focus {
+    color: #66390e;
   }
 
-  .sm\:focus\:text-blue-darker:focus {
-    color: #1c3d5a;
+  .sm\:focus\:text-green-100:focus {
+    color: #e9ffe9;
   }
 
-  .sm\:focus\:text-blue-dark:focus {
-    color: #2779bd;
+  .sm\:focus\:text-green-200:focus {
+    color: #c1f5c5;
   }
 
-  .sm\:focus\:text-blue:focus {
-    color: #3490dc;
+  .sm\:focus\:text-green-300:focus {
+    color: #9ae6a8;
   }
 
-  .sm\:focus\:text-blue-light:focus {
-    color: #6cb2eb;
+  .sm\:focus\:text-green-400:focus {
+    color: #68d391;
   }
 
-  .sm\:focus\:text-blue-lighter:focus {
-    color: #bcdefa;
+  .sm\:focus\:text-green-500:focus {
+    color: #48bb87;
   }
 
-  .sm\:focus\:text-blue-lightest:focus {
-    color: #eff8ff;
+  .sm\:focus\:text-green-600:focus {
+    color: #38a181;
   }
 
-  .sm\:focus\:text-indigo-darkest:focus {
-    color: #191e38;
+  .sm\:focus\:text-green-700:focus {
+    color: #2f8572;
   }
 
-  .sm\:focus\:text-indigo-darker:focus {
-    color: #2f365f;
+  .sm\:focus\:text-green-800:focus {
+    color: #28695c;
   }
 
-  .sm\:focus\:text-indigo-dark:focus {
-    color: #5661b3;
+  .sm\:focus\:text-green-900:focus {
+    color: #22544b;
   }
 
-  .sm\:focus\:text-indigo:focus {
-    color: #6574cd;
+  .sm\:focus\:text-blue-100:focus {
+    color: #f1fafd;
   }
 
-  .sm\:focus\:text-indigo-light:focus {
-    color: #7886d7;
+  .sm\:focus\:text-blue-200:focus {
+    color: #caedfa;
   }
 
-  .sm\:focus\:text-indigo-lighter:focus {
-    color: #b2b7ff;
+  .sm\:focus\:text-blue-300:focus {
+    color: #87d3f3;
   }
 
-  .sm\:focus\:text-indigo-lightest:focus {
-    color: #e6e8ff;
+  .sm\:focus\:text-blue-400:focus {
+    color: #57b9ec;
   }
 
-  .sm\:focus\:text-purple-darkest:focus {
-    color: #21183c;
+  .sm\:focus\:text-blue-500:focus {
+    color: #3a9adf;
   }
 
-  .sm\:focus\:text-purple-darker:focus {
-    color: #382b5f;
+  .sm\:focus\:text-blue-600:focus {
+    color: #2b7cc4;
   }
 
-  .sm\:focus\:text-purple-dark:focus {
-    color: #794acf;
+  .sm\:focus\:text-blue-700:focus {
+    color: #2762a3;
   }
 
-  .sm\:focus\:text-purple:focus {
-    color: #9561e2;
+  .sm\:focus\:text-blue-800:focus {
+    color: #284f81;
   }
 
-  .sm\:focus\:text-purple-light:focus {
-    color: #a779e9;
+  .sm\:focus\:text-blue-900:focus {
+    color: #294468;
   }
 
-  .sm\:focus\:text-purple-lighter:focus {
-    color: #d6bbfc;
+  .sm\:focus\:text-indigo-100:focus {
+    color: #eef6ff;
   }
 
-  .sm\:focus\:text-purple-lightest:focus {
-    color: #f3ebff;
+  .sm\:focus\:text-indigo-200:focus {
+    color: #cbe0f9;
   }
 
-  .sm\:focus\:text-pink-darkest:focus {
-    color: #451225;
+  .sm\:focus\:text-indigo-300:focus {
+    color: #a6c5f0;
   }
 
-  .sm\:focus\:text-pink-darker:focus {
-    color: #6f213f;
+  .sm\:focus\:text-indigo-400:focus {
+    color: #82a2e3;
   }
 
-  .sm\:focus\:text-pink-dark:focus {
-    color: #eb5286;
+  .sm\:focus\:text-indigo-500:focus {
+    color: #6d80d3;
   }
 
-  .sm\:focus\:text-pink:focus {
-    color: #f66d9b;
+  .sm\:focus\:text-indigo-600:focus {
+    color: #5e68bc;
   }
 
-  .sm\:focus\:text-pink-light:focus {
-    color: #fa7ea8;
+  .sm\:focus\:text-indigo-700:focus {
+    color: #5154a1;
   }
 
-  .sm\:focus\:text-pink-lighter:focus {
-    color: #ffbbca;
+  .sm\:focus\:text-indigo-800:focus {
+    color: #42417f;
   }
 
-  .sm\:focus\:text-pink-lightest:focus {
-    color: #ffebef;
+  .sm\:focus\:text-indigo-900:focus {
+    color: #37366a;
+  }
+
+  .sm\:focus\:text-purple-100:focus {
+    color: #faf5ff;
+  }
+
+  .sm\:focus\:text-purple-200:focus {
+    color: #eddffd;
+  }
+
+  .sm\:focus\:text-purple-300:focus {
+    color: #dcc7fb;
+  }
+
+  .sm\:focus\:text-purple-400:focus {
+    color: #b18af4;
+  }
+
+  .sm\:focus\:text-purple-500:focus {
+    color: #976de9;
+  }
+
+  .sm\:focus\:text-purple-600:focus {
+    color: #7c54d5;
+  }
+
+  .sm\:focus\:text-purple-700:focus {
+    color: #6845b9;
+  }
+
+  .sm\:focus\:text-purple-800:focus {
+    color: #4d368a;
+  }
+
+  .sm\:focus\:text-purple-900:focus {
+    color: #3b2c6c;
+  }
+
+  .sm\:focus\:text-pink-100:focus {
+    color: #fff2f4;
+  }
+
+  .sm\:focus\:text-pink-200:focus {
+    color: #fedee4;
+  }
+
+  .sm\:focus\:text-pink-300:focus {
+    color: #fcbccb;
+  }
+
+  .sm\:focus\:text-pink-400:focus {
+    color: #f786a7;
+  }
+
+  .sm\:focus\:text-pink-500:focus {
+    color: #ed588b;
+  }
+
+  .sm\:focus\:text-pink-600:focus {
+    color: #d9447b;
+  }
+
+  .sm\:focus\:text-pink-700:focus {
+    color: #b32f62;
+  }
+
+  .sm\:focus\:text-pink-800:focus {
+    color: #8d2450;
+  }
+
+  .sm\:focus\:text-pink-900:focus {
+    color: #741c46;
+  }
+
+  .sm\:focus\:text-grey-100:focus {
+    color: #f8fcfe;
+  }
+
+  .sm\:focus\:text-grey-200:focus {
+    color: #f1f5fb;
+  }
+
+  .sm\:focus\:text-grey-300:focus {
+    color: #e2e9f0;
+  }
+
+  .sm\:focus\:text-grey-400:focus {
+    color: #bbc5cf;
+  }
+
+  .sm\:focus\:text-grey-500:focus {
+    color: #a3b0bd;
+  }
+
+  .sm\:focus\:text-grey-600:focus {
+    color: #7a8996;
+  }
+
+  .sm\:focus\:text-grey-700:focus {
+    color: #5a6977;
+  }
+
+  .sm\:focus\:text-grey-800:focus {
+    color: #2e3a45;
+  }
+
+  .sm\:focus\:text-grey-900:focus {
+    color: #1f2830;
   }
 
   .sm\:text-xs {
@@ -12649,11 +14089,14 @@ samp {
 
   .sm\:example {
     font-weight: 700;
-    color: #e3342f;
+    color: #f95e5f;
   }
 }
 
 @media (min-width: 768px) {
+  .md\:appearance-none {
+    appearance: none;
+
   .md\:appearance-none {
     appearance: none;
   }
@@ -12675,291 +14118,371 @@ samp {
   }
 
   .md\:bg-black {
-    background-color: #22292f;
-  }
-
-  .md\:bg-grey-darkest {
-    background-color: #3d4852;
-  }
-
-  .md\:bg-grey-darker {
-    background-color: #606f7b;
-  }
-
-  .md\:bg-grey-dark {
-    background-color: #8795a1;
-  }
-
-  .md\:bg-grey {
-    background-color: #b8c2cc;
-  }
-
-  .md\:bg-grey-light {
-    background-color: #dae1e7;
-  }
-
-  .md\:bg-grey-lighter {
-    background-color: #f1f5f8;
-  }
-
-  .md\:bg-grey-lightest {
-    background-color: #f8fafc;
+    background-color: #000;
   }
 
   .md\:bg-white {
     background-color: #fff;
   }
 
-  .md\:bg-red-darkest {
-    background-color: #3b0d0c;
+  .md\:bg-teal-100 {
+    background-color: #ebfffc;
   }
 
-  .md\:bg-red-darker {
-    background-color: #621b18;
+  .md\:bg-teal-200 {
+    background-color: #b3f1e9;
   }
 
-  .md\:bg-red-dark {
-    background-color: #cc1f1a;
+  .md\:bg-teal-300 {
+    background-color: #82e1d7;
   }
 
-  .md\:bg-red {
-    background-color: #e3342f;
+  .md\:bg-teal-400 {
+    background-color: #60cfc5;
   }
 
-  .md\:bg-red-light {
-    background-color: #ef5753;
+  .md\:bg-teal-500 {
+    background-color: #49bab2;
   }
 
-  .md\:bg-red-lighter {
-    background-color: #f9acaa;
+  .md\:bg-teal-600 {
+    background-color: #3ea39f;
   }
 
-  .md\:bg-red-lightest {
-    background-color: #fcebea;
+  .md\:bg-teal-700 {
+    background-color: #378786;
   }
 
-  .md\:bg-orange-darkest {
-    background-color: #462a16;
+  .md\:bg-teal-800 {
+    background-color: #316769;
   }
 
-  .md\:bg-orange-darker {
-    background-color: #613b1f;
+  .md\:bg-teal-900 {
+    background-color: #265152;
   }
 
-  .md\:bg-orange-dark {
-    background-color: #de751f;
+  .md\:bg-red-100 {
+    background-color: #fff5f5;
   }
 
-  .md\:bg-orange {
-    background-color: #f6993f;
+  .md\:bg-red-200 {
+    background-color: #fee3e3;
   }
 
-  .md\:bg-orange-light {
-    background-color: #faad63;
+  .md\:bg-red-300 {
+    background-color: #febcbc;
   }
 
-  .md\:bg-orange-lighter {
-    background-color: #fcd9b6;
+  .md\:bg-red-400 {
+    background-color: #fd9292;
   }
 
-  .md\:bg-orange-lightest {
-    background-color: #fff5eb;
+  .md\:bg-red-500 {
+    background-color: #f95e5f;
   }
 
-  .md\:bg-yellow-darkest {
-    background-color: #453411;
+  .md\:bg-red-600 {
+    background-color: #ec454e;
   }
 
-  .md\:bg-yellow-darker {
-    background-color: #684f1d;
+  .md\:bg-red-700 {
+    background-color: #dc3448;
   }
 
-  .md\:bg-yellow-dark {
-    background-color: #f2d024;
+  .md\:bg-red-800 {
+    background-color: #b4203b;
   }
 
-  .md\:bg-yellow {
-    background-color: #ffed4a;
+  .md\:bg-red-900 {
+    background-color: #801b33;
   }
 
-  .md\:bg-yellow-light {
-    background-color: #fff382;
+  .md\:bg-orange-100 {
+    background-color: #fffaef;
   }
 
-  .md\:bg-yellow-lighter {
-    background-color: #fff9c2;
+  .md\:bg-orange-200 {
+    background-color: #fee8c1;
   }
 
-  .md\:bg-yellow-lightest {
-    background-color: #fcfbeb;
+  .md\:bg-orange-300 {
+    background-color: #fbd087;
   }
 
-  .md\:bg-green-darkest {
-    background-color: #0f2f21;
+  .md\:bg-orange-400 {
+    background-color: #f6aa4f;
   }
 
-  .md\:bg-green-darker {
-    background-color: #1a4731;
+  .md\:bg-orange-500 {
+    background-color: #ec832b;
   }
 
-  .md\:bg-green-dark {
-    background-color: #1f9d55;
+  .md\:bg-orange-600 {
+    background-color: #df6d22;
   }
 
-  .md\:bg-green {
-    background-color: #38c172;
+  .md\:bg-orange-700 {
+    background-color: #c55822;
   }
 
-  .md\:bg-green-light {
-    background-color: #51d88a;
+  .md\:bg-orange-800 {
+    background-color: #9f4423;
   }
 
-  .md\:bg-green-lighter {
-    background-color: #a2f5bf;
+  .md\:bg-orange-900 {
+    background-color: #70311e;
   }
 
-  .md\:bg-green-lightest {
-    background-color: #e3fcec;
+  .md\:bg-yellow-100 {
+    background-color: #ffffeb;
   }
 
-  .md\:bg-teal-darkest {
-    background-color: #0d3331;
+  .md\:bg-yellow-200 {
+    background-color: #fefcbf;
   }
 
-  .md\:bg-teal-darker {
-    background-color: #20504f;
+  .md\:bg-yellow-300 {
+    background-color: #fbf189;
   }
 
-  .md\:bg-teal-dark {
-    background-color: #38a89d;
+  .md\:bg-yellow-400 {
+    background-color: #f6e05e;
   }
 
-  .md\:bg-teal {
-    background-color: #4dc0b5;
+  .md\:bg-yellow-500 {
+    background-color: #ebc743;
   }
 
-  .md\:bg-teal-light {
-    background-color: #64d5ca;
+  .md\:bg-yellow-600 {
+    background-color: #d69e2e;
   }
 
-  .md\:bg-teal-lighter {
-    background-color: #a0f0ed;
+  .md\:bg-yellow-700 {
+    background-color: #b7791f;
   }
 
-  .md\:bg-teal-lightest {
-    background-color: #e8fffe;
+  .md\:bg-yellow-800 {
+    background-color: #8d5415;
   }
 
-  .md\:bg-blue-darkest {
-    background-color: #12283a;
+  .md\:bg-yellow-900 {
+    background-color: #66390e;
   }
 
-  .md\:bg-blue-darker {
-    background-color: #1c3d5a;
+  .md\:bg-green-100 {
+    background-color: #e9ffe9;
   }
 
-  .md\:bg-blue-dark {
-    background-color: #2779bd;
+  .md\:bg-green-200 {
+    background-color: #c1f5c5;
   }
 
-  .md\:bg-blue {
-    background-color: #3490dc;
+  .md\:bg-green-300 {
+    background-color: #9ae6a8;
   }
 
-  .md\:bg-blue-light {
-    background-color: #6cb2eb;
+  .md\:bg-green-400 {
+    background-color: #68d391;
   }
 
-  .md\:bg-blue-lighter {
-    background-color: #bcdefa;
+  .md\:bg-green-500 {
+    background-color: #48bb87;
   }
 
-  .md\:bg-blue-lightest {
-    background-color: #eff8ff;
+  .md\:bg-green-600 {
+    background-color: #38a181;
   }
 
-  .md\:bg-indigo-darkest {
-    background-color: #191e38;
+  .md\:bg-green-700 {
+    background-color: #2f8572;
   }
 
-  .md\:bg-indigo-darker {
-    background-color: #2f365f;
+  .md\:bg-green-800 {
+    background-color: #28695c;
   }
 
-  .md\:bg-indigo-dark {
-    background-color: #5661b3;
+  .md\:bg-green-900 {
+    background-color: #22544b;
   }
 
-  .md\:bg-indigo {
-    background-color: #6574cd;
+  .md\:bg-blue-100 {
+    background-color: #f1fafd;
   }
 
-  .md\:bg-indigo-light {
-    background-color: #7886d7;
+  .md\:bg-blue-200 {
+    background-color: #caedfa;
   }
 
-  .md\:bg-indigo-lighter {
-    background-color: #b2b7ff;
+  .md\:bg-blue-300 {
+    background-color: #87d3f3;
   }
 
-  .md\:bg-indigo-lightest {
-    background-color: #e6e8ff;
+  .md\:bg-blue-400 {
+    background-color: #57b9ec;
   }
 
-  .md\:bg-purple-darkest {
-    background-color: #21183c;
+  .md\:bg-blue-500 {
+    background-color: #3a9adf;
   }
 
-  .md\:bg-purple-darker {
-    background-color: #382b5f;
+  .md\:bg-blue-600 {
+    background-color: #2b7cc4;
   }
 
-  .md\:bg-purple-dark {
-    background-color: #794acf;
+  .md\:bg-blue-700 {
+    background-color: #2762a3;
   }
 
-  .md\:bg-purple {
-    background-color: #9561e2;
+  .md\:bg-blue-800 {
+    background-color: #284f81;
   }
 
-  .md\:bg-purple-light {
-    background-color: #a779e9;
+  .md\:bg-blue-900 {
+    background-color: #294468;
   }
 
-  .md\:bg-purple-lighter {
-    background-color: #d6bbfc;
+  .md\:bg-indigo-100 {
+    background-color: #eef6ff;
   }
 
-  .md\:bg-purple-lightest {
-    background-color: #f3ebff;
+  .md\:bg-indigo-200 {
+    background-color: #cbe0f9;
   }
 
-  .md\:bg-pink-darkest {
-    background-color: #451225;
+  .md\:bg-indigo-300 {
+    background-color: #a6c5f0;
   }
 
-  .md\:bg-pink-darker {
-    background-color: #6f213f;
+  .md\:bg-indigo-400 {
+    background-color: #82a2e3;
   }
 
-  .md\:bg-pink-dark {
-    background-color: #eb5286;
+  .md\:bg-indigo-500 {
+    background-color: #6d80d3;
   }
 
-  .md\:bg-pink {
-    background-color: #f66d9b;
+  .md\:bg-indigo-600 {
+    background-color: #5e68bc;
   }
 
-  .md\:bg-pink-light {
-    background-color: #fa7ea8;
+  .md\:bg-indigo-700 {
+    background-color: #5154a1;
   }
 
-  .md\:bg-pink-lighter {
-    background-color: #ffbbca;
+  .md\:bg-indigo-800 {
+    background-color: #42417f;
   }
 
-  .md\:bg-pink-lightest {
-    background-color: #ffebef;
+  .md\:bg-indigo-900 {
+    background-color: #37366a;
+  }
+
+  .md\:bg-purple-100 {
+    background-color: #faf5ff;
+  }
+
+  .md\:bg-purple-200 {
+    background-color: #eddffd;
+  }
+
+  .md\:bg-purple-300 {
+    background-color: #dcc7fb;
+  }
+
+  .md\:bg-purple-400 {
+    background-color: #b18af4;
+  }
+
+  .md\:bg-purple-500 {
+    background-color: #976de9;
+  }
+
+  .md\:bg-purple-600 {
+    background-color: #7c54d5;
+  }
+
+  .md\:bg-purple-700 {
+    background-color: #6845b9;
+  }
+
+  .md\:bg-purple-800 {
+    background-color: #4d368a;
+  }
+
+  .md\:bg-purple-900 {
+    background-color: #3b2c6c;
+  }
+
+  .md\:bg-pink-100 {
+    background-color: #fff2f4;
+  }
+
+  .md\:bg-pink-200 {
+    background-color: #fedee4;
+  }
+
+  .md\:bg-pink-300 {
+    background-color: #fcbccb;
+  }
+
+  .md\:bg-pink-400 {
+    background-color: #f786a7;
+  }
+
+  .md\:bg-pink-500 {
+    background-color: #ed588b;
+  }
+
+  .md\:bg-pink-600 {
+    background-color: #d9447b;
+  }
+
+  .md\:bg-pink-700 {
+    background-color: #b32f62;
+  }
+
+  .md\:bg-pink-800 {
+    background-color: #8d2450;
+  }
+
+  .md\:bg-pink-900 {
+    background-color: #741c46;
+  }
+
+  .md\:bg-grey-100 {
+    background-color: #f8fcfe;
+  }
+
+  .md\:bg-grey-200 {
+    background-color: #f1f5fb;
+  }
+
+  .md\:bg-grey-300 {
+    background-color: #e2e9f0;
+  }
+
+  .md\:bg-grey-400 {
+    background-color: #bbc5cf;
+  }
+
+  .md\:bg-grey-500 {
+    background-color: #a3b0bd;
+  }
+
+  .md\:bg-grey-600 {
+    background-color: #7a8996;
+  }
+
+  .md\:bg-grey-700 {
+    background-color: #5a6977;
+  }
+
+  .md\:bg-grey-800 {
+    background-color: #2e3a45;
+  }
+
+  .md\:bg-grey-900 {
+    background-color: #1f2830;
   }
 
   .md\:hover\:bg-transparent:hover {
@@ -12967,291 +14490,372 @@ samp {
   }
 
   .md\:hover\:bg-black:hover {
-    background-color: #22292f;
-  }
-
-  .md\:hover\:bg-grey-darkest:hover {
-    background-color: #3d4852;
-  }
-
-  .md\:hover\:bg-grey-darker:hover {
-    background-color: #606f7b;
-  }
-
-  .md\:hover\:bg-grey-dark:hover {
-    background-color: #8795a1;
-  }
-
-  .md\:hover\:bg-grey:hover {
-    background-color: #b8c2cc;
-  }
-
-  .md\:hover\:bg-grey-light:hover {
-    background-color: #dae1e7;
-  }
-
-  .md\:hover\:bg-grey-lighter:hover {
-    background-color: #f1f5f8;
-  }
-
-  .md\:hover\:bg-grey-lightest:hover {
-    background-color: #f8fafc;
+    background-color: #000;
   }
 
   .md\:hover\:bg-white:hover {
     background-color: #fff;
   }
 
-  .md\:hover\:bg-red-darkest:hover {
-    background-color: #3b0d0c;
+  .md\:hover\:bg-teal-100:hover {
+    background-color: #ebfffc;
   }
 
-  .md\:hover\:bg-red-darker:hover {
-    background-color: #621b18;
+  .md\:hover\:bg-teal-200:hover {
+    background-color: #b3f1e9;
   }
 
-  .md\:hover\:bg-red-dark:hover {
-    background-color: #cc1f1a;
+  .md\:hover\:bg-teal-300:hover {
+    background-color: #82e1d7;
   }
 
-  .md\:hover\:bg-red:hover {
-    background-color: #e3342f;
+  .md\:hover\:bg-teal-400:hover {
+    background-color: #60cfc5;
   }
 
-  .md\:hover\:bg-red-light:hover {
-    background-color: #ef5753;
+  .md\:hover\:bg-teal-500:hover {
+    background-color: #49bab2;
   }
 
-  .md\:hover\:bg-red-lighter:hover {
-    background-color: #f9acaa;
+  .md\:hover\:bg-teal-600:hover {
+    background-color: #3ea39f;
   }
 
-  .md\:hover\:bg-red-lightest:hover {
-    background-color: #fcebea;
+  .md\:hover\:bg-teal-700:hover {
+    background-color: #378786;
   }
 
-  .md\:hover\:bg-orange-darkest:hover {
-    background-color: #462a16;
+  .md\:hover\:bg-teal-800:hover {
+    background-color: #316769;
   }
 
-  .md\:hover\:bg-orange-darker:hover {
-    background-color: #613b1f;
+  .md\:hover\:bg-teal-900:hover {
+    background-color: #265152;
   }
 
-  .md\:hover\:bg-orange-dark:hover {
-    background-color: #de751f;
+  .md\:hover\:bg-red-100:hover {
+    background-color: #fff5f5;
   }
 
-  .md\:hover\:bg-orange:hover {
-    background-color: #f6993f;
+  .md\:hover\:bg-red-200:hover {
+    background-color: #fee3e3;
   }
 
-  .md\:hover\:bg-orange-light:hover {
-    background-color: #faad63;
+  .md\:hover\:bg-red-300:hover {
+    background-color: #febcbc;
   }
 
-  .md\:hover\:bg-orange-lighter:hover {
-    background-color: #fcd9b6;
+  .md\:hover\:bg-red-400:hover {
+    background-color: #fd9292;
   }
 
-  .md\:hover\:bg-orange-lightest:hover {
-    background-color: #fff5eb;
+  .md\:hover\:bg-red-500:hover {
+    background-color: #f95e5f;
   }
 
-  .md\:hover\:bg-yellow-darkest:hover {
-    background-color: #453411;
+  .md\:hover\:bg-red-600:hover {
+    background-color: #ec454e;
   }
 
-  .md\:hover\:bg-yellow-darker:hover {
-    background-color: #684f1d;
+  .md\:hover\:bg-red-700:hover {
+    background-color: #dc3448;
   }
 
-  .md\:hover\:bg-yellow-dark:hover {
-    background-color: #f2d024;
+  .md\:hover\:bg-red-800:hover {
+    background-color: #b4203b;
   }
 
-  .md\:hover\:bg-yellow:hover {
-    background-color: #ffed4a;
+  .md\:hover\:bg-red-900:hover {
+    background-color: #801b33;
   }
 
-  .md\:hover\:bg-yellow-light:hover {
-    background-color: #fff382;
+  .md\:hover\:bg-orange-100:hover {
+    background-color: #fffaef;
   }
 
-  .md\:hover\:bg-yellow-lighter:hover {
-    background-color: #fff9c2;
+  .md\:hover\:bg-orange-200:hover {
+    background-color: #fee8c1;
+>>>>>>> Replace 0.x colors with rough draft of 1.0 colors
   }
 
-  .md\:hover\:bg-yellow-lightest:hover {
-    background-color: #fcfbeb;
+  .md\:hover\:bg-orange-300:hover {
+    background-color: #fbd087;
   }
 
-  .md\:hover\:bg-green-darkest:hover {
-    background-color: #0f2f21;
+  .md\:hover\:bg-orange-400:hover {
+    background-color: #f6aa4f;
   }
 
-  .md\:hover\:bg-green-darker:hover {
-    background-color: #1a4731;
+  .md\:hover\:bg-orange-500:hover {
+    background-color: #ec832b;
   }
 
-  .md\:hover\:bg-green-dark:hover {
-    background-color: #1f9d55;
+  .md\:hover\:bg-orange-600:hover {
+    background-color: #df6d22;
   }
 
-  .md\:hover\:bg-green:hover {
-    background-color: #38c172;
+  .md\:hover\:bg-orange-700:hover {
+    background-color: #c55822;
   }
 
-  .md\:hover\:bg-green-light:hover {
-    background-color: #51d88a;
+  .md\:hover\:bg-orange-800:hover {
+    background-color: #9f4423;
   }
 
-  .md\:hover\:bg-green-lighter:hover {
-    background-color: #a2f5bf;
+  .md\:hover\:bg-orange-900:hover {
+    background-color: #70311e;
   }
 
-  .md\:hover\:bg-green-lightest:hover {
-    background-color: #e3fcec;
+  .md\:hover\:bg-yellow-100:hover {
+    background-color: #ffffeb;
   }
 
-  .md\:hover\:bg-teal-darkest:hover {
-    background-color: #0d3331;
+  .md\:hover\:bg-yellow-200:hover {
+    background-color: #fefcbf;
   }
 
-  .md\:hover\:bg-teal-darker:hover {
-    background-color: #20504f;
+  .md\:hover\:bg-yellow-300:hover {
+    background-color: #fbf189;
   }
 
-  .md\:hover\:bg-teal-dark:hover {
-    background-color: #38a89d;
+  .md\:hover\:bg-yellow-400:hover {
+    background-color: #f6e05e;
   }
 
-  .md\:hover\:bg-teal:hover {
-    background-color: #4dc0b5;
+  .md\:hover\:bg-yellow-500:hover {
+    background-color: #ebc743;
   }
 
-  .md\:hover\:bg-teal-light:hover {
-    background-color: #64d5ca;
+  .md\:hover\:bg-yellow-600:hover {
+    background-color: #d69e2e;
   }
 
-  .md\:hover\:bg-teal-lighter:hover {
-    background-color: #a0f0ed;
+  .md\:hover\:bg-yellow-700:hover {
+    background-color: #b7791f;
   }
 
-  .md\:hover\:bg-teal-lightest:hover {
-    background-color: #e8fffe;
+  .md\:hover\:bg-yellow-800:hover {
+    background-color: #8d5415;
   }
 
-  .md\:hover\:bg-blue-darkest:hover {
-    background-color: #12283a;
+  .md\:hover\:bg-yellow-900:hover {
+    background-color: #66390e;
   }
 
-  .md\:hover\:bg-blue-darker:hover {
-    background-color: #1c3d5a;
+  .md\:hover\:bg-green-100:hover {
+    background-color: #e9ffe9;
   }
 
-  .md\:hover\:bg-blue-dark:hover {
-    background-color: #2779bd;
+  .md\:hover\:bg-green-200:hover {
+    background-color: #c1f5c5;
   }
 
-  .md\:hover\:bg-blue:hover {
-    background-color: #3490dc;
+  .md\:hover\:bg-green-300:hover {
+    background-color: #9ae6a8;
   }
 
-  .md\:hover\:bg-blue-light:hover {
-    background-color: #6cb2eb;
+  .md\:hover\:bg-green-400:hover {
+    background-color: #68d391;
   }
 
-  .md\:hover\:bg-blue-lighter:hover {
-    background-color: #bcdefa;
+  .md\:hover\:bg-green-500:hover {
+    background-color: #48bb87;
   }
 
-  .md\:hover\:bg-blue-lightest:hover {
-    background-color: #eff8ff;
+  .md\:hover\:bg-green-600:hover {
+    background-color: #38a181;
   }
 
-  .md\:hover\:bg-indigo-darkest:hover {
-    background-color: #191e38;
+  .md\:hover\:bg-green-700:hover {
+    background-color: #2f8572;
   }
 
-  .md\:hover\:bg-indigo-darker:hover {
-    background-color: #2f365f;
+  .md\:hover\:bg-green-800:hover {
+    background-color: #28695c;
   }
 
-  .md\:hover\:bg-indigo-dark:hover {
-    background-color: #5661b3;
+  .md\:hover\:bg-green-900:hover {
+    background-color: #22544b;
   }
 
-  .md\:hover\:bg-indigo:hover {
-    background-color: #6574cd;
+  .md\:hover\:bg-blue-100:hover {
+    background-color: #f1fafd;
   }
 
-  .md\:hover\:bg-indigo-light:hover {
-    background-color: #7886d7;
+  .md\:hover\:bg-blue-200:hover {
+    background-color: #caedfa;
   }
 
-  .md\:hover\:bg-indigo-lighter:hover {
-    background-color: #b2b7ff;
+  .md\:hover\:bg-blue-300:hover {
+    background-color: #87d3f3;
   }
 
-  .md\:hover\:bg-indigo-lightest:hover {
-    background-color: #e6e8ff;
+  .md\:hover\:bg-blue-400:hover {
+    background-color: #57b9ec;
   }
 
-  .md\:hover\:bg-purple-darkest:hover {
-    background-color: #21183c;
+  .md\:hover\:bg-blue-500:hover {
+    background-color: #3a9adf;
   }
 
-  .md\:hover\:bg-purple-darker:hover {
-    background-color: #382b5f;
+  .md\:hover\:bg-blue-600:hover {
+    background-color: #2b7cc4;
   }
 
-  .md\:hover\:bg-purple-dark:hover {
-    background-color: #794acf;
+  .md\:hover\:bg-blue-700:hover {
+    background-color: #2762a3;
   }
 
-  .md\:hover\:bg-purple:hover {
-    background-color: #9561e2;
+  .md\:hover\:bg-blue-800:hover {
+    background-color: #284f81;
   }
 
-  .md\:hover\:bg-purple-light:hover {
-    background-color: #a779e9;
+  .md\:hover\:bg-blue-900:hover {
+    background-color: #294468;
   }
 
-  .md\:hover\:bg-purple-lighter:hover {
-    background-color: #d6bbfc;
+  .md\:hover\:bg-indigo-100:hover {
+    background-color: #eef6ff;
   }
 
-  .md\:hover\:bg-purple-lightest:hover {
-    background-color: #f3ebff;
+  .md\:hover\:bg-indigo-200:hover {
+    background-color: #cbe0f9;
   }
 
-  .md\:hover\:bg-pink-darkest:hover {
-    background-color: #451225;
+  .md\:hover\:bg-indigo-300:hover {
+    background-color: #a6c5f0;
   }
 
-  .md\:hover\:bg-pink-darker:hover {
-    background-color: #6f213f;
+  .md\:hover\:bg-indigo-400:hover {
+    background-color: #82a2e3;
   }
 
-  .md\:hover\:bg-pink-dark:hover {
-    background-color: #eb5286;
+  .md\:hover\:bg-indigo-500:hover {
+    background-color: #6d80d3;
   }
 
-  .md\:hover\:bg-pink:hover {
-    background-color: #f66d9b;
+  .md\:hover\:bg-indigo-600:hover {
+    background-color: #5e68bc;
   }
 
-  .md\:hover\:bg-pink-light:hover {
-    background-color: #fa7ea8;
+  .md\:hover\:bg-indigo-700:hover {
+    background-color: #5154a1;
   }
 
-  .md\:hover\:bg-pink-lighter:hover {
-    background-color: #ffbbca;
+  .md\:hover\:bg-indigo-800:hover {
+    background-color: #42417f;
   }
 
-  .md\:hover\:bg-pink-lightest:hover {
-    background-color: #ffebef;
+  .md\:hover\:bg-indigo-900:hover {
+    background-color: #37366a;
+  }
+
+  .md\:hover\:bg-purple-100:hover {
+    background-color: #faf5ff;
+  }
+
+  .md\:hover\:bg-purple-200:hover {
+    background-color: #eddffd;
+  }
+
+  .md\:hover\:bg-purple-300:hover {
+    background-color: #dcc7fb;
+  }
+
+  .md\:hover\:bg-purple-400:hover {
+    background-color: #b18af4;
+  }
+
+  .md\:hover\:bg-purple-500:hover {
+    background-color: #976de9;
+  }
+
+  .md\:hover\:bg-purple-600:hover {
+    background-color: #7c54d5;
+  }
+
+  .md\:hover\:bg-purple-700:hover {
+    background-color: #6845b9;
+  }
+
+  .md\:hover\:bg-purple-800:hover {
+    background-color: #4d368a;
+  }
+
+  .md\:hover\:bg-purple-900:hover {
+    background-color: #3b2c6c;
+  }
+
+  .md\:hover\:bg-pink-100:hover {
+    background-color: #fff2f4;
+  }
+
+  .md\:hover\:bg-pink-200:hover {
+    background-color: #fedee4;
+  }
+
+  .md\:hover\:bg-pink-300:hover {
+    background-color: #fcbccb;
+  }
+
+  .md\:hover\:bg-pink-400:hover {
+    background-color: #f786a7;
+  }
+
+  .md\:hover\:bg-pink-500:hover {
+    background-color: #ed588b;
+  }
+
+  .md\:hover\:bg-pink-600:hover {
+    background-color: #d9447b;
+  }
+
+  .md\:hover\:bg-pink-700:hover {
+    background-color: #b32f62;
+  }
+
+  .md\:hover\:bg-pink-800:hover {
+    background-color: #8d2450;
+  }
+
+  .md\:hover\:bg-pink-900:hover {
+    background-color: #741c46;
+  }
+
+  .md\:hover\:bg-grey-100:hover {
+    background-color: #f8fcfe;
+  }
+
+  .md\:hover\:bg-grey-200:hover {
+    background-color: #f1f5fb;
+  }
+
+  .md\:hover\:bg-grey-300:hover {
+    background-color: #e2e9f0;
+  }
+
+  .md\:hover\:bg-grey-400:hover {
+    background-color: #bbc5cf;
+  }
+
+  .md\:hover\:bg-grey-500:hover {
+    background-color: #a3b0bd;
+  }
+
+  .md\:hover\:bg-grey-600:hover {
+    background-color: #7a8996;
+  }
+
+  .md\:hover\:bg-grey-700:hover {
+    background-color: #5a6977;
+  }
+
+  .md\:hover\:bg-grey-800:hover {
+    background-color: #2e3a45;
+  }
+
+  .md\:hover\:bg-grey-900:hover {
+    background-color: #1f2830;
   }
 
   .md\:focus\:bg-transparent:focus {
@@ -13259,291 +14863,371 @@ samp {
   }
 
   .md\:focus\:bg-black:focus {
-    background-color: #22292f;
-  }
-
-  .md\:focus\:bg-grey-darkest:focus {
-    background-color: #3d4852;
-  }
-
-  .md\:focus\:bg-grey-darker:focus {
-    background-color: #606f7b;
-  }
-
-  .md\:focus\:bg-grey-dark:focus {
-    background-color: #8795a1;
-  }
-
-  .md\:focus\:bg-grey:focus {
-    background-color: #b8c2cc;
-  }
-
-  .md\:focus\:bg-grey-light:focus {
-    background-color: #dae1e7;
-  }
-
-  .md\:focus\:bg-grey-lighter:focus {
-    background-color: #f1f5f8;
-  }
-
-  .md\:focus\:bg-grey-lightest:focus {
-    background-color: #f8fafc;
+    background-color: #000;
   }
 
   .md\:focus\:bg-white:focus {
     background-color: #fff;
   }
 
-  .md\:focus\:bg-red-darkest:focus {
-    background-color: #3b0d0c;
+  .md\:focus\:bg-teal-100:focus {
+    background-color: #ebfffc;
   }
 
-  .md\:focus\:bg-red-darker:focus {
-    background-color: #621b18;
+  .md\:focus\:bg-teal-200:focus {
+    background-color: #b3f1e9;
   }
 
-  .md\:focus\:bg-red-dark:focus {
-    background-color: #cc1f1a;
+  .md\:focus\:bg-teal-300:focus {
+    background-color: #82e1d7;
   }
 
-  .md\:focus\:bg-red:focus {
-    background-color: #e3342f;
+  .md\:focus\:bg-teal-400:focus {
+    background-color: #60cfc5;
   }
 
-  .md\:focus\:bg-red-light:focus {
-    background-color: #ef5753;
+  .md\:focus\:bg-teal-500:focus {
+    background-color: #49bab2;
   }
 
-  .md\:focus\:bg-red-lighter:focus {
-    background-color: #f9acaa;
+  .md\:focus\:bg-teal-600:focus {
+    background-color: #3ea39f;
   }
 
-  .md\:focus\:bg-red-lightest:focus {
-    background-color: #fcebea;
+  .md\:focus\:bg-teal-700:focus {
+    background-color: #378786;
   }
 
-  .md\:focus\:bg-orange-darkest:focus {
-    background-color: #462a16;
+  .md\:focus\:bg-teal-800:focus {
+    background-color: #316769;
   }
 
-  .md\:focus\:bg-orange-darker:focus {
-    background-color: #613b1f;
+  .md\:focus\:bg-teal-900:focus {
+    background-color: #265152;
   }
 
-  .md\:focus\:bg-orange-dark:focus {
-    background-color: #de751f;
+  .md\:focus\:bg-red-100:focus {
+    background-color: #fff5f5;
   }
 
-  .md\:focus\:bg-orange:focus {
-    background-color: #f6993f;
+  .md\:focus\:bg-red-200:focus {
+    background-color: #fee3e3;
   }
 
-  .md\:focus\:bg-orange-light:focus {
-    background-color: #faad63;
+  .md\:focus\:bg-red-300:focus {
+    background-color: #febcbc;
   }
 
-  .md\:focus\:bg-orange-lighter:focus {
-    background-color: #fcd9b6;
+  .md\:focus\:bg-red-400:focus {
+    background-color: #fd9292;
   }
 
-  .md\:focus\:bg-orange-lightest:focus {
-    background-color: #fff5eb;
+  .md\:focus\:bg-red-500:focus {
+    background-color: #f95e5f;
   }
 
-  .md\:focus\:bg-yellow-darkest:focus {
-    background-color: #453411;
+  .md\:focus\:bg-red-600:focus {
+    background-color: #ec454e;
   }
 
-  .md\:focus\:bg-yellow-darker:focus {
-    background-color: #684f1d;
+  .md\:focus\:bg-red-700:focus {
+    background-color: #dc3448;
   }
 
-  .md\:focus\:bg-yellow-dark:focus {
-    background-color: #f2d024;
+  .md\:focus\:bg-red-800:focus {
+    background-color: #b4203b;
   }
 
-  .md\:focus\:bg-yellow:focus {
-    background-color: #ffed4a;
+  .md\:focus\:bg-red-900:focus {
+    background-color: #801b33;
   }
 
-  .md\:focus\:bg-yellow-light:focus {
-    background-color: #fff382;
+  .md\:focus\:bg-orange-100:focus {
+    background-color: #fffaef;
   }
 
-  .md\:focus\:bg-yellow-lighter:focus {
-    background-color: #fff9c2;
+  .md\:focus\:bg-orange-200:focus {
+    background-color: #fee8c1;
   }
 
-  .md\:focus\:bg-yellow-lightest:focus {
-    background-color: #fcfbeb;
+  .md\:focus\:bg-orange-300:focus {
+    background-color: #fbd087;
   }
 
-  .md\:focus\:bg-green-darkest:focus {
-    background-color: #0f2f21;
+  .md\:focus\:bg-orange-400:focus {
+    background-color: #f6aa4f;
   }
 
-  .md\:focus\:bg-green-darker:focus {
-    background-color: #1a4731;
+  .md\:focus\:bg-orange-500:focus {
+    background-color: #ec832b;
   }
 
-  .md\:focus\:bg-green-dark:focus {
-    background-color: #1f9d55;
+  .md\:focus\:bg-orange-600:focus {
+    background-color: #df6d22;
   }
 
-  .md\:focus\:bg-green:focus {
-    background-color: #38c172;
+  .md\:focus\:bg-orange-700:focus {
+    background-color: #c55822;
   }
 
-  .md\:focus\:bg-green-light:focus {
-    background-color: #51d88a;
+  .md\:focus\:bg-orange-800:focus {
+    background-color: #9f4423;
   }
 
-  .md\:focus\:bg-green-lighter:focus {
-    background-color: #a2f5bf;
+  .md\:focus\:bg-orange-900:focus {
+    background-color: #70311e;
   }
 
-  .md\:focus\:bg-green-lightest:focus {
-    background-color: #e3fcec;
+  .md\:focus\:bg-yellow-100:focus {
+    background-color: #ffffeb;
   }
 
-  .md\:focus\:bg-teal-darkest:focus {
-    background-color: #0d3331;
+  .md\:focus\:bg-yellow-200:focus {
+    background-color: #fefcbf;
   }
 
-  .md\:focus\:bg-teal-darker:focus {
-    background-color: #20504f;
+  .md\:focus\:bg-yellow-300:focus {
+    background-color: #fbf189;
   }
 
-  .md\:focus\:bg-teal-dark:focus {
-    background-color: #38a89d;
+  .md\:focus\:bg-yellow-400:focus {
+    background-color: #f6e05e;
   }
 
-  .md\:focus\:bg-teal:focus {
-    background-color: #4dc0b5;
+  .md\:focus\:bg-yellow-500:focus {
+    background-color: #ebc743;
   }
 
-  .md\:focus\:bg-teal-light:focus {
-    background-color: #64d5ca;
+  .md\:focus\:bg-yellow-600:focus {
+    background-color: #d69e2e;
   }
 
-  .md\:focus\:bg-teal-lighter:focus {
-    background-color: #a0f0ed;
+  .md\:focus\:bg-yellow-700:focus {
+    background-color: #b7791f;
   }
 
-  .md\:focus\:bg-teal-lightest:focus {
-    background-color: #e8fffe;
+  .md\:focus\:bg-yellow-800:focus {
+    background-color: #8d5415;
   }
 
-  .md\:focus\:bg-blue-darkest:focus {
-    background-color: #12283a;
+  .md\:focus\:bg-yellow-900:focus {
+    background-color: #66390e;
   }
 
-  .md\:focus\:bg-blue-darker:focus {
-    background-color: #1c3d5a;
+  .md\:focus\:bg-green-100:focus {
+    background-color: #e9ffe9;
   }
 
-  .md\:focus\:bg-blue-dark:focus {
-    background-color: #2779bd;
+  .md\:focus\:bg-green-200:focus {
+    background-color: #c1f5c5;
   }
 
-  .md\:focus\:bg-blue:focus {
-    background-color: #3490dc;
+  .md\:focus\:bg-green-300:focus {
+    background-color: #9ae6a8;
   }
 
-  .md\:focus\:bg-blue-light:focus {
-    background-color: #6cb2eb;
+  .md\:focus\:bg-green-400:focus {
+    background-color: #68d391;
   }
 
-  .md\:focus\:bg-blue-lighter:focus {
-    background-color: #bcdefa;
+  .md\:focus\:bg-green-500:focus {
+    background-color: #48bb87;
   }
 
-  .md\:focus\:bg-blue-lightest:focus {
-    background-color: #eff8ff;
+  .md\:focus\:bg-green-600:focus {
+    background-color: #38a181;
   }
 
-  .md\:focus\:bg-indigo-darkest:focus {
-    background-color: #191e38;
+  .md\:focus\:bg-green-700:focus {
+    background-color: #2f8572;
   }
 
-  .md\:focus\:bg-indigo-darker:focus {
-    background-color: #2f365f;
+  .md\:focus\:bg-green-800:focus {
+    background-color: #28695c;
   }
 
-  .md\:focus\:bg-indigo-dark:focus {
-    background-color: #5661b3;
+  .md\:focus\:bg-green-900:focus {
+    background-color: #22544b;
   }
 
-  .md\:focus\:bg-indigo:focus {
-    background-color: #6574cd;
+  .md\:focus\:bg-blue-100:focus {
+    background-color: #f1fafd;
   }
 
-  .md\:focus\:bg-indigo-light:focus {
-    background-color: #7886d7;
+  .md\:focus\:bg-blue-200:focus {
+    background-color: #caedfa;
   }
 
-  .md\:focus\:bg-indigo-lighter:focus {
-    background-color: #b2b7ff;
+  .md\:focus\:bg-blue-300:focus {
+    background-color: #87d3f3;
   }
 
-  .md\:focus\:bg-indigo-lightest:focus {
-    background-color: #e6e8ff;
+  .md\:focus\:bg-blue-400:focus {
+    background-color: #57b9ec;
   }
 
-  .md\:focus\:bg-purple-darkest:focus {
-    background-color: #21183c;
+  .md\:focus\:bg-blue-500:focus {
+    background-color: #3a9adf;
   }
 
-  .md\:focus\:bg-purple-darker:focus {
-    background-color: #382b5f;
+  .md\:focus\:bg-blue-600:focus {
+    background-color: #2b7cc4;
   }
 
-  .md\:focus\:bg-purple-dark:focus {
-    background-color: #794acf;
+  .md\:focus\:bg-blue-700:focus {
+    background-color: #2762a3;
   }
 
-  .md\:focus\:bg-purple:focus {
-    background-color: #9561e2;
+  .md\:focus\:bg-blue-800:focus {
+    background-color: #284f81;
   }
 
-  .md\:focus\:bg-purple-light:focus {
-    background-color: #a779e9;
+  .md\:focus\:bg-blue-900:focus {
+    background-color: #294468;
   }
 
-  .md\:focus\:bg-purple-lighter:focus {
-    background-color: #d6bbfc;
+  .md\:focus\:bg-indigo-100:focus {
+    background-color: #eef6ff;
   }
 
-  .md\:focus\:bg-purple-lightest:focus {
-    background-color: #f3ebff;
+  .md\:focus\:bg-indigo-200:focus {
+    background-color: #cbe0f9;
   }
 
-  .md\:focus\:bg-pink-darkest:focus {
-    background-color: #451225;
+  .md\:focus\:bg-indigo-300:focus {
+    background-color: #a6c5f0;
   }
 
-  .md\:focus\:bg-pink-darker:focus {
-    background-color: #6f213f;
+  .md\:focus\:bg-indigo-400:focus {
+    background-color: #82a2e3;
   }
 
-  .md\:focus\:bg-pink-dark:focus {
-    background-color: #eb5286;
+  .md\:focus\:bg-indigo-500:focus {
+    background-color: #6d80d3;
   }
 
-  .md\:focus\:bg-pink:focus {
-    background-color: #f66d9b;
+  .md\:focus\:bg-indigo-600:focus {
+    background-color: #5e68bc;
   }
 
-  .md\:focus\:bg-pink-light:focus {
-    background-color: #fa7ea8;
+  .md\:focus\:bg-indigo-700:focus {
+    background-color: #5154a1;
   }
 
-  .md\:focus\:bg-pink-lighter:focus {
-    background-color: #ffbbca;
+  .md\:focus\:bg-indigo-800:focus {
+    background-color: #42417f;
   }
 
-  .md\:focus\:bg-pink-lightest:focus {
-    background-color: #ffebef;
+  .md\:focus\:bg-indigo-900:focus {
+    background-color: #37366a;
+  }
+
+  .md\:focus\:bg-purple-100:focus {
+    background-color: #faf5ff;
+  }
+
+  .md\:focus\:bg-purple-200:focus {
+    background-color: #eddffd;
+  }
+
+  .md\:focus\:bg-purple-300:focus {
+    background-color: #dcc7fb;
+  }
+
+  .md\:focus\:bg-purple-400:focus {
+    background-color: #b18af4;
+  }
+
+  .md\:focus\:bg-purple-500:focus {
+    background-color: #976de9;
+  }
+
+  .md\:focus\:bg-purple-600:focus {
+    background-color: #7c54d5;
+  }
+
+  .md\:focus\:bg-purple-700:focus {
+    background-color: #6845b9;
+  }
+
+  .md\:focus\:bg-purple-800:focus {
+    background-color: #4d368a;
+  }
+
+  .md\:focus\:bg-purple-900:focus {
+    background-color: #3b2c6c;
+  }
+
+  .md\:focus\:bg-pink-100:focus {
+    background-color: #fff2f4;
+  }
+
+  .md\:focus\:bg-pink-200:focus {
+    background-color: #fedee4;
+  }
+
+  .md\:focus\:bg-pink-300:focus {
+    background-color: #fcbccb;
+  }
+
+  .md\:focus\:bg-pink-400:focus {
+    background-color: #f786a7;
+  }
+
+  .md\:focus\:bg-pink-500:focus {
+    background-color: #ed588b;
+  }
+
+  .md\:focus\:bg-pink-600:focus {
+    background-color: #d9447b;
+  }
+
+  .md\:focus\:bg-pink-700:focus {
+    background-color: #b32f62;
+  }
+
+  .md\:focus\:bg-pink-800:focus {
+    background-color: #8d2450;
+  }
+
+  .md\:focus\:bg-pink-900:focus {
+    background-color: #741c46;
+  }
+
+  .md\:focus\:bg-grey-100:focus {
+    background-color: #f8fcfe;
+  }
+
+  .md\:focus\:bg-grey-200:focus {
+    background-color: #f1f5fb;
+  }
+
+  .md\:focus\:bg-grey-300:focus {
+    background-color: #e2e9f0;
+  }
+
+  .md\:focus\:bg-grey-400:focus {
+    background-color: #bbc5cf;
+  }
+
+  .md\:focus\:bg-grey-500:focus {
+    background-color: #a3b0bd;
+  }
+
+  .md\:focus\:bg-grey-600:focus {
+    background-color: #7a8996;
+  }
+
+  .md\:focus\:bg-grey-700:focus {
+    background-color: #5a6977;
+  }
+
+  .md\:focus\:bg-grey-800:focus {
+    background-color: #2e3a45;
+  }
+
+  .md\:focus\:bg-grey-900:focus {
+    background-color: #1f2830;
   }
 
   .md\:bg-bottom {
@@ -13615,291 +15299,371 @@ samp {
   }
 
   .md\:border-black {
-    border-color: #22292f;
-  }
-
-  .md\:border-grey-darkest {
-    border-color: #3d4852;
-  }
-
-  .md\:border-grey-darker {
-    border-color: #606f7b;
-  }
-
-  .md\:border-grey-dark {
-    border-color: #8795a1;
-  }
-
-  .md\:border-grey {
-    border-color: #b8c2cc;
-  }
-
-  .md\:border-grey-light {
-    border-color: #dae1e7;
-  }
-
-  .md\:border-grey-lighter {
-    border-color: #f1f5f8;
-  }
-
-  .md\:border-grey-lightest {
-    border-color: #f8fafc;
+    border-color: #000;
   }
 
   .md\:border-white {
     border-color: #fff;
   }
 
-  .md\:border-red-darkest {
-    border-color: #3b0d0c;
+  .md\:border-teal-100 {
+    border-color: #ebfffc;
   }
 
-  .md\:border-red-darker {
-    border-color: #621b18;
+  .md\:border-teal-200 {
+    border-color: #b3f1e9;
   }
 
-  .md\:border-red-dark {
-    border-color: #cc1f1a;
+  .md\:border-teal-300 {
+    border-color: #82e1d7;
   }
 
-  .md\:border-red {
-    border-color: #e3342f;
+  .md\:border-teal-400 {
+    border-color: #60cfc5;
   }
 
-  .md\:border-red-light {
-    border-color: #ef5753;
+  .md\:border-teal-500 {
+    border-color: #49bab2;
   }
 
-  .md\:border-red-lighter {
-    border-color: #f9acaa;
+  .md\:border-teal-600 {
+    border-color: #3ea39f;
   }
 
-  .md\:border-red-lightest {
-    border-color: #fcebea;
+  .md\:border-teal-700 {
+    border-color: #378786;
   }
 
-  .md\:border-orange-darkest {
-    border-color: #462a16;
+  .md\:border-teal-800 {
+    border-color: #316769;
   }
 
-  .md\:border-orange-darker {
-    border-color: #613b1f;
+  .md\:border-teal-900 {
+    border-color: #265152;
   }
 
-  .md\:border-orange-dark {
-    border-color: #de751f;
+  .md\:border-red-100 {
+    border-color: #fff5f5;
   }
 
-  .md\:border-orange {
-    border-color: #f6993f;
+  .md\:border-red-200 {
+    border-color: #fee3e3;
   }
 
-  .md\:border-orange-light {
-    border-color: #faad63;
+  .md\:border-red-300 {
+    border-color: #febcbc;
   }
 
-  .md\:border-orange-lighter {
-    border-color: #fcd9b6;
+  .md\:border-red-400 {
+    border-color: #fd9292;
   }
 
-  .md\:border-orange-lightest {
-    border-color: #fff5eb;
+  .md\:border-red-500 {
+    border-color: #f95e5f;
   }
 
-  .md\:border-yellow-darkest {
-    border-color: #453411;
+  .md\:border-red-600 {
+    border-color: #ec454e;
   }
 
-  .md\:border-yellow-darker {
-    border-color: #684f1d;
+  .md\:border-red-700 {
+    border-color: #dc3448;
   }
 
-  .md\:border-yellow-dark {
-    border-color: #f2d024;
+  .md\:border-red-800 {
+    border-color: #b4203b;
   }
 
-  .md\:border-yellow {
-    border-color: #ffed4a;
+  .md\:border-red-900 {
+    border-color: #801b33;
   }
 
-  .md\:border-yellow-light {
-    border-color: #fff382;
+  .md\:border-orange-100 {
+    border-color: #fffaef;
   }
 
-  .md\:border-yellow-lighter {
-    border-color: #fff9c2;
+  .md\:border-orange-200 {
+    border-color: #fee8c1;
   }
 
-  .md\:border-yellow-lightest {
-    border-color: #fcfbeb;
+  .md\:border-orange-300 {
+    border-color: #fbd087;
   }
 
-  .md\:border-green-darkest {
-    border-color: #0f2f21;
+  .md\:border-orange-400 {
+    border-color: #f6aa4f;
   }
 
-  .md\:border-green-darker {
-    border-color: #1a4731;
+  .md\:border-orange-500 {
+    border-color: #ec832b;
   }
 
-  .md\:border-green-dark {
-    border-color: #1f9d55;
+  .md\:border-orange-600 {
+    border-color: #df6d22;
   }
 
-  .md\:border-green {
-    border-color: #38c172;
+  .md\:border-orange-700 {
+    border-color: #c55822;
   }
 
-  .md\:border-green-light {
-    border-color: #51d88a;
+  .md\:border-orange-800 {
+    border-color: #9f4423;
   }
 
-  .md\:border-green-lighter {
-    border-color: #a2f5bf;
+  .md\:border-orange-900 {
+    border-color: #70311e;
   }
 
-  .md\:border-green-lightest {
-    border-color: #e3fcec;
+  .md\:border-yellow-100 {
+    border-color: #ffffeb;
   }
 
-  .md\:border-teal-darkest {
-    border-color: #0d3331;
+  .md\:border-yellow-200 {
+    border-color: #fefcbf;
   }
 
-  .md\:border-teal-darker {
-    border-color: #20504f;
+  .md\:border-yellow-300 {
+    border-color: #fbf189;
   }
 
-  .md\:border-teal-dark {
-    border-color: #38a89d;
+  .md\:border-yellow-400 {
+    border-color: #f6e05e;
   }
 
-  .md\:border-teal {
-    border-color: #4dc0b5;
+  .md\:border-yellow-500 {
+    border-color: #ebc743;
   }
 
-  .md\:border-teal-light {
-    border-color: #64d5ca;
+  .md\:border-yellow-600 {
+    border-color: #d69e2e;
   }
 
-  .md\:border-teal-lighter {
-    border-color: #a0f0ed;
+  .md\:border-yellow-700 {
+    border-color: #b7791f;
   }
 
-  .md\:border-teal-lightest {
-    border-color: #e8fffe;
+  .md\:border-yellow-800 {
+    border-color: #8d5415;
   }
 
-  .md\:border-blue-darkest {
-    border-color: #12283a;
+  .md\:border-yellow-900 {
+    border-color: #66390e;
   }
 
-  .md\:border-blue-darker {
-    border-color: #1c3d5a;
+  .md\:border-green-100 {
+    border-color: #e9ffe9;
   }
 
-  .md\:border-blue-dark {
-    border-color: #2779bd;
+  .md\:border-green-200 {
+    border-color: #c1f5c5;
   }
 
-  .md\:border-blue {
-    border-color: #3490dc;
+  .md\:border-green-300 {
+    border-color: #9ae6a8;
   }
 
-  .md\:border-blue-light {
-    border-color: #6cb2eb;
+  .md\:border-green-400 {
+    border-color: #68d391;
   }
 
-  .md\:border-blue-lighter {
-    border-color: #bcdefa;
+  .md\:border-green-500 {
+    border-color: #48bb87;
   }
 
-  .md\:border-blue-lightest {
-    border-color: #eff8ff;
+  .md\:border-green-600 {
+    border-color: #38a181;
   }
 
-  .md\:border-indigo-darkest {
-    border-color: #191e38;
+  .md\:border-green-700 {
+    border-color: #2f8572;
   }
 
-  .md\:border-indigo-darker {
-    border-color: #2f365f;
+  .md\:border-green-800 {
+    border-color: #28695c;
   }
 
-  .md\:border-indigo-dark {
-    border-color: #5661b3;
+  .md\:border-green-900 {
+    border-color: #22544b;
   }
 
-  .md\:border-indigo {
-    border-color: #6574cd;
+  .md\:border-blue-100 {
+    border-color: #f1fafd;
   }
 
-  .md\:border-indigo-light {
-    border-color: #7886d7;
+  .md\:border-blue-200 {
+    border-color: #caedfa;
   }
 
-  .md\:border-indigo-lighter {
-    border-color: #b2b7ff;
+  .md\:border-blue-300 {
+    border-color: #87d3f3;
   }
 
-  .md\:border-indigo-lightest {
-    border-color: #e6e8ff;
+  .md\:border-blue-400 {
+    border-color: #57b9ec;
   }
 
-  .md\:border-purple-darkest {
-    border-color: #21183c;
+  .md\:border-blue-500 {
+    border-color: #3a9adf;
   }
 
-  .md\:border-purple-darker {
-    border-color: #382b5f;
+  .md\:border-blue-600 {
+    border-color: #2b7cc4;
   }
 
-  .md\:border-purple-dark {
-    border-color: #794acf;
+  .md\:border-blue-700 {
+    border-color: #2762a3;
   }
 
-  .md\:border-purple {
-    border-color: #9561e2;
+  .md\:border-blue-800 {
+    border-color: #284f81;
   }
 
-  .md\:border-purple-light {
-    border-color: #a779e9;
+  .md\:border-blue-900 {
+    border-color: #294468;
   }
 
-  .md\:border-purple-lighter {
-    border-color: #d6bbfc;
+  .md\:border-indigo-100 {
+    border-color: #eef6ff;
   }
 
-  .md\:border-purple-lightest {
-    border-color: #f3ebff;
+  .md\:border-indigo-200 {
+    border-color: #cbe0f9;
   }
 
-  .md\:border-pink-darkest {
-    border-color: #451225;
+  .md\:border-indigo-300 {
+    border-color: #a6c5f0;
   }
 
-  .md\:border-pink-darker {
-    border-color: #6f213f;
+  .md\:border-indigo-400 {
+    border-color: #82a2e3;
   }
 
-  .md\:border-pink-dark {
-    border-color: #eb5286;
+  .md\:border-indigo-500 {
+    border-color: #6d80d3;
   }
 
-  .md\:border-pink {
-    border-color: #f66d9b;
+  .md\:border-indigo-600 {
+    border-color: #5e68bc;
   }
 
-  .md\:border-pink-light {
-    border-color: #fa7ea8;
+  .md\:border-indigo-700 {
+    border-color: #5154a1;
   }
 
-  .md\:border-pink-lighter {
-    border-color: #ffbbca;
+  .md\:border-indigo-800 {
+    border-color: #42417f;
   }
 
-  .md\:border-pink-lightest {
-    border-color: #ffebef;
+  .md\:border-indigo-900 {
+    border-color: #37366a;
+  }
+
+  .md\:border-purple-100 {
+    border-color: #faf5ff;
+  }
+
+  .md\:border-purple-200 {
+    border-color: #eddffd;
+  }
+
+  .md\:border-purple-300 {
+    border-color: #dcc7fb;
+  }
+
+  .md\:border-purple-400 {
+    border-color: #b18af4;
+  }
+
+  .md\:border-purple-500 {
+    border-color: #976de9;
+  }
+
+  .md\:border-purple-600 {
+    border-color: #7c54d5;
+  }
+
+  .md\:border-purple-700 {
+    border-color: #6845b9;
+  }
+
+  .md\:border-purple-800 {
+    border-color: #4d368a;
+  }
+
+  .md\:border-purple-900 {
+    border-color: #3b2c6c;
+  }
+
+  .md\:border-pink-100 {
+    border-color: #fff2f4;
+  }
+
+  .md\:border-pink-200 {
+    border-color: #fedee4;
+  }
+
+  .md\:border-pink-300 {
+    border-color: #fcbccb;
+  }
+
+  .md\:border-pink-400 {
+    border-color: #f786a7;
+  }
+
+  .md\:border-pink-500 {
+    border-color: #ed588b;
+  }
+
+  .md\:border-pink-600 {
+    border-color: #d9447b;
+  }
+
+  .md\:border-pink-700 {
+    border-color: #b32f62;
+  }
+
+  .md\:border-pink-800 {
+    border-color: #8d2450;
+  }
+
+  .md\:border-pink-900 {
+    border-color: #741c46;
+  }
+
+  .md\:border-grey-100 {
+    border-color: #f8fcfe;
+  }
+
+  .md\:border-grey-200 {
+    border-color: #f1f5fb;
+  }
+
+  .md\:border-grey-300 {
+    border-color: #e2e9f0;
+  }
+
+  .md\:border-grey-400 {
+    border-color: #bbc5cf;
+  }
+
+  .md\:border-grey-500 {
+    border-color: #a3b0bd;
+  }
+
+  .md\:border-grey-600 {
+    border-color: #7a8996;
+  }
+
+  .md\:border-grey-700 {
+    border-color: #5a6977;
+  }
+
+  .md\:border-grey-800 {
+    border-color: #2e3a45;
+  }
+
+  .md\:border-grey-900 {
+    border-color: #1f2830;
   }
 
   .md\:hover\:border-transparent:hover {
@@ -13907,291 +15671,371 @@ samp {
   }
 
   .md\:hover\:border-black:hover {
-    border-color: #22292f;
-  }
-
-  .md\:hover\:border-grey-darkest:hover {
-    border-color: #3d4852;
-  }
-
-  .md\:hover\:border-grey-darker:hover {
-    border-color: #606f7b;
-  }
-
-  .md\:hover\:border-grey-dark:hover {
-    border-color: #8795a1;
-  }
-
-  .md\:hover\:border-grey:hover {
-    border-color: #b8c2cc;
-  }
-
-  .md\:hover\:border-grey-light:hover {
-    border-color: #dae1e7;
-  }
-
-  .md\:hover\:border-grey-lighter:hover {
-    border-color: #f1f5f8;
-  }
-
-  .md\:hover\:border-grey-lightest:hover {
-    border-color: #f8fafc;
+    border-color: #000;
   }
 
   .md\:hover\:border-white:hover {
     border-color: #fff;
   }
 
-  .md\:hover\:border-red-darkest:hover {
-    border-color: #3b0d0c;
+  .md\:hover\:border-teal-100:hover {
+    border-color: #ebfffc;
   }
 
-  .md\:hover\:border-red-darker:hover {
-    border-color: #621b18;
+  .md\:hover\:border-teal-200:hover {
+    border-color: #b3f1e9;
   }
 
-  .md\:hover\:border-red-dark:hover {
-    border-color: #cc1f1a;
+  .md\:hover\:border-teal-300:hover {
+    border-color: #82e1d7;
   }
 
-  .md\:hover\:border-red:hover {
-    border-color: #e3342f;
+  .md\:hover\:border-teal-400:hover {
+    border-color: #60cfc5;
   }
 
-  .md\:hover\:border-red-light:hover {
-    border-color: #ef5753;
+  .md\:hover\:border-teal-500:hover {
+    border-color: #49bab2;
   }
 
-  .md\:hover\:border-red-lighter:hover {
-    border-color: #f9acaa;
+  .md\:hover\:border-teal-600:hover {
+    border-color: #3ea39f;
   }
 
-  .md\:hover\:border-red-lightest:hover {
-    border-color: #fcebea;
+  .md\:hover\:border-teal-700:hover {
+    border-color: #378786;
   }
 
-  .md\:hover\:border-orange-darkest:hover {
-    border-color: #462a16;
+  .md\:hover\:border-teal-800:hover {
+    border-color: #316769;
   }
 
-  .md\:hover\:border-orange-darker:hover {
-    border-color: #613b1f;
+  .md\:hover\:border-teal-900:hover {
+    border-color: #265152;
   }
 
-  .md\:hover\:border-orange-dark:hover {
-    border-color: #de751f;
+  .md\:hover\:border-red-100:hover {
+    border-color: #fff5f5;
   }
 
-  .md\:hover\:border-orange:hover {
-    border-color: #f6993f;
+  .md\:hover\:border-red-200:hover {
+    border-color: #fee3e3;
   }
 
-  .md\:hover\:border-orange-light:hover {
-    border-color: #faad63;
+  .md\:hover\:border-red-300:hover {
+    border-color: #febcbc;
   }
 
-  .md\:hover\:border-orange-lighter:hover {
-    border-color: #fcd9b6;
+  .md\:hover\:border-red-400:hover {
+    border-color: #fd9292;
   }
 
-  .md\:hover\:border-orange-lightest:hover {
-    border-color: #fff5eb;
+  .md\:hover\:border-red-500:hover {
+    border-color: #f95e5f;
   }
 
-  .md\:hover\:border-yellow-darkest:hover {
-    border-color: #453411;
+  .md\:hover\:border-red-600:hover {
+    border-color: #ec454e;
   }
 
-  .md\:hover\:border-yellow-darker:hover {
-    border-color: #684f1d;
+  .md\:hover\:border-red-700:hover {
+    border-color: #dc3448;
   }
 
-  .md\:hover\:border-yellow-dark:hover {
-    border-color: #f2d024;
+  .md\:hover\:border-red-800:hover {
+    border-color: #b4203b;
   }
 
-  .md\:hover\:border-yellow:hover {
-    border-color: #ffed4a;
+  .md\:hover\:border-red-900:hover {
+    border-color: #801b33;
   }
 
-  .md\:hover\:border-yellow-light:hover {
-    border-color: #fff382;
+  .md\:hover\:border-orange-100:hover {
+    border-color: #fffaef;
   }
 
-  .md\:hover\:border-yellow-lighter:hover {
-    border-color: #fff9c2;
+  .md\:hover\:border-orange-200:hover {
+    border-color: #fee8c1;
   }
 
-  .md\:hover\:border-yellow-lightest:hover {
-    border-color: #fcfbeb;
+  .md\:hover\:border-orange-300:hover {
+    border-color: #fbd087;
   }
 
-  .md\:hover\:border-green-darkest:hover {
-    border-color: #0f2f21;
+  .md\:hover\:border-orange-400:hover {
+    border-color: #f6aa4f;
   }
 
-  .md\:hover\:border-green-darker:hover {
-    border-color: #1a4731;
+  .md\:hover\:border-orange-500:hover {
+    border-color: #ec832b;
   }
 
-  .md\:hover\:border-green-dark:hover {
-    border-color: #1f9d55;
+  .md\:hover\:border-orange-600:hover {
+    border-color: #df6d22;
   }
 
-  .md\:hover\:border-green:hover {
-    border-color: #38c172;
+  .md\:hover\:border-orange-700:hover {
+    border-color: #c55822;
   }
 
-  .md\:hover\:border-green-light:hover {
-    border-color: #51d88a;
+  .md\:hover\:border-orange-800:hover {
+    border-color: #9f4423;
   }
 
-  .md\:hover\:border-green-lighter:hover {
-    border-color: #a2f5bf;
+  .md\:hover\:border-orange-900:hover {
+    border-color: #70311e;
   }
 
-  .md\:hover\:border-green-lightest:hover {
-    border-color: #e3fcec;
+  .md\:hover\:border-yellow-100:hover {
+    border-color: #ffffeb;
   }
 
-  .md\:hover\:border-teal-darkest:hover {
-    border-color: #0d3331;
+  .md\:hover\:border-yellow-200:hover {
+    border-color: #fefcbf;
   }
 
-  .md\:hover\:border-teal-darker:hover {
-    border-color: #20504f;
+  .md\:hover\:border-yellow-300:hover {
+    border-color: #fbf189;
   }
 
-  .md\:hover\:border-teal-dark:hover {
-    border-color: #38a89d;
+  .md\:hover\:border-yellow-400:hover {
+    border-color: #f6e05e;
   }
 
-  .md\:hover\:border-teal:hover {
-    border-color: #4dc0b5;
+  .md\:hover\:border-yellow-500:hover {
+    border-color: #ebc743;
   }
 
-  .md\:hover\:border-teal-light:hover {
-    border-color: #64d5ca;
+  .md\:hover\:border-yellow-600:hover {
+    border-color: #d69e2e;
   }
 
-  .md\:hover\:border-teal-lighter:hover {
-    border-color: #a0f0ed;
+  .md\:hover\:border-yellow-700:hover {
+    border-color: #b7791f;
   }
 
-  .md\:hover\:border-teal-lightest:hover {
-    border-color: #e8fffe;
+  .md\:hover\:border-yellow-800:hover {
+    border-color: #8d5415;
   }
 
-  .md\:hover\:border-blue-darkest:hover {
-    border-color: #12283a;
+  .md\:hover\:border-yellow-900:hover {
+    border-color: #66390e;
   }
 
-  .md\:hover\:border-blue-darker:hover {
-    border-color: #1c3d5a;
+  .md\:hover\:border-green-100:hover {
+    border-color: #e9ffe9;
   }
 
-  .md\:hover\:border-blue-dark:hover {
-    border-color: #2779bd;
+  .md\:hover\:border-green-200:hover {
+    border-color: #c1f5c5;
   }
 
-  .md\:hover\:border-blue:hover {
-    border-color: #3490dc;
+  .md\:hover\:border-green-300:hover {
+    border-color: #9ae6a8;
   }
 
-  .md\:hover\:border-blue-light:hover {
-    border-color: #6cb2eb;
+  .md\:hover\:border-green-400:hover {
+    border-color: #68d391;
   }
 
-  .md\:hover\:border-blue-lighter:hover {
-    border-color: #bcdefa;
+  .md\:hover\:border-green-500:hover {
+    border-color: #48bb87;
   }
 
-  .md\:hover\:border-blue-lightest:hover {
-    border-color: #eff8ff;
+  .md\:hover\:border-green-600:hover {
+    border-color: #38a181;
   }
 
-  .md\:hover\:border-indigo-darkest:hover {
-    border-color: #191e38;
+  .md\:hover\:border-green-700:hover {
+    border-color: #2f8572;
   }
 
-  .md\:hover\:border-indigo-darker:hover {
-    border-color: #2f365f;
+  .md\:hover\:border-green-800:hover {
+    border-color: #28695c;
   }
 
-  .md\:hover\:border-indigo-dark:hover {
-    border-color: #5661b3;
+  .md\:hover\:border-green-900:hover {
+    border-color: #22544b;
   }
 
-  .md\:hover\:border-indigo:hover {
-    border-color: #6574cd;
+  .md\:hover\:border-blue-100:hover {
+    border-color: #f1fafd;
   }
 
-  .md\:hover\:border-indigo-light:hover {
-    border-color: #7886d7;
+  .md\:hover\:border-blue-200:hover {
+    border-color: #caedfa;
   }
 
-  .md\:hover\:border-indigo-lighter:hover {
-    border-color: #b2b7ff;
+  .md\:hover\:border-blue-300:hover {
+    border-color: #87d3f3;
   }
 
-  .md\:hover\:border-indigo-lightest:hover {
-    border-color: #e6e8ff;
+  .md\:hover\:border-blue-400:hover {
+    border-color: #57b9ec;
   }
 
-  .md\:hover\:border-purple-darkest:hover {
-    border-color: #21183c;
+  .md\:hover\:border-blue-500:hover {
+    border-color: #3a9adf;
   }
 
-  .md\:hover\:border-purple-darker:hover {
-    border-color: #382b5f;
+  .md\:hover\:border-blue-600:hover {
+    border-color: #2b7cc4;
   }
 
-  .md\:hover\:border-purple-dark:hover {
-    border-color: #794acf;
+  .md\:hover\:border-blue-700:hover {
+    border-color: #2762a3;
   }
 
-  .md\:hover\:border-purple:hover {
-    border-color: #9561e2;
+  .md\:hover\:border-blue-800:hover {
+    border-color: #284f81;
   }
 
-  .md\:hover\:border-purple-light:hover {
-    border-color: #a779e9;
+  .md\:hover\:border-blue-900:hover {
+    border-color: #294468;
   }
 
-  .md\:hover\:border-purple-lighter:hover {
-    border-color: #d6bbfc;
+  .md\:hover\:border-indigo-100:hover {
+    border-color: #eef6ff;
   }
 
-  .md\:hover\:border-purple-lightest:hover {
-    border-color: #f3ebff;
+  .md\:hover\:border-indigo-200:hover {
+    border-color: #cbe0f9;
   }
 
-  .md\:hover\:border-pink-darkest:hover {
-    border-color: #451225;
+  .md\:hover\:border-indigo-300:hover {
+    border-color: #a6c5f0;
   }
 
-  .md\:hover\:border-pink-darker:hover {
-    border-color: #6f213f;
+  .md\:hover\:border-indigo-400:hover {
+    border-color: #82a2e3;
   }
 
-  .md\:hover\:border-pink-dark:hover {
-    border-color: #eb5286;
+  .md\:hover\:border-indigo-500:hover {
+    border-color: #6d80d3;
   }
 
-  .md\:hover\:border-pink:hover {
-    border-color: #f66d9b;
+  .md\:hover\:border-indigo-600:hover {
+    border-color: #5e68bc;
   }
 
-  .md\:hover\:border-pink-light:hover {
-    border-color: #fa7ea8;
+  .md\:hover\:border-indigo-700:hover {
+    border-color: #5154a1;
   }
 
-  .md\:hover\:border-pink-lighter:hover {
-    border-color: #ffbbca;
+  .md\:hover\:border-indigo-800:hover {
+    border-color: #42417f;
   }
 
-  .md\:hover\:border-pink-lightest:hover {
-    border-color: #ffebef;
+  .md\:hover\:border-indigo-900:hover {
+    border-color: #37366a;
+  }
+
+  .md\:hover\:border-purple-100:hover {
+    border-color: #faf5ff;
+  }
+
+  .md\:hover\:border-purple-200:hover {
+    border-color: #eddffd;
+  }
+
+  .md\:hover\:border-purple-300:hover {
+    border-color: #dcc7fb;
+  }
+
+  .md\:hover\:border-purple-400:hover {
+    border-color: #b18af4;
+  }
+
+  .md\:hover\:border-purple-500:hover {
+    border-color: #976de9;
+  }
+
+  .md\:hover\:border-purple-600:hover {
+    border-color: #7c54d5;
+  }
+
+  .md\:hover\:border-purple-700:hover {
+    border-color: #6845b9;
+  }
+
+  .md\:hover\:border-purple-800:hover {
+    border-color: #4d368a;
+  }
+
+  .md\:hover\:border-purple-900:hover {
+    border-color: #3b2c6c;
+  }
+
+  .md\:hover\:border-pink-100:hover {
+    border-color: #fff2f4;
+  }
+
+  .md\:hover\:border-pink-200:hover {
+    border-color: #fedee4;
+  }
+
+  .md\:hover\:border-pink-300:hover {
+    border-color: #fcbccb;
+  }
+
+  .md\:hover\:border-pink-400:hover {
+    border-color: #f786a7;
+  }
+
+  .md\:hover\:border-pink-500:hover {
+    border-color: #ed588b;
+  }
+
+  .md\:hover\:border-pink-600:hover {
+    border-color: #d9447b;
+  }
+
+  .md\:hover\:border-pink-700:hover {
+    border-color: #b32f62;
+  }
+
+  .md\:hover\:border-pink-800:hover {
+    border-color: #8d2450;
+  }
+
+  .md\:hover\:border-pink-900:hover {
+    border-color: #741c46;
+  }
+
+  .md\:hover\:border-grey-100:hover {
+    border-color: #f8fcfe;
+  }
+
+  .md\:hover\:border-grey-200:hover {
+    border-color: #f1f5fb;
+  }
+
+  .md\:hover\:border-grey-300:hover {
+    border-color: #e2e9f0;
+  }
+
+  .md\:hover\:border-grey-400:hover {
+    border-color: #bbc5cf;
+  }
+
+  .md\:hover\:border-grey-500:hover {
+    border-color: #a3b0bd;
+  }
+
+  .md\:hover\:border-grey-600:hover {
+    border-color: #7a8996;
+  }
+
+  .md\:hover\:border-grey-700:hover {
+    border-color: #5a6977;
+  }
+
+  .md\:hover\:border-grey-800:hover {
+    border-color: #2e3a45;
+  }
+
+  .md\:hover\:border-grey-900:hover {
+    border-color: #1f2830;
   }
 
   .md\:focus\:border-transparent:focus {
@@ -14199,291 +16043,371 @@ samp {
   }
 
   .md\:focus\:border-black:focus {
-    border-color: #22292f;
-  }
-
-  .md\:focus\:border-grey-darkest:focus {
-    border-color: #3d4852;
-  }
-
-  .md\:focus\:border-grey-darker:focus {
-    border-color: #606f7b;
-  }
-
-  .md\:focus\:border-grey-dark:focus {
-    border-color: #8795a1;
-  }
-
-  .md\:focus\:border-grey:focus {
-    border-color: #b8c2cc;
-  }
-
-  .md\:focus\:border-grey-light:focus {
-    border-color: #dae1e7;
-  }
-
-  .md\:focus\:border-grey-lighter:focus {
-    border-color: #f1f5f8;
-  }
-
-  .md\:focus\:border-grey-lightest:focus {
-    border-color: #f8fafc;
+    border-color: #000;
   }
 
   .md\:focus\:border-white:focus {
     border-color: #fff;
   }
 
-  .md\:focus\:border-red-darkest:focus {
-    border-color: #3b0d0c;
+  .md\:focus\:border-teal-100:focus {
+    border-color: #ebfffc;
   }
 
-  .md\:focus\:border-red-darker:focus {
-    border-color: #621b18;
+  .md\:focus\:border-teal-200:focus {
+    border-color: #b3f1e9;
   }
 
-  .md\:focus\:border-red-dark:focus {
-    border-color: #cc1f1a;
+  .md\:focus\:border-teal-300:focus {
+    border-color: #82e1d7;
   }
 
-  .md\:focus\:border-red:focus {
-    border-color: #e3342f;
+  .md\:focus\:border-teal-400:focus {
+    border-color: #60cfc5;
   }
 
-  .md\:focus\:border-red-light:focus {
-    border-color: #ef5753;
+  .md\:focus\:border-teal-500:focus {
+    border-color: #49bab2;
   }
 
-  .md\:focus\:border-red-lighter:focus {
-    border-color: #f9acaa;
+  .md\:focus\:border-teal-600:focus {
+    border-color: #3ea39f;
   }
 
-  .md\:focus\:border-red-lightest:focus {
-    border-color: #fcebea;
+  .md\:focus\:border-teal-700:focus {
+    border-color: #378786;
   }
 
-  .md\:focus\:border-orange-darkest:focus {
-    border-color: #462a16;
+  .md\:focus\:border-teal-800:focus {
+    border-color: #316769;
   }
 
-  .md\:focus\:border-orange-darker:focus {
-    border-color: #613b1f;
+  .md\:focus\:border-teal-900:focus {
+    border-color: #265152;
   }
 
-  .md\:focus\:border-orange-dark:focus {
-    border-color: #de751f;
+  .md\:focus\:border-red-100:focus {
+    border-color: #fff5f5;
   }
 
-  .md\:focus\:border-orange:focus {
-    border-color: #f6993f;
+  .md\:focus\:border-red-200:focus {
+    border-color: #fee3e3;
   }
 
-  .md\:focus\:border-orange-light:focus {
-    border-color: #faad63;
+  .md\:focus\:border-red-300:focus {
+    border-color: #febcbc;
   }
 
-  .md\:focus\:border-orange-lighter:focus {
-    border-color: #fcd9b6;
+  .md\:focus\:border-red-400:focus {
+    border-color: #fd9292;
   }
 
-  .md\:focus\:border-orange-lightest:focus {
-    border-color: #fff5eb;
+  .md\:focus\:border-red-500:focus {
+    border-color: #f95e5f;
   }
 
-  .md\:focus\:border-yellow-darkest:focus {
-    border-color: #453411;
+  .md\:focus\:border-red-600:focus {
+    border-color: #ec454e;
   }
 
-  .md\:focus\:border-yellow-darker:focus {
-    border-color: #684f1d;
+  .md\:focus\:border-red-700:focus {
+    border-color: #dc3448;
   }
 
-  .md\:focus\:border-yellow-dark:focus {
-    border-color: #f2d024;
+  .md\:focus\:border-red-800:focus {
+    border-color: #b4203b;
   }
 
-  .md\:focus\:border-yellow:focus {
-    border-color: #ffed4a;
+  .md\:focus\:border-red-900:focus {
+    border-color: #801b33;
   }
 
-  .md\:focus\:border-yellow-light:focus {
-    border-color: #fff382;
+  .md\:focus\:border-orange-100:focus {
+    border-color: #fffaef;
   }
 
-  .md\:focus\:border-yellow-lighter:focus {
-    border-color: #fff9c2;
+  .md\:focus\:border-orange-200:focus {
+    border-color: #fee8c1;
   }
 
-  .md\:focus\:border-yellow-lightest:focus {
-    border-color: #fcfbeb;
+  .md\:focus\:border-orange-300:focus {
+    border-color: #fbd087;
   }
 
-  .md\:focus\:border-green-darkest:focus {
-    border-color: #0f2f21;
+  .md\:focus\:border-orange-400:focus {
+    border-color: #f6aa4f;
   }
 
-  .md\:focus\:border-green-darker:focus {
-    border-color: #1a4731;
+  .md\:focus\:border-orange-500:focus {
+    border-color: #ec832b;
   }
 
-  .md\:focus\:border-green-dark:focus {
-    border-color: #1f9d55;
+  .md\:focus\:border-orange-600:focus {
+    border-color: #df6d22;
   }
 
-  .md\:focus\:border-green:focus {
-    border-color: #38c172;
+  .md\:focus\:border-orange-700:focus {
+    border-color: #c55822;
   }
 
-  .md\:focus\:border-green-light:focus {
-    border-color: #51d88a;
+  .md\:focus\:border-orange-800:focus {
+    border-color: #9f4423;
   }
 
-  .md\:focus\:border-green-lighter:focus {
-    border-color: #a2f5bf;
+  .md\:focus\:border-orange-900:focus {
+    border-color: #70311e;
   }
 
-  .md\:focus\:border-green-lightest:focus {
-    border-color: #e3fcec;
+  .md\:focus\:border-yellow-100:focus {
+    border-color: #ffffeb;
   }
 
-  .md\:focus\:border-teal-darkest:focus {
-    border-color: #0d3331;
+  .md\:focus\:border-yellow-200:focus {
+    border-color: #fefcbf;
   }
 
-  .md\:focus\:border-teal-darker:focus {
-    border-color: #20504f;
+  .md\:focus\:border-yellow-300:focus {
+    border-color: #fbf189;
   }
 
-  .md\:focus\:border-teal-dark:focus {
-    border-color: #38a89d;
+  .md\:focus\:border-yellow-400:focus {
+    border-color: #f6e05e;
   }
 
-  .md\:focus\:border-teal:focus {
-    border-color: #4dc0b5;
+  .md\:focus\:border-yellow-500:focus {
+    border-color: #ebc743;
   }
 
-  .md\:focus\:border-teal-light:focus {
-    border-color: #64d5ca;
+  .md\:focus\:border-yellow-600:focus {
+    border-color: #d69e2e;
   }
 
-  .md\:focus\:border-teal-lighter:focus {
-    border-color: #a0f0ed;
+  .md\:focus\:border-yellow-700:focus {
+    border-color: #b7791f;
   }
 
-  .md\:focus\:border-teal-lightest:focus {
-    border-color: #e8fffe;
+  .md\:focus\:border-yellow-800:focus {
+    border-color: #8d5415;
   }
 
-  .md\:focus\:border-blue-darkest:focus {
-    border-color: #12283a;
+  .md\:focus\:border-yellow-900:focus {
+    border-color: #66390e;
   }
 
-  .md\:focus\:border-blue-darker:focus {
-    border-color: #1c3d5a;
+  .md\:focus\:border-green-100:focus {
+    border-color: #e9ffe9;
   }
 
-  .md\:focus\:border-blue-dark:focus {
-    border-color: #2779bd;
+  .md\:focus\:border-green-200:focus {
+    border-color: #c1f5c5;
   }
 
-  .md\:focus\:border-blue:focus {
-    border-color: #3490dc;
+  .md\:focus\:border-green-300:focus {
+    border-color: #9ae6a8;
   }
 
-  .md\:focus\:border-blue-light:focus {
-    border-color: #6cb2eb;
+  .md\:focus\:border-green-400:focus {
+    border-color: #68d391;
   }
 
-  .md\:focus\:border-blue-lighter:focus {
-    border-color: #bcdefa;
+  .md\:focus\:border-green-500:focus {
+    border-color: #48bb87;
   }
 
-  .md\:focus\:border-blue-lightest:focus {
-    border-color: #eff8ff;
+  .md\:focus\:border-green-600:focus {
+    border-color: #38a181;
   }
 
-  .md\:focus\:border-indigo-darkest:focus {
-    border-color: #191e38;
+  .md\:focus\:border-green-700:focus {
+    border-color: #2f8572;
   }
 
-  .md\:focus\:border-indigo-darker:focus {
-    border-color: #2f365f;
+  .md\:focus\:border-green-800:focus {
+    border-color: #28695c;
   }
 
-  .md\:focus\:border-indigo-dark:focus {
-    border-color: #5661b3;
+  .md\:focus\:border-green-900:focus {
+    border-color: #22544b;
   }
 
-  .md\:focus\:border-indigo:focus {
-    border-color: #6574cd;
+  .md\:focus\:border-blue-100:focus {
+    border-color: #f1fafd;
   }
 
-  .md\:focus\:border-indigo-light:focus {
-    border-color: #7886d7;
+  .md\:focus\:border-blue-200:focus {
+    border-color: #caedfa;
   }
 
-  .md\:focus\:border-indigo-lighter:focus {
-    border-color: #b2b7ff;
+  .md\:focus\:border-blue-300:focus {
+    border-color: #87d3f3;
   }
 
-  .md\:focus\:border-indigo-lightest:focus {
-    border-color: #e6e8ff;
+  .md\:focus\:border-blue-400:focus {
+    border-color: #57b9ec;
   }
 
-  .md\:focus\:border-purple-darkest:focus {
-    border-color: #21183c;
+  .md\:focus\:border-blue-500:focus {
+    border-color: #3a9adf;
   }
 
-  .md\:focus\:border-purple-darker:focus {
-    border-color: #382b5f;
+  .md\:focus\:border-blue-600:focus {
+    border-color: #2b7cc4;
   }
 
-  .md\:focus\:border-purple-dark:focus {
-    border-color: #794acf;
+  .md\:focus\:border-blue-700:focus {
+    border-color: #2762a3;
   }
 
-  .md\:focus\:border-purple:focus {
-    border-color: #9561e2;
+  .md\:focus\:border-blue-800:focus {
+    border-color: #284f81;
   }
 
-  .md\:focus\:border-purple-light:focus {
-    border-color: #a779e9;
+  .md\:focus\:border-blue-900:focus {
+    border-color: #294468;
   }
 
-  .md\:focus\:border-purple-lighter:focus {
-    border-color: #d6bbfc;
+  .md\:focus\:border-indigo-100:focus {
+    border-color: #eef6ff;
   }
 
-  .md\:focus\:border-purple-lightest:focus {
-    border-color: #f3ebff;
+  .md\:focus\:border-indigo-200:focus {
+    border-color: #cbe0f9;
   }
 
-  .md\:focus\:border-pink-darkest:focus {
-    border-color: #451225;
+  .md\:focus\:border-indigo-300:focus {
+    border-color: #a6c5f0;
   }
 
-  .md\:focus\:border-pink-darker:focus {
-    border-color: #6f213f;
+  .md\:focus\:border-indigo-400:focus {
+    border-color: #82a2e3;
   }
 
-  .md\:focus\:border-pink-dark:focus {
-    border-color: #eb5286;
+  .md\:focus\:border-indigo-500:focus {
+    border-color: #6d80d3;
   }
 
-  .md\:focus\:border-pink:focus {
-    border-color: #f66d9b;
+  .md\:focus\:border-indigo-600:focus {
+    border-color: #5e68bc;
   }
 
-  .md\:focus\:border-pink-light:focus {
-    border-color: #fa7ea8;
+  .md\:focus\:border-indigo-700:focus {
+    border-color: #5154a1;
   }
 
-  .md\:focus\:border-pink-lighter:focus {
-    border-color: #ffbbca;
+  .md\:focus\:border-indigo-800:focus {
+    border-color: #42417f;
   }
 
-  .md\:focus\:border-pink-lightest:focus {
-    border-color: #ffebef;
+  .md\:focus\:border-indigo-900:focus {
+    border-color: #37366a;
+  }
+
+  .md\:focus\:border-purple-100:focus {
+    border-color: #faf5ff;
+  }
+
+  .md\:focus\:border-purple-200:focus {
+    border-color: #eddffd;
+  }
+
+  .md\:focus\:border-purple-300:focus {
+    border-color: #dcc7fb;
+  }
+
+  .md\:focus\:border-purple-400:focus {
+    border-color: #b18af4;
+  }
+
+  .md\:focus\:border-purple-500:focus {
+    border-color: #976de9;
+  }
+
+  .md\:focus\:border-purple-600:focus {
+    border-color: #7c54d5;
+  }
+
+  .md\:focus\:border-purple-700:focus {
+    border-color: #6845b9;
+  }
+
+  .md\:focus\:border-purple-800:focus {
+    border-color: #4d368a;
+  }
+
+  .md\:focus\:border-purple-900:focus {
+    border-color: #3b2c6c;
+  }
+
+  .md\:focus\:border-pink-100:focus {
+    border-color: #fff2f4;
+  }
+
+  .md\:focus\:border-pink-200:focus {
+    border-color: #fedee4;
+  }
+
+  .md\:focus\:border-pink-300:focus {
+    border-color: #fcbccb;
+  }
+
+  .md\:focus\:border-pink-400:focus {
+    border-color: #f786a7;
+  }
+
+  .md\:focus\:border-pink-500:focus {
+    border-color: #ed588b;
+  }
+
+  .md\:focus\:border-pink-600:focus {
+    border-color: #d9447b;
+  }
+
+  .md\:focus\:border-pink-700:focus {
+    border-color: #b32f62;
+  }
+
+  .md\:focus\:border-pink-800:focus {
+    border-color: #8d2450;
+  }
+
+  .md\:focus\:border-pink-900:focus {
+    border-color: #741c46;
+  }
+
+  .md\:focus\:border-grey-100:focus {
+    border-color: #f8fcfe;
+  }
+
+  .md\:focus\:border-grey-200:focus {
+    border-color: #f1f5fb;
+  }
+
+  .md\:focus\:border-grey-300:focus {
+    border-color: #e2e9f0;
+  }
+
+  .md\:focus\:border-grey-400:focus {
+    border-color: #bbc5cf;
+  }
+
+  .md\:focus\:border-grey-500:focus {
+    border-color: #a3b0bd;
+  }
+
+  .md\:focus\:border-grey-600:focus {
+    border-color: #7a8996;
+  }
+
+  .md\:focus\:border-grey-700:focus {
+    border-color: #5a6977;
+  }
+
+  .md\:focus\:border-grey-800:focus {
+    border-color: #2e3a45;
+  }
+
+  .md\:focus\:border-grey-900:focus {
+    border-color: #1f2830;
   }
 
   .md\:rounded-none {
@@ -17425,291 +19349,371 @@ samp {
   }
 
   .md\:text-black {
-    color: #22292f;
-  }
-
-  .md\:text-grey-darkest {
-    color: #3d4852;
-  }
-
-  .md\:text-grey-darker {
-    color: #606f7b;
-  }
-
-  .md\:text-grey-dark {
-    color: #8795a1;
-  }
-
-  .md\:text-grey {
-    color: #b8c2cc;
-  }
-
-  .md\:text-grey-light {
-    color: #dae1e7;
-  }
-
-  .md\:text-grey-lighter {
-    color: #f1f5f8;
-  }
-
-  .md\:text-grey-lightest {
-    color: #f8fafc;
+    color: #000;
   }
 
   .md\:text-white {
     color: #fff;
   }
 
-  .md\:text-red-darkest {
-    color: #3b0d0c;
+  .md\:text-teal-100 {
+    color: #ebfffc;
   }
 
-  .md\:text-red-darker {
-    color: #621b18;
+  .md\:text-teal-200 {
+    color: #b3f1e9;
   }
 
-  .md\:text-red-dark {
-    color: #cc1f1a;
+  .md\:text-teal-300 {
+    color: #82e1d7;
   }
 
-  .md\:text-red {
-    color: #e3342f;
+  .md\:text-teal-400 {
+    color: #60cfc5;
   }
 
-  .md\:text-red-light {
-    color: #ef5753;
+  .md\:text-teal-500 {
+    color: #49bab2;
   }
 
-  .md\:text-red-lighter {
-    color: #f9acaa;
+  .md\:text-teal-600 {
+    color: #3ea39f;
   }
 
-  .md\:text-red-lightest {
-    color: #fcebea;
+  .md\:text-teal-700 {
+    color: #378786;
   }
 
-  .md\:text-orange-darkest {
-    color: #462a16;
+  .md\:text-teal-800 {
+    color: #316769;
   }
 
-  .md\:text-orange-darker {
-    color: #613b1f;
+  .md\:text-teal-900 {
+    color: #265152;
   }
 
-  .md\:text-orange-dark {
-    color: #de751f;
+  .md\:text-red-100 {
+    color: #fff5f5;
   }
 
-  .md\:text-orange {
-    color: #f6993f;
+  .md\:text-red-200 {
+    color: #fee3e3;
   }
 
-  .md\:text-orange-light {
-    color: #faad63;
+  .md\:text-red-300 {
+    color: #febcbc;
   }
 
-  .md\:text-orange-lighter {
-    color: #fcd9b6;
+  .md\:text-red-400 {
+    color: #fd9292;
   }
 
-  .md\:text-orange-lightest {
-    color: #fff5eb;
+  .md\:text-red-500 {
+    color: #f95e5f;
   }
 
-  .md\:text-yellow-darkest {
-    color: #453411;
+  .md\:text-red-600 {
+    color: #ec454e;
   }
 
-  .md\:text-yellow-darker {
-    color: #684f1d;
+  .md\:text-red-700 {
+    color: #dc3448;
   }
 
-  .md\:text-yellow-dark {
-    color: #f2d024;
+  .md\:text-red-800 {
+    color: #b4203b;
   }
 
-  .md\:text-yellow {
-    color: #ffed4a;
+  .md\:text-red-900 {
+    color: #801b33;
   }
 
-  .md\:text-yellow-light {
-    color: #fff382;
+  .md\:text-orange-100 {
+    color: #fffaef;
   }
 
-  .md\:text-yellow-lighter {
-    color: #fff9c2;
+  .md\:text-orange-200 {
+    color: #fee8c1;
   }
 
-  .md\:text-yellow-lightest {
-    color: #fcfbeb;
+  .md\:text-orange-300 {
+    color: #fbd087;
   }
 
-  .md\:text-green-darkest {
-    color: #0f2f21;
+  .md\:text-orange-400 {
+    color: #f6aa4f;
   }
 
-  .md\:text-green-darker {
-    color: #1a4731;
+  .md\:text-orange-500 {
+    color: #ec832b;
   }
 
-  .md\:text-green-dark {
-    color: #1f9d55;
+  .md\:text-orange-600 {
+    color: #df6d22;
   }
 
-  .md\:text-green {
-    color: #38c172;
+  .md\:text-orange-700 {
+    color: #c55822;
   }
 
-  .md\:text-green-light {
-    color: #51d88a;
+  .md\:text-orange-800 {
+    color: #9f4423;
   }
 
-  .md\:text-green-lighter {
-    color: #a2f5bf;
+  .md\:text-orange-900 {
+    color: #70311e;
   }
 
-  .md\:text-green-lightest {
-    color: #e3fcec;
+  .md\:text-yellow-100 {
+    color: #ffffeb;
   }
 
-  .md\:text-teal-darkest {
-    color: #0d3331;
+  .md\:text-yellow-200 {
+    color: #fefcbf;
   }
 
-  .md\:text-teal-darker {
-    color: #20504f;
+  .md\:text-yellow-300 {
+    color: #fbf189;
   }
 
-  .md\:text-teal-dark {
-    color: #38a89d;
+  .md\:text-yellow-400 {
+    color: #f6e05e;
   }
 
-  .md\:text-teal {
-    color: #4dc0b5;
+  .md\:text-yellow-500 {
+    color: #ebc743;
   }
 
-  .md\:text-teal-light {
-    color: #64d5ca;
+  .md\:text-yellow-600 {
+    color: #d69e2e;
   }
 
-  .md\:text-teal-lighter {
-    color: #a0f0ed;
+  .md\:text-yellow-700 {
+    color: #b7791f;
   }
 
-  .md\:text-teal-lightest {
-    color: #e8fffe;
+  .md\:text-yellow-800 {
+    color: #8d5415;
   }
 
-  .md\:text-blue-darkest {
-    color: #12283a;
+  .md\:text-yellow-900 {
+    color: #66390e;
   }
 
-  .md\:text-blue-darker {
-    color: #1c3d5a;
+  .md\:text-green-100 {
+    color: #e9ffe9;
   }
 
-  .md\:text-blue-dark {
-    color: #2779bd;
+  .md\:text-green-200 {
+    color: #c1f5c5;
   }
 
-  .md\:text-blue {
-    color: #3490dc;
+  .md\:text-green-300 {
+    color: #9ae6a8;
   }
 
-  .md\:text-blue-light {
-    color: #6cb2eb;
+  .md\:text-green-400 {
+    color: #68d391;
   }
 
-  .md\:text-blue-lighter {
-    color: #bcdefa;
+  .md\:text-green-500 {
+    color: #48bb87;
   }
 
-  .md\:text-blue-lightest {
-    color: #eff8ff;
+  .md\:text-green-600 {
+    color: #38a181;
   }
 
-  .md\:text-indigo-darkest {
-    color: #191e38;
+  .md\:text-green-700 {
+    color: #2f8572;
   }
 
-  .md\:text-indigo-darker {
-    color: #2f365f;
+  .md\:text-green-800 {
+    color: #28695c;
   }
 
-  .md\:text-indigo-dark {
-    color: #5661b3;
+  .md\:text-green-900 {
+    color: #22544b;
   }
 
-  .md\:text-indigo {
-    color: #6574cd;
+  .md\:text-blue-100 {
+    color: #f1fafd;
   }
 
-  .md\:text-indigo-light {
-    color: #7886d7;
+  .md\:text-blue-200 {
+    color: #caedfa;
   }
 
-  .md\:text-indigo-lighter {
-    color: #b2b7ff;
+  .md\:text-blue-300 {
+    color: #87d3f3;
   }
 
-  .md\:text-indigo-lightest {
-    color: #e6e8ff;
+  .md\:text-blue-400 {
+    color: #57b9ec;
   }
 
-  .md\:text-purple-darkest {
-    color: #21183c;
+  .md\:text-blue-500 {
+    color: #3a9adf;
   }
 
-  .md\:text-purple-darker {
-    color: #382b5f;
+  .md\:text-blue-600 {
+    color: #2b7cc4;
   }
 
-  .md\:text-purple-dark {
-    color: #794acf;
+  .md\:text-blue-700 {
+    color: #2762a3;
   }
 
-  .md\:text-purple {
-    color: #9561e2;
+  .md\:text-blue-800 {
+    color: #284f81;
   }
 
-  .md\:text-purple-light {
-    color: #a779e9;
+  .md\:text-blue-900 {
+    color: #294468;
   }
 
-  .md\:text-purple-lighter {
-    color: #d6bbfc;
+  .md\:text-indigo-100 {
+    color: #eef6ff;
   }
 
-  .md\:text-purple-lightest {
-    color: #f3ebff;
+  .md\:text-indigo-200 {
+    color: #cbe0f9;
   }
 
-  .md\:text-pink-darkest {
-    color: #451225;
+  .md\:text-indigo-300 {
+    color: #a6c5f0;
   }
 
-  .md\:text-pink-darker {
-    color: #6f213f;
+  .md\:text-indigo-400 {
+    color: #82a2e3;
   }
 
-  .md\:text-pink-dark {
-    color: #eb5286;
+  .md\:text-indigo-500 {
+    color: #6d80d3;
   }
 
-  .md\:text-pink {
-    color: #f66d9b;
+  .md\:text-indigo-600 {
+    color: #5e68bc;
   }
 
-  .md\:text-pink-light {
-    color: #fa7ea8;
+  .md\:text-indigo-700 {
+    color: #5154a1;
   }
 
-  .md\:text-pink-lighter {
-    color: #ffbbca;
+  .md\:text-indigo-800 {
+    color: #42417f;
   }
 
-  .md\:text-pink-lightest {
-    color: #ffebef;
+  .md\:text-indigo-900 {
+    color: #37366a;
+  }
+
+  .md\:text-purple-100 {
+    color: #faf5ff;
+  }
+
+  .md\:text-purple-200 {
+    color: #eddffd;
+  }
+
+  .md\:text-purple-300 {
+    color: #dcc7fb;
+  }
+
+  .md\:text-purple-400 {
+    color: #b18af4;
+  }
+
+  .md\:text-purple-500 {
+    color: #976de9;
+  }
+
+  .md\:text-purple-600 {
+    color: #7c54d5;
+  }
+
+  .md\:text-purple-700 {
+    color: #6845b9;
+  }
+
+  .md\:text-purple-800 {
+    color: #4d368a;
+  }
+
+  .md\:text-purple-900 {
+    color: #3b2c6c;
+  }
+
+  .md\:text-pink-100 {
+    color: #fff2f4;
+  }
+
+  .md\:text-pink-200 {
+    color: #fedee4;
+  }
+
+  .md\:text-pink-300 {
+    color: #fcbccb;
+  }
+
+  .md\:text-pink-400 {
+    color: #f786a7;
+  }
+
+  .md\:text-pink-500 {
+    color: #ed588b;
+  }
+
+  .md\:text-pink-600 {
+    color: #d9447b;
+  }
+
+  .md\:text-pink-700 {
+    color: #b32f62;
+  }
+
+  .md\:text-pink-800 {
+    color: #8d2450;
+  }
+
+  .md\:text-pink-900 {
+    color: #741c46;
+  }
+
+  .md\:text-grey-100 {
+    color: #f8fcfe;
+  }
+
+  .md\:text-grey-200 {
+    color: #f1f5fb;
+  }
+
+  .md\:text-grey-300 {
+    color: #e2e9f0;
+  }
+
+  .md\:text-grey-400 {
+    color: #bbc5cf;
+  }
+
+  .md\:text-grey-500 {
+    color: #a3b0bd;
+  }
+
+  .md\:text-grey-600 {
+    color: #7a8996;
+  }
+
+  .md\:text-grey-700 {
+    color: #5a6977;
+  }
+
+  .md\:text-grey-800 {
+    color: #2e3a45;
+  }
+
+  .md\:text-grey-900 {
+    color: #1f2830;
   }
 
   .md\:hover\:text-transparent:hover {
@@ -17717,291 +19721,371 @@ samp {
   }
 
   .md\:hover\:text-black:hover {
-    color: #22292f;
-  }
-
-  .md\:hover\:text-grey-darkest:hover {
-    color: #3d4852;
-  }
-
-  .md\:hover\:text-grey-darker:hover {
-    color: #606f7b;
-  }
-
-  .md\:hover\:text-grey-dark:hover {
-    color: #8795a1;
-  }
-
-  .md\:hover\:text-grey:hover {
-    color: #b8c2cc;
-  }
-
-  .md\:hover\:text-grey-light:hover {
-    color: #dae1e7;
-  }
-
-  .md\:hover\:text-grey-lighter:hover {
-    color: #f1f5f8;
-  }
-
-  .md\:hover\:text-grey-lightest:hover {
-    color: #f8fafc;
+    color: #000;
   }
 
   .md\:hover\:text-white:hover {
     color: #fff;
   }
 
-  .md\:hover\:text-red-darkest:hover {
-    color: #3b0d0c;
+  .md\:hover\:text-teal-100:hover {
+    color: #ebfffc;
   }
 
-  .md\:hover\:text-red-darker:hover {
-    color: #621b18;
+  .md\:hover\:text-teal-200:hover {
+    color: #b3f1e9;
   }
 
-  .md\:hover\:text-red-dark:hover {
-    color: #cc1f1a;
+  .md\:hover\:text-teal-300:hover {
+    color: #82e1d7;
   }
 
-  .md\:hover\:text-red:hover {
-    color: #e3342f;
+  .md\:hover\:text-teal-400:hover {
+    color: #60cfc5;
   }
 
-  .md\:hover\:text-red-light:hover {
-    color: #ef5753;
+  .md\:hover\:text-teal-500:hover {
+    color: #49bab2;
   }
 
-  .md\:hover\:text-red-lighter:hover {
-    color: #f9acaa;
+  .md\:hover\:text-teal-600:hover {
+    color: #3ea39f;
   }
 
-  .md\:hover\:text-red-lightest:hover {
-    color: #fcebea;
+  .md\:hover\:text-teal-700:hover {
+    color: #378786;
   }
 
-  .md\:hover\:text-orange-darkest:hover {
-    color: #462a16;
+  .md\:hover\:text-teal-800:hover {
+    color: #316769;
   }
 
-  .md\:hover\:text-orange-darker:hover {
-    color: #613b1f;
+  .md\:hover\:text-teal-900:hover {
+    color: #265152;
   }
 
-  .md\:hover\:text-orange-dark:hover {
-    color: #de751f;
+  .md\:hover\:text-red-100:hover {
+    color: #fff5f5;
   }
 
-  .md\:hover\:text-orange:hover {
-    color: #f6993f;
+  .md\:hover\:text-red-200:hover {
+    color: #fee3e3;
   }
 
-  .md\:hover\:text-orange-light:hover {
-    color: #faad63;
+  .md\:hover\:text-red-300:hover {
+    color: #febcbc;
   }
 
-  .md\:hover\:text-orange-lighter:hover {
-    color: #fcd9b6;
+  .md\:hover\:text-red-400:hover {
+    color: #fd9292;
   }
 
-  .md\:hover\:text-orange-lightest:hover {
-    color: #fff5eb;
+  .md\:hover\:text-red-500:hover {
+    color: #f95e5f;
   }
 
-  .md\:hover\:text-yellow-darkest:hover {
-    color: #453411;
+  .md\:hover\:text-red-600:hover {
+    color: #ec454e;
   }
 
-  .md\:hover\:text-yellow-darker:hover {
-    color: #684f1d;
+  .md\:hover\:text-red-700:hover {
+    color: #dc3448;
   }
 
-  .md\:hover\:text-yellow-dark:hover {
-    color: #f2d024;
+  .md\:hover\:text-red-800:hover {
+    color: #b4203b;
   }
 
-  .md\:hover\:text-yellow:hover {
-    color: #ffed4a;
+  .md\:hover\:text-red-900:hover {
+    color: #801b33;
   }
 
-  .md\:hover\:text-yellow-light:hover {
-    color: #fff382;
+  .md\:hover\:text-orange-100:hover {
+    color: #fffaef;
   }
 
-  .md\:hover\:text-yellow-lighter:hover {
-    color: #fff9c2;
+  .md\:hover\:text-orange-200:hover {
+    color: #fee8c1;
   }
 
-  .md\:hover\:text-yellow-lightest:hover {
-    color: #fcfbeb;
+  .md\:hover\:text-orange-300:hover {
+    color: #fbd087;
   }
 
-  .md\:hover\:text-green-darkest:hover {
-    color: #0f2f21;
+  .md\:hover\:text-orange-400:hover {
+    color: #f6aa4f;
   }
 
-  .md\:hover\:text-green-darker:hover {
-    color: #1a4731;
+  .md\:hover\:text-orange-500:hover {
+    color: #ec832b;
   }
 
-  .md\:hover\:text-green-dark:hover {
-    color: #1f9d55;
+  .md\:hover\:text-orange-600:hover {
+    color: #df6d22;
   }
 
-  .md\:hover\:text-green:hover {
-    color: #38c172;
+  .md\:hover\:text-orange-700:hover {
+    color: #c55822;
   }
 
-  .md\:hover\:text-green-light:hover {
-    color: #51d88a;
+  .md\:hover\:text-orange-800:hover {
+    color: #9f4423;
   }
 
-  .md\:hover\:text-green-lighter:hover {
-    color: #a2f5bf;
+  .md\:hover\:text-orange-900:hover {
+    color: #70311e;
   }
 
-  .md\:hover\:text-green-lightest:hover {
-    color: #e3fcec;
+  .md\:hover\:text-yellow-100:hover {
+    color: #ffffeb;
   }
 
-  .md\:hover\:text-teal-darkest:hover {
-    color: #0d3331;
+  .md\:hover\:text-yellow-200:hover {
+    color: #fefcbf;
   }
 
-  .md\:hover\:text-teal-darker:hover {
-    color: #20504f;
+  .md\:hover\:text-yellow-300:hover {
+    color: #fbf189;
   }
 
-  .md\:hover\:text-teal-dark:hover {
-    color: #38a89d;
+  .md\:hover\:text-yellow-400:hover {
+    color: #f6e05e;
   }
 
-  .md\:hover\:text-teal:hover {
-    color: #4dc0b5;
+  .md\:hover\:text-yellow-500:hover {
+    color: #ebc743;
   }
 
-  .md\:hover\:text-teal-light:hover {
-    color: #64d5ca;
+  .md\:hover\:text-yellow-600:hover {
+    color: #d69e2e;
   }
 
-  .md\:hover\:text-teal-lighter:hover {
-    color: #a0f0ed;
+  .md\:hover\:text-yellow-700:hover {
+    color: #b7791f;
   }
 
-  .md\:hover\:text-teal-lightest:hover {
-    color: #e8fffe;
+  .md\:hover\:text-yellow-800:hover {
+    color: #8d5415;
   }
 
-  .md\:hover\:text-blue-darkest:hover {
-    color: #12283a;
+  .md\:hover\:text-yellow-900:hover {
+    color: #66390e;
   }
 
-  .md\:hover\:text-blue-darker:hover {
-    color: #1c3d5a;
+  .md\:hover\:text-green-100:hover {
+    color: #e9ffe9;
   }
 
-  .md\:hover\:text-blue-dark:hover {
-    color: #2779bd;
+  .md\:hover\:text-green-200:hover {
+    color: #c1f5c5;
   }
 
-  .md\:hover\:text-blue:hover {
-    color: #3490dc;
+  .md\:hover\:text-green-300:hover {
+    color: #9ae6a8;
   }
 
-  .md\:hover\:text-blue-light:hover {
-    color: #6cb2eb;
+  .md\:hover\:text-green-400:hover {
+    color: #68d391;
   }
 
-  .md\:hover\:text-blue-lighter:hover {
-    color: #bcdefa;
+  .md\:hover\:text-green-500:hover {
+    color: #48bb87;
   }
 
-  .md\:hover\:text-blue-lightest:hover {
-    color: #eff8ff;
+  .md\:hover\:text-green-600:hover {
+    color: #38a181;
   }
 
-  .md\:hover\:text-indigo-darkest:hover {
-    color: #191e38;
+  .md\:hover\:text-green-700:hover {
+    color: #2f8572;
   }
 
-  .md\:hover\:text-indigo-darker:hover {
-    color: #2f365f;
+  .md\:hover\:text-green-800:hover {
+    color: #28695c;
   }
 
-  .md\:hover\:text-indigo-dark:hover {
-    color: #5661b3;
+  .md\:hover\:text-green-900:hover {
+    color: #22544b;
   }
 
-  .md\:hover\:text-indigo:hover {
-    color: #6574cd;
+  .md\:hover\:text-blue-100:hover {
+    color: #f1fafd;
   }
 
-  .md\:hover\:text-indigo-light:hover {
-    color: #7886d7;
+  .md\:hover\:text-blue-200:hover {
+    color: #caedfa;
   }
 
-  .md\:hover\:text-indigo-lighter:hover {
-    color: #b2b7ff;
+  .md\:hover\:text-blue-300:hover {
+    color: #87d3f3;
   }
 
-  .md\:hover\:text-indigo-lightest:hover {
-    color: #e6e8ff;
+  .md\:hover\:text-blue-400:hover {
+    color: #57b9ec;
   }
 
-  .md\:hover\:text-purple-darkest:hover {
-    color: #21183c;
+  .md\:hover\:text-blue-500:hover {
+    color: #3a9adf;
   }
 
-  .md\:hover\:text-purple-darker:hover {
-    color: #382b5f;
+  .md\:hover\:text-blue-600:hover {
+    color: #2b7cc4;
   }
 
-  .md\:hover\:text-purple-dark:hover {
-    color: #794acf;
+  .md\:hover\:text-blue-700:hover {
+    color: #2762a3;
   }
 
-  .md\:hover\:text-purple:hover {
-    color: #9561e2;
+  .md\:hover\:text-blue-800:hover {
+    color: #284f81;
   }
 
-  .md\:hover\:text-purple-light:hover {
-    color: #a779e9;
+  .md\:hover\:text-blue-900:hover {
+    color: #294468;
   }
 
-  .md\:hover\:text-purple-lighter:hover {
-    color: #d6bbfc;
+  .md\:hover\:text-indigo-100:hover {
+    color: #eef6ff;
   }
 
-  .md\:hover\:text-purple-lightest:hover {
-    color: #f3ebff;
+  .md\:hover\:text-indigo-200:hover {
+    color: #cbe0f9;
   }
 
-  .md\:hover\:text-pink-darkest:hover {
-    color: #451225;
+  .md\:hover\:text-indigo-300:hover {
+    color: #a6c5f0;
   }
 
-  .md\:hover\:text-pink-darker:hover {
-    color: #6f213f;
+  .md\:hover\:text-indigo-400:hover {
+    color: #82a2e3;
   }
 
-  .md\:hover\:text-pink-dark:hover {
-    color: #eb5286;
+  .md\:hover\:text-indigo-500:hover {
+    color: #6d80d3;
   }
 
-  .md\:hover\:text-pink:hover {
-    color: #f66d9b;
+  .md\:hover\:text-indigo-600:hover {
+    color: #5e68bc;
   }
 
-  .md\:hover\:text-pink-light:hover {
-    color: #fa7ea8;
+  .md\:hover\:text-indigo-700:hover {
+    color: #5154a1;
   }
 
-  .md\:hover\:text-pink-lighter:hover {
-    color: #ffbbca;
+  .md\:hover\:text-indigo-800:hover {
+    color: #42417f;
   }
 
-  .md\:hover\:text-pink-lightest:hover {
-    color: #ffebef;
+  .md\:hover\:text-indigo-900:hover {
+    color: #37366a;
+  }
+
+  .md\:hover\:text-purple-100:hover {
+    color: #faf5ff;
+  }
+
+  .md\:hover\:text-purple-200:hover {
+    color: #eddffd;
+  }
+
+  .md\:hover\:text-purple-300:hover {
+    color: #dcc7fb;
+  }
+
+  .md\:hover\:text-purple-400:hover {
+    color: #b18af4;
+  }
+
+  .md\:hover\:text-purple-500:hover {
+    color: #976de9;
+  }
+
+  .md\:hover\:text-purple-600:hover {
+    color: #7c54d5;
+  }
+
+  .md\:hover\:text-purple-700:hover {
+    color: #6845b9;
+  }
+
+  .md\:hover\:text-purple-800:hover {
+    color: #4d368a;
+  }
+
+  .md\:hover\:text-purple-900:hover {
+    color: #3b2c6c;
+  }
+
+  .md\:hover\:text-pink-100:hover {
+    color: #fff2f4;
+  }
+
+  .md\:hover\:text-pink-200:hover {
+    color: #fedee4;
+  }
+
+  .md\:hover\:text-pink-300:hover {
+    color: #fcbccb;
+  }
+
+  .md\:hover\:text-pink-400:hover {
+    color: #f786a7;
+  }
+
+  .md\:hover\:text-pink-500:hover {
+    color: #ed588b;
+  }
+
+  .md\:hover\:text-pink-600:hover {
+    color: #d9447b;
+  }
+
+  .md\:hover\:text-pink-700:hover {
+    color: #b32f62;
+  }
+
+  .md\:hover\:text-pink-800:hover {
+    color: #8d2450;
+  }
+
+  .md\:hover\:text-pink-900:hover {
+    color: #741c46;
+  }
+
+  .md\:hover\:text-grey-100:hover {
+    color: #f8fcfe;
+  }
+
+  .md\:hover\:text-grey-200:hover {
+    color: #f1f5fb;
+  }
+
+  .md\:hover\:text-grey-300:hover {
+    color: #e2e9f0;
+  }
+
+  .md\:hover\:text-grey-400:hover {
+    color: #bbc5cf;
+  }
+
+  .md\:hover\:text-grey-500:hover {
+    color: #a3b0bd;
+  }
+
+  .md\:hover\:text-grey-600:hover {
+    color: #7a8996;
+  }
+
+  .md\:hover\:text-grey-700:hover {
+    color: #5a6977;
+  }
+
+  .md\:hover\:text-grey-800:hover {
+    color: #2e3a45;
+  }
+
+  .md\:hover\:text-grey-900:hover {
+    color: #1f2830;
   }
 
   .md\:focus\:text-transparent:focus {
@@ -18009,291 +20093,371 @@ samp {
   }
 
   .md\:focus\:text-black:focus {
-    color: #22292f;
-  }
-
-  .md\:focus\:text-grey-darkest:focus {
-    color: #3d4852;
-  }
-
-  .md\:focus\:text-grey-darker:focus {
-    color: #606f7b;
-  }
-
-  .md\:focus\:text-grey-dark:focus {
-    color: #8795a1;
-  }
-
-  .md\:focus\:text-grey:focus {
-    color: #b8c2cc;
-  }
-
-  .md\:focus\:text-grey-light:focus {
-    color: #dae1e7;
-  }
-
-  .md\:focus\:text-grey-lighter:focus {
-    color: #f1f5f8;
-  }
-
-  .md\:focus\:text-grey-lightest:focus {
-    color: #f8fafc;
+    color: #000;
   }
 
   .md\:focus\:text-white:focus {
     color: #fff;
   }
 
-  .md\:focus\:text-red-darkest:focus {
-    color: #3b0d0c;
+  .md\:focus\:text-teal-100:focus {
+    color: #ebfffc;
   }
 
-  .md\:focus\:text-red-darker:focus {
-    color: #621b18;
+  .md\:focus\:text-teal-200:focus {
+    color: #b3f1e9;
   }
 
-  .md\:focus\:text-red-dark:focus {
-    color: #cc1f1a;
+  .md\:focus\:text-teal-300:focus {
+    color: #82e1d7;
   }
 
-  .md\:focus\:text-red:focus {
-    color: #e3342f;
+  .md\:focus\:text-teal-400:focus {
+    color: #60cfc5;
   }
 
-  .md\:focus\:text-red-light:focus {
-    color: #ef5753;
+  .md\:focus\:text-teal-500:focus {
+    color: #49bab2;
   }
 
-  .md\:focus\:text-red-lighter:focus {
-    color: #f9acaa;
+  .md\:focus\:text-teal-600:focus {
+    color: #3ea39f;
   }
 
-  .md\:focus\:text-red-lightest:focus {
-    color: #fcebea;
+  .md\:focus\:text-teal-700:focus {
+    color: #378786;
   }
 
-  .md\:focus\:text-orange-darkest:focus {
-    color: #462a16;
+  .md\:focus\:text-teal-800:focus {
+    color: #316769;
   }
 
-  .md\:focus\:text-orange-darker:focus {
-    color: #613b1f;
+  .md\:focus\:text-teal-900:focus {
+    color: #265152;
   }
 
-  .md\:focus\:text-orange-dark:focus {
-    color: #de751f;
+  .md\:focus\:text-red-100:focus {
+    color: #fff5f5;
   }
 
-  .md\:focus\:text-orange:focus {
-    color: #f6993f;
+  .md\:focus\:text-red-200:focus {
+    color: #fee3e3;
   }
 
-  .md\:focus\:text-orange-light:focus {
-    color: #faad63;
+  .md\:focus\:text-red-300:focus {
+    color: #febcbc;
   }
 
-  .md\:focus\:text-orange-lighter:focus {
-    color: #fcd9b6;
+  .md\:focus\:text-red-400:focus {
+    color: #fd9292;
   }
 
-  .md\:focus\:text-orange-lightest:focus {
-    color: #fff5eb;
+  .md\:focus\:text-red-500:focus {
+    color: #f95e5f;
   }
 
-  .md\:focus\:text-yellow-darkest:focus {
-    color: #453411;
+  .md\:focus\:text-red-600:focus {
+    color: #ec454e;
   }
 
-  .md\:focus\:text-yellow-darker:focus {
-    color: #684f1d;
+  .md\:focus\:text-red-700:focus {
+    color: #dc3448;
   }
 
-  .md\:focus\:text-yellow-dark:focus {
-    color: #f2d024;
+  .md\:focus\:text-red-800:focus {
+    color: #b4203b;
   }
 
-  .md\:focus\:text-yellow:focus {
-    color: #ffed4a;
+  .md\:focus\:text-red-900:focus {
+    color: #801b33;
   }
 
-  .md\:focus\:text-yellow-light:focus {
-    color: #fff382;
+  .md\:focus\:text-orange-100:focus {
+    color: #fffaef;
   }
 
-  .md\:focus\:text-yellow-lighter:focus {
-    color: #fff9c2;
+  .md\:focus\:text-orange-200:focus {
+    color: #fee8c1;
   }
 
-  .md\:focus\:text-yellow-lightest:focus {
-    color: #fcfbeb;
+  .md\:focus\:text-orange-300:focus {
+    color: #fbd087;
   }
 
-  .md\:focus\:text-green-darkest:focus {
-    color: #0f2f21;
+  .md\:focus\:text-orange-400:focus {
+    color: #f6aa4f;
   }
 
-  .md\:focus\:text-green-darker:focus {
-    color: #1a4731;
+  .md\:focus\:text-orange-500:focus {
+    color: #ec832b;
   }
 
-  .md\:focus\:text-green-dark:focus {
-    color: #1f9d55;
+  .md\:focus\:text-orange-600:focus {
+    color: #df6d22;
   }
 
-  .md\:focus\:text-green:focus {
-    color: #38c172;
+  .md\:focus\:text-orange-700:focus {
+    color: #c55822;
   }
 
-  .md\:focus\:text-green-light:focus {
-    color: #51d88a;
+  .md\:focus\:text-orange-800:focus {
+    color: #9f4423;
   }
 
-  .md\:focus\:text-green-lighter:focus {
-    color: #a2f5bf;
+  .md\:focus\:text-orange-900:focus {
+    color: #70311e;
   }
 
-  .md\:focus\:text-green-lightest:focus {
-    color: #e3fcec;
+  .md\:focus\:text-yellow-100:focus {
+    color: #ffffeb;
   }
 
-  .md\:focus\:text-teal-darkest:focus {
-    color: #0d3331;
+  .md\:focus\:text-yellow-200:focus {
+    color: #fefcbf;
   }
 
-  .md\:focus\:text-teal-darker:focus {
-    color: #20504f;
+  .md\:focus\:text-yellow-300:focus {
+    color: #fbf189;
   }
 
-  .md\:focus\:text-teal-dark:focus {
-    color: #38a89d;
+  .md\:focus\:text-yellow-400:focus {
+    color: #f6e05e;
   }
 
-  .md\:focus\:text-teal:focus {
-    color: #4dc0b5;
+  .md\:focus\:text-yellow-500:focus {
+    color: #ebc743;
   }
 
-  .md\:focus\:text-teal-light:focus {
-    color: #64d5ca;
+  .md\:focus\:text-yellow-600:focus {
+    color: #d69e2e;
   }
 
-  .md\:focus\:text-teal-lighter:focus {
-    color: #a0f0ed;
+  .md\:focus\:text-yellow-700:focus {
+    color: #b7791f;
   }
 
-  .md\:focus\:text-teal-lightest:focus {
-    color: #e8fffe;
+  .md\:focus\:text-yellow-800:focus {
+    color: #8d5415;
   }
 
-  .md\:focus\:text-blue-darkest:focus {
-    color: #12283a;
+  .md\:focus\:text-yellow-900:focus {
+    color: #66390e;
   }
 
-  .md\:focus\:text-blue-darker:focus {
-    color: #1c3d5a;
+  .md\:focus\:text-green-100:focus {
+    color: #e9ffe9;
   }
 
-  .md\:focus\:text-blue-dark:focus {
-    color: #2779bd;
+  .md\:focus\:text-green-200:focus {
+    color: #c1f5c5;
   }
 
-  .md\:focus\:text-blue:focus {
-    color: #3490dc;
+  .md\:focus\:text-green-300:focus {
+    color: #9ae6a8;
   }
 
-  .md\:focus\:text-blue-light:focus {
-    color: #6cb2eb;
+  .md\:focus\:text-green-400:focus {
+    color: #68d391;
   }
 
-  .md\:focus\:text-blue-lighter:focus {
-    color: #bcdefa;
+  .md\:focus\:text-green-500:focus {
+    color: #48bb87;
   }
 
-  .md\:focus\:text-blue-lightest:focus {
-    color: #eff8ff;
+  .md\:focus\:text-green-600:focus {
+    color: #38a181;
   }
 
-  .md\:focus\:text-indigo-darkest:focus {
-    color: #191e38;
+  .md\:focus\:text-green-700:focus {
+    color: #2f8572;
   }
 
-  .md\:focus\:text-indigo-darker:focus {
-    color: #2f365f;
+  .md\:focus\:text-green-800:focus {
+    color: #28695c;
   }
 
-  .md\:focus\:text-indigo-dark:focus {
-    color: #5661b3;
+  .md\:focus\:text-green-900:focus {
+    color: #22544b;
   }
 
-  .md\:focus\:text-indigo:focus {
-    color: #6574cd;
+  .md\:focus\:text-blue-100:focus {
+    color: #f1fafd;
   }
 
-  .md\:focus\:text-indigo-light:focus {
-    color: #7886d7;
+  .md\:focus\:text-blue-200:focus {
+    color: #caedfa;
   }
 
-  .md\:focus\:text-indigo-lighter:focus {
-    color: #b2b7ff;
+  .md\:focus\:text-blue-300:focus {
+    color: #87d3f3;
   }
 
-  .md\:focus\:text-indigo-lightest:focus {
-    color: #e6e8ff;
+  .md\:focus\:text-blue-400:focus {
+    color: #57b9ec;
   }
 
-  .md\:focus\:text-purple-darkest:focus {
-    color: #21183c;
+  .md\:focus\:text-blue-500:focus {
+    color: #3a9adf;
   }
 
-  .md\:focus\:text-purple-darker:focus {
-    color: #382b5f;
+  .md\:focus\:text-blue-600:focus {
+    color: #2b7cc4;
   }
 
-  .md\:focus\:text-purple-dark:focus {
-    color: #794acf;
+  .md\:focus\:text-blue-700:focus {
+    color: #2762a3;
   }
 
-  .md\:focus\:text-purple:focus {
-    color: #9561e2;
+  .md\:focus\:text-blue-800:focus {
+    color: #284f81;
   }
 
-  .md\:focus\:text-purple-light:focus {
-    color: #a779e9;
+  .md\:focus\:text-blue-900:focus {
+    color: #294468;
   }
 
-  .md\:focus\:text-purple-lighter:focus {
-    color: #d6bbfc;
+  .md\:focus\:text-indigo-100:focus {
+    color: #eef6ff;
   }
 
-  .md\:focus\:text-purple-lightest:focus {
-    color: #f3ebff;
+  .md\:focus\:text-indigo-200:focus {
+    color: #cbe0f9;
   }
 
-  .md\:focus\:text-pink-darkest:focus {
-    color: #451225;
+  .md\:focus\:text-indigo-300:focus {
+    color: #a6c5f0;
   }
 
-  .md\:focus\:text-pink-darker:focus {
-    color: #6f213f;
+  .md\:focus\:text-indigo-400:focus {
+    color: #82a2e3;
   }
 
-  .md\:focus\:text-pink-dark:focus {
-    color: #eb5286;
+  .md\:focus\:text-indigo-500:focus {
+    color: #6d80d3;
   }
 
-  .md\:focus\:text-pink:focus {
-    color: #f66d9b;
+  .md\:focus\:text-indigo-600:focus {
+    color: #5e68bc;
   }
 
-  .md\:focus\:text-pink-light:focus {
-    color: #fa7ea8;
+  .md\:focus\:text-indigo-700:focus {
+    color: #5154a1;
   }
 
-  .md\:focus\:text-pink-lighter:focus {
-    color: #ffbbca;
+  .md\:focus\:text-indigo-800:focus {
+    color: #42417f;
   }
 
-  .md\:focus\:text-pink-lightest:focus {
-    color: #ffebef;
+  .md\:focus\:text-indigo-900:focus {
+    color: #37366a;
+  }
+
+  .md\:focus\:text-purple-100:focus {
+    color: #faf5ff;
+  }
+
+  .md\:focus\:text-purple-200:focus {
+    color: #eddffd;
+  }
+
+  .md\:focus\:text-purple-300:focus {
+    color: #dcc7fb;
+  }
+
+  .md\:focus\:text-purple-400:focus {
+    color: #b18af4;
+  }
+
+  .md\:focus\:text-purple-500:focus {
+    color: #976de9;
+  }
+
+  .md\:focus\:text-purple-600:focus {
+    color: #7c54d5;
+  }
+
+  .md\:focus\:text-purple-700:focus {
+    color: #6845b9;
+  }
+
+  .md\:focus\:text-purple-800:focus {
+    color: #4d368a;
+  }
+
+  .md\:focus\:text-purple-900:focus {
+    color: #3b2c6c;
+  }
+
+  .md\:focus\:text-pink-100:focus {
+    color: #fff2f4;
+  }
+
+  .md\:focus\:text-pink-200:focus {
+    color: #fedee4;
+  }
+
+  .md\:focus\:text-pink-300:focus {
+    color: #fcbccb;
+  }
+
+  .md\:focus\:text-pink-400:focus {
+    color: #f786a7;
+  }
+
+  .md\:focus\:text-pink-500:focus {
+    color: #ed588b;
+  }
+
+  .md\:focus\:text-pink-600:focus {
+    color: #d9447b;
+  }
+
+  .md\:focus\:text-pink-700:focus {
+    color: #b32f62;
+  }
+
+  .md\:focus\:text-pink-800:focus {
+    color: #8d2450;
+  }
+
+  .md\:focus\:text-pink-900:focus {
+    color: #741c46;
+  }
+
+  .md\:focus\:text-grey-100:focus {
+    color: #f8fcfe;
+  }
+
+  .md\:focus\:text-grey-200:focus {
+    color: #f1f5fb;
+  }
+
+  .md\:focus\:text-grey-300:focus {
+    color: #e2e9f0;
+  }
+
+  .md\:focus\:text-grey-400:focus {
+    color: #bbc5cf;
+  }
+
+  .md\:focus\:text-grey-500:focus {
+    color: #a3b0bd;
+  }
+
+  .md\:focus\:text-grey-600:focus {
+    color: #7a8996;
+  }
+
+  .md\:focus\:text-grey-700:focus {
+    color: #5a6977;
+  }
+
+  .md\:focus\:text-grey-800:focus {
+    color: #2e3a45;
+  }
+
+  .md\:focus\:text-grey-900:focus {
+    color: #1f2830;
   }
 
   .md\:text-xs {
@@ -18674,7 +20838,7 @@ samp {
 
   .md\:example {
     font-weight: 700;
-    color: #e3342f;
+    color: #f95e5f;
   }
 }
 
@@ -18700,291 +20864,371 @@ samp {
   }
 
   .lg\:bg-black {
-    background-color: #22292f;
-  }
-
-  .lg\:bg-grey-darkest {
-    background-color: #3d4852;
-  }
-
-  .lg\:bg-grey-darker {
-    background-color: #606f7b;
-  }
-
-  .lg\:bg-grey-dark {
-    background-color: #8795a1;
-  }
-
-  .lg\:bg-grey {
-    background-color: #b8c2cc;
-  }
-
-  .lg\:bg-grey-light {
-    background-color: #dae1e7;
-  }
-
-  .lg\:bg-grey-lighter {
-    background-color: #f1f5f8;
-  }
-
-  .lg\:bg-grey-lightest {
-    background-color: #f8fafc;
+    background-color: #000;
   }
 
   .lg\:bg-white {
     background-color: #fff;
   }
 
-  .lg\:bg-red-darkest {
-    background-color: #3b0d0c;
+  .lg\:bg-teal-100 {
+    background-color: #ebfffc;
   }
 
-  .lg\:bg-red-darker {
-    background-color: #621b18;
+  .lg\:bg-teal-200 {
+    background-color: #b3f1e9;
   }
 
-  .lg\:bg-red-dark {
-    background-color: #cc1f1a;
+  .lg\:bg-teal-300 {
+    background-color: #82e1d7;
   }
 
-  .lg\:bg-red {
-    background-color: #e3342f;
+  .lg\:bg-teal-400 {
+    background-color: #60cfc5;
   }
 
-  .lg\:bg-red-light {
-    background-color: #ef5753;
+  .lg\:bg-teal-500 {
+    background-color: #49bab2;
   }
 
-  .lg\:bg-red-lighter {
-    background-color: #f9acaa;
+  .lg\:bg-teal-600 {
+    background-color: #3ea39f;
   }
 
-  .lg\:bg-red-lightest {
-    background-color: #fcebea;
+  .lg\:bg-teal-700 {
+    background-color: #378786;
   }
 
-  .lg\:bg-orange-darkest {
-    background-color: #462a16;
+  .lg\:bg-teal-800 {
+    background-color: #316769;
   }
 
-  .lg\:bg-orange-darker {
-    background-color: #613b1f;
+  .lg\:bg-teal-900 {
+    background-color: #265152;
   }
 
-  .lg\:bg-orange-dark {
-    background-color: #de751f;
+  .lg\:bg-red-100 {
+    background-color: #fff5f5;
   }
 
-  .lg\:bg-orange {
-    background-color: #f6993f;
+  .lg\:bg-red-200 {
+    background-color: #fee3e3;
   }
 
-  .lg\:bg-orange-light {
-    background-color: #faad63;
+  .lg\:bg-red-300 {
+    background-color: #febcbc;
   }
 
-  .lg\:bg-orange-lighter {
-    background-color: #fcd9b6;
+  .lg\:bg-red-400 {
+    background-color: #fd9292;
   }
 
-  .lg\:bg-orange-lightest {
-    background-color: #fff5eb;
+  .lg\:bg-red-500 {
+    background-color: #f95e5f;
   }
 
-  .lg\:bg-yellow-darkest {
-    background-color: #453411;
+  .lg\:bg-red-600 {
+    background-color: #ec454e;
   }
 
-  .lg\:bg-yellow-darker {
-    background-color: #684f1d;
+  .lg\:bg-red-700 {
+    background-color: #dc3448;
   }
 
-  .lg\:bg-yellow-dark {
-    background-color: #f2d024;
+  .lg\:bg-red-800 {
+    background-color: #b4203b;
   }
 
-  .lg\:bg-yellow {
-    background-color: #ffed4a;
+  .lg\:bg-red-900 {
+    background-color: #801b33;
   }
 
-  .lg\:bg-yellow-light {
-    background-color: #fff382;
+  .lg\:bg-orange-100 {
+    background-color: #fffaef;
   }
 
-  .lg\:bg-yellow-lighter {
-    background-color: #fff9c2;
+  .lg\:bg-orange-200 {
+    background-color: #fee8c1;
   }
 
-  .lg\:bg-yellow-lightest {
-    background-color: #fcfbeb;
+  .lg\:bg-orange-300 {
+    background-color: #fbd087;
   }
 
-  .lg\:bg-green-darkest {
-    background-color: #0f2f21;
+  .lg\:bg-orange-400 {
+    background-color: #f6aa4f;
   }
 
-  .lg\:bg-green-darker {
-    background-color: #1a4731;
+  .lg\:bg-orange-500 {
+    background-color: #ec832b;
   }
 
-  .lg\:bg-green-dark {
-    background-color: #1f9d55;
+  .lg\:bg-orange-600 {
+    background-color: #df6d22;
   }
 
-  .lg\:bg-green {
-    background-color: #38c172;
+  .lg\:bg-orange-700 {
+    background-color: #c55822;
   }
 
-  .lg\:bg-green-light {
-    background-color: #51d88a;
+  .lg\:bg-orange-800 {
+    background-color: #9f4423;
   }
 
-  .lg\:bg-green-lighter {
-    background-color: #a2f5bf;
+  .lg\:bg-orange-900 {
+    background-color: #70311e;
   }
 
-  .lg\:bg-green-lightest {
-    background-color: #e3fcec;
+  .lg\:bg-yellow-100 {
+    background-color: #ffffeb;
   }
 
-  .lg\:bg-teal-darkest {
-    background-color: #0d3331;
+  .lg\:bg-yellow-200 {
+    background-color: #fefcbf;
   }
 
-  .lg\:bg-teal-darker {
-    background-color: #20504f;
+  .lg\:bg-yellow-300 {
+    background-color: #fbf189;
   }
 
-  .lg\:bg-teal-dark {
-    background-color: #38a89d;
+  .lg\:bg-yellow-400 {
+    background-color: #f6e05e;
   }
 
-  .lg\:bg-teal {
-    background-color: #4dc0b5;
+  .lg\:bg-yellow-500 {
+    background-color: #ebc743;
   }
 
-  .lg\:bg-teal-light {
-    background-color: #64d5ca;
+  .lg\:bg-yellow-600 {
+    background-color: #d69e2e;
   }
 
-  .lg\:bg-teal-lighter {
-    background-color: #a0f0ed;
+  .lg\:bg-yellow-700 {
+    background-color: #b7791f;
   }
 
-  .lg\:bg-teal-lightest {
-    background-color: #e8fffe;
+  .lg\:bg-yellow-800 {
+    background-color: #8d5415;
   }
 
-  .lg\:bg-blue-darkest {
-    background-color: #12283a;
+  .lg\:bg-yellow-900 {
+    background-color: #66390e;
   }
 
-  .lg\:bg-blue-darker {
-    background-color: #1c3d5a;
+  .lg\:bg-green-100 {
+    background-color: #e9ffe9;
   }
 
-  .lg\:bg-blue-dark {
-    background-color: #2779bd;
+  .lg\:bg-green-200 {
+    background-color: #c1f5c5;
   }
 
-  .lg\:bg-blue {
-    background-color: #3490dc;
+  .lg\:bg-green-300 {
+    background-color: #9ae6a8;
   }
 
-  .lg\:bg-blue-light {
-    background-color: #6cb2eb;
+  .lg\:bg-green-400 {
+    background-color: #68d391;
   }
 
-  .lg\:bg-blue-lighter {
-    background-color: #bcdefa;
+  .lg\:bg-green-500 {
+    background-color: #48bb87;
   }
 
-  .lg\:bg-blue-lightest {
-    background-color: #eff8ff;
+  .lg\:bg-green-600 {
+    background-color: #38a181;
   }
 
-  .lg\:bg-indigo-darkest {
-    background-color: #191e38;
+  .lg\:bg-green-700 {
+    background-color: #2f8572;
   }
 
-  .lg\:bg-indigo-darker {
-    background-color: #2f365f;
+  .lg\:bg-green-800 {
+    background-color: #28695c;
   }
 
-  .lg\:bg-indigo-dark {
-    background-color: #5661b3;
+  .lg\:bg-green-900 {
+    background-color: #22544b;
   }
 
-  .lg\:bg-indigo {
-    background-color: #6574cd;
+  .lg\:bg-blue-100 {
+    background-color: #f1fafd;
   }
 
-  .lg\:bg-indigo-light {
-    background-color: #7886d7;
+  .lg\:bg-blue-200 {
+    background-color: #caedfa;
   }
 
-  .lg\:bg-indigo-lighter {
-    background-color: #b2b7ff;
+  .lg\:bg-blue-300 {
+    background-color: #87d3f3;
   }
 
-  .lg\:bg-indigo-lightest {
-    background-color: #e6e8ff;
+  .lg\:bg-blue-400 {
+    background-color: #57b9ec;
   }
 
-  .lg\:bg-purple-darkest {
-    background-color: #21183c;
+  .lg\:bg-blue-500 {
+    background-color: #3a9adf;
   }
 
-  .lg\:bg-purple-darker {
-    background-color: #382b5f;
+  .lg\:bg-blue-600 {
+    background-color: #2b7cc4;
   }
 
-  .lg\:bg-purple-dark {
-    background-color: #794acf;
+  .lg\:bg-blue-700 {
+    background-color: #2762a3;
   }
 
-  .lg\:bg-purple {
-    background-color: #9561e2;
+  .lg\:bg-blue-800 {
+    background-color: #284f81;
   }
 
-  .lg\:bg-purple-light {
-    background-color: #a779e9;
+  .lg\:bg-blue-900 {
+    background-color: #294468;
   }
 
-  .lg\:bg-purple-lighter {
-    background-color: #d6bbfc;
+  .lg\:bg-indigo-100 {
+    background-color: #eef6ff;
   }
 
-  .lg\:bg-purple-lightest {
-    background-color: #f3ebff;
+  .lg\:bg-indigo-200 {
+    background-color: #cbe0f9;
   }
 
-  .lg\:bg-pink-darkest {
-    background-color: #451225;
+  .lg\:bg-indigo-300 {
+    background-color: #a6c5f0;
   }
 
-  .lg\:bg-pink-darker {
-    background-color: #6f213f;
+  .lg\:bg-indigo-400 {
+    background-color: #82a2e3;
   }
 
-  .lg\:bg-pink-dark {
-    background-color: #eb5286;
+  .lg\:bg-indigo-500 {
+    background-color: #6d80d3;
   }
 
-  .lg\:bg-pink {
-    background-color: #f66d9b;
+  .lg\:bg-indigo-600 {
+    background-color: #5e68bc;
   }
 
-  .lg\:bg-pink-light {
-    background-color: #fa7ea8;
+  .lg\:bg-indigo-700 {
+    background-color: #5154a1;
   }
 
-  .lg\:bg-pink-lighter {
-    background-color: #ffbbca;
+  .lg\:bg-indigo-800 {
+    background-color: #42417f;
   }
 
-  .lg\:bg-pink-lightest {
-    background-color: #ffebef;
+  .lg\:bg-indigo-900 {
+    background-color: #37366a;
+  }
+
+  .lg\:bg-purple-100 {
+    background-color: #faf5ff;
+  }
+
+  .lg\:bg-purple-200 {
+    background-color: #eddffd;
+  }
+
+  .lg\:bg-purple-300 {
+    background-color: #dcc7fb;
+  }
+
+  .lg\:bg-purple-400 {
+    background-color: #b18af4;
+  }
+
+  .lg\:bg-purple-500 {
+    background-color: #976de9;
+  }
+
+  .lg\:bg-purple-600 {
+    background-color: #7c54d5;
+  }
+
+  .lg\:bg-purple-700 {
+    background-color: #6845b9;
+  }
+
+  .lg\:bg-purple-800 {
+    background-color: #4d368a;
+  }
+
+  .lg\:bg-purple-900 {
+    background-color: #3b2c6c;
+  }
+
+  .lg\:bg-pink-100 {
+    background-color: #fff2f4;
+  }
+
+  .lg\:bg-pink-200 {
+    background-color: #fedee4;
+  }
+
+  .lg\:bg-pink-300 {
+    background-color: #fcbccb;
+  }
+
+  .lg\:bg-pink-400 {
+    background-color: #f786a7;
+  }
+
+  .lg\:bg-pink-500 {
+    background-color: #ed588b;
+  }
+
+  .lg\:bg-pink-600 {
+    background-color: #d9447b;
+  }
+
+  .lg\:bg-pink-700 {
+    background-color: #b32f62;
+  }
+
+  .lg\:bg-pink-800 {
+    background-color: #8d2450;
+  }
+
+  .lg\:bg-pink-900 {
+    background-color: #741c46;
+  }
+
+  .lg\:bg-grey-100 {
+    background-color: #f8fcfe;
+  }
+
+  .lg\:bg-grey-200 {
+    background-color: #f1f5fb;
+  }
+
+  .lg\:bg-grey-300 {
+    background-color: #e2e9f0;
+  }
+
+  .lg\:bg-grey-400 {
+    background-color: #bbc5cf;
+  }
+
+  .lg\:bg-grey-500 {
+    background-color: #a3b0bd;
+  }
+
+  .lg\:bg-grey-600 {
+    background-color: #7a8996;
+  }
+
+  .lg\:bg-grey-700 {
+    background-color: #5a6977;
+  }
+
+  .lg\:bg-grey-800 {
+    background-color: #2e3a45;
+  }
+
+  .lg\:bg-grey-900 {
+    background-color: #1f2830;
   }
 
   .lg\:hover\:bg-transparent:hover {
@@ -18992,291 +21236,372 @@ samp {
   }
 
   .lg\:hover\:bg-black:hover {
-    background-color: #22292f;
-  }
-
-  .lg\:hover\:bg-grey-darkest:hover {
-    background-color: #3d4852;
-  }
-
-  .lg\:hover\:bg-grey-darker:hover {
-    background-color: #606f7b;
-  }
-
-  .lg\:hover\:bg-grey-dark:hover {
-    background-color: #8795a1;
-  }
-
-  .lg\:hover\:bg-grey:hover {
-    background-color: #b8c2cc;
-  }
-
-  .lg\:hover\:bg-grey-light:hover {
-    background-color: #dae1e7;
-  }
-
-  .lg\:hover\:bg-grey-lighter:hover {
-    background-color: #f1f5f8;
-  }
-
-  .lg\:hover\:bg-grey-lightest:hover {
-    background-color: #f8fafc;
+    background-color: #000;
   }
 
   .lg\:hover\:bg-white:hover {
     background-color: #fff;
   }
 
-  .lg\:hover\:bg-red-darkest:hover {
-    background-color: #3b0d0c;
+  .lg\:hover\:bg-teal-100:hover {
+    background-color: #ebfffc;
   }
 
-  .lg\:hover\:bg-red-darker:hover {
-    background-color: #621b18;
+  .lg\:hover\:bg-teal-200:hover {
+    background-color: #b3f1e9;
   }
 
-  .lg\:hover\:bg-red-dark:hover {
-    background-color: #cc1f1a;
+  .lg\:hover\:bg-teal-300:hover {
+    background-color: #82e1d7;
   }
 
-  .lg\:hover\:bg-red:hover {
-    background-color: #e3342f;
+  .lg\:hover\:bg-teal-400:hover {
+    background-color: #60cfc5;
   }
 
-  .lg\:hover\:bg-red-light:hover {
-    background-color: #ef5753;
+  .lg\:hover\:bg-teal-500:hover {
+    background-color: #49bab2;
   }
 
-  .lg\:hover\:bg-red-lighter:hover {
-    background-color: #f9acaa;
+  .lg\:hover\:bg-teal-600:hover {
+    background-color: #3ea39f;
   }
 
-  .lg\:hover\:bg-red-lightest:hover {
-    background-color: #fcebea;
+  .lg\:hover\:bg-teal-700:hover {
+    background-color: #378786;
   }
 
-  .lg\:hover\:bg-orange-darkest:hover {
-    background-color: #462a16;
+  .lg\:hover\:bg-teal-800:hover {
+    background-color: #316769;
   }
 
-  .lg\:hover\:bg-orange-darker:hover {
-    background-color: #613b1f;
+  .lg\:hover\:bg-teal-900:hover {
+    background-color: #265152;
   }
 
-  .lg\:hover\:bg-orange-dark:hover {
-    background-color: #de751f;
+  .lg\:hover\:bg-red-100:hover {
+    background-color: #fff5f5;
   }
 
-  .lg\:hover\:bg-orange:hover {
-    background-color: #f6993f;
+  .lg\:hover\:bg-red-200:hover {
+    background-color: #fee3e3;
   }
 
-  .lg\:hover\:bg-orange-light:hover {
-    background-color: #faad63;
+  .lg\:hover\:bg-red-300:hover {
+    background-color: #febcbc;
   }
 
-  .lg\:hover\:bg-orange-lighter:hover {
-    background-color: #fcd9b6;
+  .lg\:hover\:bg-red-400:hover {
+    background-color: #fd9292;
   }
 
-  .lg\:hover\:bg-orange-lightest:hover {
-    background-color: #fff5eb;
+  .lg\:hover\:bg-red-500:hover {
+    background-color: #f95e5f;
   }
 
-  .lg\:hover\:bg-yellow-darkest:hover {
-    background-color: #453411;
+  .lg\:hover\:bg-red-600:hover {
+    background-color: #ec454e;
   }
 
-  .lg\:hover\:bg-yellow-darker:hover {
-    background-color: #684f1d;
+  .lg\:hover\:bg-red-700:hover {
+    background-color: #dc3448;
   }
 
-  .lg\:hover\:bg-yellow-dark:hover {
-    background-color: #f2d024;
+  .lg\:hover\:bg-red-800:hover {
+    background-color: #b4203b;
   }
 
-  .lg\:hover\:bg-yellow:hover {
-    background-color: #ffed4a;
+  .lg\:hover\:bg-red-900:hover {
+    background-color: #801b33;
   }
 
-  .lg\:hover\:bg-yellow-light:hover {
-    background-color: #fff382;
+  .lg\:hover\:bg-orange-100:hover {
+    background-color: #fffaef;
   }
 
-  .lg\:hover\:bg-yellow-lighter:hover {
-    background-color: #fff9c2;
+  .lg\:hover\:bg-orange-200:hover {
+    background-color: #fee8c1;
+>>>>>>> Replace 0.x colors with rough draft of 1.0 colors
   }
 
-  .lg\:hover\:bg-yellow-lightest:hover {
-    background-color: #fcfbeb;
+  .lg\:hover\:bg-orange-300:hover {
+    background-color: #fbd087;
   }
 
-  .lg\:hover\:bg-green-darkest:hover {
-    background-color: #0f2f21;
+  .lg\:hover\:bg-orange-400:hover {
+    background-color: #f6aa4f;
   }
 
-  .lg\:hover\:bg-green-darker:hover {
-    background-color: #1a4731;
+  .lg\:hover\:bg-orange-500:hover {
+    background-color: #ec832b;
   }
 
-  .lg\:hover\:bg-green-dark:hover {
-    background-color: #1f9d55;
+  .lg\:hover\:bg-orange-600:hover {
+    background-color: #df6d22;
   }
 
-  .lg\:hover\:bg-green:hover {
-    background-color: #38c172;
+  .lg\:hover\:bg-orange-700:hover {
+    background-color: #c55822;
   }
 
-  .lg\:hover\:bg-green-light:hover {
-    background-color: #51d88a;
+  .lg\:hover\:bg-orange-800:hover {
+    background-color: #9f4423;
   }
 
-  .lg\:hover\:bg-green-lighter:hover {
-    background-color: #a2f5bf;
+  .lg\:hover\:bg-orange-900:hover {
+    background-color: #70311e;
   }
 
-  .lg\:hover\:bg-green-lightest:hover {
-    background-color: #e3fcec;
+  .lg\:hover\:bg-yellow-100:hover {
+    background-color: #ffffeb;
   }
 
-  .lg\:hover\:bg-teal-darkest:hover {
-    background-color: #0d3331;
+  .lg\:hover\:bg-yellow-200:hover {
+    background-color: #fefcbf;
   }
 
-  .lg\:hover\:bg-teal-darker:hover {
-    background-color: #20504f;
+  .lg\:hover\:bg-yellow-300:hover {
+    background-color: #fbf189;
   }
 
-  .lg\:hover\:bg-teal-dark:hover {
-    background-color: #38a89d;
+  .lg\:hover\:bg-yellow-400:hover {
+    background-color: #f6e05e;
   }
 
-  .lg\:hover\:bg-teal:hover {
-    background-color: #4dc0b5;
+  .lg\:hover\:bg-yellow-500:hover {
+    background-color: #ebc743;
   }
 
-  .lg\:hover\:bg-teal-light:hover {
-    background-color: #64d5ca;
+  .lg\:hover\:bg-yellow-600:hover {
+    background-color: #d69e2e;
   }
 
-  .lg\:hover\:bg-teal-lighter:hover {
-    background-color: #a0f0ed;
+  .lg\:hover\:bg-yellow-700:hover {
+    background-color: #b7791f;
   }
 
-  .lg\:hover\:bg-teal-lightest:hover {
-    background-color: #e8fffe;
+  .lg\:hover\:bg-yellow-800:hover {
+    background-color: #8d5415;
   }
 
-  .lg\:hover\:bg-blue-darkest:hover {
-    background-color: #12283a;
+  .lg\:hover\:bg-yellow-900:hover {
+    background-color: #66390e;
   }
 
-  .lg\:hover\:bg-blue-darker:hover {
-    background-color: #1c3d5a;
+  .lg\:hover\:bg-green-100:hover {
+    background-color: #e9ffe9;
   }
 
-  .lg\:hover\:bg-blue-dark:hover {
-    background-color: #2779bd;
+  .lg\:hover\:bg-green-200:hover {
+    background-color: #c1f5c5;
   }
 
-  .lg\:hover\:bg-blue:hover {
-    background-color: #3490dc;
+  .lg\:hover\:bg-green-300:hover {
+    background-color: #9ae6a8;
   }
 
-  .lg\:hover\:bg-blue-light:hover {
-    background-color: #6cb2eb;
+  .lg\:hover\:bg-green-400:hover {
+    background-color: #68d391;
   }
 
-  .lg\:hover\:bg-blue-lighter:hover {
-    background-color: #bcdefa;
+  .lg\:hover\:bg-green-500:hover {
+    background-color: #48bb87;
   }
 
-  .lg\:hover\:bg-blue-lightest:hover {
-    background-color: #eff8ff;
+  .lg\:hover\:bg-green-600:hover {
+    background-color: #38a181;
   }
 
-  .lg\:hover\:bg-indigo-darkest:hover {
-    background-color: #191e38;
+  .lg\:hover\:bg-green-700:hover {
+    background-color: #2f8572;
   }
 
-  .lg\:hover\:bg-indigo-darker:hover {
-    background-color: #2f365f;
+  .lg\:hover\:bg-green-800:hover {
+    background-color: #28695c;
   }
 
-  .lg\:hover\:bg-indigo-dark:hover {
-    background-color: #5661b3;
+  .lg\:hover\:bg-green-900:hover {
+    background-color: #22544b;
   }
 
-  .lg\:hover\:bg-indigo:hover {
-    background-color: #6574cd;
+  .lg\:hover\:bg-blue-100:hover {
+    background-color: #f1fafd;
   }
 
-  .lg\:hover\:bg-indigo-light:hover {
-    background-color: #7886d7;
+  .lg\:hover\:bg-blue-200:hover {
+    background-color: #caedfa;
   }
 
-  .lg\:hover\:bg-indigo-lighter:hover {
-    background-color: #b2b7ff;
+  .lg\:hover\:bg-blue-300:hover {
+    background-color: #87d3f3;
   }
 
-  .lg\:hover\:bg-indigo-lightest:hover {
-    background-color: #e6e8ff;
+  .lg\:hover\:bg-blue-400:hover {
+    background-color: #57b9ec;
   }
 
-  .lg\:hover\:bg-purple-darkest:hover {
-    background-color: #21183c;
+  .lg\:hover\:bg-blue-500:hover {
+    background-color: #3a9adf;
   }
 
-  .lg\:hover\:bg-purple-darker:hover {
-    background-color: #382b5f;
+  .lg\:hover\:bg-blue-600:hover {
+    background-color: #2b7cc4;
   }
 
-  .lg\:hover\:bg-purple-dark:hover {
-    background-color: #794acf;
+  .lg\:hover\:bg-blue-700:hover {
+    background-color: #2762a3;
   }
 
-  .lg\:hover\:bg-purple:hover {
-    background-color: #9561e2;
+  .lg\:hover\:bg-blue-800:hover {
+    background-color: #284f81;
   }
 
-  .lg\:hover\:bg-purple-light:hover {
-    background-color: #a779e9;
+  .lg\:hover\:bg-blue-900:hover {
+    background-color: #294468;
   }
 
-  .lg\:hover\:bg-purple-lighter:hover {
-    background-color: #d6bbfc;
+  .lg\:hover\:bg-indigo-100:hover {
+    background-color: #eef6ff;
   }
 
-  .lg\:hover\:bg-purple-lightest:hover {
-    background-color: #f3ebff;
+  .lg\:hover\:bg-indigo-200:hover {
+    background-color: #cbe0f9;
   }
 
-  .lg\:hover\:bg-pink-darkest:hover {
-    background-color: #451225;
+  .lg\:hover\:bg-indigo-300:hover {
+    background-color: #a6c5f0;
   }
 
-  .lg\:hover\:bg-pink-darker:hover {
-    background-color: #6f213f;
+  .lg\:hover\:bg-indigo-400:hover {
+    background-color: #82a2e3;
   }
 
-  .lg\:hover\:bg-pink-dark:hover {
-    background-color: #eb5286;
+  .lg\:hover\:bg-indigo-500:hover {
+    background-color: #6d80d3;
   }
 
-  .lg\:hover\:bg-pink:hover {
-    background-color: #f66d9b;
+  .lg\:hover\:bg-indigo-600:hover {
+    background-color: #5e68bc;
   }
 
-  .lg\:hover\:bg-pink-light:hover {
-    background-color: #fa7ea8;
+  .lg\:hover\:bg-indigo-700:hover {
+    background-color: #5154a1;
   }
 
-  .lg\:hover\:bg-pink-lighter:hover {
-    background-color: #ffbbca;
+  .lg\:hover\:bg-indigo-800:hover {
+    background-color: #42417f;
   }
 
-  .lg\:hover\:bg-pink-lightest:hover {
-    background-color: #ffebef;
+  .lg\:hover\:bg-indigo-900:hover {
+    background-color: #37366a;
+  }
+
+  .lg\:hover\:bg-purple-100:hover {
+    background-color: #faf5ff;
+  }
+
+  .lg\:hover\:bg-purple-200:hover {
+    background-color: #eddffd;
+  }
+
+  .lg\:hover\:bg-purple-300:hover {
+    background-color: #dcc7fb;
+  }
+
+  .lg\:hover\:bg-purple-400:hover {
+    background-color: #b18af4;
+  }
+
+  .lg\:hover\:bg-purple-500:hover {
+    background-color: #976de9;
+  }
+
+  .lg\:hover\:bg-purple-600:hover {
+    background-color: #7c54d5;
+  }
+
+  .lg\:hover\:bg-purple-700:hover {
+    background-color: #6845b9;
+  }
+
+  .lg\:hover\:bg-purple-800:hover {
+    background-color: #4d368a;
+  }
+
+  .lg\:hover\:bg-purple-900:hover {
+    background-color: #3b2c6c;
+  }
+
+  .lg\:hover\:bg-pink-100:hover {
+    background-color: #fff2f4;
+  }
+
+  .lg\:hover\:bg-pink-200:hover {
+    background-color: #fedee4;
+  }
+
+  .lg\:hover\:bg-pink-300:hover {
+    background-color: #fcbccb;
+  }
+
+  .lg\:hover\:bg-pink-400:hover {
+    background-color: #f786a7;
+  }
+
+  .lg\:hover\:bg-pink-500:hover {
+    background-color: #ed588b;
+  }
+
+  .lg\:hover\:bg-pink-600:hover {
+    background-color: #d9447b;
+  }
+
+  .lg\:hover\:bg-pink-700:hover {
+    background-color: #b32f62;
+  }
+
+  .lg\:hover\:bg-pink-800:hover {
+    background-color: #8d2450;
+  }
+
+  .lg\:hover\:bg-pink-900:hover {
+    background-color: #741c46;
+  }
+
+  .lg\:hover\:bg-grey-100:hover {
+    background-color: #f8fcfe;
+  }
+
+  .lg\:hover\:bg-grey-200:hover {
+    background-color: #f1f5fb;
+  }
+
+  .lg\:hover\:bg-grey-300:hover {
+    background-color: #e2e9f0;
+  }
+
+  .lg\:hover\:bg-grey-400:hover {
+    background-color: #bbc5cf;
+  }
+
+  .lg\:hover\:bg-grey-500:hover {
+    background-color: #a3b0bd;
+  }
+
+  .lg\:hover\:bg-grey-600:hover {
+    background-color: #7a8996;
+  }
+
+  .lg\:hover\:bg-grey-700:hover {
+    background-color: #5a6977;
+  }
+
+  .lg\:hover\:bg-grey-800:hover {
+    background-color: #2e3a45;
+  }
+
+  .lg\:hover\:bg-grey-900:hover {
+    background-color: #1f2830;
   }
 
   .lg\:focus\:bg-transparent:focus {
@@ -19284,291 +21609,371 @@ samp {
   }
 
   .lg\:focus\:bg-black:focus {
-    background-color: #22292f;
-  }
-
-  .lg\:focus\:bg-grey-darkest:focus {
-    background-color: #3d4852;
-  }
-
-  .lg\:focus\:bg-grey-darker:focus {
-    background-color: #606f7b;
-  }
-
-  .lg\:focus\:bg-grey-dark:focus {
-    background-color: #8795a1;
-  }
-
-  .lg\:focus\:bg-grey:focus {
-    background-color: #b8c2cc;
-  }
-
-  .lg\:focus\:bg-grey-light:focus {
-    background-color: #dae1e7;
-  }
-
-  .lg\:focus\:bg-grey-lighter:focus {
-    background-color: #f1f5f8;
-  }
-
-  .lg\:focus\:bg-grey-lightest:focus {
-    background-color: #f8fafc;
+    background-color: #000;
   }
 
   .lg\:focus\:bg-white:focus {
     background-color: #fff;
   }
 
-  .lg\:focus\:bg-red-darkest:focus {
-    background-color: #3b0d0c;
+  .lg\:focus\:bg-teal-100:focus {
+    background-color: #ebfffc;
   }
 
-  .lg\:focus\:bg-red-darker:focus {
-    background-color: #621b18;
+  .lg\:focus\:bg-teal-200:focus {
+    background-color: #b3f1e9;
   }
 
-  .lg\:focus\:bg-red-dark:focus {
-    background-color: #cc1f1a;
+  .lg\:focus\:bg-teal-300:focus {
+    background-color: #82e1d7;
   }
 
-  .lg\:focus\:bg-red:focus {
-    background-color: #e3342f;
+  .lg\:focus\:bg-teal-400:focus {
+    background-color: #60cfc5;
   }
 
-  .lg\:focus\:bg-red-light:focus {
-    background-color: #ef5753;
+  .lg\:focus\:bg-teal-500:focus {
+    background-color: #49bab2;
   }
 
-  .lg\:focus\:bg-red-lighter:focus {
-    background-color: #f9acaa;
+  .lg\:focus\:bg-teal-600:focus {
+    background-color: #3ea39f;
   }
 
-  .lg\:focus\:bg-red-lightest:focus {
-    background-color: #fcebea;
+  .lg\:focus\:bg-teal-700:focus {
+    background-color: #378786;
   }
 
-  .lg\:focus\:bg-orange-darkest:focus {
-    background-color: #462a16;
+  .lg\:focus\:bg-teal-800:focus {
+    background-color: #316769;
   }
 
-  .lg\:focus\:bg-orange-darker:focus {
-    background-color: #613b1f;
+  .lg\:focus\:bg-teal-900:focus {
+    background-color: #265152;
   }
 
-  .lg\:focus\:bg-orange-dark:focus {
-    background-color: #de751f;
+  .lg\:focus\:bg-red-100:focus {
+    background-color: #fff5f5;
   }
 
-  .lg\:focus\:bg-orange:focus {
-    background-color: #f6993f;
+  .lg\:focus\:bg-red-200:focus {
+    background-color: #fee3e3;
   }
 
-  .lg\:focus\:bg-orange-light:focus {
-    background-color: #faad63;
+  .lg\:focus\:bg-red-300:focus {
+    background-color: #febcbc;
   }
 
-  .lg\:focus\:bg-orange-lighter:focus {
-    background-color: #fcd9b6;
+  .lg\:focus\:bg-red-400:focus {
+    background-color: #fd9292;
   }
 
-  .lg\:focus\:bg-orange-lightest:focus {
-    background-color: #fff5eb;
+  .lg\:focus\:bg-red-500:focus {
+    background-color: #f95e5f;
   }
 
-  .lg\:focus\:bg-yellow-darkest:focus {
-    background-color: #453411;
+  .lg\:focus\:bg-red-600:focus {
+    background-color: #ec454e;
   }
 
-  .lg\:focus\:bg-yellow-darker:focus {
-    background-color: #684f1d;
+  .lg\:focus\:bg-red-700:focus {
+    background-color: #dc3448;
   }
 
-  .lg\:focus\:bg-yellow-dark:focus {
-    background-color: #f2d024;
+  .lg\:focus\:bg-red-800:focus {
+    background-color: #b4203b;
   }
 
-  .lg\:focus\:bg-yellow:focus {
-    background-color: #ffed4a;
+  .lg\:focus\:bg-red-900:focus {
+    background-color: #801b33;
   }
 
-  .lg\:focus\:bg-yellow-light:focus {
-    background-color: #fff382;
+  .lg\:focus\:bg-orange-100:focus {
+    background-color: #fffaef;
   }
 
-  .lg\:focus\:bg-yellow-lighter:focus {
-    background-color: #fff9c2;
+  .lg\:focus\:bg-orange-200:focus {
+    background-color: #fee8c1;
   }
 
-  .lg\:focus\:bg-yellow-lightest:focus {
-    background-color: #fcfbeb;
+  .lg\:focus\:bg-orange-300:focus {
+    background-color: #fbd087;
   }
 
-  .lg\:focus\:bg-green-darkest:focus {
-    background-color: #0f2f21;
+  .lg\:focus\:bg-orange-400:focus {
+    background-color: #f6aa4f;
   }
 
-  .lg\:focus\:bg-green-darker:focus {
-    background-color: #1a4731;
+  .lg\:focus\:bg-orange-500:focus {
+    background-color: #ec832b;
   }
 
-  .lg\:focus\:bg-green-dark:focus {
-    background-color: #1f9d55;
+  .lg\:focus\:bg-orange-600:focus {
+    background-color: #df6d22;
   }
 
-  .lg\:focus\:bg-green:focus {
-    background-color: #38c172;
+  .lg\:focus\:bg-orange-700:focus {
+    background-color: #c55822;
   }
 
-  .lg\:focus\:bg-green-light:focus {
-    background-color: #51d88a;
+  .lg\:focus\:bg-orange-800:focus {
+    background-color: #9f4423;
   }
 
-  .lg\:focus\:bg-green-lighter:focus {
-    background-color: #a2f5bf;
+  .lg\:focus\:bg-orange-900:focus {
+    background-color: #70311e;
   }
 
-  .lg\:focus\:bg-green-lightest:focus {
-    background-color: #e3fcec;
+  .lg\:focus\:bg-yellow-100:focus {
+    background-color: #ffffeb;
   }
 
-  .lg\:focus\:bg-teal-darkest:focus {
-    background-color: #0d3331;
+  .lg\:focus\:bg-yellow-200:focus {
+    background-color: #fefcbf;
   }
 
-  .lg\:focus\:bg-teal-darker:focus {
-    background-color: #20504f;
+  .lg\:focus\:bg-yellow-300:focus {
+    background-color: #fbf189;
   }
 
-  .lg\:focus\:bg-teal-dark:focus {
-    background-color: #38a89d;
+  .lg\:focus\:bg-yellow-400:focus {
+    background-color: #f6e05e;
   }
 
-  .lg\:focus\:bg-teal:focus {
-    background-color: #4dc0b5;
+  .lg\:focus\:bg-yellow-500:focus {
+    background-color: #ebc743;
   }
 
-  .lg\:focus\:bg-teal-light:focus {
-    background-color: #64d5ca;
+  .lg\:focus\:bg-yellow-600:focus {
+    background-color: #d69e2e;
   }
 
-  .lg\:focus\:bg-teal-lighter:focus {
-    background-color: #a0f0ed;
+  .lg\:focus\:bg-yellow-700:focus {
+    background-color: #b7791f;
   }
 
-  .lg\:focus\:bg-teal-lightest:focus {
-    background-color: #e8fffe;
+  .lg\:focus\:bg-yellow-800:focus {
+    background-color: #8d5415;
   }
 
-  .lg\:focus\:bg-blue-darkest:focus {
-    background-color: #12283a;
+  .lg\:focus\:bg-yellow-900:focus {
+    background-color: #66390e;
   }
 
-  .lg\:focus\:bg-blue-darker:focus {
-    background-color: #1c3d5a;
+  .lg\:focus\:bg-green-100:focus {
+    background-color: #e9ffe9;
   }
 
-  .lg\:focus\:bg-blue-dark:focus {
-    background-color: #2779bd;
+  .lg\:focus\:bg-green-200:focus {
+    background-color: #c1f5c5;
   }
 
-  .lg\:focus\:bg-blue:focus {
-    background-color: #3490dc;
+  .lg\:focus\:bg-green-300:focus {
+    background-color: #9ae6a8;
   }
 
-  .lg\:focus\:bg-blue-light:focus {
-    background-color: #6cb2eb;
+  .lg\:focus\:bg-green-400:focus {
+    background-color: #68d391;
   }
 
-  .lg\:focus\:bg-blue-lighter:focus {
-    background-color: #bcdefa;
+  .lg\:focus\:bg-green-500:focus {
+    background-color: #48bb87;
   }
 
-  .lg\:focus\:bg-blue-lightest:focus {
-    background-color: #eff8ff;
+  .lg\:focus\:bg-green-600:focus {
+    background-color: #38a181;
   }
 
-  .lg\:focus\:bg-indigo-darkest:focus {
-    background-color: #191e38;
+  .lg\:focus\:bg-green-700:focus {
+    background-color: #2f8572;
   }
 
-  .lg\:focus\:bg-indigo-darker:focus {
-    background-color: #2f365f;
+  .lg\:focus\:bg-green-800:focus {
+    background-color: #28695c;
   }
 
-  .lg\:focus\:bg-indigo-dark:focus {
-    background-color: #5661b3;
+  .lg\:focus\:bg-green-900:focus {
+    background-color: #22544b;
   }
 
-  .lg\:focus\:bg-indigo:focus {
-    background-color: #6574cd;
+  .lg\:focus\:bg-blue-100:focus {
+    background-color: #f1fafd;
   }
 
-  .lg\:focus\:bg-indigo-light:focus {
-    background-color: #7886d7;
+  .lg\:focus\:bg-blue-200:focus {
+    background-color: #caedfa;
   }
 
-  .lg\:focus\:bg-indigo-lighter:focus {
-    background-color: #b2b7ff;
+  .lg\:focus\:bg-blue-300:focus {
+    background-color: #87d3f3;
   }
 
-  .lg\:focus\:bg-indigo-lightest:focus {
-    background-color: #e6e8ff;
+  .lg\:focus\:bg-blue-400:focus {
+    background-color: #57b9ec;
   }
 
-  .lg\:focus\:bg-purple-darkest:focus {
-    background-color: #21183c;
+  .lg\:focus\:bg-blue-500:focus {
+    background-color: #3a9adf;
   }
 
-  .lg\:focus\:bg-purple-darker:focus {
-    background-color: #382b5f;
+  .lg\:focus\:bg-blue-600:focus {
+    background-color: #2b7cc4;
   }
 
-  .lg\:focus\:bg-purple-dark:focus {
-    background-color: #794acf;
+  .lg\:focus\:bg-blue-700:focus {
+    background-color: #2762a3;
   }
 
-  .lg\:focus\:bg-purple:focus {
-    background-color: #9561e2;
+  .lg\:focus\:bg-blue-800:focus {
+    background-color: #284f81;
   }
 
-  .lg\:focus\:bg-purple-light:focus {
-    background-color: #a779e9;
+  .lg\:focus\:bg-blue-900:focus {
+    background-color: #294468;
   }
 
-  .lg\:focus\:bg-purple-lighter:focus {
-    background-color: #d6bbfc;
+  .lg\:focus\:bg-indigo-100:focus {
+    background-color: #eef6ff;
   }
 
-  .lg\:focus\:bg-purple-lightest:focus {
-    background-color: #f3ebff;
+  .lg\:focus\:bg-indigo-200:focus {
+    background-color: #cbe0f9;
   }
 
-  .lg\:focus\:bg-pink-darkest:focus {
-    background-color: #451225;
+  .lg\:focus\:bg-indigo-300:focus {
+    background-color: #a6c5f0;
   }
 
-  .lg\:focus\:bg-pink-darker:focus {
-    background-color: #6f213f;
+  .lg\:focus\:bg-indigo-400:focus {
+    background-color: #82a2e3;
   }
 
-  .lg\:focus\:bg-pink-dark:focus {
-    background-color: #eb5286;
+  .lg\:focus\:bg-indigo-500:focus {
+    background-color: #6d80d3;
   }
 
-  .lg\:focus\:bg-pink:focus {
-    background-color: #f66d9b;
+  .lg\:focus\:bg-indigo-600:focus {
+    background-color: #5e68bc;
   }
 
-  .lg\:focus\:bg-pink-light:focus {
-    background-color: #fa7ea8;
+  .lg\:focus\:bg-indigo-700:focus {
+    background-color: #5154a1;
   }
 
-  .lg\:focus\:bg-pink-lighter:focus {
-    background-color: #ffbbca;
+  .lg\:focus\:bg-indigo-800:focus {
+    background-color: #42417f;
   }
 
-  .lg\:focus\:bg-pink-lightest:focus {
-    background-color: #ffebef;
+  .lg\:focus\:bg-indigo-900:focus {
+    background-color: #37366a;
+  }
+
+  .lg\:focus\:bg-purple-100:focus {
+    background-color: #faf5ff;
+  }
+
+  .lg\:focus\:bg-purple-200:focus {
+    background-color: #eddffd;
+  }
+
+  .lg\:focus\:bg-purple-300:focus {
+    background-color: #dcc7fb;
+  }
+
+  .lg\:focus\:bg-purple-400:focus {
+    background-color: #b18af4;
+  }
+
+  .lg\:focus\:bg-purple-500:focus {
+    background-color: #976de9;
+  }
+
+  .lg\:focus\:bg-purple-600:focus {
+    background-color: #7c54d5;
+  }
+
+  .lg\:focus\:bg-purple-700:focus {
+    background-color: #6845b9;
+  }
+
+  .lg\:focus\:bg-purple-800:focus {
+    background-color: #4d368a;
+  }
+
+  .lg\:focus\:bg-purple-900:focus {
+    background-color: #3b2c6c;
+  }
+
+  .lg\:focus\:bg-pink-100:focus {
+    background-color: #fff2f4;
+  }
+
+  .lg\:focus\:bg-pink-200:focus {
+    background-color: #fedee4;
+  }
+
+  .lg\:focus\:bg-pink-300:focus {
+    background-color: #fcbccb;
+  }
+
+  .lg\:focus\:bg-pink-400:focus {
+    background-color: #f786a7;
+  }
+
+  .lg\:focus\:bg-pink-500:focus {
+    background-color: #ed588b;
+  }
+
+  .lg\:focus\:bg-pink-600:focus {
+    background-color: #d9447b;
+  }
+
+  .lg\:focus\:bg-pink-700:focus {
+    background-color: #b32f62;
+  }
+
+  .lg\:focus\:bg-pink-800:focus {
+    background-color: #8d2450;
+  }
+
+  .lg\:focus\:bg-pink-900:focus {
+    background-color: #741c46;
+  }
+
+  .lg\:focus\:bg-grey-100:focus {
+    background-color: #f8fcfe;
+  }
+
+  .lg\:focus\:bg-grey-200:focus {
+    background-color: #f1f5fb;
+  }
+
+  .lg\:focus\:bg-grey-300:focus {
+    background-color: #e2e9f0;
+  }
+
+  .lg\:focus\:bg-grey-400:focus {
+    background-color: #bbc5cf;
+  }
+
+  .lg\:focus\:bg-grey-500:focus {
+    background-color: #a3b0bd;
+  }
+
+  .lg\:focus\:bg-grey-600:focus {
+    background-color: #7a8996;
+  }
+
+  .lg\:focus\:bg-grey-700:focus {
+    background-color: #5a6977;
+  }
+
+  .lg\:focus\:bg-grey-800:focus {
+    background-color: #2e3a45;
+  }
+
+  .lg\:focus\:bg-grey-900:focus {
+    background-color: #1f2830;
   }
 
   .lg\:bg-bottom {
@@ -19640,291 +22045,371 @@ samp {
   }
 
   .lg\:border-black {
-    border-color: #22292f;
-  }
-
-  .lg\:border-grey-darkest {
-    border-color: #3d4852;
-  }
-
-  .lg\:border-grey-darker {
-    border-color: #606f7b;
-  }
-
-  .lg\:border-grey-dark {
-    border-color: #8795a1;
-  }
-
-  .lg\:border-grey {
-    border-color: #b8c2cc;
-  }
-
-  .lg\:border-grey-light {
-    border-color: #dae1e7;
-  }
-
-  .lg\:border-grey-lighter {
-    border-color: #f1f5f8;
-  }
-
-  .lg\:border-grey-lightest {
-    border-color: #f8fafc;
+    border-color: #000;
   }
 
   .lg\:border-white {
     border-color: #fff;
   }
 
-  .lg\:border-red-darkest {
-    border-color: #3b0d0c;
+  .lg\:border-teal-100 {
+    border-color: #ebfffc;
   }
 
-  .lg\:border-red-darker {
-    border-color: #621b18;
+  .lg\:border-teal-200 {
+    border-color: #b3f1e9;
   }
 
-  .lg\:border-red-dark {
-    border-color: #cc1f1a;
+  .lg\:border-teal-300 {
+    border-color: #82e1d7;
   }
 
-  .lg\:border-red {
-    border-color: #e3342f;
+  .lg\:border-teal-400 {
+    border-color: #60cfc5;
   }
 
-  .lg\:border-red-light {
-    border-color: #ef5753;
+  .lg\:border-teal-500 {
+    border-color: #49bab2;
   }
 
-  .lg\:border-red-lighter {
-    border-color: #f9acaa;
+  .lg\:border-teal-600 {
+    border-color: #3ea39f;
   }
 
-  .lg\:border-red-lightest {
-    border-color: #fcebea;
+  .lg\:border-teal-700 {
+    border-color: #378786;
   }
 
-  .lg\:border-orange-darkest {
-    border-color: #462a16;
+  .lg\:border-teal-800 {
+    border-color: #316769;
   }
 
-  .lg\:border-orange-darker {
-    border-color: #613b1f;
+  .lg\:border-teal-900 {
+    border-color: #265152;
   }
 
-  .lg\:border-orange-dark {
-    border-color: #de751f;
+  .lg\:border-red-100 {
+    border-color: #fff5f5;
   }
 
-  .lg\:border-orange {
-    border-color: #f6993f;
+  .lg\:border-red-200 {
+    border-color: #fee3e3;
   }
 
-  .lg\:border-orange-light {
-    border-color: #faad63;
+  .lg\:border-red-300 {
+    border-color: #febcbc;
   }
 
-  .lg\:border-orange-lighter {
-    border-color: #fcd9b6;
+  .lg\:border-red-400 {
+    border-color: #fd9292;
   }
 
-  .lg\:border-orange-lightest {
-    border-color: #fff5eb;
+  .lg\:border-red-500 {
+    border-color: #f95e5f;
   }
 
-  .lg\:border-yellow-darkest {
-    border-color: #453411;
+  .lg\:border-red-600 {
+    border-color: #ec454e;
   }
 
-  .lg\:border-yellow-darker {
-    border-color: #684f1d;
+  .lg\:border-red-700 {
+    border-color: #dc3448;
   }
 
-  .lg\:border-yellow-dark {
-    border-color: #f2d024;
+  .lg\:border-red-800 {
+    border-color: #b4203b;
   }
 
-  .lg\:border-yellow {
-    border-color: #ffed4a;
+  .lg\:border-red-900 {
+    border-color: #801b33;
   }
 
-  .lg\:border-yellow-light {
-    border-color: #fff382;
+  .lg\:border-orange-100 {
+    border-color: #fffaef;
   }
 
-  .lg\:border-yellow-lighter {
-    border-color: #fff9c2;
+  .lg\:border-orange-200 {
+    border-color: #fee8c1;
   }
 
-  .lg\:border-yellow-lightest {
-    border-color: #fcfbeb;
+  .lg\:border-orange-300 {
+    border-color: #fbd087;
   }
 
-  .lg\:border-green-darkest {
-    border-color: #0f2f21;
+  .lg\:border-orange-400 {
+    border-color: #f6aa4f;
   }
 
-  .lg\:border-green-darker {
-    border-color: #1a4731;
+  .lg\:border-orange-500 {
+    border-color: #ec832b;
   }
 
-  .lg\:border-green-dark {
-    border-color: #1f9d55;
+  .lg\:border-orange-600 {
+    border-color: #df6d22;
   }
 
-  .lg\:border-green {
-    border-color: #38c172;
+  .lg\:border-orange-700 {
+    border-color: #c55822;
   }
 
-  .lg\:border-green-light {
-    border-color: #51d88a;
+  .lg\:border-orange-800 {
+    border-color: #9f4423;
   }
 
-  .lg\:border-green-lighter {
-    border-color: #a2f5bf;
+  .lg\:border-orange-900 {
+    border-color: #70311e;
   }
 
-  .lg\:border-green-lightest {
-    border-color: #e3fcec;
+  .lg\:border-yellow-100 {
+    border-color: #ffffeb;
   }
 
-  .lg\:border-teal-darkest {
-    border-color: #0d3331;
+  .lg\:border-yellow-200 {
+    border-color: #fefcbf;
   }
 
-  .lg\:border-teal-darker {
-    border-color: #20504f;
+  .lg\:border-yellow-300 {
+    border-color: #fbf189;
   }
 
-  .lg\:border-teal-dark {
-    border-color: #38a89d;
+  .lg\:border-yellow-400 {
+    border-color: #f6e05e;
   }
 
-  .lg\:border-teal {
-    border-color: #4dc0b5;
+  .lg\:border-yellow-500 {
+    border-color: #ebc743;
   }
 
-  .lg\:border-teal-light {
-    border-color: #64d5ca;
+  .lg\:border-yellow-600 {
+    border-color: #d69e2e;
   }
 
-  .lg\:border-teal-lighter {
-    border-color: #a0f0ed;
+  .lg\:border-yellow-700 {
+    border-color: #b7791f;
   }
 
-  .lg\:border-teal-lightest {
-    border-color: #e8fffe;
+  .lg\:border-yellow-800 {
+    border-color: #8d5415;
   }
 
-  .lg\:border-blue-darkest {
-    border-color: #12283a;
+  .lg\:border-yellow-900 {
+    border-color: #66390e;
   }
 
-  .lg\:border-blue-darker {
-    border-color: #1c3d5a;
+  .lg\:border-green-100 {
+    border-color: #e9ffe9;
   }
 
-  .lg\:border-blue-dark {
-    border-color: #2779bd;
+  .lg\:border-green-200 {
+    border-color: #c1f5c5;
   }
 
-  .lg\:border-blue {
-    border-color: #3490dc;
+  .lg\:border-green-300 {
+    border-color: #9ae6a8;
   }
 
-  .lg\:border-blue-light {
-    border-color: #6cb2eb;
+  .lg\:border-green-400 {
+    border-color: #68d391;
   }
 
-  .lg\:border-blue-lighter {
-    border-color: #bcdefa;
+  .lg\:border-green-500 {
+    border-color: #48bb87;
   }
 
-  .lg\:border-blue-lightest {
-    border-color: #eff8ff;
+  .lg\:border-green-600 {
+    border-color: #38a181;
   }
 
-  .lg\:border-indigo-darkest {
-    border-color: #191e38;
+  .lg\:border-green-700 {
+    border-color: #2f8572;
   }
 
-  .lg\:border-indigo-darker {
-    border-color: #2f365f;
+  .lg\:border-green-800 {
+    border-color: #28695c;
   }
 
-  .lg\:border-indigo-dark {
-    border-color: #5661b3;
+  .lg\:border-green-900 {
+    border-color: #22544b;
   }
 
-  .lg\:border-indigo {
-    border-color: #6574cd;
+  .lg\:border-blue-100 {
+    border-color: #f1fafd;
   }
 
-  .lg\:border-indigo-light {
-    border-color: #7886d7;
+  .lg\:border-blue-200 {
+    border-color: #caedfa;
   }
 
-  .lg\:border-indigo-lighter {
-    border-color: #b2b7ff;
+  .lg\:border-blue-300 {
+    border-color: #87d3f3;
   }
 
-  .lg\:border-indigo-lightest {
-    border-color: #e6e8ff;
+  .lg\:border-blue-400 {
+    border-color: #57b9ec;
   }
 
-  .lg\:border-purple-darkest {
-    border-color: #21183c;
+  .lg\:border-blue-500 {
+    border-color: #3a9adf;
   }
 
-  .lg\:border-purple-darker {
-    border-color: #382b5f;
+  .lg\:border-blue-600 {
+    border-color: #2b7cc4;
   }
 
-  .lg\:border-purple-dark {
-    border-color: #794acf;
+  .lg\:border-blue-700 {
+    border-color: #2762a3;
   }
 
-  .lg\:border-purple {
-    border-color: #9561e2;
+  .lg\:border-blue-800 {
+    border-color: #284f81;
   }
 
-  .lg\:border-purple-light {
-    border-color: #a779e9;
+  .lg\:border-blue-900 {
+    border-color: #294468;
   }
 
-  .lg\:border-purple-lighter {
-    border-color: #d6bbfc;
+  .lg\:border-indigo-100 {
+    border-color: #eef6ff;
   }
 
-  .lg\:border-purple-lightest {
-    border-color: #f3ebff;
+  .lg\:border-indigo-200 {
+    border-color: #cbe0f9;
   }
 
-  .lg\:border-pink-darkest {
-    border-color: #451225;
+  .lg\:border-indigo-300 {
+    border-color: #a6c5f0;
   }
 
-  .lg\:border-pink-darker {
-    border-color: #6f213f;
+  .lg\:border-indigo-400 {
+    border-color: #82a2e3;
   }
 
-  .lg\:border-pink-dark {
-    border-color: #eb5286;
+  .lg\:border-indigo-500 {
+    border-color: #6d80d3;
   }
 
-  .lg\:border-pink {
-    border-color: #f66d9b;
+  .lg\:border-indigo-600 {
+    border-color: #5e68bc;
   }
 
-  .lg\:border-pink-light {
-    border-color: #fa7ea8;
+  .lg\:border-indigo-700 {
+    border-color: #5154a1;
   }
 
-  .lg\:border-pink-lighter {
-    border-color: #ffbbca;
+  .lg\:border-indigo-800 {
+    border-color: #42417f;
   }
 
-  .lg\:border-pink-lightest {
-    border-color: #ffebef;
+  .lg\:border-indigo-900 {
+    border-color: #37366a;
+  }
+
+  .lg\:border-purple-100 {
+    border-color: #faf5ff;
+  }
+
+  .lg\:border-purple-200 {
+    border-color: #eddffd;
+  }
+
+  .lg\:border-purple-300 {
+    border-color: #dcc7fb;
+  }
+
+  .lg\:border-purple-400 {
+    border-color: #b18af4;
+  }
+
+  .lg\:border-purple-500 {
+    border-color: #976de9;
+  }
+
+  .lg\:border-purple-600 {
+    border-color: #7c54d5;
+  }
+
+  .lg\:border-purple-700 {
+    border-color: #6845b9;
+  }
+
+  .lg\:border-purple-800 {
+    border-color: #4d368a;
+  }
+
+  .lg\:border-purple-900 {
+    border-color: #3b2c6c;
+  }
+
+  .lg\:border-pink-100 {
+    border-color: #fff2f4;
+  }
+
+  .lg\:border-pink-200 {
+    border-color: #fedee4;
+  }
+
+  .lg\:border-pink-300 {
+    border-color: #fcbccb;
+  }
+
+  .lg\:border-pink-400 {
+    border-color: #f786a7;
+  }
+
+  .lg\:border-pink-500 {
+    border-color: #ed588b;
+  }
+
+  .lg\:border-pink-600 {
+    border-color: #d9447b;
+  }
+
+  .lg\:border-pink-700 {
+    border-color: #b32f62;
+  }
+
+  .lg\:border-pink-800 {
+    border-color: #8d2450;
+  }
+
+  .lg\:border-pink-900 {
+    border-color: #741c46;
+  }
+
+  .lg\:border-grey-100 {
+    border-color: #f8fcfe;
+  }
+
+  .lg\:border-grey-200 {
+    border-color: #f1f5fb;
+  }
+
+  .lg\:border-grey-300 {
+    border-color: #e2e9f0;
+  }
+
+  .lg\:border-grey-400 {
+    border-color: #bbc5cf;
+  }
+
+  .lg\:border-grey-500 {
+    border-color: #a3b0bd;
+  }
+
+  .lg\:border-grey-600 {
+    border-color: #7a8996;
+  }
+
+  .lg\:border-grey-700 {
+    border-color: #5a6977;
+  }
+
+  .lg\:border-grey-800 {
+    border-color: #2e3a45;
+  }
+
+  .lg\:border-grey-900 {
+    border-color: #1f2830;
   }
 
   .lg\:hover\:border-transparent:hover {
@@ -19932,291 +22417,371 @@ samp {
   }
 
   .lg\:hover\:border-black:hover {
-    border-color: #22292f;
-  }
-
-  .lg\:hover\:border-grey-darkest:hover {
-    border-color: #3d4852;
-  }
-
-  .lg\:hover\:border-grey-darker:hover {
-    border-color: #606f7b;
-  }
-
-  .lg\:hover\:border-grey-dark:hover {
-    border-color: #8795a1;
-  }
-
-  .lg\:hover\:border-grey:hover {
-    border-color: #b8c2cc;
-  }
-
-  .lg\:hover\:border-grey-light:hover {
-    border-color: #dae1e7;
-  }
-
-  .lg\:hover\:border-grey-lighter:hover {
-    border-color: #f1f5f8;
-  }
-
-  .lg\:hover\:border-grey-lightest:hover {
-    border-color: #f8fafc;
+    border-color: #000;
   }
 
   .lg\:hover\:border-white:hover {
     border-color: #fff;
   }
 
-  .lg\:hover\:border-red-darkest:hover {
-    border-color: #3b0d0c;
+  .lg\:hover\:border-teal-100:hover {
+    border-color: #ebfffc;
   }
 
-  .lg\:hover\:border-red-darker:hover {
-    border-color: #621b18;
+  .lg\:hover\:border-teal-200:hover {
+    border-color: #b3f1e9;
   }
 
-  .lg\:hover\:border-red-dark:hover {
-    border-color: #cc1f1a;
+  .lg\:hover\:border-teal-300:hover {
+    border-color: #82e1d7;
   }
 
-  .lg\:hover\:border-red:hover {
-    border-color: #e3342f;
+  .lg\:hover\:border-teal-400:hover {
+    border-color: #60cfc5;
   }
 
-  .lg\:hover\:border-red-light:hover {
-    border-color: #ef5753;
+  .lg\:hover\:border-teal-500:hover {
+    border-color: #49bab2;
   }
 
-  .lg\:hover\:border-red-lighter:hover {
-    border-color: #f9acaa;
+  .lg\:hover\:border-teal-600:hover {
+    border-color: #3ea39f;
   }
 
-  .lg\:hover\:border-red-lightest:hover {
-    border-color: #fcebea;
+  .lg\:hover\:border-teal-700:hover {
+    border-color: #378786;
   }
 
-  .lg\:hover\:border-orange-darkest:hover {
-    border-color: #462a16;
+  .lg\:hover\:border-teal-800:hover {
+    border-color: #316769;
   }
 
-  .lg\:hover\:border-orange-darker:hover {
-    border-color: #613b1f;
+  .lg\:hover\:border-teal-900:hover {
+    border-color: #265152;
   }
 
-  .lg\:hover\:border-orange-dark:hover {
-    border-color: #de751f;
+  .lg\:hover\:border-red-100:hover {
+    border-color: #fff5f5;
   }
 
-  .lg\:hover\:border-orange:hover {
-    border-color: #f6993f;
+  .lg\:hover\:border-red-200:hover {
+    border-color: #fee3e3;
   }
 
-  .lg\:hover\:border-orange-light:hover {
-    border-color: #faad63;
+  .lg\:hover\:border-red-300:hover {
+    border-color: #febcbc;
   }
 
-  .lg\:hover\:border-orange-lighter:hover {
-    border-color: #fcd9b6;
+  .lg\:hover\:border-red-400:hover {
+    border-color: #fd9292;
   }
 
-  .lg\:hover\:border-orange-lightest:hover {
-    border-color: #fff5eb;
+  .lg\:hover\:border-red-500:hover {
+    border-color: #f95e5f;
   }
 
-  .lg\:hover\:border-yellow-darkest:hover {
-    border-color: #453411;
+  .lg\:hover\:border-red-600:hover {
+    border-color: #ec454e;
   }
 
-  .lg\:hover\:border-yellow-darker:hover {
-    border-color: #684f1d;
+  .lg\:hover\:border-red-700:hover {
+    border-color: #dc3448;
   }
 
-  .lg\:hover\:border-yellow-dark:hover {
-    border-color: #f2d024;
+  .lg\:hover\:border-red-800:hover {
+    border-color: #b4203b;
   }
 
-  .lg\:hover\:border-yellow:hover {
-    border-color: #ffed4a;
+  .lg\:hover\:border-red-900:hover {
+    border-color: #801b33;
   }
 
-  .lg\:hover\:border-yellow-light:hover {
-    border-color: #fff382;
+  .lg\:hover\:border-orange-100:hover {
+    border-color: #fffaef;
   }
 
-  .lg\:hover\:border-yellow-lighter:hover {
-    border-color: #fff9c2;
+  .lg\:hover\:border-orange-200:hover {
+    border-color: #fee8c1;
   }
 
-  .lg\:hover\:border-yellow-lightest:hover {
-    border-color: #fcfbeb;
+  .lg\:hover\:border-orange-300:hover {
+    border-color: #fbd087;
   }
 
-  .lg\:hover\:border-green-darkest:hover {
-    border-color: #0f2f21;
+  .lg\:hover\:border-orange-400:hover {
+    border-color: #f6aa4f;
   }
 
-  .lg\:hover\:border-green-darker:hover {
-    border-color: #1a4731;
+  .lg\:hover\:border-orange-500:hover {
+    border-color: #ec832b;
   }
 
-  .lg\:hover\:border-green-dark:hover {
-    border-color: #1f9d55;
+  .lg\:hover\:border-orange-600:hover {
+    border-color: #df6d22;
   }
 
-  .lg\:hover\:border-green:hover {
-    border-color: #38c172;
+  .lg\:hover\:border-orange-700:hover {
+    border-color: #c55822;
   }
 
-  .lg\:hover\:border-green-light:hover {
-    border-color: #51d88a;
+  .lg\:hover\:border-orange-800:hover {
+    border-color: #9f4423;
   }
 
-  .lg\:hover\:border-green-lighter:hover {
-    border-color: #a2f5bf;
+  .lg\:hover\:border-orange-900:hover {
+    border-color: #70311e;
   }
 
-  .lg\:hover\:border-green-lightest:hover {
-    border-color: #e3fcec;
+  .lg\:hover\:border-yellow-100:hover {
+    border-color: #ffffeb;
   }
 
-  .lg\:hover\:border-teal-darkest:hover {
-    border-color: #0d3331;
+  .lg\:hover\:border-yellow-200:hover {
+    border-color: #fefcbf;
   }
 
-  .lg\:hover\:border-teal-darker:hover {
-    border-color: #20504f;
+  .lg\:hover\:border-yellow-300:hover {
+    border-color: #fbf189;
   }
 
-  .lg\:hover\:border-teal-dark:hover {
-    border-color: #38a89d;
+  .lg\:hover\:border-yellow-400:hover {
+    border-color: #f6e05e;
   }
 
-  .lg\:hover\:border-teal:hover {
-    border-color: #4dc0b5;
+  .lg\:hover\:border-yellow-500:hover {
+    border-color: #ebc743;
   }
 
-  .lg\:hover\:border-teal-light:hover {
-    border-color: #64d5ca;
+  .lg\:hover\:border-yellow-600:hover {
+    border-color: #d69e2e;
   }
 
-  .lg\:hover\:border-teal-lighter:hover {
-    border-color: #a0f0ed;
+  .lg\:hover\:border-yellow-700:hover {
+    border-color: #b7791f;
   }
 
-  .lg\:hover\:border-teal-lightest:hover {
-    border-color: #e8fffe;
+  .lg\:hover\:border-yellow-800:hover {
+    border-color: #8d5415;
   }
 
-  .lg\:hover\:border-blue-darkest:hover {
-    border-color: #12283a;
+  .lg\:hover\:border-yellow-900:hover {
+    border-color: #66390e;
   }
 
-  .lg\:hover\:border-blue-darker:hover {
-    border-color: #1c3d5a;
+  .lg\:hover\:border-green-100:hover {
+    border-color: #e9ffe9;
   }
 
-  .lg\:hover\:border-blue-dark:hover {
-    border-color: #2779bd;
+  .lg\:hover\:border-green-200:hover {
+    border-color: #c1f5c5;
   }
 
-  .lg\:hover\:border-blue:hover {
-    border-color: #3490dc;
+  .lg\:hover\:border-green-300:hover {
+    border-color: #9ae6a8;
   }
 
-  .lg\:hover\:border-blue-light:hover {
-    border-color: #6cb2eb;
+  .lg\:hover\:border-green-400:hover {
+    border-color: #68d391;
   }
 
-  .lg\:hover\:border-blue-lighter:hover {
-    border-color: #bcdefa;
+  .lg\:hover\:border-green-500:hover {
+    border-color: #48bb87;
   }
 
-  .lg\:hover\:border-blue-lightest:hover {
-    border-color: #eff8ff;
+  .lg\:hover\:border-green-600:hover {
+    border-color: #38a181;
   }
 
-  .lg\:hover\:border-indigo-darkest:hover {
-    border-color: #191e38;
+  .lg\:hover\:border-green-700:hover {
+    border-color: #2f8572;
   }
 
-  .lg\:hover\:border-indigo-darker:hover {
-    border-color: #2f365f;
+  .lg\:hover\:border-green-800:hover {
+    border-color: #28695c;
   }
 
-  .lg\:hover\:border-indigo-dark:hover {
-    border-color: #5661b3;
+  .lg\:hover\:border-green-900:hover {
+    border-color: #22544b;
   }
 
-  .lg\:hover\:border-indigo:hover {
-    border-color: #6574cd;
+  .lg\:hover\:border-blue-100:hover {
+    border-color: #f1fafd;
   }
 
-  .lg\:hover\:border-indigo-light:hover {
-    border-color: #7886d7;
+  .lg\:hover\:border-blue-200:hover {
+    border-color: #caedfa;
   }
 
-  .lg\:hover\:border-indigo-lighter:hover {
-    border-color: #b2b7ff;
+  .lg\:hover\:border-blue-300:hover {
+    border-color: #87d3f3;
   }
 
-  .lg\:hover\:border-indigo-lightest:hover {
-    border-color: #e6e8ff;
+  .lg\:hover\:border-blue-400:hover {
+    border-color: #57b9ec;
   }
 
-  .lg\:hover\:border-purple-darkest:hover {
-    border-color: #21183c;
+  .lg\:hover\:border-blue-500:hover {
+    border-color: #3a9adf;
   }
 
-  .lg\:hover\:border-purple-darker:hover {
-    border-color: #382b5f;
+  .lg\:hover\:border-blue-600:hover {
+    border-color: #2b7cc4;
   }
 
-  .lg\:hover\:border-purple-dark:hover {
-    border-color: #794acf;
+  .lg\:hover\:border-blue-700:hover {
+    border-color: #2762a3;
   }
 
-  .lg\:hover\:border-purple:hover {
-    border-color: #9561e2;
+  .lg\:hover\:border-blue-800:hover {
+    border-color: #284f81;
   }
 
-  .lg\:hover\:border-purple-light:hover {
-    border-color: #a779e9;
+  .lg\:hover\:border-blue-900:hover {
+    border-color: #294468;
   }
 
-  .lg\:hover\:border-purple-lighter:hover {
-    border-color: #d6bbfc;
+  .lg\:hover\:border-indigo-100:hover {
+    border-color: #eef6ff;
   }
 
-  .lg\:hover\:border-purple-lightest:hover {
-    border-color: #f3ebff;
+  .lg\:hover\:border-indigo-200:hover {
+    border-color: #cbe0f9;
   }
 
-  .lg\:hover\:border-pink-darkest:hover {
-    border-color: #451225;
+  .lg\:hover\:border-indigo-300:hover {
+    border-color: #a6c5f0;
   }
 
-  .lg\:hover\:border-pink-darker:hover {
-    border-color: #6f213f;
+  .lg\:hover\:border-indigo-400:hover {
+    border-color: #82a2e3;
   }
 
-  .lg\:hover\:border-pink-dark:hover {
-    border-color: #eb5286;
+  .lg\:hover\:border-indigo-500:hover {
+    border-color: #6d80d3;
   }
 
-  .lg\:hover\:border-pink:hover {
-    border-color: #f66d9b;
+  .lg\:hover\:border-indigo-600:hover {
+    border-color: #5e68bc;
   }
 
-  .lg\:hover\:border-pink-light:hover {
-    border-color: #fa7ea8;
+  .lg\:hover\:border-indigo-700:hover {
+    border-color: #5154a1;
   }
 
-  .lg\:hover\:border-pink-lighter:hover {
-    border-color: #ffbbca;
+  .lg\:hover\:border-indigo-800:hover {
+    border-color: #42417f;
   }
 
-  .lg\:hover\:border-pink-lightest:hover {
-    border-color: #ffebef;
+  .lg\:hover\:border-indigo-900:hover {
+    border-color: #37366a;
+  }
+
+  .lg\:hover\:border-purple-100:hover {
+    border-color: #faf5ff;
+  }
+
+  .lg\:hover\:border-purple-200:hover {
+    border-color: #eddffd;
+  }
+
+  .lg\:hover\:border-purple-300:hover {
+    border-color: #dcc7fb;
+  }
+
+  .lg\:hover\:border-purple-400:hover {
+    border-color: #b18af4;
+  }
+
+  .lg\:hover\:border-purple-500:hover {
+    border-color: #976de9;
+  }
+
+  .lg\:hover\:border-purple-600:hover {
+    border-color: #7c54d5;
+  }
+
+  .lg\:hover\:border-purple-700:hover {
+    border-color: #6845b9;
+  }
+
+  .lg\:hover\:border-purple-800:hover {
+    border-color: #4d368a;
+  }
+
+  .lg\:hover\:border-purple-900:hover {
+    border-color: #3b2c6c;
+  }
+
+  .lg\:hover\:border-pink-100:hover {
+    border-color: #fff2f4;
+  }
+
+  .lg\:hover\:border-pink-200:hover {
+    border-color: #fedee4;
+  }
+
+  .lg\:hover\:border-pink-300:hover {
+    border-color: #fcbccb;
+  }
+
+  .lg\:hover\:border-pink-400:hover {
+    border-color: #f786a7;
+  }
+
+  .lg\:hover\:border-pink-500:hover {
+    border-color: #ed588b;
+  }
+
+  .lg\:hover\:border-pink-600:hover {
+    border-color: #d9447b;
+  }
+
+  .lg\:hover\:border-pink-700:hover {
+    border-color: #b32f62;
+  }
+
+  .lg\:hover\:border-pink-800:hover {
+    border-color: #8d2450;
+  }
+
+  .lg\:hover\:border-pink-900:hover {
+    border-color: #741c46;
+  }
+
+  .lg\:hover\:border-grey-100:hover {
+    border-color: #f8fcfe;
+  }
+
+  .lg\:hover\:border-grey-200:hover {
+    border-color: #f1f5fb;
+  }
+
+  .lg\:hover\:border-grey-300:hover {
+    border-color: #e2e9f0;
+  }
+
+  .lg\:hover\:border-grey-400:hover {
+    border-color: #bbc5cf;
+  }
+
+  .lg\:hover\:border-grey-500:hover {
+    border-color: #a3b0bd;
+  }
+
+  .lg\:hover\:border-grey-600:hover {
+    border-color: #7a8996;
+  }
+
+  .lg\:hover\:border-grey-700:hover {
+    border-color: #5a6977;
+  }
+
+  .lg\:hover\:border-grey-800:hover {
+    border-color: #2e3a45;
+  }
+
+  .lg\:hover\:border-grey-900:hover {
+    border-color: #1f2830;
   }
 
   .lg\:focus\:border-transparent:focus {
@@ -20224,291 +22789,371 @@ samp {
   }
 
   .lg\:focus\:border-black:focus {
-    border-color: #22292f;
-  }
-
-  .lg\:focus\:border-grey-darkest:focus {
-    border-color: #3d4852;
-  }
-
-  .lg\:focus\:border-grey-darker:focus {
-    border-color: #606f7b;
-  }
-
-  .lg\:focus\:border-grey-dark:focus {
-    border-color: #8795a1;
-  }
-
-  .lg\:focus\:border-grey:focus {
-    border-color: #b8c2cc;
-  }
-
-  .lg\:focus\:border-grey-light:focus {
-    border-color: #dae1e7;
-  }
-
-  .lg\:focus\:border-grey-lighter:focus {
-    border-color: #f1f5f8;
-  }
-
-  .lg\:focus\:border-grey-lightest:focus {
-    border-color: #f8fafc;
+    border-color: #000;
   }
 
   .lg\:focus\:border-white:focus {
     border-color: #fff;
   }
 
-  .lg\:focus\:border-red-darkest:focus {
-    border-color: #3b0d0c;
+  .lg\:focus\:border-teal-100:focus {
+    border-color: #ebfffc;
   }
 
-  .lg\:focus\:border-red-darker:focus {
-    border-color: #621b18;
+  .lg\:focus\:border-teal-200:focus {
+    border-color: #b3f1e9;
   }
 
-  .lg\:focus\:border-red-dark:focus {
-    border-color: #cc1f1a;
+  .lg\:focus\:border-teal-300:focus {
+    border-color: #82e1d7;
   }
 
-  .lg\:focus\:border-red:focus {
-    border-color: #e3342f;
+  .lg\:focus\:border-teal-400:focus {
+    border-color: #60cfc5;
   }
 
-  .lg\:focus\:border-red-light:focus {
-    border-color: #ef5753;
+  .lg\:focus\:border-teal-500:focus {
+    border-color: #49bab2;
   }
 
-  .lg\:focus\:border-red-lighter:focus {
-    border-color: #f9acaa;
+  .lg\:focus\:border-teal-600:focus {
+    border-color: #3ea39f;
   }
 
-  .lg\:focus\:border-red-lightest:focus {
-    border-color: #fcebea;
+  .lg\:focus\:border-teal-700:focus {
+    border-color: #378786;
   }
 
-  .lg\:focus\:border-orange-darkest:focus {
-    border-color: #462a16;
+  .lg\:focus\:border-teal-800:focus {
+    border-color: #316769;
   }
 
-  .lg\:focus\:border-orange-darker:focus {
-    border-color: #613b1f;
+  .lg\:focus\:border-teal-900:focus {
+    border-color: #265152;
   }
 
-  .lg\:focus\:border-orange-dark:focus {
-    border-color: #de751f;
+  .lg\:focus\:border-red-100:focus {
+    border-color: #fff5f5;
   }
 
-  .lg\:focus\:border-orange:focus {
-    border-color: #f6993f;
+  .lg\:focus\:border-red-200:focus {
+    border-color: #fee3e3;
   }
 
-  .lg\:focus\:border-orange-light:focus {
-    border-color: #faad63;
+  .lg\:focus\:border-red-300:focus {
+    border-color: #febcbc;
   }
 
-  .lg\:focus\:border-orange-lighter:focus {
-    border-color: #fcd9b6;
+  .lg\:focus\:border-red-400:focus {
+    border-color: #fd9292;
   }
 
-  .lg\:focus\:border-orange-lightest:focus {
-    border-color: #fff5eb;
+  .lg\:focus\:border-red-500:focus {
+    border-color: #f95e5f;
   }
 
-  .lg\:focus\:border-yellow-darkest:focus {
-    border-color: #453411;
+  .lg\:focus\:border-red-600:focus {
+    border-color: #ec454e;
   }
 
-  .lg\:focus\:border-yellow-darker:focus {
-    border-color: #684f1d;
+  .lg\:focus\:border-red-700:focus {
+    border-color: #dc3448;
   }
 
-  .lg\:focus\:border-yellow-dark:focus {
-    border-color: #f2d024;
+  .lg\:focus\:border-red-800:focus {
+    border-color: #b4203b;
   }
 
-  .lg\:focus\:border-yellow:focus {
-    border-color: #ffed4a;
+  .lg\:focus\:border-red-900:focus {
+    border-color: #801b33;
   }
 
-  .lg\:focus\:border-yellow-light:focus {
-    border-color: #fff382;
+  .lg\:focus\:border-orange-100:focus {
+    border-color: #fffaef;
   }
 
-  .lg\:focus\:border-yellow-lighter:focus {
-    border-color: #fff9c2;
+  .lg\:focus\:border-orange-200:focus {
+    border-color: #fee8c1;
   }
 
-  .lg\:focus\:border-yellow-lightest:focus {
-    border-color: #fcfbeb;
+  .lg\:focus\:border-orange-300:focus {
+    border-color: #fbd087;
   }
 
-  .lg\:focus\:border-green-darkest:focus {
-    border-color: #0f2f21;
+  .lg\:focus\:border-orange-400:focus {
+    border-color: #f6aa4f;
   }
 
-  .lg\:focus\:border-green-darker:focus {
-    border-color: #1a4731;
+  .lg\:focus\:border-orange-500:focus {
+    border-color: #ec832b;
   }
 
-  .lg\:focus\:border-green-dark:focus {
-    border-color: #1f9d55;
+  .lg\:focus\:border-orange-600:focus {
+    border-color: #df6d22;
   }
 
-  .lg\:focus\:border-green:focus {
-    border-color: #38c172;
+  .lg\:focus\:border-orange-700:focus {
+    border-color: #c55822;
   }
 
-  .lg\:focus\:border-green-light:focus {
-    border-color: #51d88a;
+  .lg\:focus\:border-orange-800:focus {
+    border-color: #9f4423;
   }
 
-  .lg\:focus\:border-green-lighter:focus {
-    border-color: #a2f5bf;
+  .lg\:focus\:border-orange-900:focus {
+    border-color: #70311e;
   }
 
-  .lg\:focus\:border-green-lightest:focus {
-    border-color: #e3fcec;
+  .lg\:focus\:border-yellow-100:focus {
+    border-color: #ffffeb;
   }
 
-  .lg\:focus\:border-teal-darkest:focus {
-    border-color: #0d3331;
+  .lg\:focus\:border-yellow-200:focus {
+    border-color: #fefcbf;
   }
 
-  .lg\:focus\:border-teal-darker:focus {
-    border-color: #20504f;
+  .lg\:focus\:border-yellow-300:focus {
+    border-color: #fbf189;
   }
 
-  .lg\:focus\:border-teal-dark:focus {
-    border-color: #38a89d;
+  .lg\:focus\:border-yellow-400:focus {
+    border-color: #f6e05e;
   }
 
-  .lg\:focus\:border-teal:focus {
-    border-color: #4dc0b5;
+  .lg\:focus\:border-yellow-500:focus {
+    border-color: #ebc743;
   }
 
-  .lg\:focus\:border-teal-light:focus {
-    border-color: #64d5ca;
+  .lg\:focus\:border-yellow-600:focus {
+    border-color: #d69e2e;
   }
 
-  .lg\:focus\:border-teal-lighter:focus {
-    border-color: #a0f0ed;
+  .lg\:focus\:border-yellow-700:focus {
+    border-color: #b7791f;
   }
 
-  .lg\:focus\:border-teal-lightest:focus {
-    border-color: #e8fffe;
+  .lg\:focus\:border-yellow-800:focus {
+    border-color: #8d5415;
   }
 
-  .lg\:focus\:border-blue-darkest:focus {
-    border-color: #12283a;
+  .lg\:focus\:border-yellow-900:focus {
+    border-color: #66390e;
   }
 
-  .lg\:focus\:border-blue-darker:focus {
-    border-color: #1c3d5a;
+  .lg\:focus\:border-green-100:focus {
+    border-color: #e9ffe9;
   }
 
-  .lg\:focus\:border-blue-dark:focus {
-    border-color: #2779bd;
+  .lg\:focus\:border-green-200:focus {
+    border-color: #c1f5c5;
   }
 
-  .lg\:focus\:border-blue:focus {
-    border-color: #3490dc;
+  .lg\:focus\:border-green-300:focus {
+    border-color: #9ae6a8;
   }
 
-  .lg\:focus\:border-blue-light:focus {
-    border-color: #6cb2eb;
+  .lg\:focus\:border-green-400:focus {
+    border-color: #68d391;
   }
 
-  .lg\:focus\:border-blue-lighter:focus {
-    border-color: #bcdefa;
+  .lg\:focus\:border-green-500:focus {
+    border-color: #48bb87;
   }
 
-  .lg\:focus\:border-blue-lightest:focus {
-    border-color: #eff8ff;
+  .lg\:focus\:border-green-600:focus {
+    border-color: #38a181;
   }
 
-  .lg\:focus\:border-indigo-darkest:focus {
-    border-color: #191e38;
+  .lg\:focus\:border-green-700:focus {
+    border-color: #2f8572;
   }
 
-  .lg\:focus\:border-indigo-darker:focus {
-    border-color: #2f365f;
+  .lg\:focus\:border-green-800:focus {
+    border-color: #28695c;
   }
 
-  .lg\:focus\:border-indigo-dark:focus {
-    border-color: #5661b3;
+  .lg\:focus\:border-green-900:focus {
+    border-color: #22544b;
   }
 
-  .lg\:focus\:border-indigo:focus {
-    border-color: #6574cd;
+  .lg\:focus\:border-blue-100:focus {
+    border-color: #f1fafd;
   }
 
-  .lg\:focus\:border-indigo-light:focus {
-    border-color: #7886d7;
+  .lg\:focus\:border-blue-200:focus {
+    border-color: #caedfa;
   }
 
-  .lg\:focus\:border-indigo-lighter:focus {
-    border-color: #b2b7ff;
+  .lg\:focus\:border-blue-300:focus {
+    border-color: #87d3f3;
   }
 
-  .lg\:focus\:border-indigo-lightest:focus {
-    border-color: #e6e8ff;
+  .lg\:focus\:border-blue-400:focus {
+    border-color: #57b9ec;
   }
 
-  .lg\:focus\:border-purple-darkest:focus {
-    border-color: #21183c;
+  .lg\:focus\:border-blue-500:focus {
+    border-color: #3a9adf;
   }
 
-  .lg\:focus\:border-purple-darker:focus {
-    border-color: #382b5f;
+  .lg\:focus\:border-blue-600:focus {
+    border-color: #2b7cc4;
   }
 
-  .lg\:focus\:border-purple-dark:focus {
-    border-color: #794acf;
+  .lg\:focus\:border-blue-700:focus {
+    border-color: #2762a3;
   }
 
-  .lg\:focus\:border-purple:focus {
-    border-color: #9561e2;
+  .lg\:focus\:border-blue-800:focus {
+    border-color: #284f81;
   }
 
-  .lg\:focus\:border-purple-light:focus {
-    border-color: #a779e9;
+  .lg\:focus\:border-blue-900:focus {
+    border-color: #294468;
   }
 
-  .lg\:focus\:border-purple-lighter:focus {
-    border-color: #d6bbfc;
+  .lg\:focus\:border-indigo-100:focus {
+    border-color: #eef6ff;
   }
 
-  .lg\:focus\:border-purple-lightest:focus {
-    border-color: #f3ebff;
+  .lg\:focus\:border-indigo-200:focus {
+    border-color: #cbe0f9;
   }
 
-  .lg\:focus\:border-pink-darkest:focus {
-    border-color: #451225;
+  .lg\:focus\:border-indigo-300:focus {
+    border-color: #a6c5f0;
   }
 
-  .lg\:focus\:border-pink-darker:focus {
-    border-color: #6f213f;
+  .lg\:focus\:border-indigo-400:focus {
+    border-color: #82a2e3;
   }
 
-  .lg\:focus\:border-pink-dark:focus {
-    border-color: #eb5286;
+  .lg\:focus\:border-indigo-500:focus {
+    border-color: #6d80d3;
   }
 
-  .lg\:focus\:border-pink:focus {
-    border-color: #f66d9b;
+  .lg\:focus\:border-indigo-600:focus {
+    border-color: #5e68bc;
   }
 
-  .lg\:focus\:border-pink-light:focus {
-    border-color: #fa7ea8;
+  .lg\:focus\:border-indigo-700:focus {
+    border-color: #5154a1;
   }
 
-  .lg\:focus\:border-pink-lighter:focus {
-    border-color: #ffbbca;
+  .lg\:focus\:border-indigo-800:focus {
+    border-color: #42417f;
   }
 
-  .lg\:focus\:border-pink-lightest:focus {
-    border-color: #ffebef;
+  .lg\:focus\:border-indigo-900:focus {
+    border-color: #37366a;
+  }
+
+  .lg\:focus\:border-purple-100:focus {
+    border-color: #faf5ff;
+  }
+
+  .lg\:focus\:border-purple-200:focus {
+    border-color: #eddffd;
+  }
+
+  .lg\:focus\:border-purple-300:focus {
+    border-color: #dcc7fb;
+  }
+
+  .lg\:focus\:border-purple-400:focus {
+    border-color: #b18af4;
+  }
+
+  .lg\:focus\:border-purple-500:focus {
+    border-color: #976de9;
+  }
+
+  .lg\:focus\:border-purple-600:focus {
+    border-color: #7c54d5;
+  }
+
+  .lg\:focus\:border-purple-700:focus {
+    border-color: #6845b9;
+  }
+
+  .lg\:focus\:border-purple-800:focus {
+    border-color: #4d368a;
+  }
+
+  .lg\:focus\:border-purple-900:focus {
+    border-color: #3b2c6c;
+  }
+
+  .lg\:focus\:border-pink-100:focus {
+    border-color: #fff2f4;
+  }
+
+  .lg\:focus\:border-pink-200:focus {
+    border-color: #fedee4;
+  }
+
+  .lg\:focus\:border-pink-300:focus {
+    border-color: #fcbccb;
+  }
+
+  .lg\:focus\:border-pink-400:focus {
+    border-color: #f786a7;
+  }
+
+  .lg\:focus\:border-pink-500:focus {
+    border-color: #ed588b;
+  }
+
+  .lg\:focus\:border-pink-600:focus {
+    border-color: #d9447b;
+  }
+
+  .lg\:focus\:border-pink-700:focus {
+    border-color: #b32f62;
+  }
+
+  .lg\:focus\:border-pink-800:focus {
+    border-color: #8d2450;
+  }
+
+  .lg\:focus\:border-pink-900:focus {
+    border-color: #741c46;
+  }
+
+  .lg\:focus\:border-grey-100:focus {
+    border-color: #f8fcfe;
+  }
+
+  .lg\:focus\:border-grey-200:focus {
+    border-color: #f1f5fb;
+  }
+
+  .lg\:focus\:border-grey-300:focus {
+    border-color: #e2e9f0;
+  }
+
+  .lg\:focus\:border-grey-400:focus {
+    border-color: #bbc5cf;
+  }
+
+  .lg\:focus\:border-grey-500:focus {
+    border-color: #a3b0bd;
+  }
+
+  .lg\:focus\:border-grey-600:focus {
+    border-color: #7a8996;
+  }
+
+  .lg\:focus\:border-grey-700:focus {
+    border-color: #5a6977;
+  }
+
+  .lg\:focus\:border-grey-800:focus {
+    border-color: #2e3a45;
+  }
+
+  .lg\:focus\:border-grey-900:focus {
+    border-color: #1f2830;
   }
 
   .lg\:rounded-none {
@@ -23450,291 +26095,371 @@ samp {
   }
 
   .lg\:text-black {
-    color: #22292f;
-  }
-
-  .lg\:text-grey-darkest {
-    color: #3d4852;
-  }
-
-  .lg\:text-grey-darker {
-    color: #606f7b;
-  }
-
-  .lg\:text-grey-dark {
-    color: #8795a1;
-  }
-
-  .lg\:text-grey {
-    color: #b8c2cc;
-  }
-
-  .lg\:text-grey-light {
-    color: #dae1e7;
-  }
-
-  .lg\:text-grey-lighter {
-    color: #f1f5f8;
-  }
-
-  .lg\:text-grey-lightest {
-    color: #f8fafc;
+    color: #000;
   }
 
   .lg\:text-white {
     color: #fff;
   }
 
-  .lg\:text-red-darkest {
-    color: #3b0d0c;
+  .lg\:text-teal-100 {
+    color: #ebfffc;
   }
 
-  .lg\:text-red-darker {
-    color: #621b18;
+  .lg\:text-teal-200 {
+    color: #b3f1e9;
   }
 
-  .lg\:text-red-dark {
-    color: #cc1f1a;
+  .lg\:text-teal-300 {
+    color: #82e1d7;
   }
 
-  .lg\:text-red {
-    color: #e3342f;
+  .lg\:text-teal-400 {
+    color: #60cfc5;
   }
 
-  .lg\:text-red-light {
-    color: #ef5753;
+  .lg\:text-teal-500 {
+    color: #49bab2;
   }
 
-  .lg\:text-red-lighter {
-    color: #f9acaa;
+  .lg\:text-teal-600 {
+    color: #3ea39f;
   }
 
-  .lg\:text-red-lightest {
-    color: #fcebea;
+  .lg\:text-teal-700 {
+    color: #378786;
   }
 
-  .lg\:text-orange-darkest {
-    color: #462a16;
+  .lg\:text-teal-800 {
+    color: #316769;
   }
 
-  .lg\:text-orange-darker {
-    color: #613b1f;
+  .lg\:text-teal-900 {
+    color: #265152;
   }
 
-  .lg\:text-orange-dark {
-    color: #de751f;
+  .lg\:text-red-100 {
+    color: #fff5f5;
   }
 
-  .lg\:text-orange {
-    color: #f6993f;
+  .lg\:text-red-200 {
+    color: #fee3e3;
   }
 
-  .lg\:text-orange-light {
-    color: #faad63;
+  .lg\:text-red-300 {
+    color: #febcbc;
   }
 
-  .lg\:text-orange-lighter {
-    color: #fcd9b6;
+  .lg\:text-red-400 {
+    color: #fd9292;
   }
 
-  .lg\:text-orange-lightest {
-    color: #fff5eb;
+  .lg\:text-red-500 {
+    color: #f95e5f;
   }
 
-  .lg\:text-yellow-darkest {
-    color: #453411;
+  .lg\:text-red-600 {
+    color: #ec454e;
   }
 
-  .lg\:text-yellow-darker {
-    color: #684f1d;
+  .lg\:text-red-700 {
+    color: #dc3448;
   }
 
-  .lg\:text-yellow-dark {
-    color: #f2d024;
+  .lg\:text-red-800 {
+    color: #b4203b;
   }
 
-  .lg\:text-yellow {
-    color: #ffed4a;
+  .lg\:text-red-900 {
+    color: #801b33;
   }
 
-  .lg\:text-yellow-light {
-    color: #fff382;
+  .lg\:text-orange-100 {
+    color: #fffaef;
   }
 
-  .lg\:text-yellow-lighter {
-    color: #fff9c2;
+  .lg\:text-orange-200 {
+    color: #fee8c1;
   }
 
-  .lg\:text-yellow-lightest {
-    color: #fcfbeb;
+  .lg\:text-orange-300 {
+    color: #fbd087;
   }
 
-  .lg\:text-green-darkest {
-    color: #0f2f21;
+  .lg\:text-orange-400 {
+    color: #f6aa4f;
   }
 
-  .lg\:text-green-darker {
-    color: #1a4731;
+  .lg\:text-orange-500 {
+    color: #ec832b;
   }
 
-  .lg\:text-green-dark {
-    color: #1f9d55;
+  .lg\:text-orange-600 {
+    color: #df6d22;
   }
 
-  .lg\:text-green {
-    color: #38c172;
+  .lg\:text-orange-700 {
+    color: #c55822;
   }
 
-  .lg\:text-green-light {
-    color: #51d88a;
+  .lg\:text-orange-800 {
+    color: #9f4423;
   }
 
-  .lg\:text-green-lighter {
-    color: #a2f5bf;
+  .lg\:text-orange-900 {
+    color: #70311e;
   }
 
-  .lg\:text-green-lightest {
-    color: #e3fcec;
+  .lg\:text-yellow-100 {
+    color: #ffffeb;
   }
 
-  .lg\:text-teal-darkest {
-    color: #0d3331;
+  .lg\:text-yellow-200 {
+    color: #fefcbf;
   }
 
-  .lg\:text-teal-darker {
-    color: #20504f;
+  .lg\:text-yellow-300 {
+    color: #fbf189;
   }
 
-  .lg\:text-teal-dark {
-    color: #38a89d;
+  .lg\:text-yellow-400 {
+    color: #f6e05e;
   }
 
-  .lg\:text-teal {
-    color: #4dc0b5;
+  .lg\:text-yellow-500 {
+    color: #ebc743;
   }
 
-  .lg\:text-teal-light {
-    color: #64d5ca;
+  .lg\:text-yellow-600 {
+    color: #d69e2e;
   }
 
-  .lg\:text-teal-lighter {
-    color: #a0f0ed;
+  .lg\:text-yellow-700 {
+    color: #b7791f;
   }
 
-  .lg\:text-teal-lightest {
-    color: #e8fffe;
+  .lg\:text-yellow-800 {
+    color: #8d5415;
   }
 
-  .lg\:text-blue-darkest {
-    color: #12283a;
+  .lg\:text-yellow-900 {
+    color: #66390e;
   }
 
-  .lg\:text-blue-darker {
-    color: #1c3d5a;
+  .lg\:text-green-100 {
+    color: #e9ffe9;
   }
 
-  .lg\:text-blue-dark {
-    color: #2779bd;
+  .lg\:text-green-200 {
+    color: #c1f5c5;
   }
 
-  .lg\:text-blue {
-    color: #3490dc;
+  .lg\:text-green-300 {
+    color: #9ae6a8;
   }
 
-  .lg\:text-blue-light {
-    color: #6cb2eb;
+  .lg\:text-green-400 {
+    color: #68d391;
   }
 
-  .lg\:text-blue-lighter {
-    color: #bcdefa;
+  .lg\:text-green-500 {
+    color: #48bb87;
   }
 
-  .lg\:text-blue-lightest {
-    color: #eff8ff;
+  .lg\:text-green-600 {
+    color: #38a181;
   }
 
-  .lg\:text-indigo-darkest {
-    color: #191e38;
+  .lg\:text-green-700 {
+    color: #2f8572;
   }
 
-  .lg\:text-indigo-darker {
-    color: #2f365f;
+  .lg\:text-green-800 {
+    color: #28695c;
   }
 
-  .lg\:text-indigo-dark {
-    color: #5661b3;
+  .lg\:text-green-900 {
+    color: #22544b;
   }
 
-  .lg\:text-indigo {
-    color: #6574cd;
+  .lg\:text-blue-100 {
+    color: #f1fafd;
   }
 
-  .lg\:text-indigo-light {
-    color: #7886d7;
+  .lg\:text-blue-200 {
+    color: #caedfa;
   }
 
-  .lg\:text-indigo-lighter {
-    color: #b2b7ff;
+  .lg\:text-blue-300 {
+    color: #87d3f3;
   }
 
-  .lg\:text-indigo-lightest {
-    color: #e6e8ff;
+  .lg\:text-blue-400 {
+    color: #57b9ec;
   }
 
-  .lg\:text-purple-darkest {
-    color: #21183c;
+  .lg\:text-blue-500 {
+    color: #3a9adf;
   }
 
-  .lg\:text-purple-darker {
-    color: #382b5f;
+  .lg\:text-blue-600 {
+    color: #2b7cc4;
   }
 
-  .lg\:text-purple-dark {
-    color: #794acf;
+  .lg\:text-blue-700 {
+    color: #2762a3;
   }
 
-  .lg\:text-purple {
-    color: #9561e2;
+  .lg\:text-blue-800 {
+    color: #284f81;
   }
 
-  .lg\:text-purple-light {
-    color: #a779e9;
+  .lg\:text-blue-900 {
+    color: #294468;
   }
 
-  .lg\:text-purple-lighter {
-    color: #d6bbfc;
+  .lg\:text-indigo-100 {
+    color: #eef6ff;
   }
 
-  .lg\:text-purple-lightest {
-    color: #f3ebff;
+  .lg\:text-indigo-200 {
+    color: #cbe0f9;
   }
 
-  .lg\:text-pink-darkest {
-    color: #451225;
+  .lg\:text-indigo-300 {
+    color: #a6c5f0;
   }
 
-  .lg\:text-pink-darker {
-    color: #6f213f;
+  .lg\:text-indigo-400 {
+    color: #82a2e3;
   }
 
-  .lg\:text-pink-dark {
-    color: #eb5286;
+  .lg\:text-indigo-500 {
+    color: #6d80d3;
   }
 
-  .lg\:text-pink {
-    color: #f66d9b;
+  .lg\:text-indigo-600 {
+    color: #5e68bc;
   }
 
-  .lg\:text-pink-light {
-    color: #fa7ea8;
+  .lg\:text-indigo-700 {
+    color: #5154a1;
   }
 
-  .lg\:text-pink-lighter {
-    color: #ffbbca;
+  .lg\:text-indigo-800 {
+    color: #42417f;
   }
 
-  .lg\:text-pink-lightest {
-    color: #ffebef;
+  .lg\:text-indigo-900 {
+    color: #37366a;
+  }
+
+  .lg\:text-purple-100 {
+    color: #faf5ff;
+  }
+
+  .lg\:text-purple-200 {
+    color: #eddffd;
+  }
+
+  .lg\:text-purple-300 {
+    color: #dcc7fb;
+  }
+
+  .lg\:text-purple-400 {
+    color: #b18af4;
+  }
+
+  .lg\:text-purple-500 {
+    color: #976de9;
+  }
+
+  .lg\:text-purple-600 {
+    color: #7c54d5;
+  }
+
+  .lg\:text-purple-700 {
+    color: #6845b9;
+  }
+
+  .lg\:text-purple-800 {
+    color: #4d368a;
+  }
+
+  .lg\:text-purple-900 {
+    color: #3b2c6c;
+  }
+
+  .lg\:text-pink-100 {
+    color: #fff2f4;
+  }
+
+  .lg\:text-pink-200 {
+    color: #fedee4;
+  }
+
+  .lg\:text-pink-300 {
+    color: #fcbccb;
+  }
+
+  .lg\:text-pink-400 {
+    color: #f786a7;
+  }
+
+  .lg\:text-pink-500 {
+    color: #ed588b;
+  }
+
+  .lg\:text-pink-600 {
+    color: #d9447b;
+  }
+
+  .lg\:text-pink-700 {
+    color: #b32f62;
+  }
+
+  .lg\:text-pink-800 {
+    color: #8d2450;
+  }
+
+  .lg\:text-pink-900 {
+    color: #741c46;
+  }
+
+  .lg\:text-grey-100 {
+    color: #f8fcfe;
+  }
+
+  .lg\:text-grey-200 {
+    color: #f1f5fb;
+  }
+
+  .lg\:text-grey-300 {
+    color: #e2e9f0;
+  }
+
+  .lg\:text-grey-400 {
+    color: #bbc5cf;
+  }
+
+  .lg\:text-grey-500 {
+    color: #a3b0bd;
+  }
+
+  .lg\:text-grey-600 {
+    color: #7a8996;
+  }
+
+  .lg\:text-grey-700 {
+    color: #5a6977;
+  }
+
+  .lg\:text-grey-800 {
+    color: #2e3a45;
+  }
+
+  .lg\:text-grey-900 {
+    color: #1f2830;
   }
 
   .lg\:hover\:text-transparent:hover {
@@ -23742,291 +26467,371 @@ samp {
   }
 
   .lg\:hover\:text-black:hover {
-    color: #22292f;
-  }
-
-  .lg\:hover\:text-grey-darkest:hover {
-    color: #3d4852;
-  }
-
-  .lg\:hover\:text-grey-darker:hover {
-    color: #606f7b;
-  }
-
-  .lg\:hover\:text-grey-dark:hover {
-    color: #8795a1;
-  }
-
-  .lg\:hover\:text-grey:hover {
-    color: #b8c2cc;
-  }
-
-  .lg\:hover\:text-grey-light:hover {
-    color: #dae1e7;
-  }
-
-  .lg\:hover\:text-grey-lighter:hover {
-    color: #f1f5f8;
-  }
-
-  .lg\:hover\:text-grey-lightest:hover {
-    color: #f8fafc;
+    color: #000;
   }
 
   .lg\:hover\:text-white:hover {
     color: #fff;
   }
 
-  .lg\:hover\:text-red-darkest:hover {
-    color: #3b0d0c;
+  .lg\:hover\:text-teal-100:hover {
+    color: #ebfffc;
   }
 
-  .lg\:hover\:text-red-darker:hover {
-    color: #621b18;
+  .lg\:hover\:text-teal-200:hover {
+    color: #b3f1e9;
   }
 
-  .lg\:hover\:text-red-dark:hover {
-    color: #cc1f1a;
+  .lg\:hover\:text-teal-300:hover {
+    color: #82e1d7;
   }
 
-  .lg\:hover\:text-red:hover {
-    color: #e3342f;
+  .lg\:hover\:text-teal-400:hover {
+    color: #60cfc5;
   }
 
-  .lg\:hover\:text-red-light:hover {
-    color: #ef5753;
+  .lg\:hover\:text-teal-500:hover {
+    color: #49bab2;
   }
 
-  .lg\:hover\:text-red-lighter:hover {
-    color: #f9acaa;
+  .lg\:hover\:text-teal-600:hover {
+    color: #3ea39f;
   }
 
-  .lg\:hover\:text-red-lightest:hover {
-    color: #fcebea;
+  .lg\:hover\:text-teal-700:hover {
+    color: #378786;
   }
 
-  .lg\:hover\:text-orange-darkest:hover {
-    color: #462a16;
+  .lg\:hover\:text-teal-800:hover {
+    color: #316769;
   }
 
-  .lg\:hover\:text-orange-darker:hover {
-    color: #613b1f;
+  .lg\:hover\:text-teal-900:hover {
+    color: #265152;
   }
 
-  .lg\:hover\:text-orange-dark:hover {
-    color: #de751f;
+  .lg\:hover\:text-red-100:hover {
+    color: #fff5f5;
   }
 
-  .lg\:hover\:text-orange:hover {
-    color: #f6993f;
+  .lg\:hover\:text-red-200:hover {
+    color: #fee3e3;
   }
 
-  .lg\:hover\:text-orange-light:hover {
-    color: #faad63;
+  .lg\:hover\:text-red-300:hover {
+    color: #febcbc;
   }
 
-  .lg\:hover\:text-orange-lighter:hover {
-    color: #fcd9b6;
+  .lg\:hover\:text-red-400:hover {
+    color: #fd9292;
   }
 
-  .lg\:hover\:text-orange-lightest:hover {
-    color: #fff5eb;
+  .lg\:hover\:text-red-500:hover {
+    color: #f95e5f;
   }
 
-  .lg\:hover\:text-yellow-darkest:hover {
-    color: #453411;
+  .lg\:hover\:text-red-600:hover {
+    color: #ec454e;
   }
 
-  .lg\:hover\:text-yellow-darker:hover {
-    color: #684f1d;
+  .lg\:hover\:text-red-700:hover {
+    color: #dc3448;
   }
 
-  .lg\:hover\:text-yellow-dark:hover {
-    color: #f2d024;
+  .lg\:hover\:text-red-800:hover {
+    color: #b4203b;
   }
 
-  .lg\:hover\:text-yellow:hover {
-    color: #ffed4a;
+  .lg\:hover\:text-red-900:hover {
+    color: #801b33;
   }
 
-  .lg\:hover\:text-yellow-light:hover {
-    color: #fff382;
+  .lg\:hover\:text-orange-100:hover {
+    color: #fffaef;
   }
 
-  .lg\:hover\:text-yellow-lighter:hover {
-    color: #fff9c2;
+  .lg\:hover\:text-orange-200:hover {
+    color: #fee8c1;
   }
 
-  .lg\:hover\:text-yellow-lightest:hover {
-    color: #fcfbeb;
+  .lg\:hover\:text-orange-300:hover {
+    color: #fbd087;
   }
 
-  .lg\:hover\:text-green-darkest:hover {
-    color: #0f2f21;
+  .lg\:hover\:text-orange-400:hover {
+    color: #f6aa4f;
   }
 
-  .lg\:hover\:text-green-darker:hover {
-    color: #1a4731;
+  .lg\:hover\:text-orange-500:hover {
+    color: #ec832b;
   }
 
-  .lg\:hover\:text-green-dark:hover {
-    color: #1f9d55;
+  .lg\:hover\:text-orange-600:hover {
+    color: #df6d22;
   }
 
-  .lg\:hover\:text-green:hover {
-    color: #38c172;
+  .lg\:hover\:text-orange-700:hover {
+    color: #c55822;
   }
 
-  .lg\:hover\:text-green-light:hover {
-    color: #51d88a;
+  .lg\:hover\:text-orange-800:hover {
+    color: #9f4423;
   }
 
-  .lg\:hover\:text-green-lighter:hover {
-    color: #a2f5bf;
+  .lg\:hover\:text-orange-900:hover {
+    color: #70311e;
   }
 
-  .lg\:hover\:text-green-lightest:hover {
-    color: #e3fcec;
+  .lg\:hover\:text-yellow-100:hover {
+    color: #ffffeb;
   }
 
-  .lg\:hover\:text-teal-darkest:hover {
-    color: #0d3331;
+  .lg\:hover\:text-yellow-200:hover {
+    color: #fefcbf;
   }
 
-  .lg\:hover\:text-teal-darker:hover {
-    color: #20504f;
+  .lg\:hover\:text-yellow-300:hover {
+    color: #fbf189;
   }
 
-  .lg\:hover\:text-teal-dark:hover {
-    color: #38a89d;
+  .lg\:hover\:text-yellow-400:hover {
+    color: #f6e05e;
   }
 
-  .lg\:hover\:text-teal:hover {
-    color: #4dc0b5;
+  .lg\:hover\:text-yellow-500:hover {
+    color: #ebc743;
   }
 
-  .lg\:hover\:text-teal-light:hover {
-    color: #64d5ca;
+  .lg\:hover\:text-yellow-600:hover {
+    color: #d69e2e;
   }
 
-  .lg\:hover\:text-teal-lighter:hover {
-    color: #a0f0ed;
+  .lg\:hover\:text-yellow-700:hover {
+    color: #b7791f;
   }
 
-  .lg\:hover\:text-teal-lightest:hover {
-    color: #e8fffe;
+  .lg\:hover\:text-yellow-800:hover {
+    color: #8d5415;
   }
 
-  .lg\:hover\:text-blue-darkest:hover {
-    color: #12283a;
+  .lg\:hover\:text-yellow-900:hover {
+    color: #66390e;
   }
 
-  .lg\:hover\:text-blue-darker:hover {
-    color: #1c3d5a;
+  .lg\:hover\:text-green-100:hover {
+    color: #e9ffe9;
   }
 
-  .lg\:hover\:text-blue-dark:hover {
-    color: #2779bd;
+  .lg\:hover\:text-green-200:hover {
+    color: #c1f5c5;
   }
 
-  .lg\:hover\:text-blue:hover {
-    color: #3490dc;
+  .lg\:hover\:text-green-300:hover {
+    color: #9ae6a8;
   }
 
-  .lg\:hover\:text-blue-light:hover {
-    color: #6cb2eb;
+  .lg\:hover\:text-green-400:hover {
+    color: #68d391;
   }
 
-  .lg\:hover\:text-blue-lighter:hover {
-    color: #bcdefa;
+  .lg\:hover\:text-green-500:hover {
+    color: #48bb87;
   }
 
-  .lg\:hover\:text-blue-lightest:hover {
-    color: #eff8ff;
+  .lg\:hover\:text-green-600:hover {
+    color: #38a181;
   }
 
-  .lg\:hover\:text-indigo-darkest:hover {
-    color: #191e38;
+  .lg\:hover\:text-green-700:hover {
+    color: #2f8572;
   }
 
-  .lg\:hover\:text-indigo-darker:hover {
-    color: #2f365f;
+  .lg\:hover\:text-green-800:hover {
+    color: #28695c;
   }
 
-  .lg\:hover\:text-indigo-dark:hover {
-    color: #5661b3;
+  .lg\:hover\:text-green-900:hover {
+    color: #22544b;
   }
 
-  .lg\:hover\:text-indigo:hover {
-    color: #6574cd;
+  .lg\:hover\:text-blue-100:hover {
+    color: #f1fafd;
   }
 
-  .lg\:hover\:text-indigo-light:hover {
-    color: #7886d7;
+  .lg\:hover\:text-blue-200:hover {
+    color: #caedfa;
   }
 
-  .lg\:hover\:text-indigo-lighter:hover {
-    color: #b2b7ff;
+  .lg\:hover\:text-blue-300:hover {
+    color: #87d3f3;
   }
 
-  .lg\:hover\:text-indigo-lightest:hover {
-    color: #e6e8ff;
+  .lg\:hover\:text-blue-400:hover {
+    color: #57b9ec;
   }
 
-  .lg\:hover\:text-purple-darkest:hover {
-    color: #21183c;
+  .lg\:hover\:text-blue-500:hover {
+    color: #3a9adf;
   }
 
-  .lg\:hover\:text-purple-darker:hover {
-    color: #382b5f;
+  .lg\:hover\:text-blue-600:hover {
+    color: #2b7cc4;
   }
 
-  .lg\:hover\:text-purple-dark:hover {
-    color: #794acf;
+  .lg\:hover\:text-blue-700:hover {
+    color: #2762a3;
   }
 
-  .lg\:hover\:text-purple:hover {
-    color: #9561e2;
+  .lg\:hover\:text-blue-800:hover {
+    color: #284f81;
   }
 
-  .lg\:hover\:text-purple-light:hover {
-    color: #a779e9;
+  .lg\:hover\:text-blue-900:hover {
+    color: #294468;
   }
 
-  .lg\:hover\:text-purple-lighter:hover {
-    color: #d6bbfc;
+  .lg\:hover\:text-indigo-100:hover {
+    color: #eef6ff;
   }
 
-  .lg\:hover\:text-purple-lightest:hover {
-    color: #f3ebff;
+  .lg\:hover\:text-indigo-200:hover {
+    color: #cbe0f9;
   }
 
-  .lg\:hover\:text-pink-darkest:hover {
-    color: #451225;
+  .lg\:hover\:text-indigo-300:hover {
+    color: #a6c5f0;
   }
 
-  .lg\:hover\:text-pink-darker:hover {
-    color: #6f213f;
+  .lg\:hover\:text-indigo-400:hover {
+    color: #82a2e3;
   }
 
-  .lg\:hover\:text-pink-dark:hover {
-    color: #eb5286;
+  .lg\:hover\:text-indigo-500:hover {
+    color: #6d80d3;
   }
 
-  .lg\:hover\:text-pink:hover {
-    color: #f66d9b;
+  .lg\:hover\:text-indigo-600:hover {
+    color: #5e68bc;
   }
 
-  .lg\:hover\:text-pink-light:hover {
-    color: #fa7ea8;
+  .lg\:hover\:text-indigo-700:hover {
+    color: #5154a1;
   }
 
-  .lg\:hover\:text-pink-lighter:hover {
-    color: #ffbbca;
+  .lg\:hover\:text-indigo-800:hover {
+    color: #42417f;
   }
 
-  .lg\:hover\:text-pink-lightest:hover {
-    color: #ffebef;
+  .lg\:hover\:text-indigo-900:hover {
+    color: #37366a;
+  }
+
+  .lg\:hover\:text-purple-100:hover {
+    color: #faf5ff;
+  }
+
+  .lg\:hover\:text-purple-200:hover {
+    color: #eddffd;
+  }
+
+  .lg\:hover\:text-purple-300:hover {
+    color: #dcc7fb;
+  }
+
+  .lg\:hover\:text-purple-400:hover {
+    color: #b18af4;
+  }
+
+  .lg\:hover\:text-purple-500:hover {
+    color: #976de9;
+  }
+
+  .lg\:hover\:text-purple-600:hover {
+    color: #7c54d5;
+  }
+
+  .lg\:hover\:text-purple-700:hover {
+    color: #6845b9;
+  }
+
+  .lg\:hover\:text-purple-800:hover {
+    color: #4d368a;
+  }
+
+  .lg\:hover\:text-purple-900:hover {
+    color: #3b2c6c;
+  }
+
+  .lg\:hover\:text-pink-100:hover {
+    color: #fff2f4;
+  }
+
+  .lg\:hover\:text-pink-200:hover {
+    color: #fedee4;
+  }
+
+  .lg\:hover\:text-pink-300:hover {
+    color: #fcbccb;
+  }
+
+  .lg\:hover\:text-pink-400:hover {
+    color: #f786a7;
+  }
+
+  .lg\:hover\:text-pink-500:hover {
+    color: #ed588b;
+  }
+
+  .lg\:hover\:text-pink-600:hover {
+    color: #d9447b;
+  }
+
+  .lg\:hover\:text-pink-700:hover {
+    color: #b32f62;
+  }
+
+  .lg\:hover\:text-pink-800:hover {
+    color: #8d2450;
+  }
+
+  .lg\:hover\:text-pink-900:hover {
+    color: #741c46;
+  }
+
+  .lg\:hover\:text-grey-100:hover {
+    color: #f8fcfe;
+  }
+
+  .lg\:hover\:text-grey-200:hover {
+    color: #f1f5fb;
+  }
+
+  .lg\:hover\:text-grey-300:hover {
+    color: #e2e9f0;
+  }
+
+  .lg\:hover\:text-grey-400:hover {
+    color: #bbc5cf;
+  }
+
+  .lg\:hover\:text-grey-500:hover {
+    color: #a3b0bd;
+  }
+
+  .lg\:hover\:text-grey-600:hover {
+    color: #7a8996;
+  }
+
+  .lg\:hover\:text-grey-700:hover {
+    color: #5a6977;
+  }
+
+  .lg\:hover\:text-grey-800:hover {
+    color: #2e3a45;
+  }
+
+  .lg\:hover\:text-grey-900:hover {
+    color: #1f2830;
   }
 
   .lg\:focus\:text-transparent:focus {
@@ -24034,291 +26839,371 @@ samp {
   }
 
   .lg\:focus\:text-black:focus {
-    color: #22292f;
-  }
-
-  .lg\:focus\:text-grey-darkest:focus {
-    color: #3d4852;
-  }
-
-  .lg\:focus\:text-grey-darker:focus {
-    color: #606f7b;
-  }
-
-  .lg\:focus\:text-grey-dark:focus {
-    color: #8795a1;
-  }
-
-  .lg\:focus\:text-grey:focus {
-    color: #b8c2cc;
-  }
-
-  .lg\:focus\:text-grey-light:focus {
-    color: #dae1e7;
-  }
-
-  .lg\:focus\:text-grey-lighter:focus {
-    color: #f1f5f8;
-  }
-
-  .lg\:focus\:text-grey-lightest:focus {
-    color: #f8fafc;
+    color: #000;
   }
 
   .lg\:focus\:text-white:focus {
     color: #fff;
   }
 
-  .lg\:focus\:text-red-darkest:focus {
-    color: #3b0d0c;
+  .lg\:focus\:text-teal-100:focus {
+    color: #ebfffc;
   }
 
-  .lg\:focus\:text-red-darker:focus {
-    color: #621b18;
+  .lg\:focus\:text-teal-200:focus {
+    color: #b3f1e9;
   }
 
-  .lg\:focus\:text-red-dark:focus {
-    color: #cc1f1a;
+  .lg\:focus\:text-teal-300:focus {
+    color: #82e1d7;
   }
 
-  .lg\:focus\:text-red:focus {
-    color: #e3342f;
+  .lg\:focus\:text-teal-400:focus {
+    color: #60cfc5;
   }
 
-  .lg\:focus\:text-red-light:focus {
-    color: #ef5753;
+  .lg\:focus\:text-teal-500:focus {
+    color: #49bab2;
   }
 
-  .lg\:focus\:text-red-lighter:focus {
-    color: #f9acaa;
+  .lg\:focus\:text-teal-600:focus {
+    color: #3ea39f;
   }
 
-  .lg\:focus\:text-red-lightest:focus {
-    color: #fcebea;
+  .lg\:focus\:text-teal-700:focus {
+    color: #378786;
   }
 
-  .lg\:focus\:text-orange-darkest:focus {
-    color: #462a16;
+  .lg\:focus\:text-teal-800:focus {
+    color: #316769;
   }
 
-  .lg\:focus\:text-orange-darker:focus {
-    color: #613b1f;
+  .lg\:focus\:text-teal-900:focus {
+    color: #265152;
   }
 
-  .lg\:focus\:text-orange-dark:focus {
-    color: #de751f;
+  .lg\:focus\:text-red-100:focus {
+    color: #fff5f5;
   }
 
-  .lg\:focus\:text-orange:focus {
-    color: #f6993f;
+  .lg\:focus\:text-red-200:focus {
+    color: #fee3e3;
   }
 
-  .lg\:focus\:text-orange-light:focus {
-    color: #faad63;
+  .lg\:focus\:text-red-300:focus {
+    color: #febcbc;
   }
 
-  .lg\:focus\:text-orange-lighter:focus {
-    color: #fcd9b6;
+  .lg\:focus\:text-red-400:focus {
+    color: #fd9292;
   }
 
-  .lg\:focus\:text-orange-lightest:focus {
-    color: #fff5eb;
+  .lg\:focus\:text-red-500:focus {
+    color: #f95e5f;
   }
 
-  .lg\:focus\:text-yellow-darkest:focus {
-    color: #453411;
+  .lg\:focus\:text-red-600:focus {
+    color: #ec454e;
   }
 
-  .lg\:focus\:text-yellow-darker:focus {
-    color: #684f1d;
+  .lg\:focus\:text-red-700:focus {
+    color: #dc3448;
   }
 
-  .lg\:focus\:text-yellow-dark:focus {
-    color: #f2d024;
+  .lg\:focus\:text-red-800:focus {
+    color: #b4203b;
   }
 
-  .lg\:focus\:text-yellow:focus {
-    color: #ffed4a;
+  .lg\:focus\:text-red-900:focus {
+    color: #801b33;
   }
 
-  .lg\:focus\:text-yellow-light:focus {
-    color: #fff382;
+  .lg\:focus\:text-orange-100:focus {
+    color: #fffaef;
   }
 
-  .lg\:focus\:text-yellow-lighter:focus {
-    color: #fff9c2;
+  .lg\:focus\:text-orange-200:focus {
+    color: #fee8c1;
   }
 
-  .lg\:focus\:text-yellow-lightest:focus {
-    color: #fcfbeb;
+  .lg\:focus\:text-orange-300:focus {
+    color: #fbd087;
   }
 
-  .lg\:focus\:text-green-darkest:focus {
-    color: #0f2f21;
+  .lg\:focus\:text-orange-400:focus {
+    color: #f6aa4f;
   }
 
-  .lg\:focus\:text-green-darker:focus {
-    color: #1a4731;
+  .lg\:focus\:text-orange-500:focus {
+    color: #ec832b;
   }
 
-  .lg\:focus\:text-green-dark:focus {
-    color: #1f9d55;
+  .lg\:focus\:text-orange-600:focus {
+    color: #df6d22;
   }
 
-  .lg\:focus\:text-green:focus {
-    color: #38c172;
+  .lg\:focus\:text-orange-700:focus {
+    color: #c55822;
   }
 
-  .lg\:focus\:text-green-light:focus {
-    color: #51d88a;
+  .lg\:focus\:text-orange-800:focus {
+    color: #9f4423;
   }
 
-  .lg\:focus\:text-green-lighter:focus {
-    color: #a2f5bf;
+  .lg\:focus\:text-orange-900:focus {
+    color: #70311e;
   }
 
-  .lg\:focus\:text-green-lightest:focus {
-    color: #e3fcec;
+  .lg\:focus\:text-yellow-100:focus {
+    color: #ffffeb;
   }
 
-  .lg\:focus\:text-teal-darkest:focus {
-    color: #0d3331;
+  .lg\:focus\:text-yellow-200:focus {
+    color: #fefcbf;
   }
 
-  .lg\:focus\:text-teal-darker:focus {
-    color: #20504f;
+  .lg\:focus\:text-yellow-300:focus {
+    color: #fbf189;
   }
 
-  .lg\:focus\:text-teal-dark:focus {
-    color: #38a89d;
+  .lg\:focus\:text-yellow-400:focus {
+    color: #f6e05e;
   }
 
-  .lg\:focus\:text-teal:focus {
-    color: #4dc0b5;
+  .lg\:focus\:text-yellow-500:focus {
+    color: #ebc743;
   }
 
-  .lg\:focus\:text-teal-light:focus {
-    color: #64d5ca;
+  .lg\:focus\:text-yellow-600:focus {
+    color: #d69e2e;
   }
 
-  .lg\:focus\:text-teal-lighter:focus {
-    color: #a0f0ed;
+  .lg\:focus\:text-yellow-700:focus {
+    color: #b7791f;
   }
 
-  .lg\:focus\:text-teal-lightest:focus {
-    color: #e8fffe;
+  .lg\:focus\:text-yellow-800:focus {
+    color: #8d5415;
   }
 
-  .lg\:focus\:text-blue-darkest:focus {
-    color: #12283a;
+  .lg\:focus\:text-yellow-900:focus {
+    color: #66390e;
   }
 
-  .lg\:focus\:text-blue-darker:focus {
-    color: #1c3d5a;
+  .lg\:focus\:text-green-100:focus {
+    color: #e9ffe9;
   }
 
-  .lg\:focus\:text-blue-dark:focus {
-    color: #2779bd;
+  .lg\:focus\:text-green-200:focus {
+    color: #c1f5c5;
   }
 
-  .lg\:focus\:text-blue:focus {
-    color: #3490dc;
+  .lg\:focus\:text-green-300:focus {
+    color: #9ae6a8;
   }
 
-  .lg\:focus\:text-blue-light:focus {
-    color: #6cb2eb;
+  .lg\:focus\:text-green-400:focus {
+    color: #68d391;
   }
 
-  .lg\:focus\:text-blue-lighter:focus {
-    color: #bcdefa;
+  .lg\:focus\:text-green-500:focus {
+    color: #48bb87;
   }
 
-  .lg\:focus\:text-blue-lightest:focus {
-    color: #eff8ff;
+  .lg\:focus\:text-green-600:focus {
+    color: #38a181;
   }
 
-  .lg\:focus\:text-indigo-darkest:focus {
-    color: #191e38;
+  .lg\:focus\:text-green-700:focus {
+    color: #2f8572;
   }
 
-  .lg\:focus\:text-indigo-darker:focus {
-    color: #2f365f;
+  .lg\:focus\:text-green-800:focus {
+    color: #28695c;
   }
 
-  .lg\:focus\:text-indigo-dark:focus {
-    color: #5661b3;
+  .lg\:focus\:text-green-900:focus {
+    color: #22544b;
   }
 
-  .lg\:focus\:text-indigo:focus {
-    color: #6574cd;
+  .lg\:focus\:text-blue-100:focus {
+    color: #f1fafd;
   }
 
-  .lg\:focus\:text-indigo-light:focus {
-    color: #7886d7;
+  .lg\:focus\:text-blue-200:focus {
+    color: #caedfa;
   }
 
-  .lg\:focus\:text-indigo-lighter:focus {
-    color: #b2b7ff;
+  .lg\:focus\:text-blue-300:focus {
+    color: #87d3f3;
   }
 
-  .lg\:focus\:text-indigo-lightest:focus {
-    color: #e6e8ff;
+  .lg\:focus\:text-blue-400:focus {
+    color: #57b9ec;
   }
 
-  .lg\:focus\:text-purple-darkest:focus {
-    color: #21183c;
+  .lg\:focus\:text-blue-500:focus {
+    color: #3a9adf;
   }
 
-  .lg\:focus\:text-purple-darker:focus {
-    color: #382b5f;
+  .lg\:focus\:text-blue-600:focus {
+    color: #2b7cc4;
   }
 
-  .lg\:focus\:text-purple-dark:focus {
-    color: #794acf;
+  .lg\:focus\:text-blue-700:focus {
+    color: #2762a3;
   }
 
-  .lg\:focus\:text-purple:focus {
-    color: #9561e2;
+  .lg\:focus\:text-blue-800:focus {
+    color: #284f81;
   }
 
-  .lg\:focus\:text-purple-light:focus {
-    color: #a779e9;
+  .lg\:focus\:text-blue-900:focus {
+    color: #294468;
   }
 
-  .lg\:focus\:text-purple-lighter:focus {
-    color: #d6bbfc;
+  .lg\:focus\:text-indigo-100:focus {
+    color: #eef6ff;
   }
 
-  .lg\:focus\:text-purple-lightest:focus {
-    color: #f3ebff;
+  .lg\:focus\:text-indigo-200:focus {
+    color: #cbe0f9;
   }
 
-  .lg\:focus\:text-pink-darkest:focus {
-    color: #451225;
+  .lg\:focus\:text-indigo-300:focus {
+    color: #a6c5f0;
   }
 
-  .lg\:focus\:text-pink-darker:focus {
-    color: #6f213f;
+  .lg\:focus\:text-indigo-400:focus {
+    color: #82a2e3;
   }
 
-  .lg\:focus\:text-pink-dark:focus {
-    color: #eb5286;
+  .lg\:focus\:text-indigo-500:focus {
+    color: #6d80d3;
   }
 
-  .lg\:focus\:text-pink:focus {
-    color: #f66d9b;
+  .lg\:focus\:text-indigo-600:focus {
+    color: #5e68bc;
   }
 
-  .lg\:focus\:text-pink-light:focus {
-    color: #fa7ea8;
+  .lg\:focus\:text-indigo-700:focus {
+    color: #5154a1;
   }
 
-  .lg\:focus\:text-pink-lighter:focus {
-    color: #ffbbca;
+  .lg\:focus\:text-indigo-800:focus {
+    color: #42417f;
   }
 
-  .lg\:focus\:text-pink-lightest:focus {
-    color: #ffebef;
+  .lg\:focus\:text-indigo-900:focus {
+    color: #37366a;
+  }
+
+  .lg\:focus\:text-purple-100:focus {
+    color: #faf5ff;
+  }
+
+  .lg\:focus\:text-purple-200:focus {
+    color: #eddffd;
+  }
+
+  .lg\:focus\:text-purple-300:focus {
+    color: #dcc7fb;
+  }
+
+  .lg\:focus\:text-purple-400:focus {
+    color: #b18af4;
+  }
+
+  .lg\:focus\:text-purple-500:focus {
+    color: #976de9;
+  }
+
+  .lg\:focus\:text-purple-600:focus {
+    color: #7c54d5;
+  }
+
+  .lg\:focus\:text-purple-700:focus {
+    color: #6845b9;
+  }
+
+  .lg\:focus\:text-purple-800:focus {
+    color: #4d368a;
+  }
+
+  .lg\:focus\:text-purple-900:focus {
+    color: #3b2c6c;
+  }
+
+  .lg\:focus\:text-pink-100:focus {
+    color: #fff2f4;
+  }
+
+  .lg\:focus\:text-pink-200:focus {
+    color: #fedee4;
+  }
+
+  .lg\:focus\:text-pink-300:focus {
+    color: #fcbccb;
+  }
+
+  .lg\:focus\:text-pink-400:focus {
+    color: #f786a7;
+  }
+
+  .lg\:focus\:text-pink-500:focus {
+    color: #ed588b;
+  }
+
+  .lg\:focus\:text-pink-600:focus {
+    color: #d9447b;
+  }
+
+  .lg\:focus\:text-pink-700:focus {
+    color: #b32f62;
+  }
+
+  .lg\:focus\:text-pink-800:focus {
+    color: #8d2450;
+  }
+
+  .lg\:focus\:text-pink-900:focus {
+    color: #741c46;
+  }
+
+  .lg\:focus\:text-grey-100:focus {
+    color: #f8fcfe;
+  }
+
+  .lg\:focus\:text-grey-200:focus {
+    color: #f1f5fb;
+  }
+
+  .lg\:focus\:text-grey-300:focus {
+    color: #e2e9f0;
+  }
+
+  .lg\:focus\:text-grey-400:focus {
+    color: #bbc5cf;
+  }
+
+  .lg\:focus\:text-grey-500:focus {
+    color: #a3b0bd;
+  }
+
+  .lg\:focus\:text-grey-600:focus {
+    color: #7a8996;
+  }
+
+  .lg\:focus\:text-grey-700:focus {
+    color: #5a6977;
+  }
+
+  .lg\:focus\:text-grey-800:focus {
+    color: #2e3a45;
+  }
+
+  .lg\:focus\:text-grey-900:focus {
+    color: #1f2830;
   }
 
   .lg\:text-xs {
@@ -24699,7 +27584,7 @@ samp {
 
   .lg\:example {
     font-weight: 700;
-    color: #e3342f;
+    color: #f95e5f;
   }
 }
 
@@ -24725,291 +27610,371 @@ samp {
   }
 
   .xl\:bg-black {
-    background-color: #22292f;
-  }
-
-  .xl\:bg-grey-darkest {
-    background-color: #3d4852;
-  }
-
-  .xl\:bg-grey-darker {
-    background-color: #606f7b;
-  }
-
-  .xl\:bg-grey-dark {
-    background-color: #8795a1;
-  }
-
-  .xl\:bg-grey {
-    background-color: #b8c2cc;
-  }
-
-  .xl\:bg-grey-light {
-    background-color: #dae1e7;
-  }
-
-  .xl\:bg-grey-lighter {
-    background-color: #f1f5f8;
-  }
-
-  .xl\:bg-grey-lightest {
-    background-color: #f8fafc;
+    background-color: #000;
   }
 
   .xl\:bg-white {
     background-color: #fff;
   }
 
-  .xl\:bg-red-darkest {
-    background-color: #3b0d0c;
+  .xl\:bg-teal-100 {
+    background-color: #ebfffc;
   }
 
-  .xl\:bg-red-darker {
-    background-color: #621b18;
+  .xl\:bg-teal-200 {
+    background-color: #b3f1e9;
   }
 
-  .xl\:bg-red-dark {
-    background-color: #cc1f1a;
+  .xl\:bg-teal-300 {
+    background-color: #82e1d7;
   }
 
-  .xl\:bg-red {
-    background-color: #e3342f;
+  .xl\:bg-teal-400 {
+    background-color: #60cfc5;
   }
 
-  .xl\:bg-red-light {
-    background-color: #ef5753;
+  .xl\:bg-teal-500 {
+    background-color: #49bab2;
   }
 
-  .xl\:bg-red-lighter {
-    background-color: #f9acaa;
+  .xl\:bg-teal-600 {
+    background-color: #3ea39f;
   }
 
-  .xl\:bg-red-lightest {
-    background-color: #fcebea;
+  .xl\:bg-teal-700 {
+    background-color: #378786;
   }
 
-  .xl\:bg-orange-darkest {
-    background-color: #462a16;
+  .xl\:bg-teal-800 {
+    background-color: #316769;
   }
 
-  .xl\:bg-orange-darker {
-    background-color: #613b1f;
+  .xl\:bg-teal-900 {
+    background-color: #265152;
   }
 
-  .xl\:bg-orange-dark {
-    background-color: #de751f;
+  .xl\:bg-red-100 {
+    background-color: #fff5f5;
   }
 
-  .xl\:bg-orange {
-    background-color: #f6993f;
+  .xl\:bg-red-200 {
+    background-color: #fee3e3;
   }
 
-  .xl\:bg-orange-light {
-    background-color: #faad63;
+  .xl\:bg-red-300 {
+    background-color: #febcbc;
   }
 
-  .xl\:bg-orange-lighter {
-    background-color: #fcd9b6;
+  .xl\:bg-red-400 {
+    background-color: #fd9292;
   }
 
-  .xl\:bg-orange-lightest {
-    background-color: #fff5eb;
+  .xl\:bg-red-500 {
+    background-color: #f95e5f;
   }
 
-  .xl\:bg-yellow-darkest {
-    background-color: #453411;
+  .xl\:bg-red-600 {
+    background-color: #ec454e;
   }
 
-  .xl\:bg-yellow-darker {
-    background-color: #684f1d;
+  .xl\:bg-red-700 {
+    background-color: #dc3448;
   }
 
-  .xl\:bg-yellow-dark {
-    background-color: #f2d024;
+  .xl\:bg-red-800 {
+    background-color: #b4203b;
   }
 
-  .xl\:bg-yellow {
-    background-color: #ffed4a;
+  .xl\:bg-red-900 {
+    background-color: #801b33;
   }
 
-  .xl\:bg-yellow-light {
-    background-color: #fff382;
+  .xl\:bg-orange-100 {
+    background-color: #fffaef;
   }
 
-  .xl\:bg-yellow-lighter {
-    background-color: #fff9c2;
+  .xl\:bg-orange-200 {
+    background-color: #fee8c1;
   }
 
-  .xl\:bg-yellow-lightest {
-    background-color: #fcfbeb;
+  .xl\:bg-orange-300 {
+    background-color: #fbd087;
   }
 
-  .xl\:bg-green-darkest {
-    background-color: #0f2f21;
+  .xl\:bg-orange-400 {
+    background-color: #f6aa4f;
   }
 
-  .xl\:bg-green-darker {
-    background-color: #1a4731;
+  .xl\:bg-orange-500 {
+    background-color: #ec832b;
   }
 
-  .xl\:bg-green-dark {
-    background-color: #1f9d55;
+  .xl\:bg-orange-600 {
+    background-color: #df6d22;
   }
 
-  .xl\:bg-green {
-    background-color: #38c172;
+  .xl\:bg-orange-700 {
+    background-color: #c55822;
   }
 
-  .xl\:bg-green-light {
-    background-color: #51d88a;
+  .xl\:bg-orange-800 {
+    background-color: #9f4423;
   }
 
-  .xl\:bg-green-lighter {
-    background-color: #a2f5bf;
+  .xl\:bg-orange-900 {
+    background-color: #70311e;
   }
 
-  .xl\:bg-green-lightest {
-    background-color: #e3fcec;
+  .xl\:bg-yellow-100 {
+    background-color: #ffffeb;
   }
 
-  .xl\:bg-teal-darkest {
-    background-color: #0d3331;
+  .xl\:bg-yellow-200 {
+    background-color: #fefcbf;
   }
 
-  .xl\:bg-teal-darker {
-    background-color: #20504f;
+  .xl\:bg-yellow-300 {
+    background-color: #fbf189;
   }
 
-  .xl\:bg-teal-dark {
-    background-color: #38a89d;
+  .xl\:bg-yellow-400 {
+    background-color: #f6e05e;
   }
 
-  .xl\:bg-teal {
-    background-color: #4dc0b5;
+  .xl\:bg-yellow-500 {
+    background-color: #ebc743;
   }
 
-  .xl\:bg-teal-light {
-    background-color: #64d5ca;
+  .xl\:bg-yellow-600 {
+    background-color: #d69e2e;
   }
 
-  .xl\:bg-teal-lighter {
-    background-color: #a0f0ed;
+  .xl\:bg-yellow-700 {
+    background-color: #b7791f;
   }
 
-  .xl\:bg-teal-lightest {
-    background-color: #e8fffe;
+  .xl\:bg-yellow-800 {
+    background-color: #8d5415;
   }
 
-  .xl\:bg-blue-darkest {
-    background-color: #12283a;
+  .xl\:bg-yellow-900 {
+    background-color: #66390e;
   }
 
-  .xl\:bg-blue-darker {
-    background-color: #1c3d5a;
+  .xl\:bg-green-100 {
+    background-color: #e9ffe9;
   }
 
-  .xl\:bg-blue-dark {
-    background-color: #2779bd;
+  .xl\:bg-green-200 {
+    background-color: #c1f5c5;
   }
 
-  .xl\:bg-blue {
-    background-color: #3490dc;
+  .xl\:bg-green-300 {
+    background-color: #9ae6a8;
   }
 
-  .xl\:bg-blue-light {
-    background-color: #6cb2eb;
+  .xl\:bg-green-400 {
+    background-color: #68d391;
   }
 
-  .xl\:bg-blue-lighter {
-    background-color: #bcdefa;
+  .xl\:bg-green-500 {
+    background-color: #48bb87;
   }
 
-  .xl\:bg-blue-lightest {
-    background-color: #eff8ff;
+  .xl\:bg-green-600 {
+    background-color: #38a181;
   }
 
-  .xl\:bg-indigo-darkest {
-    background-color: #191e38;
+  .xl\:bg-green-700 {
+    background-color: #2f8572;
   }
 
-  .xl\:bg-indigo-darker {
-    background-color: #2f365f;
+  .xl\:bg-green-800 {
+    background-color: #28695c;
   }
 
-  .xl\:bg-indigo-dark {
-    background-color: #5661b3;
+  .xl\:bg-green-900 {
+    background-color: #22544b;
   }
 
-  .xl\:bg-indigo {
-    background-color: #6574cd;
+  .xl\:bg-blue-100 {
+    background-color: #f1fafd;
   }
 
-  .xl\:bg-indigo-light {
-    background-color: #7886d7;
+  .xl\:bg-blue-200 {
+    background-color: #caedfa;
   }
 
-  .xl\:bg-indigo-lighter {
-    background-color: #b2b7ff;
+  .xl\:bg-blue-300 {
+    background-color: #87d3f3;
   }
 
-  .xl\:bg-indigo-lightest {
-    background-color: #e6e8ff;
+  .xl\:bg-blue-400 {
+    background-color: #57b9ec;
   }
 
-  .xl\:bg-purple-darkest {
-    background-color: #21183c;
+  .xl\:bg-blue-500 {
+    background-color: #3a9adf;
   }
 
-  .xl\:bg-purple-darker {
-    background-color: #382b5f;
+  .xl\:bg-blue-600 {
+    background-color: #2b7cc4;
   }
 
-  .xl\:bg-purple-dark {
-    background-color: #794acf;
+  .xl\:bg-blue-700 {
+    background-color: #2762a3;
   }
 
-  .xl\:bg-purple {
-    background-color: #9561e2;
+  .xl\:bg-blue-800 {
+    background-color: #284f81;
   }
 
-  .xl\:bg-purple-light {
-    background-color: #a779e9;
+  .xl\:bg-blue-900 {
+    background-color: #294468;
   }
 
-  .xl\:bg-purple-lighter {
-    background-color: #d6bbfc;
+  .xl\:bg-indigo-100 {
+    background-color: #eef6ff;
   }
 
-  .xl\:bg-purple-lightest {
-    background-color: #f3ebff;
+  .xl\:bg-indigo-200 {
+    background-color: #cbe0f9;
   }
 
-  .xl\:bg-pink-darkest {
-    background-color: #451225;
+  .xl\:bg-indigo-300 {
+    background-color: #a6c5f0;
   }
 
-  .xl\:bg-pink-darker {
-    background-color: #6f213f;
+  .xl\:bg-indigo-400 {
+    background-color: #82a2e3;
   }
 
-  .xl\:bg-pink-dark {
-    background-color: #eb5286;
+  .xl\:bg-indigo-500 {
+    background-color: #6d80d3;
   }
 
-  .xl\:bg-pink {
-    background-color: #f66d9b;
+  .xl\:bg-indigo-600 {
+    background-color: #5e68bc;
   }
 
-  .xl\:bg-pink-light {
-    background-color: #fa7ea8;
+  .xl\:bg-indigo-700 {
+    background-color: #5154a1;
   }
 
-  .xl\:bg-pink-lighter {
-    background-color: #ffbbca;
+  .xl\:bg-indigo-800 {
+    background-color: #42417f;
   }
 
-  .xl\:bg-pink-lightest {
-    background-color: #ffebef;
+  .xl\:bg-indigo-900 {
+    background-color: #37366a;
+  }
+
+  .xl\:bg-purple-100 {
+    background-color: #faf5ff;
+  }
+
+  .xl\:bg-purple-200 {
+    background-color: #eddffd;
+  }
+
+  .xl\:bg-purple-300 {
+    background-color: #dcc7fb;
+  }
+
+  .xl\:bg-purple-400 {
+    background-color: #b18af4;
+  }
+
+  .xl\:bg-purple-500 {
+    background-color: #976de9;
+  }
+
+  .xl\:bg-purple-600 {
+    background-color: #7c54d5;
+  }
+
+  .xl\:bg-purple-700 {
+    background-color: #6845b9;
+  }
+
+  .xl\:bg-purple-800 {
+    background-color: #4d368a;
+  }
+
+  .xl\:bg-purple-900 {
+    background-color: #3b2c6c;
+  }
+
+  .xl\:bg-pink-100 {
+    background-color: #fff2f4;
+  }
+
+  .xl\:bg-pink-200 {
+    background-color: #fedee4;
+  }
+
+  .xl\:bg-pink-300 {
+    background-color: #fcbccb;
+  }
+
+  .xl\:bg-pink-400 {
+    background-color: #f786a7;
+  }
+
+  .xl\:bg-pink-500 {
+    background-color: #ed588b;
+  }
+
+  .xl\:bg-pink-600 {
+    background-color: #d9447b;
+  }
+
+  .xl\:bg-pink-700 {
+    background-color: #b32f62;
+  }
+
+  .xl\:bg-pink-800 {
+    background-color: #8d2450;
+  }
+
+  .xl\:bg-pink-900 {
+    background-color: #741c46;
+  }
+
+  .xl\:bg-grey-100 {
+    background-color: #f8fcfe;
+  }
+
+  .xl\:bg-grey-200 {
+    background-color: #f1f5fb;
+  }
+
+  .xl\:bg-grey-300 {
+    background-color: #e2e9f0;
+  }
+
+  .xl\:bg-grey-400 {
+    background-color: #bbc5cf;
+  }
+
+  .xl\:bg-grey-500 {
+    background-color: #a3b0bd;
+  }
+
+  .xl\:bg-grey-600 {
+    background-color: #7a8996;
+  }
+
+  .xl\:bg-grey-700 {
+    background-color: #5a6977;
+  }
+
+  .xl\:bg-grey-800 {
+    background-color: #2e3a45;
+  }
+
+  .xl\:bg-grey-900 {
+    background-color: #1f2830;
   }
 
   .xl\:hover\:bg-transparent:hover {
@@ -25017,291 +27982,372 @@ samp {
   }
 
   .xl\:hover\:bg-black:hover {
-    background-color: #22292f;
-  }
-
-  .xl\:hover\:bg-grey-darkest:hover {
-    background-color: #3d4852;
-  }
-
-  .xl\:hover\:bg-grey-darker:hover {
-    background-color: #606f7b;
-  }
-
-  .xl\:hover\:bg-grey-dark:hover {
-    background-color: #8795a1;
-  }
-
-  .xl\:hover\:bg-grey:hover {
-    background-color: #b8c2cc;
-  }
-
-  .xl\:hover\:bg-grey-light:hover {
-    background-color: #dae1e7;
-  }
-
-  .xl\:hover\:bg-grey-lighter:hover {
-    background-color: #f1f5f8;
-  }
-
-  .xl\:hover\:bg-grey-lightest:hover {
-    background-color: #f8fafc;
+    background-color: #000;
   }
 
   .xl\:hover\:bg-white:hover {
     background-color: #fff;
   }
 
-  .xl\:hover\:bg-red-darkest:hover {
-    background-color: #3b0d0c;
+  .xl\:hover\:bg-teal-100:hover {
+    background-color: #ebfffc;
   }
 
-  .xl\:hover\:bg-red-darker:hover {
-    background-color: #621b18;
+  .xl\:hover\:bg-teal-200:hover {
+    background-color: #b3f1e9;
   }
 
-  .xl\:hover\:bg-red-dark:hover {
-    background-color: #cc1f1a;
+  .xl\:hover\:bg-teal-300:hover {
+    background-color: #82e1d7;
   }
 
-  .xl\:hover\:bg-red:hover {
-    background-color: #e3342f;
+  .xl\:hover\:bg-teal-400:hover {
+    background-color: #60cfc5;
   }
 
-  .xl\:hover\:bg-red-light:hover {
-    background-color: #ef5753;
+  .xl\:hover\:bg-teal-500:hover {
+    background-color: #49bab2;
   }
 
-  .xl\:hover\:bg-red-lighter:hover {
-    background-color: #f9acaa;
+  .xl\:hover\:bg-teal-600:hover {
+    background-color: #3ea39f;
   }
 
-  .xl\:hover\:bg-red-lightest:hover {
-    background-color: #fcebea;
+  .xl\:hover\:bg-teal-700:hover {
+    background-color: #378786;
   }
 
-  .xl\:hover\:bg-orange-darkest:hover {
-    background-color: #462a16;
+  .xl\:hover\:bg-teal-800:hover {
+    background-color: #316769;
   }
 
-  .xl\:hover\:bg-orange-darker:hover {
-    background-color: #613b1f;
+  .xl\:hover\:bg-teal-900:hover {
+    background-color: #265152;
   }
 
-  .xl\:hover\:bg-orange-dark:hover {
-    background-color: #de751f;
+  .xl\:hover\:bg-red-100:hover {
+    background-color: #fff5f5;
   }
 
-  .xl\:hover\:bg-orange:hover {
-    background-color: #f6993f;
+  .xl\:hover\:bg-red-200:hover {
+    background-color: #fee3e3;
   }
 
-  .xl\:hover\:bg-orange-light:hover {
-    background-color: #faad63;
+  .xl\:hover\:bg-red-300:hover {
+    background-color: #febcbc;
   }
 
-  .xl\:hover\:bg-orange-lighter:hover {
-    background-color: #fcd9b6;
+  .xl\:hover\:bg-red-400:hover {
+    background-color: #fd9292;
   }
 
-  .xl\:hover\:bg-orange-lightest:hover {
-    background-color: #fff5eb;
+  .xl\:hover\:bg-red-500:hover {
+    background-color: #f95e5f;
   }
 
-  .xl\:hover\:bg-yellow-darkest:hover {
-    background-color: #453411;
+  .xl\:hover\:bg-red-600:hover {
+    background-color: #ec454e;
   }
 
-  .xl\:hover\:bg-yellow-darker:hover {
-    background-color: #684f1d;
+  .xl\:hover\:bg-red-700:hover {
+    background-color: #dc3448;
   }
 
-  .xl\:hover\:bg-yellow-dark:hover {
-    background-color: #f2d024;
+  .xl\:hover\:bg-red-800:hover {
+    background-color: #b4203b;
   }
 
-  .xl\:hover\:bg-yellow:hover {
-    background-color: #ffed4a;
+  .xl\:hover\:bg-red-900:hover {
+    background-color: #801b33;
   }
 
-  .xl\:hover\:bg-yellow-light:hover {
-    background-color: #fff382;
+  .xl\:hover\:bg-orange-100:hover {
+    background-color: #fffaef;
   }
 
-  .xl\:hover\:bg-yellow-lighter:hover {
-    background-color: #fff9c2;
+  .xl\:hover\:bg-orange-200:hover {
+    background-color: #fee8c1;
+>>>>>>> Replace 0.x colors with rough draft of 1.0 colors
   }
 
-  .xl\:hover\:bg-yellow-lightest:hover {
-    background-color: #fcfbeb;
+  .xl\:hover\:bg-orange-300:hover {
+    background-color: #fbd087;
   }
 
-  .xl\:hover\:bg-green-darkest:hover {
-    background-color: #0f2f21;
+  .xl\:hover\:bg-orange-400:hover {
+    background-color: #f6aa4f;
   }
 
-  .xl\:hover\:bg-green-darker:hover {
-    background-color: #1a4731;
+  .xl\:hover\:bg-orange-500:hover {
+    background-color: #ec832b;
   }
 
-  .xl\:hover\:bg-green-dark:hover {
-    background-color: #1f9d55;
+  .xl\:hover\:bg-orange-600:hover {
+    background-color: #df6d22;
   }
 
-  .xl\:hover\:bg-green:hover {
-    background-color: #38c172;
+  .xl\:hover\:bg-orange-700:hover {
+    background-color: #c55822;
   }
 
-  .xl\:hover\:bg-green-light:hover {
-    background-color: #51d88a;
+  .xl\:hover\:bg-orange-800:hover {
+    background-color: #9f4423;
   }
 
-  .xl\:hover\:bg-green-lighter:hover {
-    background-color: #a2f5bf;
+  .xl\:hover\:bg-orange-900:hover {
+    background-color: #70311e;
   }
 
-  .xl\:hover\:bg-green-lightest:hover {
-    background-color: #e3fcec;
+  .xl\:hover\:bg-yellow-100:hover {
+    background-color: #ffffeb;
   }
 
-  .xl\:hover\:bg-teal-darkest:hover {
-    background-color: #0d3331;
+  .xl\:hover\:bg-yellow-200:hover {
+    background-color: #fefcbf;
   }
 
-  .xl\:hover\:bg-teal-darker:hover {
-    background-color: #20504f;
+  .xl\:hover\:bg-yellow-300:hover {
+    background-color: #fbf189;
   }
 
-  .xl\:hover\:bg-teal-dark:hover {
-    background-color: #38a89d;
+  .xl\:hover\:bg-yellow-400:hover {
+    background-color: #f6e05e;
   }
 
-  .xl\:hover\:bg-teal:hover {
-    background-color: #4dc0b5;
+  .xl\:hover\:bg-yellow-500:hover {
+    background-color: #ebc743;
   }
 
-  .xl\:hover\:bg-teal-light:hover {
-    background-color: #64d5ca;
+  .xl\:hover\:bg-yellow-600:hover {
+    background-color: #d69e2e;
   }
 
-  .xl\:hover\:bg-teal-lighter:hover {
-    background-color: #a0f0ed;
+  .xl\:hover\:bg-yellow-700:hover {
+    background-color: #b7791f;
   }
 
-  .xl\:hover\:bg-teal-lightest:hover {
-    background-color: #e8fffe;
+  .xl\:hover\:bg-yellow-800:hover {
+    background-color: #8d5415;
   }
 
-  .xl\:hover\:bg-blue-darkest:hover {
-    background-color: #12283a;
+  .xl\:hover\:bg-yellow-900:hover {
+    background-color: #66390e;
   }
 
-  .xl\:hover\:bg-blue-darker:hover {
-    background-color: #1c3d5a;
+  .xl\:hover\:bg-green-100:hover {
+    background-color: #e9ffe9;
   }
 
-  .xl\:hover\:bg-blue-dark:hover {
-    background-color: #2779bd;
+  .xl\:hover\:bg-green-200:hover {
+    background-color: #c1f5c5;
   }
 
-  .xl\:hover\:bg-blue:hover {
-    background-color: #3490dc;
+  .xl\:hover\:bg-green-300:hover {
+    background-color: #9ae6a8;
   }
 
-  .xl\:hover\:bg-blue-light:hover {
-    background-color: #6cb2eb;
+  .xl\:hover\:bg-green-400:hover {
+    background-color: #68d391;
   }
 
-  .xl\:hover\:bg-blue-lighter:hover {
-    background-color: #bcdefa;
+  .xl\:hover\:bg-green-500:hover {
+    background-color: #48bb87;
   }
 
-  .xl\:hover\:bg-blue-lightest:hover {
-    background-color: #eff8ff;
+  .xl\:hover\:bg-green-600:hover {
+    background-color: #38a181;
   }
 
-  .xl\:hover\:bg-indigo-darkest:hover {
-    background-color: #191e38;
+  .xl\:hover\:bg-green-700:hover {
+    background-color: #2f8572;
   }
 
-  .xl\:hover\:bg-indigo-darker:hover {
-    background-color: #2f365f;
+  .xl\:hover\:bg-green-800:hover {
+    background-color: #28695c;
   }
 
-  .xl\:hover\:bg-indigo-dark:hover {
-    background-color: #5661b3;
+  .xl\:hover\:bg-green-900:hover {
+    background-color: #22544b;
   }
 
-  .xl\:hover\:bg-indigo:hover {
-    background-color: #6574cd;
+  .xl\:hover\:bg-blue-100:hover {
+    background-color: #f1fafd;
   }
 
-  .xl\:hover\:bg-indigo-light:hover {
-    background-color: #7886d7;
+  .xl\:hover\:bg-blue-200:hover {
+    background-color: #caedfa;
   }
 
-  .xl\:hover\:bg-indigo-lighter:hover {
-    background-color: #b2b7ff;
+  .xl\:hover\:bg-blue-300:hover {
+    background-color: #87d3f3;
   }
 
-  .xl\:hover\:bg-indigo-lightest:hover {
-    background-color: #e6e8ff;
+  .xl\:hover\:bg-blue-400:hover {
+    background-color: #57b9ec;
   }
 
-  .xl\:hover\:bg-purple-darkest:hover {
-    background-color: #21183c;
+  .xl\:hover\:bg-blue-500:hover {
+    background-color: #3a9adf;
   }
 
-  .xl\:hover\:bg-purple-darker:hover {
-    background-color: #382b5f;
+  .xl\:hover\:bg-blue-600:hover {
+    background-color: #2b7cc4;
   }
 
-  .xl\:hover\:bg-purple-dark:hover {
-    background-color: #794acf;
+  .xl\:hover\:bg-blue-700:hover {
+    background-color: #2762a3;
   }
 
-  .xl\:hover\:bg-purple:hover {
-    background-color: #9561e2;
+  .xl\:hover\:bg-blue-800:hover {
+    background-color: #284f81;
   }
 
-  .xl\:hover\:bg-purple-light:hover {
-    background-color: #a779e9;
+  .xl\:hover\:bg-blue-900:hover {
+    background-color: #294468;
   }
 
-  .xl\:hover\:bg-purple-lighter:hover {
-    background-color: #d6bbfc;
+  .xl\:hover\:bg-indigo-100:hover {
+    background-color: #eef6ff;
   }
 
-  .xl\:hover\:bg-purple-lightest:hover {
-    background-color: #f3ebff;
+  .xl\:hover\:bg-indigo-200:hover {
+    background-color: #cbe0f9;
   }
 
-  .xl\:hover\:bg-pink-darkest:hover {
-    background-color: #451225;
+  .xl\:hover\:bg-indigo-300:hover {
+    background-color: #a6c5f0;
   }
 
-  .xl\:hover\:bg-pink-darker:hover {
-    background-color: #6f213f;
+  .xl\:hover\:bg-indigo-400:hover {
+    background-color: #82a2e3;
   }
 
-  .xl\:hover\:bg-pink-dark:hover {
-    background-color: #eb5286;
+  .xl\:hover\:bg-indigo-500:hover {
+    background-color: #6d80d3;
   }
 
-  .xl\:hover\:bg-pink:hover {
-    background-color: #f66d9b;
+  .xl\:hover\:bg-indigo-600:hover {
+    background-color: #5e68bc;
   }
 
-  .xl\:hover\:bg-pink-light:hover {
-    background-color: #fa7ea8;
+  .xl\:hover\:bg-indigo-700:hover {
+    background-color: #5154a1;
   }
 
-  .xl\:hover\:bg-pink-lighter:hover {
-    background-color: #ffbbca;
+  .xl\:hover\:bg-indigo-800:hover {
+    background-color: #42417f;
   }
 
-  .xl\:hover\:bg-pink-lightest:hover {
-    background-color: #ffebef;
+  .xl\:hover\:bg-indigo-900:hover {
+    background-color: #37366a;
+  }
+
+  .xl\:hover\:bg-purple-100:hover {
+    background-color: #faf5ff;
+  }
+
+  .xl\:hover\:bg-purple-200:hover {
+    background-color: #eddffd;
+  }
+
+  .xl\:hover\:bg-purple-300:hover {
+    background-color: #dcc7fb;
+  }
+
+  .xl\:hover\:bg-purple-400:hover {
+    background-color: #b18af4;
+  }
+
+  .xl\:hover\:bg-purple-500:hover {
+    background-color: #976de9;
+  }
+
+  .xl\:hover\:bg-purple-600:hover {
+    background-color: #7c54d5;
+  }
+
+  .xl\:hover\:bg-purple-700:hover {
+    background-color: #6845b9;
+  }
+
+  .xl\:hover\:bg-purple-800:hover {
+    background-color: #4d368a;
+  }
+
+  .xl\:hover\:bg-purple-900:hover {
+    background-color: #3b2c6c;
+  }
+
+  .xl\:hover\:bg-pink-100:hover {
+    background-color: #fff2f4;
+  }
+
+  .xl\:hover\:bg-pink-200:hover {
+    background-color: #fedee4;
+  }
+
+  .xl\:hover\:bg-pink-300:hover {
+    background-color: #fcbccb;
+  }
+
+  .xl\:hover\:bg-pink-400:hover {
+    background-color: #f786a7;
+  }
+
+  .xl\:hover\:bg-pink-500:hover {
+    background-color: #ed588b;
+  }
+
+  .xl\:hover\:bg-pink-600:hover {
+    background-color: #d9447b;
+  }
+
+  .xl\:hover\:bg-pink-700:hover {
+    background-color: #b32f62;
+  }
+
+  .xl\:hover\:bg-pink-800:hover {
+    background-color: #8d2450;
+  }
+
+  .xl\:hover\:bg-pink-900:hover {
+    background-color: #741c46;
+  }
+
+  .xl\:hover\:bg-grey-100:hover {
+    background-color: #f8fcfe;
+  }
+
+  .xl\:hover\:bg-grey-200:hover {
+    background-color: #f1f5fb;
+  }
+
+  .xl\:hover\:bg-grey-300:hover {
+    background-color: #e2e9f0;
+  }
+
+  .xl\:hover\:bg-grey-400:hover {
+    background-color: #bbc5cf;
+  }
+
+  .xl\:hover\:bg-grey-500:hover {
+    background-color: #a3b0bd;
+  }
+
+  .xl\:hover\:bg-grey-600:hover {
+    background-color: #7a8996;
+  }
+
+  .xl\:hover\:bg-grey-700:hover {
+    background-color: #5a6977;
+  }
+
+  .xl\:hover\:bg-grey-800:hover {
+    background-color: #2e3a45;
+  }
+
+  .xl\:hover\:bg-grey-900:hover {
+    background-color: #1f2830;
   }
 
   .xl\:focus\:bg-transparent:focus {
@@ -25309,291 +28355,371 @@ samp {
   }
 
   .xl\:focus\:bg-black:focus {
-    background-color: #22292f;
-  }
-
-  .xl\:focus\:bg-grey-darkest:focus {
-    background-color: #3d4852;
-  }
-
-  .xl\:focus\:bg-grey-darker:focus {
-    background-color: #606f7b;
-  }
-
-  .xl\:focus\:bg-grey-dark:focus {
-    background-color: #8795a1;
-  }
-
-  .xl\:focus\:bg-grey:focus {
-    background-color: #b8c2cc;
-  }
-
-  .xl\:focus\:bg-grey-light:focus {
-    background-color: #dae1e7;
-  }
-
-  .xl\:focus\:bg-grey-lighter:focus {
-    background-color: #f1f5f8;
-  }
-
-  .xl\:focus\:bg-grey-lightest:focus {
-    background-color: #f8fafc;
+    background-color: #000;
   }
 
   .xl\:focus\:bg-white:focus {
     background-color: #fff;
   }
 
-  .xl\:focus\:bg-red-darkest:focus {
-    background-color: #3b0d0c;
+  .xl\:focus\:bg-teal-100:focus {
+    background-color: #ebfffc;
   }
 
-  .xl\:focus\:bg-red-darker:focus {
-    background-color: #621b18;
+  .xl\:focus\:bg-teal-200:focus {
+    background-color: #b3f1e9;
   }
 
-  .xl\:focus\:bg-red-dark:focus {
-    background-color: #cc1f1a;
+  .xl\:focus\:bg-teal-300:focus {
+    background-color: #82e1d7;
   }
 
-  .xl\:focus\:bg-red:focus {
-    background-color: #e3342f;
+  .xl\:focus\:bg-teal-400:focus {
+    background-color: #60cfc5;
   }
 
-  .xl\:focus\:bg-red-light:focus {
-    background-color: #ef5753;
+  .xl\:focus\:bg-teal-500:focus {
+    background-color: #49bab2;
   }
 
-  .xl\:focus\:bg-red-lighter:focus {
-    background-color: #f9acaa;
+  .xl\:focus\:bg-teal-600:focus {
+    background-color: #3ea39f;
   }
 
-  .xl\:focus\:bg-red-lightest:focus {
-    background-color: #fcebea;
+  .xl\:focus\:bg-teal-700:focus {
+    background-color: #378786;
   }
 
-  .xl\:focus\:bg-orange-darkest:focus {
-    background-color: #462a16;
+  .xl\:focus\:bg-teal-800:focus {
+    background-color: #316769;
   }
 
-  .xl\:focus\:bg-orange-darker:focus {
-    background-color: #613b1f;
+  .xl\:focus\:bg-teal-900:focus {
+    background-color: #265152;
   }
 
-  .xl\:focus\:bg-orange-dark:focus {
-    background-color: #de751f;
+  .xl\:focus\:bg-red-100:focus {
+    background-color: #fff5f5;
   }
 
-  .xl\:focus\:bg-orange:focus {
-    background-color: #f6993f;
+  .xl\:focus\:bg-red-200:focus {
+    background-color: #fee3e3;
   }
 
-  .xl\:focus\:bg-orange-light:focus {
-    background-color: #faad63;
+  .xl\:focus\:bg-red-300:focus {
+    background-color: #febcbc;
   }
 
-  .xl\:focus\:bg-orange-lighter:focus {
-    background-color: #fcd9b6;
+  .xl\:focus\:bg-red-400:focus {
+    background-color: #fd9292;
   }
 
-  .xl\:focus\:bg-orange-lightest:focus {
-    background-color: #fff5eb;
+  .xl\:focus\:bg-red-500:focus {
+    background-color: #f95e5f;
   }
 
-  .xl\:focus\:bg-yellow-darkest:focus {
-    background-color: #453411;
+  .xl\:focus\:bg-red-600:focus {
+    background-color: #ec454e;
   }
 
-  .xl\:focus\:bg-yellow-darker:focus {
-    background-color: #684f1d;
+  .xl\:focus\:bg-red-700:focus {
+    background-color: #dc3448;
   }
 
-  .xl\:focus\:bg-yellow-dark:focus {
-    background-color: #f2d024;
+  .xl\:focus\:bg-red-800:focus {
+    background-color: #b4203b;
   }
 
-  .xl\:focus\:bg-yellow:focus {
-    background-color: #ffed4a;
+  .xl\:focus\:bg-red-900:focus {
+    background-color: #801b33;
   }
 
-  .xl\:focus\:bg-yellow-light:focus {
-    background-color: #fff382;
+  .xl\:focus\:bg-orange-100:focus {
+    background-color: #fffaef;
   }
 
-  .xl\:focus\:bg-yellow-lighter:focus {
-    background-color: #fff9c2;
+  .xl\:focus\:bg-orange-200:focus {
+    background-color: #fee8c1;
   }
 
-  .xl\:focus\:bg-yellow-lightest:focus {
-    background-color: #fcfbeb;
+  .xl\:focus\:bg-orange-300:focus {
+    background-color: #fbd087;
   }
 
-  .xl\:focus\:bg-green-darkest:focus {
-    background-color: #0f2f21;
+  .xl\:focus\:bg-orange-400:focus {
+    background-color: #f6aa4f;
   }
 
-  .xl\:focus\:bg-green-darker:focus {
-    background-color: #1a4731;
+  .xl\:focus\:bg-orange-500:focus {
+    background-color: #ec832b;
   }
 
-  .xl\:focus\:bg-green-dark:focus {
-    background-color: #1f9d55;
+  .xl\:focus\:bg-orange-600:focus {
+    background-color: #df6d22;
   }
 
-  .xl\:focus\:bg-green:focus {
-    background-color: #38c172;
+  .xl\:focus\:bg-orange-700:focus {
+    background-color: #c55822;
   }
 
-  .xl\:focus\:bg-green-light:focus {
-    background-color: #51d88a;
+  .xl\:focus\:bg-orange-800:focus {
+    background-color: #9f4423;
   }
 
-  .xl\:focus\:bg-green-lighter:focus {
-    background-color: #a2f5bf;
+  .xl\:focus\:bg-orange-900:focus {
+    background-color: #70311e;
   }
 
-  .xl\:focus\:bg-green-lightest:focus {
-    background-color: #e3fcec;
+  .xl\:focus\:bg-yellow-100:focus {
+    background-color: #ffffeb;
   }
 
-  .xl\:focus\:bg-teal-darkest:focus {
-    background-color: #0d3331;
+  .xl\:focus\:bg-yellow-200:focus {
+    background-color: #fefcbf;
   }
 
-  .xl\:focus\:bg-teal-darker:focus {
-    background-color: #20504f;
+  .xl\:focus\:bg-yellow-300:focus {
+    background-color: #fbf189;
   }
 
-  .xl\:focus\:bg-teal-dark:focus {
-    background-color: #38a89d;
+  .xl\:focus\:bg-yellow-400:focus {
+    background-color: #f6e05e;
   }
 
-  .xl\:focus\:bg-teal:focus {
-    background-color: #4dc0b5;
+  .xl\:focus\:bg-yellow-500:focus {
+    background-color: #ebc743;
   }
 
-  .xl\:focus\:bg-teal-light:focus {
-    background-color: #64d5ca;
+  .xl\:focus\:bg-yellow-600:focus {
+    background-color: #d69e2e;
   }
 
-  .xl\:focus\:bg-teal-lighter:focus {
-    background-color: #a0f0ed;
+  .xl\:focus\:bg-yellow-700:focus {
+    background-color: #b7791f;
   }
 
-  .xl\:focus\:bg-teal-lightest:focus {
-    background-color: #e8fffe;
+  .xl\:focus\:bg-yellow-800:focus {
+    background-color: #8d5415;
   }
 
-  .xl\:focus\:bg-blue-darkest:focus {
-    background-color: #12283a;
+  .xl\:focus\:bg-yellow-900:focus {
+    background-color: #66390e;
   }
 
-  .xl\:focus\:bg-blue-darker:focus {
-    background-color: #1c3d5a;
+  .xl\:focus\:bg-green-100:focus {
+    background-color: #e9ffe9;
   }
 
-  .xl\:focus\:bg-blue-dark:focus {
-    background-color: #2779bd;
+  .xl\:focus\:bg-green-200:focus {
+    background-color: #c1f5c5;
   }
 
-  .xl\:focus\:bg-blue:focus {
-    background-color: #3490dc;
+  .xl\:focus\:bg-green-300:focus {
+    background-color: #9ae6a8;
   }
 
-  .xl\:focus\:bg-blue-light:focus {
-    background-color: #6cb2eb;
+  .xl\:focus\:bg-green-400:focus {
+    background-color: #68d391;
   }
 
-  .xl\:focus\:bg-blue-lighter:focus {
-    background-color: #bcdefa;
+  .xl\:focus\:bg-green-500:focus {
+    background-color: #48bb87;
   }
 
-  .xl\:focus\:bg-blue-lightest:focus {
-    background-color: #eff8ff;
+  .xl\:focus\:bg-green-600:focus {
+    background-color: #38a181;
   }
 
-  .xl\:focus\:bg-indigo-darkest:focus {
-    background-color: #191e38;
+  .xl\:focus\:bg-green-700:focus {
+    background-color: #2f8572;
   }
 
-  .xl\:focus\:bg-indigo-darker:focus {
-    background-color: #2f365f;
+  .xl\:focus\:bg-green-800:focus {
+    background-color: #28695c;
   }
 
-  .xl\:focus\:bg-indigo-dark:focus {
-    background-color: #5661b3;
+  .xl\:focus\:bg-green-900:focus {
+    background-color: #22544b;
   }
 
-  .xl\:focus\:bg-indigo:focus {
-    background-color: #6574cd;
+  .xl\:focus\:bg-blue-100:focus {
+    background-color: #f1fafd;
   }
 
-  .xl\:focus\:bg-indigo-light:focus {
-    background-color: #7886d7;
+  .xl\:focus\:bg-blue-200:focus {
+    background-color: #caedfa;
   }
 
-  .xl\:focus\:bg-indigo-lighter:focus {
-    background-color: #b2b7ff;
+  .xl\:focus\:bg-blue-300:focus {
+    background-color: #87d3f3;
   }
 
-  .xl\:focus\:bg-indigo-lightest:focus {
-    background-color: #e6e8ff;
+  .xl\:focus\:bg-blue-400:focus {
+    background-color: #57b9ec;
   }
 
-  .xl\:focus\:bg-purple-darkest:focus {
-    background-color: #21183c;
+  .xl\:focus\:bg-blue-500:focus {
+    background-color: #3a9adf;
   }
 
-  .xl\:focus\:bg-purple-darker:focus {
-    background-color: #382b5f;
+  .xl\:focus\:bg-blue-600:focus {
+    background-color: #2b7cc4;
   }
 
-  .xl\:focus\:bg-purple-dark:focus {
-    background-color: #794acf;
+  .xl\:focus\:bg-blue-700:focus {
+    background-color: #2762a3;
   }
 
-  .xl\:focus\:bg-purple:focus {
-    background-color: #9561e2;
+  .xl\:focus\:bg-blue-800:focus {
+    background-color: #284f81;
   }
 
-  .xl\:focus\:bg-purple-light:focus {
-    background-color: #a779e9;
+  .xl\:focus\:bg-blue-900:focus {
+    background-color: #294468;
   }
 
-  .xl\:focus\:bg-purple-lighter:focus {
-    background-color: #d6bbfc;
+  .xl\:focus\:bg-indigo-100:focus {
+    background-color: #eef6ff;
   }
 
-  .xl\:focus\:bg-purple-lightest:focus {
-    background-color: #f3ebff;
+  .xl\:focus\:bg-indigo-200:focus {
+    background-color: #cbe0f9;
   }
 
-  .xl\:focus\:bg-pink-darkest:focus {
-    background-color: #451225;
+  .xl\:focus\:bg-indigo-300:focus {
+    background-color: #a6c5f0;
   }
 
-  .xl\:focus\:bg-pink-darker:focus {
-    background-color: #6f213f;
+  .xl\:focus\:bg-indigo-400:focus {
+    background-color: #82a2e3;
   }
 
-  .xl\:focus\:bg-pink-dark:focus {
-    background-color: #eb5286;
+  .xl\:focus\:bg-indigo-500:focus {
+    background-color: #6d80d3;
   }
 
-  .xl\:focus\:bg-pink:focus {
-    background-color: #f66d9b;
+  .xl\:focus\:bg-indigo-600:focus {
+    background-color: #5e68bc;
   }
 
-  .xl\:focus\:bg-pink-light:focus {
-    background-color: #fa7ea8;
+  .xl\:focus\:bg-indigo-700:focus {
+    background-color: #5154a1;
   }
 
-  .xl\:focus\:bg-pink-lighter:focus {
-    background-color: #ffbbca;
+  .xl\:focus\:bg-indigo-800:focus {
+    background-color: #42417f;
   }
 
-  .xl\:focus\:bg-pink-lightest:focus {
-    background-color: #ffebef;
+  .xl\:focus\:bg-indigo-900:focus {
+    background-color: #37366a;
+  }
+
+  .xl\:focus\:bg-purple-100:focus {
+    background-color: #faf5ff;
+  }
+
+  .xl\:focus\:bg-purple-200:focus {
+    background-color: #eddffd;
+  }
+
+  .xl\:focus\:bg-purple-300:focus {
+    background-color: #dcc7fb;
+  }
+
+  .xl\:focus\:bg-purple-400:focus {
+    background-color: #b18af4;
+  }
+
+  .xl\:focus\:bg-purple-500:focus {
+    background-color: #976de9;
+  }
+
+  .xl\:focus\:bg-purple-600:focus {
+    background-color: #7c54d5;
+  }
+
+  .xl\:focus\:bg-purple-700:focus {
+    background-color: #6845b9;
+  }
+
+  .xl\:focus\:bg-purple-800:focus {
+    background-color: #4d368a;
+  }
+
+  .xl\:focus\:bg-purple-900:focus {
+    background-color: #3b2c6c;
+  }
+
+  .xl\:focus\:bg-pink-100:focus {
+    background-color: #fff2f4;
+  }
+
+  .xl\:focus\:bg-pink-200:focus {
+    background-color: #fedee4;
+  }
+
+  .xl\:focus\:bg-pink-300:focus {
+    background-color: #fcbccb;
+  }
+
+  .xl\:focus\:bg-pink-400:focus {
+    background-color: #f786a7;
+  }
+
+  .xl\:focus\:bg-pink-500:focus {
+    background-color: #ed588b;
+  }
+
+  .xl\:focus\:bg-pink-600:focus {
+    background-color: #d9447b;
+  }
+
+  .xl\:focus\:bg-pink-700:focus {
+    background-color: #b32f62;
+  }
+
+  .xl\:focus\:bg-pink-800:focus {
+    background-color: #8d2450;
+  }
+
+  .xl\:focus\:bg-pink-900:focus {
+    background-color: #741c46;
+  }
+
+  .xl\:focus\:bg-grey-100:focus {
+    background-color: #f8fcfe;
+  }
+
+  .xl\:focus\:bg-grey-200:focus {
+    background-color: #f1f5fb;
+  }
+
+  .xl\:focus\:bg-grey-300:focus {
+    background-color: #e2e9f0;
+  }
+
+  .xl\:focus\:bg-grey-400:focus {
+    background-color: #bbc5cf;
+  }
+
+  .xl\:focus\:bg-grey-500:focus {
+    background-color: #a3b0bd;
+  }
+
+  .xl\:focus\:bg-grey-600:focus {
+    background-color: #7a8996;
+  }
+
+  .xl\:focus\:bg-grey-700:focus {
+    background-color: #5a6977;
+  }
+
+  .xl\:focus\:bg-grey-800:focus {
+    background-color: #2e3a45;
+  }
+
+  .xl\:focus\:bg-grey-900:focus {
+    background-color: #1f2830;
   }
 
   .xl\:bg-bottom {
@@ -25665,291 +28791,371 @@ samp {
   }
 
   .xl\:border-black {
-    border-color: #22292f;
-  }
-
-  .xl\:border-grey-darkest {
-    border-color: #3d4852;
-  }
-
-  .xl\:border-grey-darker {
-    border-color: #606f7b;
-  }
-
-  .xl\:border-grey-dark {
-    border-color: #8795a1;
-  }
-
-  .xl\:border-grey {
-    border-color: #b8c2cc;
-  }
-
-  .xl\:border-grey-light {
-    border-color: #dae1e7;
-  }
-
-  .xl\:border-grey-lighter {
-    border-color: #f1f5f8;
-  }
-
-  .xl\:border-grey-lightest {
-    border-color: #f8fafc;
+    border-color: #000;
   }
 
   .xl\:border-white {
     border-color: #fff;
   }
 
-  .xl\:border-red-darkest {
-    border-color: #3b0d0c;
+  .xl\:border-teal-100 {
+    border-color: #ebfffc;
   }
 
-  .xl\:border-red-darker {
-    border-color: #621b18;
+  .xl\:border-teal-200 {
+    border-color: #b3f1e9;
   }
 
-  .xl\:border-red-dark {
-    border-color: #cc1f1a;
+  .xl\:border-teal-300 {
+    border-color: #82e1d7;
   }
 
-  .xl\:border-red {
-    border-color: #e3342f;
+  .xl\:border-teal-400 {
+    border-color: #60cfc5;
   }
 
-  .xl\:border-red-light {
-    border-color: #ef5753;
+  .xl\:border-teal-500 {
+    border-color: #49bab2;
   }
 
-  .xl\:border-red-lighter {
-    border-color: #f9acaa;
+  .xl\:border-teal-600 {
+    border-color: #3ea39f;
   }
 
-  .xl\:border-red-lightest {
-    border-color: #fcebea;
+  .xl\:border-teal-700 {
+    border-color: #378786;
   }
 
-  .xl\:border-orange-darkest {
-    border-color: #462a16;
+  .xl\:border-teal-800 {
+    border-color: #316769;
   }
 
-  .xl\:border-orange-darker {
-    border-color: #613b1f;
+  .xl\:border-teal-900 {
+    border-color: #265152;
   }
 
-  .xl\:border-orange-dark {
-    border-color: #de751f;
+  .xl\:border-red-100 {
+    border-color: #fff5f5;
   }
 
-  .xl\:border-orange {
-    border-color: #f6993f;
+  .xl\:border-red-200 {
+    border-color: #fee3e3;
   }
 
-  .xl\:border-orange-light {
-    border-color: #faad63;
+  .xl\:border-red-300 {
+    border-color: #febcbc;
   }
 
-  .xl\:border-orange-lighter {
-    border-color: #fcd9b6;
+  .xl\:border-red-400 {
+    border-color: #fd9292;
   }
 
-  .xl\:border-orange-lightest {
-    border-color: #fff5eb;
+  .xl\:border-red-500 {
+    border-color: #f95e5f;
   }
 
-  .xl\:border-yellow-darkest {
-    border-color: #453411;
+  .xl\:border-red-600 {
+    border-color: #ec454e;
   }
 
-  .xl\:border-yellow-darker {
-    border-color: #684f1d;
+  .xl\:border-red-700 {
+    border-color: #dc3448;
   }
 
-  .xl\:border-yellow-dark {
-    border-color: #f2d024;
+  .xl\:border-red-800 {
+    border-color: #b4203b;
   }
 
-  .xl\:border-yellow {
-    border-color: #ffed4a;
+  .xl\:border-red-900 {
+    border-color: #801b33;
   }
 
-  .xl\:border-yellow-light {
-    border-color: #fff382;
+  .xl\:border-orange-100 {
+    border-color: #fffaef;
   }
 
-  .xl\:border-yellow-lighter {
-    border-color: #fff9c2;
+  .xl\:border-orange-200 {
+    border-color: #fee8c1;
   }
 
-  .xl\:border-yellow-lightest {
-    border-color: #fcfbeb;
+  .xl\:border-orange-300 {
+    border-color: #fbd087;
   }
 
-  .xl\:border-green-darkest {
-    border-color: #0f2f21;
+  .xl\:border-orange-400 {
+    border-color: #f6aa4f;
   }
 
-  .xl\:border-green-darker {
-    border-color: #1a4731;
+  .xl\:border-orange-500 {
+    border-color: #ec832b;
   }
 
-  .xl\:border-green-dark {
-    border-color: #1f9d55;
+  .xl\:border-orange-600 {
+    border-color: #df6d22;
   }
 
-  .xl\:border-green {
-    border-color: #38c172;
+  .xl\:border-orange-700 {
+    border-color: #c55822;
   }
 
-  .xl\:border-green-light {
-    border-color: #51d88a;
+  .xl\:border-orange-800 {
+    border-color: #9f4423;
   }
 
-  .xl\:border-green-lighter {
-    border-color: #a2f5bf;
+  .xl\:border-orange-900 {
+    border-color: #70311e;
   }
 
-  .xl\:border-green-lightest {
-    border-color: #e3fcec;
+  .xl\:border-yellow-100 {
+    border-color: #ffffeb;
   }
 
-  .xl\:border-teal-darkest {
-    border-color: #0d3331;
+  .xl\:border-yellow-200 {
+    border-color: #fefcbf;
   }
 
-  .xl\:border-teal-darker {
-    border-color: #20504f;
+  .xl\:border-yellow-300 {
+    border-color: #fbf189;
   }
 
-  .xl\:border-teal-dark {
-    border-color: #38a89d;
+  .xl\:border-yellow-400 {
+    border-color: #f6e05e;
   }
 
-  .xl\:border-teal {
-    border-color: #4dc0b5;
+  .xl\:border-yellow-500 {
+    border-color: #ebc743;
   }
 
-  .xl\:border-teal-light {
-    border-color: #64d5ca;
+  .xl\:border-yellow-600 {
+    border-color: #d69e2e;
   }
 
-  .xl\:border-teal-lighter {
-    border-color: #a0f0ed;
+  .xl\:border-yellow-700 {
+    border-color: #b7791f;
   }
 
-  .xl\:border-teal-lightest {
-    border-color: #e8fffe;
+  .xl\:border-yellow-800 {
+    border-color: #8d5415;
   }
 
-  .xl\:border-blue-darkest {
-    border-color: #12283a;
+  .xl\:border-yellow-900 {
+    border-color: #66390e;
   }
 
-  .xl\:border-blue-darker {
-    border-color: #1c3d5a;
+  .xl\:border-green-100 {
+    border-color: #e9ffe9;
   }
 
-  .xl\:border-blue-dark {
-    border-color: #2779bd;
+  .xl\:border-green-200 {
+    border-color: #c1f5c5;
   }
 
-  .xl\:border-blue {
-    border-color: #3490dc;
+  .xl\:border-green-300 {
+    border-color: #9ae6a8;
   }
 
-  .xl\:border-blue-light {
-    border-color: #6cb2eb;
+  .xl\:border-green-400 {
+    border-color: #68d391;
   }
 
-  .xl\:border-blue-lighter {
-    border-color: #bcdefa;
+  .xl\:border-green-500 {
+    border-color: #48bb87;
   }
 
-  .xl\:border-blue-lightest {
-    border-color: #eff8ff;
+  .xl\:border-green-600 {
+    border-color: #38a181;
   }
 
-  .xl\:border-indigo-darkest {
-    border-color: #191e38;
+  .xl\:border-green-700 {
+    border-color: #2f8572;
   }
 
-  .xl\:border-indigo-darker {
-    border-color: #2f365f;
+  .xl\:border-green-800 {
+    border-color: #28695c;
   }
 
-  .xl\:border-indigo-dark {
-    border-color: #5661b3;
+  .xl\:border-green-900 {
+    border-color: #22544b;
   }
 
-  .xl\:border-indigo {
-    border-color: #6574cd;
+  .xl\:border-blue-100 {
+    border-color: #f1fafd;
   }
 
-  .xl\:border-indigo-light {
-    border-color: #7886d7;
+  .xl\:border-blue-200 {
+    border-color: #caedfa;
   }
 
-  .xl\:border-indigo-lighter {
-    border-color: #b2b7ff;
+  .xl\:border-blue-300 {
+    border-color: #87d3f3;
   }
 
-  .xl\:border-indigo-lightest {
-    border-color: #e6e8ff;
+  .xl\:border-blue-400 {
+    border-color: #57b9ec;
   }
 
-  .xl\:border-purple-darkest {
-    border-color: #21183c;
+  .xl\:border-blue-500 {
+    border-color: #3a9adf;
   }
 
-  .xl\:border-purple-darker {
-    border-color: #382b5f;
+  .xl\:border-blue-600 {
+    border-color: #2b7cc4;
   }
 
-  .xl\:border-purple-dark {
-    border-color: #794acf;
+  .xl\:border-blue-700 {
+    border-color: #2762a3;
   }
 
-  .xl\:border-purple {
-    border-color: #9561e2;
+  .xl\:border-blue-800 {
+    border-color: #284f81;
   }
 
-  .xl\:border-purple-light {
-    border-color: #a779e9;
+  .xl\:border-blue-900 {
+    border-color: #294468;
   }
 
-  .xl\:border-purple-lighter {
-    border-color: #d6bbfc;
+  .xl\:border-indigo-100 {
+    border-color: #eef6ff;
   }
 
-  .xl\:border-purple-lightest {
-    border-color: #f3ebff;
+  .xl\:border-indigo-200 {
+    border-color: #cbe0f9;
   }
 
-  .xl\:border-pink-darkest {
-    border-color: #451225;
+  .xl\:border-indigo-300 {
+    border-color: #a6c5f0;
   }
 
-  .xl\:border-pink-darker {
-    border-color: #6f213f;
+  .xl\:border-indigo-400 {
+    border-color: #82a2e3;
   }
 
-  .xl\:border-pink-dark {
-    border-color: #eb5286;
+  .xl\:border-indigo-500 {
+    border-color: #6d80d3;
   }
 
-  .xl\:border-pink {
-    border-color: #f66d9b;
+  .xl\:border-indigo-600 {
+    border-color: #5e68bc;
   }
 
-  .xl\:border-pink-light {
-    border-color: #fa7ea8;
+  .xl\:border-indigo-700 {
+    border-color: #5154a1;
   }
 
-  .xl\:border-pink-lighter {
-    border-color: #ffbbca;
+  .xl\:border-indigo-800 {
+    border-color: #42417f;
   }
 
-  .xl\:border-pink-lightest {
-    border-color: #ffebef;
+  .xl\:border-indigo-900 {
+    border-color: #37366a;
+  }
+
+  .xl\:border-purple-100 {
+    border-color: #faf5ff;
+  }
+
+  .xl\:border-purple-200 {
+    border-color: #eddffd;
+  }
+
+  .xl\:border-purple-300 {
+    border-color: #dcc7fb;
+  }
+
+  .xl\:border-purple-400 {
+    border-color: #b18af4;
+  }
+
+  .xl\:border-purple-500 {
+    border-color: #976de9;
+  }
+
+  .xl\:border-purple-600 {
+    border-color: #7c54d5;
+  }
+
+  .xl\:border-purple-700 {
+    border-color: #6845b9;
+  }
+
+  .xl\:border-purple-800 {
+    border-color: #4d368a;
+  }
+
+  .xl\:border-purple-900 {
+    border-color: #3b2c6c;
+  }
+
+  .xl\:border-pink-100 {
+    border-color: #fff2f4;
+  }
+
+  .xl\:border-pink-200 {
+    border-color: #fedee4;
+  }
+
+  .xl\:border-pink-300 {
+    border-color: #fcbccb;
+  }
+
+  .xl\:border-pink-400 {
+    border-color: #f786a7;
+  }
+
+  .xl\:border-pink-500 {
+    border-color: #ed588b;
+  }
+
+  .xl\:border-pink-600 {
+    border-color: #d9447b;
+  }
+
+  .xl\:border-pink-700 {
+    border-color: #b32f62;
+  }
+
+  .xl\:border-pink-800 {
+    border-color: #8d2450;
+  }
+
+  .xl\:border-pink-900 {
+    border-color: #741c46;
+  }
+
+  .xl\:border-grey-100 {
+    border-color: #f8fcfe;
+  }
+
+  .xl\:border-grey-200 {
+    border-color: #f1f5fb;
+  }
+
+  .xl\:border-grey-300 {
+    border-color: #e2e9f0;
+  }
+
+  .xl\:border-grey-400 {
+    border-color: #bbc5cf;
+  }
+
+  .xl\:border-grey-500 {
+    border-color: #a3b0bd;
+  }
+
+  .xl\:border-grey-600 {
+    border-color: #7a8996;
+  }
+
+  .xl\:border-grey-700 {
+    border-color: #5a6977;
+  }
+
+  .xl\:border-grey-800 {
+    border-color: #2e3a45;
+  }
+
+  .xl\:border-grey-900 {
+    border-color: #1f2830;
   }
 
   .xl\:hover\:border-transparent:hover {
@@ -25957,291 +29163,371 @@ samp {
   }
 
   .xl\:hover\:border-black:hover {
-    border-color: #22292f;
-  }
-
-  .xl\:hover\:border-grey-darkest:hover {
-    border-color: #3d4852;
-  }
-
-  .xl\:hover\:border-grey-darker:hover {
-    border-color: #606f7b;
-  }
-
-  .xl\:hover\:border-grey-dark:hover {
-    border-color: #8795a1;
-  }
-
-  .xl\:hover\:border-grey:hover {
-    border-color: #b8c2cc;
-  }
-
-  .xl\:hover\:border-grey-light:hover {
-    border-color: #dae1e7;
-  }
-
-  .xl\:hover\:border-grey-lighter:hover {
-    border-color: #f1f5f8;
-  }
-
-  .xl\:hover\:border-grey-lightest:hover {
-    border-color: #f8fafc;
+    border-color: #000;
   }
 
   .xl\:hover\:border-white:hover {
     border-color: #fff;
   }
 
-  .xl\:hover\:border-red-darkest:hover {
-    border-color: #3b0d0c;
+  .xl\:hover\:border-teal-100:hover {
+    border-color: #ebfffc;
   }
 
-  .xl\:hover\:border-red-darker:hover {
-    border-color: #621b18;
+  .xl\:hover\:border-teal-200:hover {
+    border-color: #b3f1e9;
   }
 
-  .xl\:hover\:border-red-dark:hover {
-    border-color: #cc1f1a;
+  .xl\:hover\:border-teal-300:hover {
+    border-color: #82e1d7;
   }
 
-  .xl\:hover\:border-red:hover {
-    border-color: #e3342f;
+  .xl\:hover\:border-teal-400:hover {
+    border-color: #60cfc5;
   }
 
-  .xl\:hover\:border-red-light:hover {
-    border-color: #ef5753;
+  .xl\:hover\:border-teal-500:hover {
+    border-color: #49bab2;
   }
 
-  .xl\:hover\:border-red-lighter:hover {
-    border-color: #f9acaa;
+  .xl\:hover\:border-teal-600:hover {
+    border-color: #3ea39f;
   }
 
-  .xl\:hover\:border-red-lightest:hover {
-    border-color: #fcebea;
+  .xl\:hover\:border-teal-700:hover {
+    border-color: #378786;
   }
 
-  .xl\:hover\:border-orange-darkest:hover {
-    border-color: #462a16;
+  .xl\:hover\:border-teal-800:hover {
+    border-color: #316769;
   }
 
-  .xl\:hover\:border-orange-darker:hover {
-    border-color: #613b1f;
+  .xl\:hover\:border-teal-900:hover {
+    border-color: #265152;
   }
 
-  .xl\:hover\:border-orange-dark:hover {
-    border-color: #de751f;
+  .xl\:hover\:border-red-100:hover {
+    border-color: #fff5f5;
   }
 
-  .xl\:hover\:border-orange:hover {
-    border-color: #f6993f;
+  .xl\:hover\:border-red-200:hover {
+    border-color: #fee3e3;
   }
 
-  .xl\:hover\:border-orange-light:hover {
-    border-color: #faad63;
+  .xl\:hover\:border-red-300:hover {
+    border-color: #febcbc;
   }
 
-  .xl\:hover\:border-orange-lighter:hover {
-    border-color: #fcd9b6;
+  .xl\:hover\:border-red-400:hover {
+    border-color: #fd9292;
   }
 
-  .xl\:hover\:border-orange-lightest:hover {
-    border-color: #fff5eb;
+  .xl\:hover\:border-red-500:hover {
+    border-color: #f95e5f;
   }
 
-  .xl\:hover\:border-yellow-darkest:hover {
-    border-color: #453411;
+  .xl\:hover\:border-red-600:hover {
+    border-color: #ec454e;
   }
 
-  .xl\:hover\:border-yellow-darker:hover {
-    border-color: #684f1d;
+  .xl\:hover\:border-red-700:hover {
+    border-color: #dc3448;
   }
 
-  .xl\:hover\:border-yellow-dark:hover {
-    border-color: #f2d024;
+  .xl\:hover\:border-red-800:hover {
+    border-color: #b4203b;
   }
 
-  .xl\:hover\:border-yellow:hover {
-    border-color: #ffed4a;
+  .xl\:hover\:border-red-900:hover {
+    border-color: #801b33;
   }
 
-  .xl\:hover\:border-yellow-light:hover {
-    border-color: #fff382;
+  .xl\:hover\:border-orange-100:hover {
+    border-color: #fffaef;
   }
 
-  .xl\:hover\:border-yellow-lighter:hover {
-    border-color: #fff9c2;
+  .xl\:hover\:border-orange-200:hover {
+    border-color: #fee8c1;
   }
 
-  .xl\:hover\:border-yellow-lightest:hover {
-    border-color: #fcfbeb;
+  .xl\:hover\:border-orange-300:hover {
+    border-color: #fbd087;
   }
 
-  .xl\:hover\:border-green-darkest:hover {
-    border-color: #0f2f21;
+  .xl\:hover\:border-orange-400:hover {
+    border-color: #f6aa4f;
   }
 
-  .xl\:hover\:border-green-darker:hover {
-    border-color: #1a4731;
+  .xl\:hover\:border-orange-500:hover {
+    border-color: #ec832b;
   }
 
-  .xl\:hover\:border-green-dark:hover {
-    border-color: #1f9d55;
+  .xl\:hover\:border-orange-600:hover {
+    border-color: #df6d22;
   }
 
-  .xl\:hover\:border-green:hover {
-    border-color: #38c172;
+  .xl\:hover\:border-orange-700:hover {
+    border-color: #c55822;
   }
 
-  .xl\:hover\:border-green-light:hover {
-    border-color: #51d88a;
+  .xl\:hover\:border-orange-800:hover {
+    border-color: #9f4423;
   }
 
-  .xl\:hover\:border-green-lighter:hover {
-    border-color: #a2f5bf;
+  .xl\:hover\:border-orange-900:hover {
+    border-color: #70311e;
   }
 
-  .xl\:hover\:border-green-lightest:hover {
-    border-color: #e3fcec;
+  .xl\:hover\:border-yellow-100:hover {
+    border-color: #ffffeb;
   }
 
-  .xl\:hover\:border-teal-darkest:hover {
-    border-color: #0d3331;
+  .xl\:hover\:border-yellow-200:hover {
+    border-color: #fefcbf;
   }
 
-  .xl\:hover\:border-teal-darker:hover {
-    border-color: #20504f;
+  .xl\:hover\:border-yellow-300:hover {
+    border-color: #fbf189;
   }
 
-  .xl\:hover\:border-teal-dark:hover {
-    border-color: #38a89d;
+  .xl\:hover\:border-yellow-400:hover {
+    border-color: #f6e05e;
   }
 
-  .xl\:hover\:border-teal:hover {
-    border-color: #4dc0b5;
+  .xl\:hover\:border-yellow-500:hover {
+    border-color: #ebc743;
   }
 
-  .xl\:hover\:border-teal-light:hover {
-    border-color: #64d5ca;
+  .xl\:hover\:border-yellow-600:hover {
+    border-color: #d69e2e;
   }
 
-  .xl\:hover\:border-teal-lighter:hover {
-    border-color: #a0f0ed;
+  .xl\:hover\:border-yellow-700:hover {
+    border-color: #b7791f;
   }
 
-  .xl\:hover\:border-teal-lightest:hover {
-    border-color: #e8fffe;
+  .xl\:hover\:border-yellow-800:hover {
+    border-color: #8d5415;
   }
 
-  .xl\:hover\:border-blue-darkest:hover {
-    border-color: #12283a;
+  .xl\:hover\:border-yellow-900:hover {
+    border-color: #66390e;
   }
 
-  .xl\:hover\:border-blue-darker:hover {
-    border-color: #1c3d5a;
+  .xl\:hover\:border-green-100:hover {
+    border-color: #e9ffe9;
   }
 
-  .xl\:hover\:border-blue-dark:hover {
-    border-color: #2779bd;
+  .xl\:hover\:border-green-200:hover {
+    border-color: #c1f5c5;
   }
 
-  .xl\:hover\:border-blue:hover {
-    border-color: #3490dc;
+  .xl\:hover\:border-green-300:hover {
+    border-color: #9ae6a8;
   }
 
-  .xl\:hover\:border-blue-light:hover {
-    border-color: #6cb2eb;
+  .xl\:hover\:border-green-400:hover {
+    border-color: #68d391;
   }
 
-  .xl\:hover\:border-blue-lighter:hover {
-    border-color: #bcdefa;
+  .xl\:hover\:border-green-500:hover {
+    border-color: #48bb87;
   }
 
-  .xl\:hover\:border-blue-lightest:hover {
-    border-color: #eff8ff;
+  .xl\:hover\:border-green-600:hover {
+    border-color: #38a181;
   }
 
-  .xl\:hover\:border-indigo-darkest:hover {
-    border-color: #191e38;
+  .xl\:hover\:border-green-700:hover {
+    border-color: #2f8572;
   }
 
-  .xl\:hover\:border-indigo-darker:hover {
-    border-color: #2f365f;
+  .xl\:hover\:border-green-800:hover {
+    border-color: #28695c;
   }
 
-  .xl\:hover\:border-indigo-dark:hover {
-    border-color: #5661b3;
+  .xl\:hover\:border-green-900:hover {
+    border-color: #22544b;
   }
 
-  .xl\:hover\:border-indigo:hover {
-    border-color: #6574cd;
+  .xl\:hover\:border-blue-100:hover {
+    border-color: #f1fafd;
   }
 
-  .xl\:hover\:border-indigo-light:hover {
-    border-color: #7886d7;
+  .xl\:hover\:border-blue-200:hover {
+    border-color: #caedfa;
   }
 
-  .xl\:hover\:border-indigo-lighter:hover {
-    border-color: #b2b7ff;
+  .xl\:hover\:border-blue-300:hover {
+    border-color: #87d3f3;
   }
 
-  .xl\:hover\:border-indigo-lightest:hover {
-    border-color: #e6e8ff;
+  .xl\:hover\:border-blue-400:hover {
+    border-color: #57b9ec;
   }
 
-  .xl\:hover\:border-purple-darkest:hover {
-    border-color: #21183c;
+  .xl\:hover\:border-blue-500:hover {
+    border-color: #3a9adf;
   }
 
-  .xl\:hover\:border-purple-darker:hover {
-    border-color: #382b5f;
+  .xl\:hover\:border-blue-600:hover {
+    border-color: #2b7cc4;
   }
 
-  .xl\:hover\:border-purple-dark:hover {
-    border-color: #794acf;
+  .xl\:hover\:border-blue-700:hover {
+    border-color: #2762a3;
   }
 
-  .xl\:hover\:border-purple:hover {
-    border-color: #9561e2;
+  .xl\:hover\:border-blue-800:hover {
+    border-color: #284f81;
   }
 
-  .xl\:hover\:border-purple-light:hover {
-    border-color: #a779e9;
+  .xl\:hover\:border-blue-900:hover {
+    border-color: #294468;
   }
 
-  .xl\:hover\:border-purple-lighter:hover {
-    border-color: #d6bbfc;
+  .xl\:hover\:border-indigo-100:hover {
+    border-color: #eef6ff;
   }
 
-  .xl\:hover\:border-purple-lightest:hover {
-    border-color: #f3ebff;
+  .xl\:hover\:border-indigo-200:hover {
+    border-color: #cbe0f9;
   }
 
-  .xl\:hover\:border-pink-darkest:hover {
-    border-color: #451225;
+  .xl\:hover\:border-indigo-300:hover {
+    border-color: #a6c5f0;
   }
 
-  .xl\:hover\:border-pink-darker:hover {
-    border-color: #6f213f;
+  .xl\:hover\:border-indigo-400:hover {
+    border-color: #82a2e3;
   }
 
-  .xl\:hover\:border-pink-dark:hover {
-    border-color: #eb5286;
+  .xl\:hover\:border-indigo-500:hover {
+    border-color: #6d80d3;
   }
 
-  .xl\:hover\:border-pink:hover {
-    border-color: #f66d9b;
+  .xl\:hover\:border-indigo-600:hover {
+    border-color: #5e68bc;
   }
 
-  .xl\:hover\:border-pink-light:hover {
-    border-color: #fa7ea8;
+  .xl\:hover\:border-indigo-700:hover {
+    border-color: #5154a1;
   }
 
-  .xl\:hover\:border-pink-lighter:hover {
-    border-color: #ffbbca;
+  .xl\:hover\:border-indigo-800:hover {
+    border-color: #42417f;
   }
 
-  .xl\:hover\:border-pink-lightest:hover {
-    border-color: #ffebef;
+  .xl\:hover\:border-indigo-900:hover {
+    border-color: #37366a;
+  }
+
+  .xl\:hover\:border-purple-100:hover {
+    border-color: #faf5ff;
+  }
+
+  .xl\:hover\:border-purple-200:hover {
+    border-color: #eddffd;
+  }
+
+  .xl\:hover\:border-purple-300:hover {
+    border-color: #dcc7fb;
+  }
+
+  .xl\:hover\:border-purple-400:hover {
+    border-color: #b18af4;
+  }
+
+  .xl\:hover\:border-purple-500:hover {
+    border-color: #976de9;
+  }
+
+  .xl\:hover\:border-purple-600:hover {
+    border-color: #7c54d5;
+  }
+
+  .xl\:hover\:border-purple-700:hover {
+    border-color: #6845b9;
+  }
+
+  .xl\:hover\:border-purple-800:hover {
+    border-color: #4d368a;
+  }
+
+  .xl\:hover\:border-purple-900:hover {
+    border-color: #3b2c6c;
+  }
+
+  .xl\:hover\:border-pink-100:hover {
+    border-color: #fff2f4;
+  }
+
+  .xl\:hover\:border-pink-200:hover {
+    border-color: #fedee4;
+  }
+
+  .xl\:hover\:border-pink-300:hover {
+    border-color: #fcbccb;
+  }
+
+  .xl\:hover\:border-pink-400:hover {
+    border-color: #f786a7;
+  }
+
+  .xl\:hover\:border-pink-500:hover {
+    border-color: #ed588b;
+  }
+
+  .xl\:hover\:border-pink-600:hover {
+    border-color: #d9447b;
+  }
+
+  .xl\:hover\:border-pink-700:hover {
+    border-color: #b32f62;
+  }
+
+  .xl\:hover\:border-pink-800:hover {
+    border-color: #8d2450;
+  }
+
+  .xl\:hover\:border-pink-900:hover {
+    border-color: #741c46;
+  }
+
+  .xl\:hover\:border-grey-100:hover {
+    border-color: #f8fcfe;
+  }
+
+  .xl\:hover\:border-grey-200:hover {
+    border-color: #f1f5fb;
+  }
+
+  .xl\:hover\:border-grey-300:hover {
+    border-color: #e2e9f0;
+  }
+
+  .xl\:hover\:border-grey-400:hover {
+    border-color: #bbc5cf;
+  }
+
+  .xl\:hover\:border-grey-500:hover {
+    border-color: #a3b0bd;
+  }
+
+  .xl\:hover\:border-grey-600:hover {
+    border-color: #7a8996;
+  }
+
+  .xl\:hover\:border-grey-700:hover {
+    border-color: #5a6977;
+  }
+
+  .xl\:hover\:border-grey-800:hover {
+    border-color: #2e3a45;
+  }
+
+  .xl\:hover\:border-grey-900:hover {
+    border-color: #1f2830;
   }
 
   .xl\:focus\:border-transparent:focus {
@@ -26249,291 +29535,371 @@ samp {
   }
 
   .xl\:focus\:border-black:focus {
-    border-color: #22292f;
-  }
-
-  .xl\:focus\:border-grey-darkest:focus {
-    border-color: #3d4852;
-  }
-
-  .xl\:focus\:border-grey-darker:focus {
-    border-color: #606f7b;
-  }
-
-  .xl\:focus\:border-grey-dark:focus {
-    border-color: #8795a1;
-  }
-
-  .xl\:focus\:border-grey:focus {
-    border-color: #b8c2cc;
-  }
-
-  .xl\:focus\:border-grey-light:focus {
-    border-color: #dae1e7;
-  }
-
-  .xl\:focus\:border-grey-lighter:focus {
-    border-color: #f1f5f8;
-  }
-
-  .xl\:focus\:border-grey-lightest:focus {
-    border-color: #f8fafc;
+    border-color: #000;
   }
 
   .xl\:focus\:border-white:focus {
     border-color: #fff;
   }
 
-  .xl\:focus\:border-red-darkest:focus {
-    border-color: #3b0d0c;
+  .xl\:focus\:border-teal-100:focus {
+    border-color: #ebfffc;
   }
 
-  .xl\:focus\:border-red-darker:focus {
-    border-color: #621b18;
+  .xl\:focus\:border-teal-200:focus {
+    border-color: #b3f1e9;
   }
 
-  .xl\:focus\:border-red-dark:focus {
-    border-color: #cc1f1a;
+  .xl\:focus\:border-teal-300:focus {
+    border-color: #82e1d7;
   }
 
-  .xl\:focus\:border-red:focus {
-    border-color: #e3342f;
+  .xl\:focus\:border-teal-400:focus {
+    border-color: #60cfc5;
   }
 
-  .xl\:focus\:border-red-light:focus {
-    border-color: #ef5753;
+  .xl\:focus\:border-teal-500:focus {
+    border-color: #49bab2;
   }
 
-  .xl\:focus\:border-red-lighter:focus {
-    border-color: #f9acaa;
+  .xl\:focus\:border-teal-600:focus {
+    border-color: #3ea39f;
   }
 
-  .xl\:focus\:border-red-lightest:focus {
-    border-color: #fcebea;
+  .xl\:focus\:border-teal-700:focus {
+    border-color: #378786;
   }
 
-  .xl\:focus\:border-orange-darkest:focus {
-    border-color: #462a16;
+  .xl\:focus\:border-teal-800:focus {
+    border-color: #316769;
   }
 
-  .xl\:focus\:border-orange-darker:focus {
-    border-color: #613b1f;
+  .xl\:focus\:border-teal-900:focus {
+    border-color: #265152;
   }
 
-  .xl\:focus\:border-orange-dark:focus {
-    border-color: #de751f;
+  .xl\:focus\:border-red-100:focus {
+    border-color: #fff5f5;
   }
 
-  .xl\:focus\:border-orange:focus {
-    border-color: #f6993f;
+  .xl\:focus\:border-red-200:focus {
+    border-color: #fee3e3;
   }
 
-  .xl\:focus\:border-orange-light:focus {
-    border-color: #faad63;
+  .xl\:focus\:border-red-300:focus {
+    border-color: #febcbc;
   }
 
-  .xl\:focus\:border-orange-lighter:focus {
-    border-color: #fcd9b6;
+  .xl\:focus\:border-red-400:focus {
+    border-color: #fd9292;
   }
 
-  .xl\:focus\:border-orange-lightest:focus {
-    border-color: #fff5eb;
+  .xl\:focus\:border-red-500:focus {
+    border-color: #f95e5f;
   }
 
-  .xl\:focus\:border-yellow-darkest:focus {
-    border-color: #453411;
+  .xl\:focus\:border-red-600:focus {
+    border-color: #ec454e;
   }
 
-  .xl\:focus\:border-yellow-darker:focus {
-    border-color: #684f1d;
+  .xl\:focus\:border-red-700:focus {
+    border-color: #dc3448;
   }
 
-  .xl\:focus\:border-yellow-dark:focus {
-    border-color: #f2d024;
+  .xl\:focus\:border-red-800:focus {
+    border-color: #b4203b;
   }
 
-  .xl\:focus\:border-yellow:focus {
-    border-color: #ffed4a;
+  .xl\:focus\:border-red-900:focus {
+    border-color: #801b33;
   }
 
-  .xl\:focus\:border-yellow-light:focus {
-    border-color: #fff382;
+  .xl\:focus\:border-orange-100:focus {
+    border-color: #fffaef;
   }
 
-  .xl\:focus\:border-yellow-lighter:focus {
-    border-color: #fff9c2;
+  .xl\:focus\:border-orange-200:focus {
+    border-color: #fee8c1;
   }
 
-  .xl\:focus\:border-yellow-lightest:focus {
-    border-color: #fcfbeb;
+  .xl\:focus\:border-orange-300:focus {
+    border-color: #fbd087;
   }
 
-  .xl\:focus\:border-green-darkest:focus {
-    border-color: #0f2f21;
+  .xl\:focus\:border-orange-400:focus {
+    border-color: #f6aa4f;
   }
 
-  .xl\:focus\:border-green-darker:focus {
-    border-color: #1a4731;
+  .xl\:focus\:border-orange-500:focus {
+    border-color: #ec832b;
   }
 
-  .xl\:focus\:border-green-dark:focus {
-    border-color: #1f9d55;
+  .xl\:focus\:border-orange-600:focus {
+    border-color: #df6d22;
   }
 
-  .xl\:focus\:border-green:focus {
-    border-color: #38c172;
+  .xl\:focus\:border-orange-700:focus {
+    border-color: #c55822;
   }
 
-  .xl\:focus\:border-green-light:focus {
-    border-color: #51d88a;
+  .xl\:focus\:border-orange-800:focus {
+    border-color: #9f4423;
   }
 
-  .xl\:focus\:border-green-lighter:focus {
-    border-color: #a2f5bf;
+  .xl\:focus\:border-orange-900:focus {
+    border-color: #70311e;
   }
 
-  .xl\:focus\:border-green-lightest:focus {
-    border-color: #e3fcec;
+  .xl\:focus\:border-yellow-100:focus {
+    border-color: #ffffeb;
   }
 
-  .xl\:focus\:border-teal-darkest:focus {
-    border-color: #0d3331;
+  .xl\:focus\:border-yellow-200:focus {
+    border-color: #fefcbf;
   }
 
-  .xl\:focus\:border-teal-darker:focus {
-    border-color: #20504f;
+  .xl\:focus\:border-yellow-300:focus {
+    border-color: #fbf189;
   }
 
-  .xl\:focus\:border-teal-dark:focus {
-    border-color: #38a89d;
+  .xl\:focus\:border-yellow-400:focus {
+    border-color: #f6e05e;
   }
 
-  .xl\:focus\:border-teal:focus {
-    border-color: #4dc0b5;
+  .xl\:focus\:border-yellow-500:focus {
+    border-color: #ebc743;
   }
 
-  .xl\:focus\:border-teal-light:focus {
-    border-color: #64d5ca;
+  .xl\:focus\:border-yellow-600:focus {
+    border-color: #d69e2e;
   }
 
-  .xl\:focus\:border-teal-lighter:focus {
-    border-color: #a0f0ed;
+  .xl\:focus\:border-yellow-700:focus {
+    border-color: #b7791f;
   }
 
-  .xl\:focus\:border-teal-lightest:focus {
-    border-color: #e8fffe;
+  .xl\:focus\:border-yellow-800:focus {
+    border-color: #8d5415;
   }
 
-  .xl\:focus\:border-blue-darkest:focus {
-    border-color: #12283a;
+  .xl\:focus\:border-yellow-900:focus {
+    border-color: #66390e;
   }
 
-  .xl\:focus\:border-blue-darker:focus {
-    border-color: #1c3d5a;
+  .xl\:focus\:border-green-100:focus {
+    border-color: #e9ffe9;
   }
 
-  .xl\:focus\:border-blue-dark:focus {
-    border-color: #2779bd;
+  .xl\:focus\:border-green-200:focus {
+    border-color: #c1f5c5;
   }
 
-  .xl\:focus\:border-blue:focus {
-    border-color: #3490dc;
+  .xl\:focus\:border-green-300:focus {
+    border-color: #9ae6a8;
   }
 
-  .xl\:focus\:border-blue-light:focus {
-    border-color: #6cb2eb;
+  .xl\:focus\:border-green-400:focus {
+    border-color: #68d391;
   }
 
-  .xl\:focus\:border-blue-lighter:focus {
-    border-color: #bcdefa;
+  .xl\:focus\:border-green-500:focus {
+    border-color: #48bb87;
   }
 
-  .xl\:focus\:border-blue-lightest:focus {
-    border-color: #eff8ff;
+  .xl\:focus\:border-green-600:focus {
+    border-color: #38a181;
   }
 
-  .xl\:focus\:border-indigo-darkest:focus {
-    border-color: #191e38;
+  .xl\:focus\:border-green-700:focus {
+    border-color: #2f8572;
   }
 
-  .xl\:focus\:border-indigo-darker:focus {
-    border-color: #2f365f;
+  .xl\:focus\:border-green-800:focus {
+    border-color: #28695c;
   }
 
-  .xl\:focus\:border-indigo-dark:focus {
-    border-color: #5661b3;
+  .xl\:focus\:border-green-900:focus {
+    border-color: #22544b;
   }
 
-  .xl\:focus\:border-indigo:focus {
-    border-color: #6574cd;
+  .xl\:focus\:border-blue-100:focus {
+    border-color: #f1fafd;
   }
 
-  .xl\:focus\:border-indigo-light:focus {
-    border-color: #7886d7;
+  .xl\:focus\:border-blue-200:focus {
+    border-color: #caedfa;
   }
 
-  .xl\:focus\:border-indigo-lighter:focus {
-    border-color: #b2b7ff;
+  .xl\:focus\:border-blue-300:focus {
+    border-color: #87d3f3;
   }
 
-  .xl\:focus\:border-indigo-lightest:focus {
-    border-color: #e6e8ff;
+  .xl\:focus\:border-blue-400:focus {
+    border-color: #57b9ec;
   }
 
-  .xl\:focus\:border-purple-darkest:focus {
-    border-color: #21183c;
+  .xl\:focus\:border-blue-500:focus {
+    border-color: #3a9adf;
   }
 
-  .xl\:focus\:border-purple-darker:focus {
-    border-color: #382b5f;
+  .xl\:focus\:border-blue-600:focus {
+    border-color: #2b7cc4;
   }
 
-  .xl\:focus\:border-purple-dark:focus {
-    border-color: #794acf;
+  .xl\:focus\:border-blue-700:focus {
+    border-color: #2762a3;
   }
 
-  .xl\:focus\:border-purple:focus {
-    border-color: #9561e2;
+  .xl\:focus\:border-blue-800:focus {
+    border-color: #284f81;
   }
 
-  .xl\:focus\:border-purple-light:focus {
-    border-color: #a779e9;
+  .xl\:focus\:border-blue-900:focus {
+    border-color: #294468;
   }
 
-  .xl\:focus\:border-purple-lighter:focus {
-    border-color: #d6bbfc;
+  .xl\:focus\:border-indigo-100:focus {
+    border-color: #eef6ff;
   }
 
-  .xl\:focus\:border-purple-lightest:focus {
-    border-color: #f3ebff;
+  .xl\:focus\:border-indigo-200:focus {
+    border-color: #cbe0f9;
   }
 
-  .xl\:focus\:border-pink-darkest:focus {
-    border-color: #451225;
+  .xl\:focus\:border-indigo-300:focus {
+    border-color: #a6c5f0;
   }
 
-  .xl\:focus\:border-pink-darker:focus {
-    border-color: #6f213f;
+  .xl\:focus\:border-indigo-400:focus {
+    border-color: #82a2e3;
   }
 
-  .xl\:focus\:border-pink-dark:focus {
-    border-color: #eb5286;
+  .xl\:focus\:border-indigo-500:focus {
+    border-color: #6d80d3;
   }
 
-  .xl\:focus\:border-pink:focus {
-    border-color: #f66d9b;
+  .xl\:focus\:border-indigo-600:focus {
+    border-color: #5e68bc;
   }
 
-  .xl\:focus\:border-pink-light:focus {
-    border-color: #fa7ea8;
+  .xl\:focus\:border-indigo-700:focus {
+    border-color: #5154a1;
   }
 
-  .xl\:focus\:border-pink-lighter:focus {
-    border-color: #ffbbca;
+  .xl\:focus\:border-indigo-800:focus {
+    border-color: #42417f;
   }
 
-  .xl\:focus\:border-pink-lightest:focus {
-    border-color: #ffebef;
+  .xl\:focus\:border-indigo-900:focus {
+    border-color: #37366a;
+  }
+
+  .xl\:focus\:border-purple-100:focus {
+    border-color: #faf5ff;
+  }
+
+  .xl\:focus\:border-purple-200:focus {
+    border-color: #eddffd;
+  }
+
+  .xl\:focus\:border-purple-300:focus {
+    border-color: #dcc7fb;
+  }
+
+  .xl\:focus\:border-purple-400:focus {
+    border-color: #b18af4;
+  }
+
+  .xl\:focus\:border-purple-500:focus {
+    border-color: #976de9;
+  }
+
+  .xl\:focus\:border-purple-600:focus {
+    border-color: #7c54d5;
+  }
+
+  .xl\:focus\:border-purple-700:focus {
+    border-color: #6845b9;
+  }
+
+  .xl\:focus\:border-purple-800:focus {
+    border-color: #4d368a;
+  }
+
+  .xl\:focus\:border-purple-900:focus {
+    border-color: #3b2c6c;
+  }
+
+  .xl\:focus\:border-pink-100:focus {
+    border-color: #fff2f4;
+  }
+
+  .xl\:focus\:border-pink-200:focus {
+    border-color: #fedee4;
+  }
+
+  .xl\:focus\:border-pink-300:focus {
+    border-color: #fcbccb;
+  }
+
+  .xl\:focus\:border-pink-400:focus {
+    border-color: #f786a7;
+  }
+
+  .xl\:focus\:border-pink-500:focus {
+    border-color: #ed588b;
+  }
+
+  .xl\:focus\:border-pink-600:focus {
+    border-color: #d9447b;
+  }
+
+  .xl\:focus\:border-pink-700:focus {
+    border-color: #b32f62;
+  }
+
+  .xl\:focus\:border-pink-800:focus {
+    border-color: #8d2450;
+  }
+
+  .xl\:focus\:border-pink-900:focus {
+    border-color: #741c46;
+  }
+
+  .xl\:focus\:border-grey-100:focus {
+    border-color: #f8fcfe;
+  }
+
+  .xl\:focus\:border-grey-200:focus {
+    border-color: #f1f5fb;
+  }
+
+  .xl\:focus\:border-grey-300:focus {
+    border-color: #e2e9f0;
+  }
+
+  .xl\:focus\:border-grey-400:focus {
+    border-color: #bbc5cf;
+  }
+
+  .xl\:focus\:border-grey-500:focus {
+    border-color: #a3b0bd;
+  }
+
+  .xl\:focus\:border-grey-600:focus {
+    border-color: #7a8996;
+  }
+
+  .xl\:focus\:border-grey-700:focus {
+    border-color: #5a6977;
+  }
+
+  .xl\:focus\:border-grey-800:focus {
+    border-color: #2e3a45;
+  }
+
+  .xl\:focus\:border-grey-900:focus {
+    border-color: #1f2830;
   }
 
   .xl\:rounded-none {
@@ -29475,291 +32841,371 @@ samp {
   }
 
   .xl\:text-black {
-    color: #22292f;
-  }
-
-  .xl\:text-grey-darkest {
-    color: #3d4852;
-  }
-
-  .xl\:text-grey-darker {
-    color: #606f7b;
-  }
-
-  .xl\:text-grey-dark {
-    color: #8795a1;
-  }
-
-  .xl\:text-grey {
-    color: #b8c2cc;
-  }
-
-  .xl\:text-grey-light {
-    color: #dae1e7;
-  }
-
-  .xl\:text-grey-lighter {
-    color: #f1f5f8;
-  }
-
-  .xl\:text-grey-lightest {
-    color: #f8fafc;
+    color: #000;
   }
 
   .xl\:text-white {
     color: #fff;
   }
 
-  .xl\:text-red-darkest {
-    color: #3b0d0c;
+  .xl\:text-teal-100 {
+    color: #ebfffc;
   }
 
-  .xl\:text-red-darker {
-    color: #621b18;
+  .xl\:text-teal-200 {
+    color: #b3f1e9;
   }
 
-  .xl\:text-red-dark {
-    color: #cc1f1a;
+  .xl\:text-teal-300 {
+    color: #82e1d7;
   }
 
-  .xl\:text-red {
-    color: #e3342f;
+  .xl\:text-teal-400 {
+    color: #60cfc5;
   }
 
-  .xl\:text-red-light {
-    color: #ef5753;
+  .xl\:text-teal-500 {
+    color: #49bab2;
   }
 
-  .xl\:text-red-lighter {
-    color: #f9acaa;
+  .xl\:text-teal-600 {
+    color: #3ea39f;
   }
 
-  .xl\:text-red-lightest {
-    color: #fcebea;
+  .xl\:text-teal-700 {
+    color: #378786;
   }
 
-  .xl\:text-orange-darkest {
-    color: #462a16;
+  .xl\:text-teal-800 {
+    color: #316769;
   }
 
-  .xl\:text-orange-darker {
-    color: #613b1f;
+  .xl\:text-teal-900 {
+    color: #265152;
   }
 
-  .xl\:text-orange-dark {
-    color: #de751f;
+  .xl\:text-red-100 {
+    color: #fff5f5;
   }
 
-  .xl\:text-orange {
-    color: #f6993f;
+  .xl\:text-red-200 {
+    color: #fee3e3;
   }
 
-  .xl\:text-orange-light {
-    color: #faad63;
+  .xl\:text-red-300 {
+    color: #febcbc;
   }
 
-  .xl\:text-orange-lighter {
-    color: #fcd9b6;
+  .xl\:text-red-400 {
+    color: #fd9292;
   }
 
-  .xl\:text-orange-lightest {
-    color: #fff5eb;
+  .xl\:text-red-500 {
+    color: #f95e5f;
   }
 
-  .xl\:text-yellow-darkest {
-    color: #453411;
+  .xl\:text-red-600 {
+    color: #ec454e;
   }
 
-  .xl\:text-yellow-darker {
-    color: #684f1d;
+  .xl\:text-red-700 {
+    color: #dc3448;
   }
 
-  .xl\:text-yellow-dark {
-    color: #f2d024;
+  .xl\:text-red-800 {
+    color: #b4203b;
   }
 
-  .xl\:text-yellow {
-    color: #ffed4a;
+  .xl\:text-red-900 {
+    color: #801b33;
   }
 
-  .xl\:text-yellow-light {
-    color: #fff382;
+  .xl\:text-orange-100 {
+    color: #fffaef;
   }
 
-  .xl\:text-yellow-lighter {
-    color: #fff9c2;
+  .xl\:text-orange-200 {
+    color: #fee8c1;
   }
 
-  .xl\:text-yellow-lightest {
-    color: #fcfbeb;
+  .xl\:text-orange-300 {
+    color: #fbd087;
   }
 
-  .xl\:text-green-darkest {
-    color: #0f2f21;
+  .xl\:text-orange-400 {
+    color: #f6aa4f;
   }
 
-  .xl\:text-green-darker {
-    color: #1a4731;
+  .xl\:text-orange-500 {
+    color: #ec832b;
   }
 
-  .xl\:text-green-dark {
-    color: #1f9d55;
+  .xl\:text-orange-600 {
+    color: #df6d22;
   }
 
-  .xl\:text-green {
-    color: #38c172;
+  .xl\:text-orange-700 {
+    color: #c55822;
   }
 
-  .xl\:text-green-light {
-    color: #51d88a;
+  .xl\:text-orange-800 {
+    color: #9f4423;
   }
 
-  .xl\:text-green-lighter {
-    color: #a2f5bf;
+  .xl\:text-orange-900 {
+    color: #70311e;
   }
 
-  .xl\:text-green-lightest {
-    color: #e3fcec;
+  .xl\:text-yellow-100 {
+    color: #ffffeb;
   }
 
-  .xl\:text-teal-darkest {
-    color: #0d3331;
+  .xl\:text-yellow-200 {
+    color: #fefcbf;
   }
 
-  .xl\:text-teal-darker {
-    color: #20504f;
+  .xl\:text-yellow-300 {
+    color: #fbf189;
   }
 
-  .xl\:text-teal-dark {
-    color: #38a89d;
+  .xl\:text-yellow-400 {
+    color: #f6e05e;
   }
 
-  .xl\:text-teal {
-    color: #4dc0b5;
+  .xl\:text-yellow-500 {
+    color: #ebc743;
   }
 
-  .xl\:text-teal-light {
-    color: #64d5ca;
+  .xl\:text-yellow-600 {
+    color: #d69e2e;
   }
 
-  .xl\:text-teal-lighter {
-    color: #a0f0ed;
+  .xl\:text-yellow-700 {
+    color: #b7791f;
   }
 
-  .xl\:text-teal-lightest {
-    color: #e8fffe;
+  .xl\:text-yellow-800 {
+    color: #8d5415;
   }
 
-  .xl\:text-blue-darkest {
-    color: #12283a;
+  .xl\:text-yellow-900 {
+    color: #66390e;
   }
 
-  .xl\:text-blue-darker {
-    color: #1c3d5a;
+  .xl\:text-green-100 {
+    color: #e9ffe9;
   }
 
-  .xl\:text-blue-dark {
-    color: #2779bd;
+  .xl\:text-green-200 {
+    color: #c1f5c5;
   }
 
-  .xl\:text-blue {
-    color: #3490dc;
+  .xl\:text-green-300 {
+    color: #9ae6a8;
   }
 
-  .xl\:text-blue-light {
-    color: #6cb2eb;
+  .xl\:text-green-400 {
+    color: #68d391;
   }
 
-  .xl\:text-blue-lighter {
-    color: #bcdefa;
+  .xl\:text-green-500 {
+    color: #48bb87;
   }
 
-  .xl\:text-blue-lightest {
-    color: #eff8ff;
+  .xl\:text-green-600 {
+    color: #38a181;
   }
 
-  .xl\:text-indigo-darkest {
-    color: #191e38;
+  .xl\:text-green-700 {
+    color: #2f8572;
   }
 
-  .xl\:text-indigo-darker {
-    color: #2f365f;
+  .xl\:text-green-800 {
+    color: #28695c;
   }
 
-  .xl\:text-indigo-dark {
-    color: #5661b3;
+  .xl\:text-green-900 {
+    color: #22544b;
   }
 
-  .xl\:text-indigo {
-    color: #6574cd;
+  .xl\:text-blue-100 {
+    color: #f1fafd;
   }
 
-  .xl\:text-indigo-light {
-    color: #7886d7;
+  .xl\:text-blue-200 {
+    color: #caedfa;
   }
 
-  .xl\:text-indigo-lighter {
-    color: #b2b7ff;
+  .xl\:text-blue-300 {
+    color: #87d3f3;
   }
 
-  .xl\:text-indigo-lightest {
-    color: #e6e8ff;
+  .xl\:text-blue-400 {
+    color: #57b9ec;
   }
 
-  .xl\:text-purple-darkest {
-    color: #21183c;
+  .xl\:text-blue-500 {
+    color: #3a9adf;
   }
 
-  .xl\:text-purple-darker {
-    color: #382b5f;
+  .xl\:text-blue-600 {
+    color: #2b7cc4;
   }
 
-  .xl\:text-purple-dark {
-    color: #794acf;
+  .xl\:text-blue-700 {
+    color: #2762a3;
   }
 
-  .xl\:text-purple {
-    color: #9561e2;
+  .xl\:text-blue-800 {
+    color: #284f81;
   }
 
-  .xl\:text-purple-light {
-    color: #a779e9;
+  .xl\:text-blue-900 {
+    color: #294468;
   }
 
-  .xl\:text-purple-lighter {
-    color: #d6bbfc;
+  .xl\:text-indigo-100 {
+    color: #eef6ff;
   }
 
-  .xl\:text-purple-lightest {
-    color: #f3ebff;
+  .xl\:text-indigo-200 {
+    color: #cbe0f9;
   }
 
-  .xl\:text-pink-darkest {
-    color: #451225;
+  .xl\:text-indigo-300 {
+    color: #a6c5f0;
   }
 
-  .xl\:text-pink-darker {
-    color: #6f213f;
+  .xl\:text-indigo-400 {
+    color: #82a2e3;
   }
 
-  .xl\:text-pink-dark {
-    color: #eb5286;
+  .xl\:text-indigo-500 {
+    color: #6d80d3;
   }
 
-  .xl\:text-pink {
-    color: #f66d9b;
+  .xl\:text-indigo-600 {
+    color: #5e68bc;
   }
 
-  .xl\:text-pink-light {
-    color: #fa7ea8;
+  .xl\:text-indigo-700 {
+    color: #5154a1;
   }
 
-  .xl\:text-pink-lighter {
-    color: #ffbbca;
+  .xl\:text-indigo-800 {
+    color: #42417f;
   }
 
-  .xl\:text-pink-lightest {
-    color: #ffebef;
+  .xl\:text-indigo-900 {
+    color: #37366a;
+  }
+
+  .xl\:text-purple-100 {
+    color: #faf5ff;
+  }
+
+  .xl\:text-purple-200 {
+    color: #eddffd;
+  }
+
+  .xl\:text-purple-300 {
+    color: #dcc7fb;
+  }
+
+  .xl\:text-purple-400 {
+    color: #b18af4;
+  }
+
+  .xl\:text-purple-500 {
+    color: #976de9;
+  }
+
+  .xl\:text-purple-600 {
+    color: #7c54d5;
+  }
+
+  .xl\:text-purple-700 {
+    color: #6845b9;
+  }
+
+  .xl\:text-purple-800 {
+    color: #4d368a;
+  }
+
+  .xl\:text-purple-900 {
+    color: #3b2c6c;
+  }
+
+  .xl\:text-pink-100 {
+    color: #fff2f4;
+  }
+
+  .xl\:text-pink-200 {
+    color: #fedee4;
+  }
+
+  .xl\:text-pink-300 {
+    color: #fcbccb;
+  }
+
+  .xl\:text-pink-400 {
+    color: #f786a7;
+  }
+
+  .xl\:text-pink-500 {
+    color: #ed588b;
+  }
+
+  .xl\:text-pink-600 {
+    color: #d9447b;
+  }
+
+  .xl\:text-pink-700 {
+    color: #b32f62;
+  }
+
+  .xl\:text-pink-800 {
+    color: #8d2450;
+  }
+
+  .xl\:text-pink-900 {
+    color: #741c46;
+  }
+
+  .xl\:text-grey-100 {
+    color: #f8fcfe;
+  }
+
+  .xl\:text-grey-200 {
+    color: #f1f5fb;
+  }
+
+  .xl\:text-grey-300 {
+    color: #e2e9f0;
+  }
+
+  .xl\:text-grey-400 {
+    color: #bbc5cf;
+  }
+
+  .xl\:text-grey-500 {
+    color: #a3b0bd;
+  }
+
+  .xl\:text-grey-600 {
+    color: #7a8996;
+  }
+
+  .xl\:text-grey-700 {
+    color: #5a6977;
+  }
+
+  .xl\:text-grey-800 {
+    color: #2e3a45;
+  }
+
+  .xl\:text-grey-900 {
+    color: #1f2830;
   }
 
   .xl\:hover\:text-transparent:hover {
@@ -29767,291 +33213,371 @@ samp {
   }
 
   .xl\:hover\:text-black:hover {
-    color: #22292f;
-  }
-
-  .xl\:hover\:text-grey-darkest:hover {
-    color: #3d4852;
-  }
-
-  .xl\:hover\:text-grey-darker:hover {
-    color: #606f7b;
-  }
-
-  .xl\:hover\:text-grey-dark:hover {
-    color: #8795a1;
-  }
-
-  .xl\:hover\:text-grey:hover {
-    color: #b8c2cc;
-  }
-
-  .xl\:hover\:text-grey-light:hover {
-    color: #dae1e7;
-  }
-
-  .xl\:hover\:text-grey-lighter:hover {
-    color: #f1f5f8;
-  }
-
-  .xl\:hover\:text-grey-lightest:hover {
-    color: #f8fafc;
+    color: #000;
   }
 
   .xl\:hover\:text-white:hover {
     color: #fff;
   }
 
-  .xl\:hover\:text-red-darkest:hover {
-    color: #3b0d0c;
+  .xl\:hover\:text-teal-100:hover {
+    color: #ebfffc;
   }
 
-  .xl\:hover\:text-red-darker:hover {
-    color: #621b18;
+  .xl\:hover\:text-teal-200:hover {
+    color: #b3f1e9;
   }
 
-  .xl\:hover\:text-red-dark:hover {
-    color: #cc1f1a;
+  .xl\:hover\:text-teal-300:hover {
+    color: #82e1d7;
   }
 
-  .xl\:hover\:text-red:hover {
-    color: #e3342f;
+  .xl\:hover\:text-teal-400:hover {
+    color: #60cfc5;
   }
 
-  .xl\:hover\:text-red-light:hover {
-    color: #ef5753;
+  .xl\:hover\:text-teal-500:hover {
+    color: #49bab2;
   }
 
-  .xl\:hover\:text-red-lighter:hover {
-    color: #f9acaa;
+  .xl\:hover\:text-teal-600:hover {
+    color: #3ea39f;
   }
 
-  .xl\:hover\:text-red-lightest:hover {
-    color: #fcebea;
+  .xl\:hover\:text-teal-700:hover {
+    color: #378786;
   }
 
-  .xl\:hover\:text-orange-darkest:hover {
-    color: #462a16;
+  .xl\:hover\:text-teal-800:hover {
+    color: #316769;
   }
 
-  .xl\:hover\:text-orange-darker:hover {
-    color: #613b1f;
+  .xl\:hover\:text-teal-900:hover {
+    color: #265152;
   }
 
-  .xl\:hover\:text-orange-dark:hover {
-    color: #de751f;
+  .xl\:hover\:text-red-100:hover {
+    color: #fff5f5;
   }
 
-  .xl\:hover\:text-orange:hover {
-    color: #f6993f;
+  .xl\:hover\:text-red-200:hover {
+    color: #fee3e3;
   }
 
-  .xl\:hover\:text-orange-light:hover {
-    color: #faad63;
+  .xl\:hover\:text-red-300:hover {
+    color: #febcbc;
   }
 
-  .xl\:hover\:text-orange-lighter:hover {
-    color: #fcd9b6;
+  .xl\:hover\:text-red-400:hover {
+    color: #fd9292;
   }
 
-  .xl\:hover\:text-orange-lightest:hover {
-    color: #fff5eb;
+  .xl\:hover\:text-red-500:hover {
+    color: #f95e5f;
   }
 
-  .xl\:hover\:text-yellow-darkest:hover {
-    color: #453411;
+  .xl\:hover\:text-red-600:hover {
+    color: #ec454e;
   }
 
-  .xl\:hover\:text-yellow-darker:hover {
-    color: #684f1d;
+  .xl\:hover\:text-red-700:hover {
+    color: #dc3448;
   }
 
-  .xl\:hover\:text-yellow-dark:hover {
-    color: #f2d024;
+  .xl\:hover\:text-red-800:hover {
+    color: #b4203b;
   }
 
-  .xl\:hover\:text-yellow:hover {
-    color: #ffed4a;
+  .xl\:hover\:text-red-900:hover {
+    color: #801b33;
   }
 
-  .xl\:hover\:text-yellow-light:hover {
-    color: #fff382;
+  .xl\:hover\:text-orange-100:hover {
+    color: #fffaef;
   }
 
-  .xl\:hover\:text-yellow-lighter:hover {
-    color: #fff9c2;
+  .xl\:hover\:text-orange-200:hover {
+    color: #fee8c1;
   }
 
-  .xl\:hover\:text-yellow-lightest:hover {
-    color: #fcfbeb;
+  .xl\:hover\:text-orange-300:hover {
+    color: #fbd087;
   }
 
-  .xl\:hover\:text-green-darkest:hover {
-    color: #0f2f21;
+  .xl\:hover\:text-orange-400:hover {
+    color: #f6aa4f;
   }
 
-  .xl\:hover\:text-green-darker:hover {
-    color: #1a4731;
+  .xl\:hover\:text-orange-500:hover {
+    color: #ec832b;
   }
 
-  .xl\:hover\:text-green-dark:hover {
-    color: #1f9d55;
+  .xl\:hover\:text-orange-600:hover {
+    color: #df6d22;
   }
 
-  .xl\:hover\:text-green:hover {
-    color: #38c172;
+  .xl\:hover\:text-orange-700:hover {
+    color: #c55822;
   }
 
-  .xl\:hover\:text-green-light:hover {
-    color: #51d88a;
+  .xl\:hover\:text-orange-800:hover {
+    color: #9f4423;
   }
 
-  .xl\:hover\:text-green-lighter:hover {
-    color: #a2f5bf;
+  .xl\:hover\:text-orange-900:hover {
+    color: #70311e;
   }
 
-  .xl\:hover\:text-green-lightest:hover {
-    color: #e3fcec;
+  .xl\:hover\:text-yellow-100:hover {
+    color: #ffffeb;
   }
 
-  .xl\:hover\:text-teal-darkest:hover {
-    color: #0d3331;
+  .xl\:hover\:text-yellow-200:hover {
+    color: #fefcbf;
   }
 
-  .xl\:hover\:text-teal-darker:hover {
-    color: #20504f;
+  .xl\:hover\:text-yellow-300:hover {
+    color: #fbf189;
   }
 
-  .xl\:hover\:text-teal-dark:hover {
-    color: #38a89d;
+  .xl\:hover\:text-yellow-400:hover {
+    color: #f6e05e;
   }
 
-  .xl\:hover\:text-teal:hover {
-    color: #4dc0b5;
+  .xl\:hover\:text-yellow-500:hover {
+    color: #ebc743;
   }
 
-  .xl\:hover\:text-teal-light:hover {
-    color: #64d5ca;
+  .xl\:hover\:text-yellow-600:hover {
+    color: #d69e2e;
   }
 
-  .xl\:hover\:text-teal-lighter:hover {
-    color: #a0f0ed;
+  .xl\:hover\:text-yellow-700:hover {
+    color: #b7791f;
   }
 
-  .xl\:hover\:text-teal-lightest:hover {
-    color: #e8fffe;
+  .xl\:hover\:text-yellow-800:hover {
+    color: #8d5415;
   }
 
-  .xl\:hover\:text-blue-darkest:hover {
-    color: #12283a;
+  .xl\:hover\:text-yellow-900:hover {
+    color: #66390e;
   }
 
-  .xl\:hover\:text-blue-darker:hover {
-    color: #1c3d5a;
+  .xl\:hover\:text-green-100:hover {
+    color: #e9ffe9;
   }
 
-  .xl\:hover\:text-blue-dark:hover {
-    color: #2779bd;
+  .xl\:hover\:text-green-200:hover {
+    color: #c1f5c5;
   }
 
-  .xl\:hover\:text-blue:hover {
-    color: #3490dc;
+  .xl\:hover\:text-green-300:hover {
+    color: #9ae6a8;
   }
 
-  .xl\:hover\:text-blue-light:hover {
-    color: #6cb2eb;
+  .xl\:hover\:text-green-400:hover {
+    color: #68d391;
   }
 
-  .xl\:hover\:text-blue-lighter:hover {
-    color: #bcdefa;
+  .xl\:hover\:text-green-500:hover {
+    color: #48bb87;
   }
 
-  .xl\:hover\:text-blue-lightest:hover {
-    color: #eff8ff;
+  .xl\:hover\:text-green-600:hover {
+    color: #38a181;
   }
 
-  .xl\:hover\:text-indigo-darkest:hover {
-    color: #191e38;
+  .xl\:hover\:text-green-700:hover {
+    color: #2f8572;
   }
 
-  .xl\:hover\:text-indigo-darker:hover {
-    color: #2f365f;
+  .xl\:hover\:text-green-800:hover {
+    color: #28695c;
   }
 
-  .xl\:hover\:text-indigo-dark:hover {
-    color: #5661b3;
+  .xl\:hover\:text-green-900:hover {
+    color: #22544b;
   }
 
-  .xl\:hover\:text-indigo:hover {
-    color: #6574cd;
+  .xl\:hover\:text-blue-100:hover {
+    color: #f1fafd;
   }
 
-  .xl\:hover\:text-indigo-light:hover {
-    color: #7886d7;
+  .xl\:hover\:text-blue-200:hover {
+    color: #caedfa;
   }
 
-  .xl\:hover\:text-indigo-lighter:hover {
-    color: #b2b7ff;
+  .xl\:hover\:text-blue-300:hover {
+    color: #87d3f3;
   }
 
-  .xl\:hover\:text-indigo-lightest:hover {
-    color: #e6e8ff;
+  .xl\:hover\:text-blue-400:hover {
+    color: #57b9ec;
   }
 
-  .xl\:hover\:text-purple-darkest:hover {
-    color: #21183c;
+  .xl\:hover\:text-blue-500:hover {
+    color: #3a9adf;
   }
 
-  .xl\:hover\:text-purple-darker:hover {
-    color: #382b5f;
+  .xl\:hover\:text-blue-600:hover {
+    color: #2b7cc4;
   }
 
-  .xl\:hover\:text-purple-dark:hover {
-    color: #794acf;
+  .xl\:hover\:text-blue-700:hover {
+    color: #2762a3;
   }
 
-  .xl\:hover\:text-purple:hover {
-    color: #9561e2;
+  .xl\:hover\:text-blue-800:hover {
+    color: #284f81;
   }
 
-  .xl\:hover\:text-purple-light:hover {
-    color: #a779e9;
+  .xl\:hover\:text-blue-900:hover {
+    color: #294468;
   }
 
-  .xl\:hover\:text-purple-lighter:hover {
-    color: #d6bbfc;
+  .xl\:hover\:text-indigo-100:hover {
+    color: #eef6ff;
   }
 
-  .xl\:hover\:text-purple-lightest:hover {
-    color: #f3ebff;
+  .xl\:hover\:text-indigo-200:hover {
+    color: #cbe0f9;
   }
 
-  .xl\:hover\:text-pink-darkest:hover {
-    color: #451225;
+  .xl\:hover\:text-indigo-300:hover {
+    color: #a6c5f0;
   }
 
-  .xl\:hover\:text-pink-darker:hover {
-    color: #6f213f;
+  .xl\:hover\:text-indigo-400:hover {
+    color: #82a2e3;
   }
 
-  .xl\:hover\:text-pink-dark:hover {
-    color: #eb5286;
+  .xl\:hover\:text-indigo-500:hover {
+    color: #6d80d3;
   }
 
-  .xl\:hover\:text-pink:hover {
-    color: #f66d9b;
+  .xl\:hover\:text-indigo-600:hover {
+    color: #5e68bc;
   }
 
-  .xl\:hover\:text-pink-light:hover {
-    color: #fa7ea8;
+  .xl\:hover\:text-indigo-700:hover {
+    color: #5154a1;
   }
 
-  .xl\:hover\:text-pink-lighter:hover {
-    color: #ffbbca;
+  .xl\:hover\:text-indigo-800:hover {
+    color: #42417f;
   }
 
-  .xl\:hover\:text-pink-lightest:hover {
-    color: #ffebef;
+  .xl\:hover\:text-indigo-900:hover {
+    color: #37366a;
+  }
+
+  .xl\:hover\:text-purple-100:hover {
+    color: #faf5ff;
+  }
+
+  .xl\:hover\:text-purple-200:hover {
+    color: #eddffd;
+  }
+
+  .xl\:hover\:text-purple-300:hover {
+    color: #dcc7fb;
+  }
+
+  .xl\:hover\:text-purple-400:hover {
+    color: #b18af4;
+  }
+
+  .xl\:hover\:text-purple-500:hover {
+    color: #976de9;
+  }
+
+  .xl\:hover\:text-purple-600:hover {
+    color: #7c54d5;
+  }
+
+  .xl\:hover\:text-purple-700:hover {
+    color: #6845b9;
+  }
+
+  .xl\:hover\:text-purple-800:hover {
+    color: #4d368a;
+  }
+
+  .xl\:hover\:text-purple-900:hover {
+    color: #3b2c6c;
+  }
+
+  .xl\:hover\:text-pink-100:hover {
+    color: #fff2f4;
+  }
+
+  .xl\:hover\:text-pink-200:hover {
+    color: #fedee4;
+  }
+
+  .xl\:hover\:text-pink-300:hover {
+    color: #fcbccb;
+  }
+
+  .xl\:hover\:text-pink-400:hover {
+    color: #f786a7;
+  }
+
+  .xl\:hover\:text-pink-500:hover {
+    color: #ed588b;
+  }
+
+  .xl\:hover\:text-pink-600:hover {
+    color: #d9447b;
+  }
+
+  .xl\:hover\:text-pink-700:hover {
+    color: #b32f62;
+  }
+
+  .xl\:hover\:text-pink-800:hover {
+    color: #8d2450;
+  }
+
+  .xl\:hover\:text-pink-900:hover {
+    color: #741c46;
+  }
+
+  .xl\:hover\:text-grey-100:hover {
+    color: #f8fcfe;
+  }
+
+  .xl\:hover\:text-grey-200:hover {
+    color: #f1f5fb;
+  }
+
+  .xl\:hover\:text-grey-300:hover {
+    color: #e2e9f0;
+  }
+
+  .xl\:hover\:text-grey-400:hover {
+    color: #bbc5cf;
+  }
+
+  .xl\:hover\:text-grey-500:hover {
+    color: #a3b0bd;
+  }
+
+  .xl\:hover\:text-grey-600:hover {
+    color: #7a8996;
+  }
+
+  .xl\:hover\:text-grey-700:hover {
+    color: #5a6977;
+  }
+
+  .xl\:hover\:text-grey-800:hover {
+    color: #2e3a45;
+  }
+
+  .xl\:hover\:text-grey-900:hover {
+    color: #1f2830;
   }
 
   .xl\:focus\:text-transparent:focus {
@@ -30059,291 +33585,371 @@ samp {
   }
 
   .xl\:focus\:text-black:focus {
-    color: #22292f;
-  }
-
-  .xl\:focus\:text-grey-darkest:focus {
-    color: #3d4852;
-  }
-
-  .xl\:focus\:text-grey-darker:focus {
-    color: #606f7b;
-  }
-
-  .xl\:focus\:text-grey-dark:focus {
-    color: #8795a1;
-  }
-
-  .xl\:focus\:text-grey:focus {
-    color: #b8c2cc;
-  }
-
-  .xl\:focus\:text-grey-light:focus {
-    color: #dae1e7;
-  }
-
-  .xl\:focus\:text-grey-lighter:focus {
-    color: #f1f5f8;
-  }
-
-  .xl\:focus\:text-grey-lightest:focus {
-    color: #f8fafc;
+    color: #000;
   }
 
   .xl\:focus\:text-white:focus {
     color: #fff;
   }
 
-  .xl\:focus\:text-red-darkest:focus {
-    color: #3b0d0c;
+  .xl\:focus\:text-teal-100:focus {
+    color: #ebfffc;
   }
 
-  .xl\:focus\:text-red-darker:focus {
-    color: #621b18;
+  .xl\:focus\:text-teal-200:focus {
+    color: #b3f1e9;
   }
 
-  .xl\:focus\:text-red-dark:focus {
-    color: #cc1f1a;
+  .xl\:focus\:text-teal-300:focus {
+    color: #82e1d7;
   }
 
-  .xl\:focus\:text-red:focus {
-    color: #e3342f;
+  .xl\:focus\:text-teal-400:focus {
+    color: #60cfc5;
   }
 
-  .xl\:focus\:text-red-light:focus {
-    color: #ef5753;
+  .xl\:focus\:text-teal-500:focus {
+    color: #49bab2;
   }
 
-  .xl\:focus\:text-red-lighter:focus {
-    color: #f9acaa;
+  .xl\:focus\:text-teal-600:focus {
+    color: #3ea39f;
   }
 
-  .xl\:focus\:text-red-lightest:focus {
-    color: #fcebea;
+  .xl\:focus\:text-teal-700:focus {
+    color: #378786;
   }
 
-  .xl\:focus\:text-orange-darkest:focus {
-    color: #462a16;
+  .xl\:focus\:text-teal-800:focus {
+    color: #316769;
   }
 
-  .xl\:focus\:text-orange-darker:focus {
-    color: #613b1f;
+  .xl\:focus\:text-teal-900:focus {
+    color: #265152;
   }
 
-  .xl\:focus\:text-orange-dark:focus {
-    color: #de751f;
+  .xl\:focus\:text-red-100:focus {
+    color: #fff5f5;
   }
 
-  .xl\:focus\:text-orange:focus {
-    color: #f6993f;
+  .xl\:focus\:text-red-200:focus {
+    color: #fee3e3;
   }
 
-  .xl\:focus\:text-orange-light:focus {
-    color: #faad63;
+  .xl\:focus\:text-red-300:focus {
+    color: #febcbc;
   }
 
-  .xl\:focus\:text-orange-lighter:focus {
-    color: #fcd9b6;
+  .xl\:focus\:text-red-400:focus {
+    color: #fd9292;
   }
 
-  .xl\:focus\:text-orange-lightest:focus {
-    color: #fff5eb;
+  .xl\:focus\:text-red-500:focus {
+    color: #f95e5f;
   }
 
-  .xl\:focus\:text-yellow-darkest:focus {
-    color: #453411;
+  .xl\:focus\:text-red-600:focus {
+    color: #ec454e;
   }
 
-  .xl\:focus\:text-yellow-darker:focus {
-    color: #684f1d;
+  .xl\:focus\:text-red-700:focus {
+    color: #dc3448;
   }
 
-  .xl\:focus\:text-yellow-dark:focus {
-    color: #f2d024;
+  .xl\:focus\:text-red-800:focus {
+    color: #b4203b;
   }
 
-  .xl\:focus\:text-yellow:focus {
-    color: #ffed4a;
+  .xl\:focus\:text-red-900:focus {
+    color: #801b33;
   }
 
-  .xl\:focus\:text-yellow-light:focus {
-    color: #fff382;
+  .xl\:focus\:text-orange-100:focus {
+    color: #fffaef;
   }
 
-  .xl\:focus\:text-yellow-lighter:focus {
-    color: #fff9c2;
+  .xl\:focus\:text-orange-200:focus {
+    color: #fee8c1;
   }
 
-  .xl\:focus\:text-yellow-lightest:focus {
-    color: #fcfbeb;
+  .xl\:focus\:text-orange-300:focus {
+    color: #fbd087;
   }
 
-  .xl\:focus\:text-green-darkest:focus {
-    color: #0f2f21;
+  .xl\:focus\:text-orange-400:focus {
+    color: #f6aa4f;
   }
 
-  .xl\:focus\:text-green-darker:focus {
-    color: #1a4731;
+  .xl\:focus\:text-orange-500:focus {
+    color: #ec832b;
   }
 
-  .xl\:focus\:text-green-dark:focus {
-    color: #1f9d55;
+  .xl\:focus\:text-orange-600:focus {
+    color: #df6d22;
   }
 
-  .xl\:focus\:text-green:focus {
-    color: #38c172;
+  .xl\:focus\:text-orange-700:focus {
+    color: #c55822;
   }
 
-  .xl\:focus\:text-green-light:focus {
-    color: #51d88a;
+  .xl\:focus\:text-orange-800:focus {
+    color: #9f4423;
   }
 
-  .xl\:focus\:text-green-lighter:focus {
-    color: #a2f5bf;
+  .xl\:focus\:text-orange-900:focus {
+    color: #70311e;
   }
 
-  .xl\:focus\:text-green-lightest:focus {
-    color: #e3fcec;
+  .xl\:focus\:text-yellow-100:focus {
+    color: #ffffeb;
   }
 
-  .xl\:focus\:text-teal-darkest:focus {
-    color: #0d3331;
+  .xl\:focus\:text-yellow-200:focus {
+    color: #fefcbf;
   }
 
-  .xl\:focus\:text-teal-darker:focus {
-    color: #20504f;
+  .xl\:focus\:text-yellow-300:focus {
+    color: #fbf189;
   }
 
-  .xl\:focus\:text-teal-dark:focus {
-    color: #38a89d;
+  .xl\:focus\:text-yellow-400:focus {
+    color: #f6e05e;
   }
 
-  .xl\:focus\:text-teal:focus {
-    color: #4dc0b5;
+  .xl\:focus\:text-yellow-500:focus {
+    color: #ebc743;
   }
 
-  .xl\:focus\:text-teal-light:focus {
-    color: #64d5ca;
+  .xl\:focus\:text-yellow-600:focus {
+    color: #d69e2e;
   }
 
-  .xl\:focus\:text-teal-lighter:focus {
-    color: #a0f0ed;
+  .xl\:focus\:text-yellow-700:focus {
+    color: #b7791f;
   }
 
-  .xl\:focus\:text-teal-lightest:focus {
-    color: #e8fffe;
+  .xl\:focus\:text-yellow-800:focus {
+    color: #8d5415;
   }
 
-  .xl\:focus\:text-blue-darkest:focus {
-    color: #12283a;
+  .xl\:focus\:text-yellow-900:focus {
+    color: #66390e;
   }
 
-  .xl\:focus\:text-blue-darker:focus {
-    color: #1c3d5a;
+  .xl\:focus\:text-green-100:focus {
+    color: #e9ffe9;
   }
 
-  .xl\:focus\:text-blue-dark:focus {
-    color: #2779bd;
+  .xl\:focus\:text-green-200:focus {
+    color: #c1f5c5;
   }
 
-  .xl\:focus\:text-blue:focus {
-    color: #3490dc;
+  .xl\:focus\:text-green-300:focus {
+    color: #9ae6a8;
   }
 
-  .xl\:focus\:text-blue-light:focus {
-    color: #6cb2eb;
+  .xl\:focus\:text-green-400:focus {
+    color: #68d391;
   }
 
-  .xl\:focus\:text-blue-lighter:focus {
-    color: #bcdefa;
+  .xl\:focus\:text-green-500:focus {
+    color: #48bb87;
   }
 
-  .xl\:focus\:text-blue-lightest:focus {
-    color: #eff8ff;
+  .xl\:focus\:text-green-600:focus {
+    color: #38a181;
   }
 
-  .xl\:focus\:text-indigo-darkest:focus {
-    color: #191e38;
+  .xl\:focus\:text-green-700:focus {
+    color: #2f8572;
   }
 
-  .xl\:focus\:text-indigo-darker:focus {
-    color: #2f365f;
+  .xl\:focus\:text-green-800:focus {
+    color: #28695c;
   }
 
-  .xl\:focus\:text-indigo-dark:focus {
-    color: #5661b3;
+  .xl\:focus\:text-green-900:focus {
+    color: #22544b;
   }
 
-  .xl\:focus\:text-indigo:focus {
-    color: #6574cd;
+  .xl\:focus\:text-blue-100:focus {
+    color: #f1fafd;
   }
 
-  .xl\:focus\:text-indigo-light:focus {
-    color: #7886d7;
+  .xl\:focus\:text-blue-200:focus {
+    color: #caedfa;
   }
 
-  .xl\:focus\:text-indigo-lighter:focus {
-    color: #b2b7ff;
+  .xl\:focus\:text-blue-300:focus {
+    color: #87d3f3;
   }
 
-  .xl\:focus\:text-indigo-lightest:focus {
-    color: #e6e8ff;
+  .xl\:focus\:text-blue-400:focus {
+    color: #57b9ec;
   }
 
-  .xl\:focus\:text-purple-darkest:focus {
-    color: #21183c;
+  .xl\:focus\:text-blue-500:focus {
+    color: #3a9adf;
   }
 
-  .xl\:focus\:text-purple-darker:focus {
-    color: #382b5f;
+  .xl\:focus\:text-blue-600:focus {
+    color: #2b7cc4;
   }
 
-  .xl\:focus\:text-purple-dark:focus {
-    color: #794acf;
+  .xl\:focus\:text-blue-700:focus {
+    color: #2762a3;
   }
 
-  .xl\:focus\:text-purple:focus {
-    color: #9561e2;
+  .xl\:focus\:text-blue-800:focus {
+    color: #284f81;
   }
 
-  .xl\:focus\:text-purple-light:focus {
-    color: #a779e9;
+  .xl\:focus\:text-blue-900:focus {
+    color: #294468;
   }
 
-  .xl\:focus\:text-purple-lighter:focus {
-    color: #d6bbfc;
+  .xl\:focus\:text-indigo-100:focus {
+    color: #eef6ff;
   }
 
-  .xl\:focus\:text-purple-lightest:focus {
-    color: #f3ebff;
+  .xl\:focus\:text-indigo-200:focus {
+    color: #cbe0f9;
   }
 
-  .xl\:focus\:text-pink-darkest:focus {
-    color: #451225;
+  .xl\:focus\:text-indigo-300:focus {
+    color: #a6c5f0;
   }
 
-  .xl\:focus\:text-pink-darker:focus {
-    color: #6f213f;
+  .xl\:focus\:text-indigo-400:focus {
+    color: #82a2e3;
   }
 
-  .xl\:focus\:text-pink-dark:focus {
-    color: #eb5286;
+  .xl\:focus\:text-indigo-500:focus {
+    color: #6d80d3;
   }
 
-  .xl\:focus\:text-pink:focus {
-    color: #f66d9b;
+  .xl\:focus\:text-indigo-600:focus {
+    color: #5e68bc;
   }
 
-  .xl\:focus\:text-pink-light:focus {
-    color: #fa7ea8;
+  .xl\:focus\:text-indigo-700:focus {
+    color: #5154a1;
   }
 
-  .xl\:focus\:text-pink-lighter:focus {
-    color: #ffbbca;
+  .xl\:focus\:text-indigo-800:focus {
+    color: #42417f;
   }
 
-  .xl\:focus\:text-pink-lightest:focus {
-    color: #ffebef;
+  .xl\:focus\:text-indigo-900:focus {
+    color: #37366a;
+  }
+
+  .xl\:focus\:text-purple-100:focus {
+    color: #faf5ff;
+  }
+
+  .xl\:focus\:text-purple-200:focus {
+    color: #eddffd;
+  }
+
+  .xl\:focus\:text-purple-300:focus {
+    color: #dcc7fb;
+  }
+
+  .xl\:focus\:text-purple-400:focus {
+    color: #b18af4;
+  }
+
+  .xl\:focus\:text-purple-500:focus {
+    color: #976de9;
+  }
+
+  .xl\:focus\:text-purple-600:focus {
+    color: #7c54d5;
+  }
+
+  .xl\:focus\:text-purple-700:focus {
+    color: #6845b9;
+  }
+
+  .xl\:focus\:text-purple-800:focus {
+    color: #4d368a;
+  }
+
+  .xl\:focus\:text-purple-900:focus {
+    color: #3b2c6c;
+  }
+
+  .xl\:focus\:text-pink-100:focus {
+    color: #fff2f4;
+  }
+
+  .xl\:focus\:text-pink-200:focus {
+    color: #fedee4;
+  }
+
+  .xl\:focus\:text-pink-300:focus {
+    color: #fcbccb;
+  }
+
+  .xl\:focus\:text-pink-400:focus {
+    color: #f786a7;
+  }
+
+  .xl\:focus\:text-pink-500:focus {
+    color: #ed588b;
+  }
+
+  .xl\:focus\:text-pink-600:focus {
+    color: #d9447b;
+  }
+
+  .xl\:focus\:text-pink-700:focus {
+    color: #b32f62;
+  }
+
+  .xl\:focus\:text-pink-800:focus {
+    color: #8d2450;
+  }
+
+  .xl\:focus\:text-pink-900:focus {
+    color: #741c46;
+  }
+
+  .xl\:focus\:text-grey-100:focus {
+    color: #f8fcfe;
+  }
+
+  .xl\:focus\:text-grey-200:focus {
+    color: #f1f5fb;
+  }
+
+  .xl\:focus\:text-grey-300:focus {
+    color: #e2e9f0;
+  }
+
+  .xl\:focus\:text-grey-400:focus {
+    color: #bbc5cf;
+  }
+
+  .xl\:focus\:text-grey-500:focus {
+    color: #a3b0bd;
+  }
+
+  .xl\:focus\:text-grey-600:focus {
+    color: #7a8996;
+  }
+
+  .xl\:focus\:text-grey-700:focus {
+    color: #5a6977;
+  }
+
+  .xl\:focus\:text-grey-800:focus {
+    color: #2e3a45;
+  }
+
+  .xl\:focus\:text-grey-900:focus {
+    color: #1f2830;
   }
 
   .xl\:text-xs {
@@ -30724,6 +34330,6 @@ samp {
 
   .xl\:example {
     font-weight: 700;
-    color: #e3342f;
+    color: #f95e5f;
   }
 }
diff --git a/defaultTheme.js b/defaultTheme.js
index 5da60f9ad..a0bc4280d 100644
--- a/defaultTheme.js
+++ b/defaultTheme.js
@@ -3,87 +3,119 @@ module.exports = function() {
     colors: {
       transparent: 'transparent',
 
-      black: '#22292f',
-      'grey-darkest': '#3d4852',
-      'grey-darker': '#606f7b',
-      'grey-dark': '#8795a1',
-      grey: '#b8c2cc',
-      'grey-light': '#dae1e7',
-      'grey-lighter': '#f1f5f8',
-      'grey-lightest': '#f8fafc',
-      white: '#ffffff',
+      black: '#000',
+      white: '#fff',
 
-      'red-darkest': '#3b0d0c',
-      'red-darker': '#621b18',
-      'red-dark': '#cc1f1a',
-      red: '#e3342f',
-      'red-light': '#ef5753',
-      'red-lighter': '#f9acaa',
-      'red-lightest': '#fcebea',
-
-      'orange-darkest': '#462a16',
-      'orange-darker': '#613b1f',
-      'orange-dark': '#de751f',
-      orange: '#f6993f',
-      'orange-light': '#faad63',
-      'orange-lighter': '#fcd9b6',
-      'orange-lightest': '#fff5eb',
-
-      'yellow-darkest': '#453411',
-      'yellow-darker': '#684f1d',
-      'yellow-dark': '#f2d024',
-      yellow: '#ffed4a',
-      'yellow-light': '#fff382',
-      'yellow-lighter': '#fff9c2',
-      'yellow-lightest': '#fcfbeb',
-
-      'green-darkest': '#0f2f21',
-      'green-darker': '#1a4731',
-      'green-dark': '#1f9d55',
-      green: '#38c172',
-      'green-light': '#51d88a',
-      'green-lighter': '#a2f5bf',
-      'green-lightest': '#e3fcec',
-
-      'teal-darkest': '#0d3331',
-      'teal-darker': '#20504f',
-      'teal-dark': '#38a89d',
-      teal: '#4dc0b5',
-      'teal-light': '#64d5ca',
-      'teal-lighter': '#a0f0ed',
-      'teal-lightest': '#e8fffe',
-
-      'blue-darkest': '#12283a',
-      'blue-darker': '#1c3d5a',
-      'blue-dark': '#2779bd',
-      blue: '#3490dc',
-      'blue-light': '#6cb2eb',
-      'blue-lighter': '#bcdefa',
-      'blue-lightest': '#eff8ff',
-
-      'indigo-darkest': '#191e38',
-      'indigo-darker': '#2f365f',
-      'indigo-dark': '#5661b3',
-      indigo: '#6574cd',
-      'indigo-light': '#7886d7',
-      'indigo-lighter': '#b2b7ff',
-      'indigo-lightest': '#e6e8ff',
-
-      'purple-darkest': '#21183c',
-      'purple-darker': '#382b5f',
-      'purple-dark': '#794acf',
-      purple: '#9561e2',
-      'purple-light': '#a779e9',
-      'purple-lighter': '#d6bbfc',
-      'purple-lightest': '#f3ebff',
-
-      'pink-darkest': '#451225',
-      'pink-darker': '#6f213f',
-      'pink-dark': '#eb5286',
-      pink: '#f66d9b',
-      'pink-light': '#fa7ea8',
-      'pink-lighter': '#ffbbca',
-      'pink-lightest': '#ffebef',
+      teal: {
+        100: '#ebfffc',
+        200: '#b3f1e9',
+        300: '#82e1d7',
+        400: '#60cfc5',
+        500: '#49bab2',
+        600: '#3ea39f',
+        700: '#378786',
+        800: '#316769',
+        900: '#265152',
+      },
+      red: {
+        100: '#fff5f5',
+        200: '#fee3e3',
+        300: '#febcbc',
+        400: '#fd9292',
+        500: '#f95e5f',
+        600: '#ec454e',
+        700: '#dc3448',
+        800: '#b4203b',
+        900: '#801b33',
+      },
+      orange: {
+        100: '#fffaef',
+        200: '#fee8c1',
+        300: '#fbd087',
+        400: '#f6aa4f',
+        500: '#ec832b',
+        600: '#df6d22',
+        700: '#c55822',
+        800: '#9f4423',
+        900: '#70311e',
+      },
+      yellow: {
+        100: '#ffffeb',
+        200: '#fefcbf',
+        300: '#fbf189',
+        400: '#f6e05e',
+        500: '#ebc743',
+        600: '#d69e2e',
+        700: '#b7791f',
+        800: '#8d5415',
+        900: '#66390e',
+      },
+      green: {
+        100: '#e9ffe9',
+        200: '#c1f5c5',
+        300: '#9ae6a8',
+        400: '#68d391',
+        500: '#48bb87',
+        600: '#38a181',
+        700: '#2f8572',
+        800: '#28695c',
+        900: '#22544b',
+      },
+      blue: {
+        100: '#f1fafd',
+        200: '#caedfa',
+        300: '#87d3f3',
+        400: '#57b9ec',
+        500: '#3a9adf',
+        600: '#2b7cc4',
+        700: '#2762a3',
+        800: '#284f81',
+        900: '#294468',
+      },
+      indigo: {
+        100: '#eef6ff',
+        200: '#cbe0f9',
+        300: '#a6c5f0',
+        400: '#82a2e3',
+        500: '#6d80d3',
+        600: '#5e68bc',
+        700: '#5154a1',
+        800: '#42417f',
+        900: '#37366a',
+      },
+      purple: {
+        100: '#faf5ff',
+        200: '#eddffd',
+        300: '#dcc7fb',
+        400: '#b18af4',
+        500: '#976de9',
+        600: '#7c54d5',
+        700: '#6845b9',
+        800: '#4d368a',
+        900: '#3b2c6c',
+      },
+      pink: {
+        100: '#fff2f4',
+        200: '#fedee4',
+        300: '#fcbccb',
+        400: '#f786a7',
+        500: '#ed588b',
+        600: '#d9447b',
+        700: '#b32f62',
+        800: '#8d2450',
+        900: '#741c46',
+      },
+      grey: {
+        100: '#f8fcfe',
+        200: '#f1f5fb',
+        300: '#e2e9f0',
+        400: '#bbc5cf',
+        500: '#a3b0bd',
+        600: '#7a8996',
+        700: '#5a6977',
+        800: '#2e3a45',
+        900: '#1f2830',
+      },
     },
     spacing: {
       px: '1px',
@@ -203,7 +235,7 @@ module.exports = function() {
       '8': '8px',
     },
     borderColor: theme => {
-      return global.Object.assign({ default: theme.colors['grey-light'] }, theme.colors)
+      return global.Object.assign({ default: theme.colors.grey[700] }, theme.colors)
     },
     borderRadius: {
       none: '0',