@nuvoui/core 1.3.1 → 1.3.3

package/dist/nuvoui.css

@@ -215,7 +215,7 @@ input[type=number],
 input[type=search],
 textarea {
   padding: 0.5rem;
-  border: 1px solid var(--border);
+  border: var(--border-size, 1px) var(--border-style, solid) var(--border-color, var(--secondary));
   border-radius: 0.25rem;
   width: 100%;
   font-family: var(--font-family-base);
@@ -238,7 +238,7 @@ input[type=radio] {
 
 select {
   padding: 0.5rem;
-  border: 1px solid var(--border);
+  border: var(--border-size, 1px) var(--border-style, solid) var(--border-color, var(--secondary));
   border-radius: 0.25rem;
   width: 100%;
   font-family: var(--font-family-base);
@@ -252,13 +252,13 @@ select:focus {
 blockquote {
   margin: 1rem 0;
   padding: 0.5rem 1rem;
-  border-left: 4px solid var(--border);
+  border-left: var(--border-size, 4px) var(--border-style, solid) var(--border-color, var(--secondary));
   font-style: italic;
 }
 
 hr {
   border: none;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-size, 1px) var(--border-style, solid) var(--border-color, var(--secondary));
   margin: 1rem 0;
 }
 
@@ -444,12 +444,6 @@ code {
   padding-bottom: 1rem;
 }
 
-.flex, .flex\@xs, .flex\@sm, .flex\@md, .flex\@lg, .flex\@xl, .flex\@2xl {
-  display: flex;
-}
-.flex.inline, .flex\@xs.inline, .flex\@sm.inline, .flex\@md.inline, .flex\@lg.inline, .flex\@xl.inline, .flex\@2xl.inline {
-  display: inline-flex;
-}
 .flex.row, .flex\@xs.row, .flex\@sm.row, .flex\@md.row, .flex\@lg.row, .flex\@xl.row, .flex\@2xl.row {
   flex-direction: row;
 }
@@ -848,10 +842,6 @@ code {
   .flex > .order-12\@xs, .flex\@xs > .order-12\@xs, .flex\@sm > .order-12\@xs, .flex\@md > .order-12\@xs, .flex\@lg > .order-12\@xs, .flex\@xl > .order-12\@xs, .flex\@2xl > .order-12\@xs {
     order: 12;
   }
-  .flex.inline\@xs,
-  .flex\@xs.inline\@xs {
-    display: inline-flex;
-  }
 }
 @media (min-width: 640px) {
   .flex.row\@sm, .flex\@xs.row\@sm, .flex\@sm.row\@sm, .flex\@md.row\@sm, .flex\@lg.row\@sm, .flex\@xl.row\@sm, .flex\@2xl.row\@sm {
@@ -1052,10 +1042,6 @@ code {
   .flex > .order-12\@sm, .flex\@xs > .order-12\@sm, .flex\@sm > .order-12\@sm, .flex\@md > .order-12\@sm, .flex\@lg > .order-12\@sm, .flex\@xl > .order-12\@sm, .flex\@2xl > .order-12\@sm {
     order: 12;
   }
-  .flex.inline\@sm,
-  .flex\@sm.inline\@sm {
-    display: inline-flex;
-  }
 }
 @media (min-width: 768px) {
   .flex.row\@md, .flex\@xs.row\@md, .flex\@sm.row\@md, .flex\@md.row\@md, .flex\@lg.row\@md, .flex\@xl.row\@md, .flex\@2xl.row\@md {
@@ -1256,10 +1242,6 @@ code {
   .flex > .order-12\@md, .flex\@xs > .order-12\@md, .flex\@sm > .order-12\@md, .flex\@md > .order-12\@md, .flex\@lg > .order-12\@md, .flex\@xl > .order-12\@md, .flex\@2xl > .order-12\@md {
     order: 12;
   }
-  .flex.inline\@md,
-  .flex\@md.inline\@md {
-    display: inline-flex;
-  }
 }
 @media (min-width: 1024px) {
   .flex.row\@lg, .flex\@xs.row\@lg, .flex\@sm.row\@lg, .flex\@md.row\@lg, .flex\@lg.row\@lg, .flex\@xl.row\@lg, .flex\@2xl.row\@lg {
@@ -1460,10 +1442,6 @@ code {
   .flex > .order-12\@lg, .flex\@xs > .order-12\@lg, .flex\@sm > .order-12\@lg, .flex\@md > .order-12\@lg, .flex\@lg > .order-12\@lg, .flex\@xl > .order-12\@lg, .flex\@2xl > .order-12\@lg {
     order: 12;
   }
-  .flex.inline\@lg,
-  .flex\@lg.inline\@lg {
-    display: inline-flex;
-  }
 }
 @media (min-width: 1280px) {
   .flex.row\@xl, .flex\@xs.row\@xl, .flex\@sm.row\@xl, .flex\@md.row\@xl, .flex\@lg.row\@xl, .flex\@xl.row\@xl, .flex\@2xl.row\@xl {
@@ -1664,10 +1642,6 @@ code {
   .flex > .order-12\@xl, .flex\@xs > .order-12\@xl, .flex\@sm > .order-12\@xl, .flex\@md > .order-12\@xl, .flex\@lg > .order-12\@xl, .flex\@xl > .order-12\@xl, .flex\@2xl > .order-12\@xl {
     order: 12;
   }
-  .flex.inline\@xl,
-  .flex\@xl.inline\@xl {
-    display: inline-flex;
-  }
 }
 @media (min-width: 1536px) {
   .flex.row\@2xl, .flex\@xs.row\@2xl, .flex\@sm.row\@2xl, .flex\@md.row\@2xl, .flex\@lg.row\@2xl, .flex\@xl.row\@2xl, .flex\@2xl.row\@2xl {
@@ -1868,16 +1842,6 @@ code {
   .flex > .order-12\@2xl, .flex\@xs > .order-12\@2xl, .flex\@sm > .order-12\@2xl, .flex\@md > .order-12\@2xl, .flex\@lg > .order-12\@2xl, .flex\@xl > .order-12\@2xl, .flex\@2xl > .order-12\@2xl {
     order: 12;
   }
-  .flex.inline\@2xl,
-  .flex\@2xl.inline\@2xl {
-    display: inline-flex;
-  }
-}
-.grid, .grid\@xs, .grid\@sm, .grid\@md, .grid\@lg, .grid\@xl, .grid\@2xl {
-  display: grid;
-}
-.grid.inline, .grid\@xs.inline, .grid\@sm.inline, .grid\@md.inline, .grid\@lg.inline, .grid\@xl.inline, .grid\@2xl.inline {
-  display: inline-grid;
 }
 .grid.auto-fit-xs, .grid\@xs.auto-fit-xs, .grid\@sm.auto-fit-xs, .grid\@md.auto-fit-xs, .grid\@lg.auto-fit-xs, .grid\@xl.auto-fit-xs, .grid\@2xl.auto-fit-xs {
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
@@ -5328,189 +5292,230 @@ code {
   }
 }
 .border {
+  --border-size: 1px;
   border-width: 1px;
   border-style: solid;
-  border-color: var(--border-base);
+  border-color: var(--border-color);
+  --border-style: solid;
+  --border-color: var(--border-color);
 }
 
 .border-0 {
+  --border-size: 0px;
   border-width: 0px;
   border-style: solid;
-  border-color: var(--border-base);
+  border-color: var(--border-color);
+  --border-style: solid;
+  --border-color: var(--border-color);
 }
 
-.border-0 {
-  border-width: 0px;
-  border-style: solid;
-  border-color: var(--border-base);
+.border-t {
+  border-top-width: 1px;
+  border-top-style: var(--border-style, solid);
+  border-top-color: var(--border-color);
 }
 
-.border-1 {
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--border-base);
+.border-r {
+  border-right-width: 1px;
+  border-right-style: var(--border-style, solid);
+  border-right-color: var(--border-color);
 }
 
-.border-2 {
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--border-base);
+.border-b {
+  border-bottom-width: 1px;
+  border-bottom-style: var(--border-style, solid);
+  border-bottom-color: var(--border-color);
 }
 
-.border-4 {
-  border-width: 4px;
-  border-style: solid;
-  border-color: var(--border-base);
+.border-l {
+  border-left-width: 1px;
+  border-left-style: var(--border-style, solid);
+  border-left-color: var(--border-color);
 }
 
-.border-8 {
-  border-width: 8px;
+.border-0,
+.hover\:border-0:hover,
+.active\:border-0:active,
+.focus\:border-0:focus,
+.group:hover .group-hover\:border-0 {
+  --border-size: 0px;
+  border-width: 0px;
   border-style: solid;
-  border-color: var(--border-base);
+  border-color: var(--border-color);
+  --border-style: solid;
+  --border-color: var(--border-color);
 }
 
 .border-t-0 {
   border-top-width: 0px;
-  border-top-style: solid;
-  border-top-color: var(--border);
+  border-top-style: var(--border-style, solid);
+  border-top-color: var(--border-color);
 }
 
 .border-r-0 {
   border-right-width: 0px;
-  border-right-style: solid;
-  border-right-color: var(--border);
+  border-right-style: var(--border-style, solid);
+  border-right-color: var(--border-color);
 }
 
 .border-b-0 {
   border-bottom-width: 0px;
-  border-bottom-style: solid;
-  border-bottom-color: var(--border);
+  border-bottom-style: var(--border-style, solid);
+  border-bottom-color: var(--border-color);
 }
 
 .border-l-0 {
   border-left-width: 0px;
-  border-left-style: solid;
-  border-left-color: var(--border);
+  border-left-style: var(--border-style, solid);
+  border-left-color: var(--border-color);
+}
+
+.border-1,
+.hover\:border-1:hover,
+.active\:border-1:active,
+.focus\:border-1:focus,
+.group:hover .group-hover\:border-1 {
+  --border-size: 1px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--border-color);
+  --border-style: solid;
+  --border-color: var(--border-color);
 }
 
 .border-t-1 {
   border-top-width: 1px;
-  border-top-style: solid;
-  border-top-color: var(--border);
+  border-top-style: var(--border-style, solid);
+  border-top-color: var(--border-color);
 }
 
 .border-r-1 {
   border-right-width: 1px;
-  border-right-style: solid;
-  border-right-color: var(--border);
+  border-right-style: var(--border-style, solid);
+  border-right-color: var(--border-color);
 }
 
 .border-b-1 {
   border-bottom-width: 1px;
-  border-bottom-style: solid;
-  border-bottom-color: var(--border);
+  border-bottom-style: var(--border-style, solid);
+  border-bottom-color: var(--border-color);
 }
 
 .border-l-1 {
   border-left-width: 1px;
-  border-left-style: solid;
-  border-left-color: var(--border);
+  border-left-style: var(--border-style, solid);
+  border-left-color: var(--border-color);
+}
+
+.border-2,
+.hover\:border-2:hover,
+.active\:border-2:active,
+.focus\:border-2:focus,
+.group:hover .group-hover\:border-2 {
+  --border-size: 2px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--border-color);
+  --border-style: solid;
+  --border-color: var(--border-color);
 }
 
 .border-t-2 {
   border-top-width: 2px;
-  border-top-style: solid;
-  border-top-color: var(--border);
+  border-top-style: var(--border-style, solid);
+  border-top-color: var(--border-color);
 }
 
 .border-r-2 {
   border-right-width: 2px;
-  border-right-style: solid;
-  border-right-color: var(--border);
+  border-right-style: var(--border-style, solid);
+  border-right-color: var(--border-color);
 }
 
 .border-b-2 {
   border-bottom-width: 2px;
-  border-bottom-style: solid;
-  border-bottom-color: var(--border);
+  border-bottom-style: var(--border-style, solid);
+  border-bottom-color: var(--border-color);
 }
 
 .border-l-2 {
   border-left-width: 2px;
-  border-left-style: solid;
-  border-left-color: var(--border);
+  border-left-style: var(--border-style, solid);
+  border-left-color: var(--border-color);
+}
+
+.border-4,
+.hover\:border-4:hover,
+.active\:border-4:active,
+.focus\:border-4:focus,
+.group:hover .group-hover\:border-4 {
+  --border-size: 4px;
+  border-width: 4px;
+  border-style: solid;
+  border-color: var(--border-color);
+  --border-style: solid;
+  --border-color: var(--border-color);
 }
 
 .border-t-4 {
   border-top-width: 4px;
-  border-top-style: solid;
-  border-top-color: var(--border);
+  border-top-style: var(--border-style, solid);
+  border-top-color: var(--border-color);
 }
 
 .border-r-4 {
   border-right-width: 4px;
-  border-right-style: solid;
-  border-right-color: var(--border);
+  border-right-style: var(--border-style, solid);
+  border-right-color: var(--border-color);
 }
 
 .border-b-4 {
   border-bottom-width: 4px;
-  border-bottom-style: solid;
-  border-bottom-color: var(--border);
+  border-bottom-style: var(--border-style, solid);
+  border-bottom-color: var(--border-color);
 }
 
 .border-l-4 {
   border-left-width: 4px;
-  border-left-style: solid;
-  border-left-color: var(--border);
+  border-left-style: var(--border-style, solid);
+  border-left-color: var(--border-color);
+}
+
+.border-8,
+.hover\:border-8:hover,
+.active\:border-8:active,
+.focus\:border-8:focus,
+.group:hover .group-hover\:border-8 {
+  --border-size: 8px;
+  border-width: 8px;
+  border-style: solid;
+  border-color: var(--border-color);
+  --border-style: solid;
+  --border-color: var(--border-color);
 }
 
 .border-t-8 {
   border-top-width: 8px;
-  border-top-style: solid;
-  border-top-color: var(--border);
+  border-top-style: var(--border-style, solid);
+  border-top-color: var(--border-color);
 }
 
 .border-r-8 {
   border-right-width: 8px;
-  border-right-style: solid;
-  border-right-color: var(--border);
+  border-right-style: var(--border-style, solid);
+  border-right-color: var(--border-color);
 }
 
 .border-b-8 {
   border-bottom-width: 8px;
-  border-bottom-style: solid;
-  border-bottom-color: var(--border);
+  border-bottom-style: var(--border-style, solid);
+  border-bottom-color: var(--border-color);
 }
 
 .border-l-8 {
   border-left-width: 8px;
-  border-left-style: solid;
-  border-left-color: var(--border);
-}
-
-.border-t {
-  border-top-width: 1px;
-  border-top-style: solid;
-  border-top-color: var(--border);
-}
-
-.border-r {
-  border-right-width: 1px;
-  border-right-style: solid;
-  border-right-color: var(--border);
-}
-
-.border-b {
-  border-bottom-width: 1px;
-  border-bottom-style: solid;
-  border-bottom-color: var(--border);
-}
-
-.border-l {
-  border-left-width: 1px;
-  border-left-style: solid;
-  border-left-color: var(--border);
+  border-left-style: var(--border-style, solid);
+  border-left-color: var(--border-color);
 }
 
 .rounded {
@@ -5525,34 +5530,6 @@ code {
   border-radius: 0.25rem;
 }
 
-.rounded-sm {
-  border-radius: 0.375rem;
-}
-
-.rounded-md {
-  border-radius: 0.5rem;
-}
-
-.rounded-lg {
-  border-radius: 0.75rem;
-}
-
-.rounded-xl {
-  border-radius: 1rem;
-}
-
-.rounded-2xl {
-  border-radius: 1.25rem;
-}
-
-.rounded-full {
-  border-radius: 50%;
-}
-
-.rounded-none {
-  border-radius: 0px;
-}
-
 .rounded-t-xs {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
@@ -5589,6 +5566,10 @@ code {
   border-bottom-left-radius: 0.25rem;
 }
 
+.rounded-sm {
+  border-radius: 0.375rem;
+}
+
 .rounded-t-sm {
   border-top-left-radius: 0.375rem;
   border-top-right-radius: 0.375rem;
@@ -5625,6 +5606,10 @@ code {
   border-bottom-left-radius: 0.375rem;
 }
 
+.rounded-md {
+  border-radius: 0.5rem;
+}
+
 .rounded-t-md {
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
@@ -5661,6 +5646,10 @@ code {
   border-bottom-left-radius: 0.5rem;
 }
 
+.rounded-lg {
+  border-radius: 0.75rem;
+}
+
 .rounded-t-lg {
   border-top-left-radius: 0.75rem;
   border-top-right-radius: 0.75rem;
@@ -5697,6 +5686,10 @@ code {
   border-bottom-left-radius: 0.75rem;
 }
 
+.rounded-xl {
+  border-radius: 1rem;
+}
+
 .rounded-t-xl {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
@@ -5733,6 +5726,10 @@ code {
   border-bottom-left-radius: 1rem;
 }
 
+.rounded-2xl {
+  border-radius: 1.25rem;
+}
+
 .rounded-t-2xl {
   border-top-left-radius: 1.25rem;
   border-top-right-radius: 1.25rem;
@@ -5769,6 +5766,10 @@ code {
   border-bottom-left-radius: 1.25rem;
 }
 
+.rounded-full {
+  border-radius: 50%;
+}
+
 .rounded-t-full {
   border-top-left-radius: 50%;
   border-top-right-radius: 50%;
@@ -5805,6 +5806,10 @@ code {
   border-bottom-left-radius: 50%;
 }
 
+.rounded-none {
+  border-radius: 0px;
+}
+
 .rounded-t-none {
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
@@ -5845,365 +5850,230 @@ code {
   border-radius: 9999px;
 }
 
-.border-solid {
-  border-style: solid;
-}
-
-.border-dashed {
-  border-style: dashed;
-}
-
-.border-dotted {
-  border-style: dotted;
-}
-
-.border-double {
-  border-style: double;
-}
-
-.border-none {
-  border-style: none;
-}
-
-.border-default {
-  border-color: var(--border);
-}
-
-.border-light {
-  border-color: var(--border-light-color);
-}
-
-.border-dark {
-  border-color: var(--border-dark-color);
-}
-
-.border-primary {
-  border-color: var(--primary);
-}
-
-.border-secondary {
-  border-color: var(--secondary);
-}
-
-.border-success {
-  border-color: var(--success);
-}
-
-.border-danger {
-  border-color: var(--danger);
-}
-
-.border-warning {
-  border-color: var(--warning);
-}
-
-.border-info {
-  border-color: var(--info);
-}
-
-.border-primary-solid {
-  border-style: solid;
-  border-color: var(--primary);
-}
-
-.border-danger-dashed {
-  border-style: dashed;
-  border-color: var(--danger);
-}
-
-.hover\:border-0:hover {
-  border-width: 0px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.hover\:border-1:hover {
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.hover\:border-2:hover {
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.hover\:border-4:hover {
-  border-width: 4px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.hover\:border-8:hover {
-  border-width: 8px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.hover\:border-solid:hover {
-  border-style: solid;
-}
-
-.hover\:border-dashed:hover {
-  border-style: dashed;
-}
-
-.hover\:border-dotted:hover {
-  border-style: dotted;
-}
-
-.hover\:border-double:hover {
-  border-style: double;
-}
-
-.hover\:border-none:hover {
-  border-style: none;
-}
-
-.hover\:border-default:hover {
-  border-color: var(--border);
-}
-
-.hover\:border-light:hover {
-  border-color: var(--border-light-color);
-}
-
-.hover\:border-dark:hover {
-  border-color: var(--border-dark-color);
-}
-
-.hover\:border-primary:hover {
-  border-color: var(--primary);
-}
-
-.hover\:border-secondary:hover {
-  border-color: var(--secondary);
-}
-
-.hover\:border-success:hover {
-  border-color: var(--success);
-}
-
-.hover\:border-danger:hover {
-  border-color: var(--danger);
-}
-
-.hover\:border-warning:hover {
-  border-color: var(--warning);
-}
-
-.hover\:border-info:hover {
-  border-color: var(--info);
-}
-
-.active\:border-0:active {
-  border-width: 0px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.active\:border-1:active {
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.active\:border-2:active {
-  border-width: 2px;
+.border-solid,
+.hover\:border-solid:hover,
+.active\:border-solid:active,
+.focus\:border-solid:focus,
+.group:hover .group-hover\:border-solid {
   border-style: solid;
-  border-color: var(--border-base);
 }
 
-.active\:border-4:active {
-  border-width: 4px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.active\:border-8:active {
-  border-width: 8px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.active\:border-solid:active {
-  border-style: solid;
-}
-
-.active\:border-dashed:active {
+.border-dashed,
+.hover\:border-dashed:hover,
+.active\:border-dashed:active,
+.focus\:border-dashed:focus,
+.group:hover .group-hover\:border-dashed {
   border-style: dashed;
 }
 
-.active\:border-dotted:active {
+.border-dotted,
+.hover\:border-dotted:hover,
+.active\:border-dotted:active,
+.focus\:border-dotted:focus,
+.group:hover .group-hover\:border-dotted {
   border-style: dotted;
 }
 
-.active\:border-double:active {
+.border-double,
+.hover\:border-double:hover,
+.active\:border-double:active,
+.focus\:border-double:focus,
+.group:hover .group-hover\:border-double {
   border-style: double;
 }
 
-.active\:border-none:active {
+.border-none,
+.hover\:border-none:hover,
+.active\:border-none:active,
+.focus\:border-none:focus,
+.group:hover .group-hover\:border-none {
   border-style: none;
 }
 
-.active\:border-default:active {
-  border-color: var(--border);
-}
-
-.active\:border-light:active {
-  border-color: var(--border-light-color);
-}
-
-.active\:border-dark:active {
-  border-color: var(--border-dark-color);
-}
-
-.active\:border-primary:active {
+.border-primary,
+.hover\:border-primary:hover,
+.active\:border-primary:active,
+.focus\:border-primary:focus,
+.group:hover .group-hover\:border-primary {
   border-color: var(--primary);
 }
 
-.active\:border-secondary:active {
+.border-secondary,
+.hover\:border-secondary:hover,
+.active\:border-secondary:active,
+.focus\:border-secondary:focus,
+.group:hover .group-hover\:border-secondary {
   border-color: var(--secondary);
 }
 
-.active\:border-success:active {
+.border-success,
+.hover\:border-success:hover,
+.active\:border-success:active,
+.focus\:border-success:focus,
+.group:hover .group-hover\:border-success {
   border-color: var(--success);
 }
 
-.active\:border-danger:active {
+.border-danger,
+.hover\:border-danger:hover,
+.active\:border-danger:active,
+.focus\:border-danger:focus,
+.group:hover .group-hover\:border-danger {
   border-color: var(--danger);
 }
 
-.active\:border-warning:active {
+.border-warning,
+.hover\:border-warning:hover,
+.active\:border-warning:active,
+.focus\:border-warning:focus,
+.group:hover .group-hover\:border-warning {
   border-color: var(--warning);
 }
 
-.active\:border-info:active {
+.border-info,
+.hover\:border-info:hover,
+.active\:border-info:active,
+.focus\:border-info:focus,
+.group:hover .group-hover\:border-info {
   border-color: var(--info);
 }
 
-.focus\:border-0:focus {
-  border-width: 0px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.focus\:border-1:focus {
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.focus\:border-2:focus {
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.focus\:border-4:focus {
-  border-width: 4px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.focus\:border-8:focus {
-  border-width: 8px;
-  border-style: solid;
-  border-color: var(--border-base);
-}
-
-.focus\:border-solid:focus {
-  border-style: solid;
-}
-
-.focus\:border-dashed:focus {
-  border-style: dashed;
-}
-
-.focus\:border-dotted:focus {
-  border-style: dotted;
-}
-
-.focus\:border-double:focus {
-  border-style: double;
-}
-
-.focus\:border-none:focus {
-  border-style: none;
+.border-gray,
+.hover\:border-gray:hover,
+.active\:border-gray:active,
+.focus\:border-gray:focus,
+.group:hover .group-hover\:border-gray {
+  border-color: var(--gray);
 }
 
-.focus\:border-default:focus {
-  border-color: var(--border);
+.border-red,
+.hover\:border-red:hover,
+.active\:border-red:active,
+.focus\:border-red:focus,
+.group:hover .group-hover\:border-red {
+  border-color: var(--red);
 }
 
-.focus\:border-light:focus {
-  border-color: var(--border-light-color);
+.border-blue,
+.hover\:border-blue:hover,
+.active\:border-blue:active,
+.focus\:border-blue:focus,
+.group:hover .group-hover\:border-blue {
+  border-color: var(--blue);
 }
 
-.focus\:border-dark:focus {
-  border-color: var(--border-dark-color);
+.border-green,
+.hover\:border-green:hover,
+.active\:border-green:active,
+.focus\:border-green:focus,
+.group:hover .group-hover\:border-green {
+  border-color: var(--green);
 }
 
-.focus\:border-primary:focus {
-  border-color: var(--primary);
+.border-yellow,
+.hover\:border-yellow:hover,
+.active\:border-yellow:active,
+.focus\:border-yellow:focus,
+.group:hover .group-hover\:border-yellow {
+  border-color: var(--yellow);
 }
 
-.focus\:border-secondary:focus {
-  border-color: var(--secondary);
+.border-purple,
+.hover\:border-purple:hover,
+.active\:border-purple:active,
+.focus\:border-purple:focus,
+.group:hover .group-hover\:border-purple {
+  border-color: var(--purple);
 }
 
-.focus\:border-success:focus {
-  border-color: var(--success);
+.border-pink,
+.hover\:border-pink:hover,
+.active\:border-pink:active,
+.focus\:border-pink:focus,
+.group:hover .group-hover\:border-pink {
+  border-color: var(--pink);
 }
 
-.focus\:border-danger:focus {
-  border-color: var(--danger);
+.border-black,
+.hover\:border-black:hover,
+.active\:border-black:active,
+.focus\:border-black:focus,
+.group:hover .group-hover\:border-black {
+  border-color: var(--black);
 }
 
-.focus\:border-warning:focus {
-  border-color: var(--warning);
+.border-white,
+.hover\:border-white:hover,
+.active\:border-white:active,
+.focus\:border-white:focus,
+.group:hover .group-hover\:border-white {
+  border-color: var(--white);
 }
 
-.focus\:border-info:focus {
-  border-color: var(--info);
+.border-transparent,
+.hover\:border-transparent:hover,
+.active\:border-transparent:active,
+.focus\:border-transparent:focus,
+.group:hover .group-hover\:border-transparent {
+  border-color: var(--transparent);
 }
 
 @media (min-width: 480px) {
   .border-0\@xs {
+    --border-size: 0px;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-1\@xs {
+    --border-size: 1px;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-2\@xs {
+    --border-size: 2px;
     border-width: 2px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-4\@xs {
+    --border-size: 4px;
     border-width: 4px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-8\@xs {
+    --border-size: 8px;
     border-width: 8px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border\@xs {
+    --border-size: 1px;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-0\@xs {
+    --border-size: 0px;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .rounded-xs\@xs {
     border-radius: 0.25rem;
@@ -6241,39 +6111,60 @@ code {
 }
 @media (min-width: 640px) {
   .border-0\@sm {
+    --border-size: 0px;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-1\@sm {
+    --border-size: 1px;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-2\@sm {
+    --border-size: 2px;
     border-width: 2px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-4\@sm {
+    --border-size: 4px;
     border-width: 4px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-8\@sm {
+    --border-size: 8px;
     border-width: 8px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border\@sm {
+    --border-size: 1px;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-0\@sm {
+    --border-size: 0px;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .rounded-xs\@sm {
     border-radius: 0.25rem;
@@ -6311,39 +6202,60 @@ code {
 }
 @media (min-width: 768px) {
   .border-0\@md {
+    --border-size: 0px;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-1\@md {
+    --border-size: 1px;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-2\@md {
+    --border-size: 2px;
     border-width: 2px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-4\@md {
+    --border-size: 4px;
     border-width: 4px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-8\@md {
+    --border-size: 8px;
     border-width: 8px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border\@md {
+    --border-size: 1px;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-0\@md {
+    --border-size: 0px;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .rounded-xs\@md {
     border-radius: 0.25rem;
@@ -6381,39 +6293,60 @@ code {
 }
 @media (min-width: 1024px) {
   .border-0\@lg {
+    --border-size: 0px;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-1\@lg {
+    --border-size: 1px;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-2\@lg {
+    --border-size: 2px;
     border-width: 2px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-4\@lg {
+    --border-size: 4px;
     border-width: 4px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-8\@lg {
+    --border-size: 8px;
     border-width: 8px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border\@lg {
+    --border-size: 1px;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-0\@lg {
+    --border-size: 0px;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .rounded-xs\@lg {
     border-radius: 0.25rem;
@@ -6451,39 +6384,60 @@ code {
 }
 @media (min-width: 1280px) {
   .border-0\@xl {
+    --border-size: 0px;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-1\@xl {
+    --border-size: 1px;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-2\@xl {
+    --border-size: 2px;
     border-width: 2px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-4\@xl {
+    --border-size: 4px;
     border-width: 4px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-8\@xl {
+    --border-size: 8px;
     border-width: 8px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border\@xl {
+    --border-size: 1px;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-0\@xl {
+    --border-size: 0px;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .rounded-xs\@xl {
     border-radius: 0.25rem;
@@ -6521,39 +6475,60 @@ code {
 }
 @media (min-width: 1536px) {
   .border-0\@2xl {
+    --border-size: 0px;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-1\@2xl {
+    --border-size: 1px;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-2\@2xl {
+    --border-size: 2px;
     border-width: 2px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-4\@2xl {
+    --border-size: 4px;
     border-width: 4px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-8\@2xl {
+    --border-size: 8px;
     border-width: 8px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border\@2xl {
+    --border-size: 1px;
     border-width: 1px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .border-0\@2xl {
+    --border-size: 0px;
     border-width: 0px;
     border-style: solid;
-    border-color: var(--border-base);
+    border-color: var(--border-color);
+    --border-style: solid;
+    --border-color: var(--border-color);
   }
   .rounded-xs\@2xl {
     border-radius: 0.25rem;
@@ -6761,6 +6736,24 @@ code {
   display: inline-block;
 }
 
+.contents {
+  display: contents;
+}
+
+.grid {
+  display: grid;
+}
+.grid.inline {
+  display: inline-grid;
+}
+
+.flex {
+  display: flex;
+}
+.flex.inline {
+  display: inline-flex;
+}
+
 .visible {
   visibility: visible;
 }
@@ -6773,10 +6766,6 @@ code {
   visibility: collapse;
 }
 
-.contents {
-  display: contents;
-}
-
 .overflow-hidden {
   overflow: hidden;
 }
@@ -6843,6 +6832,21 @@ code {
   .inline-block\@xs {
     display: inline-block;
   }
+  .contents\@xs {
+    display: contents;
+  }
+  .grid\@xs {
+    display: grid;
+  }
+  .grid\@xs.inline {
+    display: inline-grid;
+  }
+  .flex\@xs {
+    display: flex;
+  }
+  .flex\@xs.inline {
+    display: inline-flex;
+  }
   .visible\@xs {
     visibility: visible;
   }
@@ -6852,9 +6856,6 @@ code {
   .collapse\@xs {
     visibility: collapse;
   }
-  .contents\@xs {
-    display: contents;
-  }
   .overflow-hidden\@xs {
     overflow: hidden;
   }
@@ -6911,6 +6912,21 @@ code {
   .inline-block\@sm {
     display: inline-block;
   }
+  .contents\@sm {
+    display: contents;
+  }
+  .grid\@sm {
+    display: grid;
+  }
+  .grid\@sm.inline {
+    display: inline-grid;
+  }
+  .flex\@sm {
+    display: flex;
+  }
+  .flex\@sm.inline {
+    display: inline-flex;
+  }
   .visible\@sm {
     visibility: visible;
   }
@@ -6920,9 +6936,6 @@ code {
   .collapse\@sm {
     visibility: collapse;
   }
-  .contents\@sm {
-    display: contents;
-  }
   .overflow-hidden\@sm {
     overflow: hidden;
   }
@@ -6979,6 +6992,21 @@ code {
   .inline-block\@md {
     display: inline-block;
   }
+  .contents\@md {
+    display: contents;
+  }
+  .grid\@md {
+    display: grid;
+  }
+  .grid\@md.inline {
+    display: inline-grid;
+  }
+  .flex\@md {
+    display: flex;
+  }
+  .flex\@md.inline {
+    display: inline-flex;
+  }
   .visible\@md {
     visibility: visible;
   }
@@ -6988,9 +7016,6 @@ code {
   .collapse\@md {
     visibility: collapse;
   }
-  .contents\@md {
-    display: contents;
-  }
   .overflow-hidden\@md {
     overflow: hidden;
   }
@@ -7047,6 +7072,21 @@ code {
   .inline-block\@lg {
     display: inline-block;
   }
+  .contents\@lg {
+    display: contents;
+  }
+  .grid\@lg {
+    display: grid;
+  }
+  .grid\@lg.inline {
+    display: inline-grid;
+  }
+  .flex\@lg {
+    display: flex;
+  }
+  .flex\@lg.inline {
+    display: inline-flex;
+  }
   .visible\@lg {
     visibility: visible;
   }
@@ -7056,9 +7096,6 @@ code {
   .collapse\@lg {
     visibility: collapse;
   }
-  .contents\@lg {
-    display: contents;
-  }
   .overflow-hidden\@lg {
     overflow: hidden;
   }
@@ -7115,6 +7152,21 @@ code {
   .inline-block\@xl {
     display: inline-block;
   }
+  .contents\@xl {
+    display: contents;
+  }
+  .grid\@xl {
+    display: grid;
+  }
+  .grid\@xl.inline {
+    display: inline-grid;
+  }
+  .flex\@xl {
+    display: flex;
+  }
+  .flex\@xl.inline {
+    display: inline-flex;
+  }
   .visible\@xl {
     visibility: visible;
   }
@@ -7124,9 +7176,6 @@ code {
   .collapse\@xl {
     visibility: collapse;
   }
-  .contents\@xl {
-    display: contents;
-  }
   .overflow-hidden\@xl {
     overflow: hidden;
   }
@@ -7183,6 +7232,21 @@ code {
   .inline-block\@2xl {
     display: inline-block;
   }
+  .contents\@2xl {
+    display: contents;
+  }
+  .grid\@2xl {
+    display: grid;
+  }
+  .grid\@2xl.inline {
+    display: inline-grid;
+  }
+  .flex\@2xl {
+    display: flex;
+  }
+  .flex\@2xl.inline {
+    display: inline-flex;
+  }
   .visible\@2xl {
     visibility: visible;
   }
@@ -7192,9 +7256,6 @@ code {
   .collapse\@2xl {
     visibility: collapse;
   }
-  .contents\@2xl {
-    display: contents;
-  }
   .overflow-hidden\@2xl {
     overflow: hidden;
   }
@@ -20770,10 +20831,6 @@ code {
   font-weight: 800;
 }
 
-.font-black {
-  font-weight: 900;
-}
-
 .leading-none {
   line-height: 1;
 }
@@ -21032,9 +21089,6 @@ code {
   .font-extrabold\@xs {
     font-weight: 800;
   }
-  .font-black\@xs {
-    font-weight: 900;
-  }
   .leading-none\@xs {
     line-height: 1;
   }
@@ -21230,9 +21284,6 @@ code {
   .font-extrabold\@sm {
     font-weight: 800;
   }
-  .font-black\@sm {
-    font-weight: 900;
-  }
   .leading-none\@sm {
     line-height: 1;
   }
@@ -21428,9 +21479,6 @@ code {
   .font-extrabold\@md {
     font-weight: 800;
   }
-  .font-black\@md {
-    font-weight: 900;
-  }
   .leading-none\@md {
     line-height: 1;
   }
@@ -21626,9 +21674,6 @@ code {
   .font-extrabold\@lg {
     font-weight: 800;
   }
-  .font-black\@lg {
-    font-weight: 900;
-  }
   .leading-none\@lg {
     line-height: 1;
   }
@@ -21824,9 +21869,6 @@ code {
   .font-extrabold\@xl {
     font-weight: 800;
   }
-  .font-black\@xl {
-    font-weight: 900;
-  }
   .leading-none\@xl {
     line-height: 1;
   }
@@ -22022,9 +22064,6 @@ code {
   .font-extrabold\@2xl {
     font-weight: 800;
   }
-  .font-black\@2xl {
-    font-weight: 900;
-  }
   .leading-none\@2xl {
     line-height: 1;
   }
@@ -34488,146 +34527,146 @@ code {
 [data-theme=light] {
   --primary: #007bff;
   --primary-50: rgb(229.5, 241.8, 255);
-  --primary-100: rgb(178.5, 215.4, 255);
-  --primary-200: rgb(127.5, 189, 255);
-  --primary-300: rgb(76.5, 162.6, 255);
-  --primary-400: rgb(25.5, 136.2, 255);
+  --primary-100: rgb(205.5, 229.3764705882, 255);
+  --primary-200: rgb(157.5, 204.5294117647, 255);
+  --primary-300: rgb(109.5, 179.6823529412, 255);
+  --primary-400: rgb(61.5, 154.8352941176, 255);
   --primary-500: #007bff;
-  --primary-600: rgb(0, 110.7, 229.5);
-  --primary-700: rgb(0, 86.1, 178.5);
-  --primary-800: rgb(0, 61.5, 127.5);
+  --primary-600: rgb(0, 106.3588235294, 220.5);
+  --primary-700: rgb(0, 83.2058823529, 172.5);
+  --primary-800: rgb(0, 60.0529411765, 124.5);
   --primary-900: rgb(0, 36.9, 76.5);
   --secondary: #6c757d;
   --secondary-50: rgb(240.3, 241.2, 242);
-  --secondary-100: rgb(210.9, 213.6, 216);
-  --secondary-200: rgb(181.5, 186, 190);
-  --secondary-300: rgb(152.1, 158.4, 164);
-  --secondary-400: rgb(122.7, 130.8, 138);
+  --secondary-100: rgb(226.4647058824, 228.2117647059, 229.7647058824);
+  --secondary-200: rgb(198.7941176471, 202.2352941176, 205.2941176471);
+  --secondary-300: rgb(171.1235294118, 176.2588235294, 180.8235294118);
+  --secondary-400: rgb(143.4529411765, 150.2823529412, 156.3529411765);
   --secondary-500: #6c757d;
-  --secondary-600: rgb(97.2, 105.3, 112.5);
-  --secondary-700: rgb(75.6, 81.9, 87.5);
-  --secondary-800: rgb(54, 58.5, 62.5);
+  --secondary-600: rgb(93.3882352941, 101.1705882353, 108.0882352941);
+  --secondary-700: rgb(73.0588235294, 79.1470588235, 84.5588235294);
+  --secondary-800: rgb(52.7294117647, 57.1235294118, 61.0294117647);
   --secondary-900: rgb(32.4, 35.1, 37.5);
   --success: #28a745;
   --success-50: rgb(233.5, 246.2, 236.4);
-  --success-100: rgb(190.5, 228.6, 199.2);
-  --success-200: rgb(147.5, 211, 162);
-  --success-300: rgb(104.5, 193.4, 124.8);
-  --success-400: rgb(61.5, 175.8, 87.6);
+  --success-100: rgb(213.2647058824, 237.9176470588, 218.8941176471);
+  --success-200: rgb(172.7941176471, 221.3529411765, 183.8823529412);
+  --success-300: rgb(132.3235294118, 204.7882352941, 148.8705882353);
+  --success-400: rgb(91.8529411765, 188.2235294118, 113.8588235294);
   --success-500: #28a745;
-  --success-600: rgb(36, 150.3, 62.1);
-  --success-700: rgb(28, 116.9, 48.3);
-  --success-800: rgb(20, 83.5, 34.5);
+  --success-600: rgb(34.5882352941, 144.4058823529, 59.6647058824);
+  --success-700: rgb(27.0588235294, 112.9705882353, 46.6764705882);
+  --success-800: rgb(19.5294117647, 81.5352941176, 33.6882352941);
   --success-900: rgb(12, 50.1, 20.7);
   --danger: #dc3545;
   --danger-50: rgb(251.5, 234.8, 236.4);
-  --danger-100: rgb(244.5, 194.4, 199.2);
-  --danger-200: rgb(237.5, 154, 162);
-  --danger-300: rgb(230.5, 113.6, 124.8);
-  --danger-400: rgb(223.5, 73.2, 87.6);
+  --danger-100: rgb(248.2058823529, 215.7882352941, 218.8941176471);
+  --danger-200: rgb(241.6176470588, 177.7647058824, 183.8823529412);
+  --danger-300: rgb(235.0294117647, 139.7411764706, 148.8705882353);
+  --danger-400: rgb(228.4411764706, 101.7176470588, 113.8588235294);
   --danger-500: #dc3545;
-  --danger-600: rgb(198, 47.7, 62.1);
-  --danger-700: rgb(154, 37.1, 48.3);
-  --danger-800: rgb(110, 26.5, 34.5);
+  --danger-600: rgb(190.2352941176, 45.8294117647, 59.6647058824);
+  --danger-700: rgb(148.8235294118, 35.8529411765, 46.6764705882);
+  --danger-800: rgb(107.4117647059, 25.8764705882, 33.6882352941);
   --danger-900: rgb(66, 15.9, 20.7);
   --warning: #ffc107;
   --warning-50: rgb(255, 248.8, 230.2);
-  --warning-100: rgb(255, 236.4, 180.6);
-  --warning-200: #ffe083;
-  --warning-300: rgb(255, 211.6, 81.4);
-  --warning-400: rgb(255, 199.2, 31.8);
+  --warning-100: rgb(255, 242.9647058824, 206.8588235294);
+  --warning-200: rgb(255, 231.2941176471, 160.1764705882);
+  --warning-300: rgb(255, 219.6235294118, 113.4941176471);
+  --warning-400: rgb(255, 207.9529411765, 66.8117647059);
   --warning-500: #ffc107;
-  --warning-600: rgb(229.5, 173.7, 6.3);
-  --warning-700: rgb(178.5, 135.1, 4.9);
-  --warning-800: rgb(127.5, 96.5, 3.5);
+  --warning-600: rgb(220.5, 166.8882352941, 6.0529411765);
+  --warning-700: rgb(172.5, 130.5588235294, 4.7352941176);
+  --warning-800: rgb(124.5, 94.2294117647, 3.4176470588);
   --warning-900: rgb(76.5, 57.9, 2.1);
   --info: #17a2b8;
   --info-50: rgb(231.8, 245.7, 247.9);
-  --info-100: rgb(185.4, 227.1, 233.7);
-  --info-200: rgb(139, 208.5, 219.5);
-  --info-300: rgb(92.6, 189.9, 205.3);
-  --info-400: rgb(46.2, 171.3, 191.1);
+  --info-100: rgb(209.9647058824, 236.9470588235, 241.2176470588);
+  --info-200: rgb(166.2941176471, 219.4411764706, 227.8529411765);
+  --info-300: rgb(122.6235294118, 201.9352941176, 214.4882352941);
+  --info-400: rgb(78.9529411765, 184.4294117647, 201.1235294118);
   --info-500: #17a2b8;
-  --info-600: rgb(20.7, 145.8, 165.6);
-  --info-700: rgb(16.1, 113.4, 128.8);
-  --info-800: rgb(11.5, 81, 92);
+  --info-600: rgb(19.8882352941, 140.0823529412, 159.1058823529);
+  --info-700: rgb(15.5588235294, 109.5882352941, 124.4705882353);
+  --info-800: rgb(11.2294117647, 79.0941176471, 89.8352941176);
   --info-900: rgb(6.9, 48.6, 55.2);
   --gray: #6b7280;
   --gray-50: rgb(240.2, 240.9, 242.3);
-  --gray-100: rgb(210.6, 212.7, 216.9);
-  --gray-200: rgb(181, 184.5, 191.5);
-  --gray-300: rgb(151.4, 156.3, 166.1);
-  --gray-400: rgb(121.8, 128.1, 140.7);
+  --gray-100: rgb(226.2705882353, 227.6294117647, 230.3470588235);
+  --gray-200: rgb(198.4117647059, 201.0882352941, 206.4411764706);
+  --gray-300: rgb(170.5529411765, 174.5470588235, 182.5352941176);
+  --gray-400: rgb(142.6941176471, 148.0058823529, 158.6294117647);
   --gray-500: #6b7280;
-  --gray-600: rgb(96.3, 102.6, 115.2);
-  --gray-700: rgb(74.9, 79.8, 89.6);
-  --gray-800: rgb(53.5, 57, 64);
+  --gray-600: rgb(92.5235294118, 98.5764705882, 110.6823529412);
+  --gray-700: rgb(72.3823529412, 77.1176470588, 86.5882352941);
+  --gray-800: rgb(52.2411764706, 55.6588235294, 62.4941176471);
   --gray-900: rgb(32.1, 34.2, 38.4);
   --red: #ef4444;
   --red-50: rgb(253.4, 236.3, 236.3);
-  --red-100: rgb(250.2, 198.9, 198.9);
-  --red-200: rgb(247, 161.5, 161.5);
-  --red-300: rgb(243.8, 124.1, 124.1);
-  --red-400: rgb(240.6, 86.7, 86.7);
+  --red-100: rgb(251.8941176471, 218.7, 218.7);
+  --red-200: rgb(248.8823529412, 183.5, 183.5);
+  --red-300: rgb(245.8705882353, 148.3, 148.3);
+  --red-400: rgb(242.8588235294, 113.1, 113.1);
   --red-500: #ef4444;
-  --red-600: rgb(215.1, 61.2, 61.2);
-  --red-700: rgb(167.3, 47.6, 47.6);
-  --red-800: rgb(119.5, 34, 34);
+  --red-600: rgb(206.6647058824, 58.8, 58.8);
+  --red-700: rgb(161.6764705882, 46, 46);
+  --red-800: rgb(116.6882352941, 33.2, 33.2);
   --red-900: rgb(71.7, 20.4, 20.4);
   --blue: #3b82f6;
   --blue-50: rgb(235.4, 242.5, 254.1);
-  --blue-100: rgb(196.2, 217.5, 252.3);
-  --blue-200: rgb(157, 192.5, 250.5);
-  --blue-300: rgb(117.8, 167.5, 248.7);
-  --blue-400: rgb(78.6, 142.5, 246.9);
+  --blue-100: rgb(216.9529411765, 230.7352941176, 253.2529411765);
+  --blue-200: rgb(180.0588235294, 207.2058823529, 251.5588235294);
+  --blue-300: rgb(143.1647058824, 183.6764705882, 249.8647058824);
+  --blue-400: rgb(106.2705882353, 160.1470588235, 248.1705882353);
   --blue-500: #3b82f6;
-  --blue-600: rgb(53.1, 117, 221.4);
-  --blue-700: rgb(41.3, 91, 172.2);
-  --blue-800: rgb(29.5, 65, 123);
+  --blue-600: rgb(51.0176470588, 112.4117647059, 212.7176470588);
+  --blue-700: rgb(39.9117647059, 87.9411764706, 166.4117647059);
+  --blue-800: rgb(28.8058823529, 63.4705882353, 120.1058823529);
   --blue-900: rgb(17.7, 39, 73.8);
   --green: #22c55e;
   --green-50: rgb(232.9, 249.2, 238.9);
-  --green-100: rgb(188.7, 237.6, 206.7);
-  --green-200: rgb(144.5, 226, 174.5);
-  --green-300: rgb(100.3, 214.4, 142.3);
-  --green-400: rgb(56.1, 202.8, 110.1);
+  --green-100: rgb(212.1, 243.7411764706, 223.7470588235);
+  --green-200: rgb(170.5, 232.8235294118, 193.4411764706);
+  --green-300: rgb(128.9, 221.9058823529, 163.1352941176);
+  --green-400: rgb(87.3, 210.9882352941, 132.8294117647);
   --green-500: #22c55e;
-  --green-600: rgb(30.6, 177.3, 84.6);
-  --green-700: rgb(23.8, 137.9, 65.8);
-  --green-800: rgb(17, 98.5, 47);
+  --green-600: rgb(29.4, 170.3470588235, 81.2823529412);
+  --green-700: rgb(23, 133.2647058824, 63.5882352941);
+  --green-800: rgb(16.6, 96.1823529412, 45.8941176471);
   --green-900: rgb(10.2, 59.1, 28.2);
   --yellow: #eab308;
   --yellow-50: rgb(252.9, 247.4, 230.3);
-  --yellow-100: rgb(248.7, 232.2, 180.9);
-  --yellow-200: rgb(244.5, 217, 131.5);
-  --yellow-300: rgb(240.3, 201.8, 82.1);
-  --yellow-400: rgb(236.1, 186.6, 32.7);
+  --yellow-100: rgb(250.9235294118, 240.2470588235, 207.0529411765);
+  --yellow-200: rgb(246.9705882353, 225.9411764706, 160.5588235294);
+  --yellow-300: rgb(243.0176470588, 211.6352941176, 114.0647058824);
+  --yellow-400: rgb(239.0647058824, 197.3294117647, 67.5705882353);
   --yellow-500: #eab308;
-  --yellow-600: rgb(210.6, 161.1, 7.2);
-  --yellow-700: rgb(163.8, 125.3, 5.6);
-  --yellow-800: rgb(117, 89.5, 4);
+  --yellow-600: rgb(202.3411764706, 154.7823529412, 6.9176470588);
+  --yellow-700: rgb(158.2941176471, 121.0882352941, 5.4117647059);
+  --yellow-800: rgb(114.2470588235, 87.3941176471, 3.9058823529);
   --yellow-900: rgb(70.2, 53.7, 2.4);
   --purple: #a855f7;
   --purple-50: rgb(246.3, 238, 254.2);
-  --purple-100: rgb(228.9, 204, 252.6);
-  --purple-200: rgb(211.5, 170, 251);
-  --purple-300: rgb(194.1, 136, 249.4);
-  --purple-400: rgb(176.7, 102, 247.8);
+  --purple-100: rgb(238.1117647059, 222, 253.4470588235);
+  --purple-200: rgb(221.7352941176, 190, 251.9411764706);
+  --purple-300: rgb(205.3588235294, 158, 250.4352941176);
+  --purple-400: rgb(188.9823529412, 126, 248.9294117647);
   --purple-500: #a855f7;
-  --purple-600: rgb(151.2, 76.5, 222.3);
-  --purple-700: rgb(117.6, 59.5, 172.9);
-  --purple-800: rgb(84, 42.5, 123.5);
+  --purple-600: rgb(145.2705882353, 73.5, 213.5823529412);
+  --purple-700: rgb(113.6470588235, 57.5, 167.0882352941);
+  --purple-800: rgb(82.0235294118, 41.5, 120.5941176471);
   --purple-900: rgb(50.4, 25.5, 74.1);
   --pink: #ec4899;
   --pink-50: rgb(253.1, 236.7, 244.8);
-  --pink-100: rgb(249.3, 200.1, 224.4);
-  --pink-200: rgb(245.5, 163.5, 204);
-  --pink-300: rgb(241.7, 126.9, 183.6);
-  --pink-400: rgb(237.9, 90.3, 163.2);
+  --pink-100: rgb(251.3117647059, 219.4764705882, 235.2);
+  --pink-200: rgb(247.7352941176, 185.0294117647, 216);
+  --pink-300: rgb(244.1588235294, 150.5823529412, 196.8);
+  --pink-400: rgb(240.5823529412, 116.1352941176, 177.6);
   --pink-500: #ec4899;
-  --pink-600: rgb(212.4, 64.8, 137.7);
-  --pink-700: rgb(165.2, 50.4, 107.1);
-  --pink-800: rgb(118, 36, 76.5);
+  --pink-600: rgb(204.0705882353, 62.2588235294, 132.3);
+  --pink-700: rgb(159.6470588235, 48.7058823529, 103.5);
+  --pink-800: rgb(115.2235294118, 35.1529411765, 74.7);
   --pink-900: rgb(70.8, 21.6, 45.9);
   --bg-base: #fbfafc;
   --inverted-bg-base: #1a1a1a;
@@ -34687,7 +34726,7 @@ code {
 }
 
 .text-on-primary-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-primary-50,
@@ -34709,7 +34748,7 @@ code {
 }
 
 .text-on-primary-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-primary-100,
@@ -34731,7 +34770,7 @@ code {
 }
 
 .text-on-primary-200 {
-  color: #fff;
+  color: #1a1a1a;
 }
 
 .text-primary-200,
@@ -34753,7 +34792,7 @@ code {
 }
 
 .text-on-primary-300 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-primary-300,
@@ -34775,7 +34814,7 @@ code {
 }
 
 .text-on-primary-400 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-primary-400,
@@ -34797,7 +34836,7 @@ code {
 }
 
 .text-on-primary-500 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-primary-500,
@@ -34819,7 +34858,7 @@ code {
 }
 
 .text-on-primary-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-primary-600,
@@ -34841,7 +34880,7 @@ code {
 }
 
 .text-on-primary-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-primary-700,
@@ -34863,7 +34902,7 @@ code {
 }
 
 .text-on-primary-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-primary-800,
@@ -34885,7 +34924,7 @@ code {
 }
 
 .text-on-primary-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-primary-900,
@@ -34925,7 +34964,7 @@ code {
 }
 
 .text-on-secondary-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-secondary-50,
@@ -34947,7 +34986,7 @@ code {
 }
 
 .text-on-secondary-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-secondary-100,
@@ -34969,7 +35008,7 @@ code {
 }
 
 .text-on-secondary-200 {
-  color: #fff;
+  color: #1a1a1a;
 }
 
 .text-secondary-200,
@@ -34991,7 +35030,7 @@ code {
 }
 
 .text-on-secondary-300 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-secondary-300,
@@ -35013,7 +35052,7 @@ code {
 }
 
 .text-on-secondary-400 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-secondary-400,
@@ -35035,7 +35074,7 @@ code {
 }
 
 .text-on-secondary-500 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-secondary-500,
@@ -35057,7 +35096,7 @@ code {
 }
 
 .text-on-secondary-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-secondary-600,
@@ -35079,7 +35118,7 @@ code {
 }
 
 .text-on-secondary-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-secondary-700,
@@ -35101,7 +35140,7 @@ code {
 }
 
 .text-on-secondary-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-secondary-800,
@@ -35123,7 +35162,7 @@ code {
 }
 
 .text-on-secondary-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-secondary-900,
@@ -35163,7 +35202,7 @@ code {
 }
 
 .text-on-success-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-success-50,
@@ -35185,7 +35224,7 @@ code {
 }
 
 .text-on-success-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-success-100,
@@ -35207,7 +35246,7 @@ code {
 }
 
 .text-on-success-200 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-success-200,
@@ -35229,7 +35268,7 @@ code {
 }
 
 .text-on-success-300 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-success-300,
@@ -35251,7 +35290,7 @@ code {
 }
 
 .text-on-success-400 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-success-400,
@@ -35273,7 +35312,7 @@ code {
 }
 
 .text-on-success-500 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-success-500,
@@ -35295,7 +35334,7 @@ code {
 }
 
 .text-on-success-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-success-600,
@@ -35317,7 +35356,7 @@ code {
 }
 
 .text-on-success-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-success-700,
@@ -35339,7 +35378,7 @@ code {
 }
 
 .text-on-success-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-success-800,
@@ -35361,7 +35400,7 @@ code {
 }
 
 .text-on-success-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-success-900,
@@ -35401,7 +35440,7 @@ code {
 }
 
 .text-on-danger-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-danger-50,
@@ -35423,7 +35462,7 @@ code {
 }
 
 .text-on-danger-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-danger-100,
@@ -35445,7 +35484,7 @@ code {
 }
 
 .text-on-danger-200 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-danger-200,
@@ -35467,7 +35506,7 @@ code {
 }
 
 .text-on-danger-300 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-danger-300,
@@ -35489,7 +35528,7 @@ code {
 }
 
 .text-on-danger-400 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-danger-400,
@@ -35511,7 +35550,7 @@ code {
 }
 
 .text-on-danger-500 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-danger-500,
@@ -35533,7 +35572,7 @@ code {
 }
 
 .text-on-danger-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-danger-600,
@@ -35555,7 +35594,7 @@ code {
 }
 
 .text-on-danger-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-danger-700,
@@ -35577,7 +35616,7 @@ code {
 }
 
 .text-on-danger-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-danger-800,
@@ -35599,7 +35638,7 @@ code {
 }
 
 .text-on-danger-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-danger-900,
@@ -35639,7 +35678,7 @@ code {
 }
 
 .text-on-warning-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-warning-50,
@@ -35661,7 +35700,7 @@ code {
 }
 
 .text-on-warning-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-warning-100,
@@ -35683,7 +35722,7 @@ code {
 }
 
 .text-on-warning-200 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-warning-200,
@@ -35705,7 +35744,7 @@ code {
 }
 
 .text-on-warning-300 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-warning-300,
@@ -35727,7 +35766,7 @@ code {
 }
 
 .text-on-warning-400 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-warning-400,
@@ -35749,7 +35788,7 @@ code {
 }
 
 .text-on-warning-500 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-warning-500,
@@ -35771,7 +35810,7 @@ code {
 }
 
 .text-on-warning-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-warning-600,
@@ -35793,7 +35832,7 @@ code {
 }
 
 .text-on-warning-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-warning-700,
@@ -35815,7 +35854,7 @@ code {
 }
 
 .text-on-warning-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-warning-800,
@@ -35837,7 +35876,7 @@ code {
 }
 
 .text-on-warning-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-warning-900,
@@ -35877,7 +35916,7 @@ code {
 }
 
 .text-on-info-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-info-50,
@@ -35899,7 +35938,7 @@ code {
 }
 
 .text-on-info-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-info-100,
@@ -35921,7 +35960,7 @@ code {
 }
 
 .text-on-info-200 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-info-200,
@@ -35943,7 +35982,7 @@ code {
 }
 
 .text-on-info-300 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-info-300,
@@ -35965,7 +36004,7 @@ code {
 }
 
 .text-on-info-400 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-info-400,
@@ -35987,7 +36026,7 @@ code {
 }
 
 .text-on-info-500 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-info-500,
@@ -36009,7 +36048,7 @@ code {
 }
 
 .text-on-info-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-info-600,
@@ -36031,7 +36070,7 @@ code {
 }
 
 .text-on-info-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-info-700,
@@ -36053,7 +36092,7 @@ code {
 }
 
 .text-on-info-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-info-800,
@@ -36075,7 +36114,7 @@ code {
 }
 
 .text-on-info-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-info-900,
@@ -36115,7 +36154,7 @@ code {
 }
 
 .text-on-gray-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-gray-50,
@@ -36137,7 +36176,7 @@ code {
 }
 
 .text-on-gray-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-gray-100,
@@ -36159,7 +36198,7 @@ code {
 }
 
 .text-on-gray-200 {
-  color: #fff;
+  color: #1a1a1a;
 }
 
 .text-gray-200,
@@ -36181,7 +36220,7 @@ code {
 }
 
 .text-on-gray-300 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-gray-300,
@@ -36203,7 +36242,7 @@ code {
 }
 
 .text-on-gray-400 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-gray-400,
@@ -36225,7 +36264,7 @@ code {
 }
 
 .text-on-gray-500 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-gray-500,
@@ -36247,7 +36286,7 @@ code {
 }
 
 .text-on-gray-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-gray-600,
@@ -36269,7 +36308,7 @@ code {
 }
 
 .text-on-gray-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-gray-700,
@@ -36291,7 +36330,7 @@ code {
 }
 
 .text-on-gray-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-gray-800,
@@ -36313,7 +36352,7 @@ code {
 }
 
 .text-on-gray-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-gray-900,
@@ -36353,7 +36392,7 @@ code {
 }
 
 .text-on-red-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-red-50,
@@ -36375,7 +36414,7 @@ code {
 }
 
 .text-on-red-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-red-100,
@@ -36397,7 +36436,7 @@ code {
 }
 
 .text-on-red-200 {
-  color: #fff;
+  color: #1a1a1a;
 }
 
 .text-red-200,
@@ -36419,7 +36458,7 @@ code {
 }
 
 .text-on-red-300 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-red-300,
@@ -36441,7 +36480,7 @@ code {
 }
 
 .text-on-red-400 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-red-400,
@@ -36463,7 +36502,7 @@ code {
 }
 
 .text-on-red-500 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-red-500,
@@ -36485,7 +36524,7 @@ code {
 }
 
 .text-on-red-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-red-600,
@@ -36507,7 +36546,7 @@ code {
 }
 
 .text-on-red-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-red-700,
@@ -36529,7 +36568,7 @@ code {
 }
 
 .text-on-red-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-red-800,
@@ -36551,7 +36590,7 @@ code {
 }
 
 .text-on-red-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-red-900,
@@ -36591,7 +36630,7 @@ code {
 }
 
 .text-on-blue-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-blue-50,
@@ -36613,7 +36652,7 @@ code {
 }
 
 .text-on-blue-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-blue-100,
@@ -36635,7 +36674,7 @@ code {
 }
 
 .text-on-blue-200 {
-  color: #fff;
+  color: #1a1a1a;
 }
 
 .text-blue-200,
@@ -36657,7 +36696,7 @@ code {
 }
 
 .text-on-blue-300 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-blue-300,
@@ -36679,7 +36718,7 @@ code {
 }
 
 .text-on-blue-400 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-blue-400,
@@ -36701,7 +36740,7 @@ code {
 }
 
 .text-on-blue-500 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-blue-500,
@@ -36723,7 +36762,7 @@ code {
 }
 
 .text-on-blue-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-blue-600,
@@ -36745,7 +36784,7 @@ code {
 }
 
 .text-on-blue-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-blue-700,
@@ -36767,7 +36806,7 @@ code {
 }
 
 .text-on-blue-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-blue-800,
@@ -36789,7 +36828,7 @@ code {
 }
 
 .text-on-blue-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-blue-900,
@@ -36829,7 +36868,7 @@ code {
 }
 
 .text-on-green-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-green-50,
@@ -36851,7 +36890,7 @@ code {
 }
 
 .text-on-green-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-green-100,
@@ -36873,7 +36912,7 @@ code {
 }
 
 .text-on-green-200 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-green-200,
@@ -36895,7 +36934,7 @@ code {
 }
 
 .text-on-green-300 {
-  color: #fff;
+  color: #1a1a1a;
 }
 
 .text-green-300,
@@ -36917,7 +36956,7 @@ code {
 }
 
 .text-on-green-400 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-green-400,
@@ -36939,7 +36978,7 @@ code {
 }
 
 .text-on-green-500 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-green-500,
@@ -36961,7 +37000,7 @@ code {
 }
 
 .text-on-green-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-green-600,
@@ -36983,7 +37022,7 @@ code {
 }
 
 .text-on-green-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-green-700,
@@ -37005,7 +37044,7 @@ code {
 }
 
 .text-on-green-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-green-800,
@@ -37027,7 +37066,7 @@ code {
 }
 
 .text-on-green-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-green-900,
@@ -37067,7 +37106,7 @@ code {
 }
 
 .text-on-yellow-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-yellow-50,
@@ -37089,7 +37128,7 @@ code {
 }
 
 .text-on-yellow-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-yellow-100,
@@ -37111,7 +37150,7 @@ code {
 }
 
 .text-on-yellow-200 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-yellow-200,
@@ -37133,7 +37172,7 @@ code {
 }
 
 .text-on-yellow-300 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-yellow-300,
@@ -37155,7 +37194,7 @@ code {
 }
 
 .text-on-yellow-400 {
-  color: #fff;
+  color: #1a1a1a;
 }
 
 .text-yellow-400,
@@ -37177,7 +37216,7 @@ code {
 }
 
 .text-on-yellow-500 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-yellow-500,
@@ -37199,7 +37238,7 @@ code {
 }
 
 .text-on-yellow-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-yellow-600,
@@ -37221,7 +37260,7 @@ code {
 }
 
 .text-on-yellow-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-yellow-700,
@@ -37243,7 +37282,7 @@ code {
 }
 
 .text-on-yellow-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-yellow-800,
@@ -37265,7 +37304,7 @@ code {
 }
 
 .text-on-yellow-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-yellow-900,
@@ -37305,7 +37344,7 @@ code {
 }
 
 .text-on-purple-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-purple-50,
@@ -37327,7 +37366,7 @@ code {
 }
 
 .text-on-purple-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-purple-100,
@@ -37349,7 +37388,7 @@ code {
 }
 
 .text-on-purple-200 {
-  color: #fff;
+  color: #1a1a1a;
 }
 
 .text-purple-200,
@@ -37371,7 +37410,7 @@ code {
 }
 
 .text-on-purple-300 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-purple-300,
@@ -37393,7 +37432,7 @@ code {
 }
 
 .text-on-purple-400 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-purple-400,
@@ -37415,7 +37454,7 @@ code {
 }
 
 .text-on-purple-500 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-purple-500,
@@ -37437,7 +37476,7 @@ code {
 }
 
 .text-on-purple-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-purple-600,
@@ -37459,7 +37498,7 @@ code {
 }
 
 .text-on-purple-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-purple-700,
@@ -37481,7 +37520,7 @@ code {
 }
 
 .text-on-purple-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-purple-800,
@@ -37503,7 +37542,7 @@ code {
 }
 
 .text-on-purple-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-purple-900,
@@ -37543,7 +37582,7 @@ code {
 }
 
 .text-on-pink-50 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-pink-50,
@@ -37565,7 +37604,7 @@ code {
 }
 
 .text-on-pink-100 {
-  color: #000;
+  color: #1a1a1a;
 }
 
 .text-pink-100,
@@ -37587,7 +37626,7 @@ code {
 }
 
 .text-on-pink-200 {
-  color: #fff;
+  color: #1a1a1a;
 }
 
 .text-pink-200,
@@ -37609,7 +37648,7 @@ code {
 }
 
 .text-on-pink-300 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-pink-300,
@@ -37631,7 +37670,7 @@ code {
 }
 
 .text-on-pink-400 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-pink-400,
@@ -37653,7 +37692,7 @@ code {
 }
 
 .text-on-pink-500 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-pink-500,
@@ -37675,7 +37714,7 @@ code {
 }
 
 .text-on-pink-600 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-pink-600,
@@ -37697,7 +37736,7 @@ code {
 }
 
 .text-on-pink-700 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-pink-700,
@@ -37719,7 +37758,7 @@ code {
 }
 
 .text-on-pink-800 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-pink-800,
@@ -37741,7 +37780,7 @@ code {
 }
 
 .text-on-pink-900 {
-  color: #fff;
+  color: #f1f1f1;
 }
 
 .text-pink-900,