@svelte-thing/tailwind-radix-colors 0.0.0 → 0.0.1

package/dist/blue-alpha.css

@@ -63,100 +63,31 @@
   --blue-a12: var(--blue-a12-dark-p3, var(--blue-a12-dark, var(--blue-a12-light-p3, var(--blue-a12-light))));
 }
 
-@utility bg-blue-a1 {
-  background-color: var(--blue-a1);
-}
-
-@utility bg-info-a1 {
-  background-color: var(--blue-a1);
-}
-
-@utility text-blue-a1 {
-  color: var(--blue-a1);
-}
-
-@utility text-info-a1 {
-  color: var(--blue-a1);
-}
-
-@utility border-blue-a1 {
-  border-color: var(--blue-a1);
-}
-
-@utility border-info-a1 {
-  border-color: var(--blue-a1);
-}
-
-@utility divide-blue-a1 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a1);
-  }
-}
-
-@utility divide-info-a1 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a1);
-  }
-}
-
-@utility ring-blue-a1 {
-  --tw-ring-color: var(--blue-a1);
-}
-
-@utility ring-info-a1 {
-  --tw-ring-color: var(--blue-a1);
-}
-
-@utility stroke-blue-a1 {
-  stroke: var(--blue-a1);
-}
-
-@utility stroke-info-a1 {
-  stroke: var(--blue-a1);
-}
-
-@utility fill-blue-a1 {
-  fill: var(--blue-a1);
-}
-
-@utility fill-info-a1 {
-  fill: var(--blue-a1);
-}
-
-@utility placeholder-blue-a1 {
-  &::placeholder {
-    color: var(--blue-a1);
-  }
-}
-
-@utility placeholder-info-a1 {
-  &::placeholder {
-    color: var(--blue-a1);
-  }
-}
-
-@utility caret-blue-a1 {
-  caret-color: var(--blue-a1);
-}
-
-@utility caret-info-a1 {
-  caret-color: var(--blue-a1);
-}
-
-@utility outline-blue-a1 {
-  outline-color: var(--blue-a1);
-}
-
-@utility outline-info-a1 {
-  outline-color: var(--blue-a1);
-}
-
-@utility decoration-blue-a1 {
-  text-decoration-color: var(--blue-a1);
-}
-
-@utility decoration-info-a1 {
-  text-decoration-color: var(--blue-a1);
+@theme inline {
+  --color-blue-a1: var(--blue-a1);
+  --color-info-a1: var(--blue-a1);
+  --color-blue-a2: var(--blue-a2);
+  --color-info-a2: var(--blue-a2);
+  --color-blue-a3: var(--blue-a3);
+  --color-info-a3: var(--blue-a3);
+  --color-blue-a4: var(--blue-a4);
+  --color-info-a4: var(--blue-a4);
+  --color-blue-a5: var(--blue-a5);
+  --color-info-a5: var(--blue-a5);
+  --color-blue-a6: var(--blue-a6);
+  --color-info-a6: var(--blue-a6);
+  --color-blue-a7: var(--blue-a7);
+  --color-info-a7: var(--blue-a7);
+  --color-blue-a8: var(--blue-a8);
+  --color-info-a8: var(--blue-a8);
+  --color-blue-a9: var(--blue-a9);
+  --color-info-a9: var(--blue-a9);
+  --color-blue-a10: var(--blue-a10);
+  --color-info-a10: var(--blue-a10);
+  --color-blue-a11: var(--blue-a11);
+  --color-info-a11: var(--blue-a11);
+  --color-blue-a12: var(--blue-a12);
+  --color-info-a12: var(--blue-a12);
 }
 
 @utility brand-blue-alpha {
@@ -188,1059 +119,3 @@
   --neutral-a11: var(--blue-a11);
   --neutral-a12: var(--blue-a12);
 }
-
-@utility bg-blue-a2 {
-  background-color: var(--blue-a2);
-}
-
-@utility bg-info-a2 {
-  background-color: var(--blue-a2);
-}
-
-@utility text-blue-a2 {
-  color: var(--blue-a2);
-}
-
-@utility text-info-a2 {
-  color: var(--blue-a2);
-}
-
-@utility border-blue-a2 {
-  border-color: var(--blue-a2);
-}
-
-@utility border-info-a2 {
-  border-color: var(--blue-a2);
-}
-
-@utility divide-blue-a2 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a2);
-  }
-}
-
-@utility divide-info-a2 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a2);
-  }
-}
-
-@utility ring-blue-a2 {
-  --tw-ring-color: var(--blue-a2);
-}
-
-@utility ring-info-a2 {
-  --tw-ring-color: var(--blue-a2);
-}
-
-@utility stroke-blue-a2 {
-  stroke: var(--blue-a2);
-}
-
-@utility stroke-info-a2 {
-  stroke: var(--blue-a2);
-}
-
-@utility fill-blue-a2 {
-  fill: var(--blue-a2);
-}
-
-@utility fill-info-a2 {
-  fill: var(--blue-a2);
-}
-
-@utility placeholder-blue-a2 {
-  &::placeholder {
-    color: var(--blue-a2);
-  }
-}
-
-@utility placeholder-info-a2 {
-  &::placeholder {
-    color: var(--blue-a2);
-  }
-}
-
-@utility caret-blue-a2 {
-  caret-color: var(--blue-a2);
-}
-
-@utility caret-info-a2 {
-  caret-color: var(--blue-a2);
-}
-
-@utility outline-blue-a2 {
-  outline-color: var(--blue-a2);
-}
-
-@utility outline-info-a2 {
-  outline-color: var(--blue-a2);
-}
-
-@utility decoration-blue-a2 {
-  text-decoration-color: var(--blue-a2);
-}
-
-@utility decoration-info-a2 {
-  text-decoration-color: var(--blue-a2);
-}
-
-@utility bg-blue-a3 {
-  background-color: var(--blue-a3);
-}
-
-@utility bg-info-a3 {
-  background-color: var(--blue-a3);
-}
-
-@utility text-blue-a3 {
-  color: var(--blue-a3);
-}
-
-@utility text-info-a3 {
-  color: var(--blue-a3);
-}
-
-@utility border-blue-a3 {
-  border-color: var(--blue-a3);
-}
-
-@utility border-info-a3 {
-  border-color: var(--blue-a3);
-}
-
-@utility divide-blue-a3 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a3);
-  }
-}
-
-@utility divide-info-a3 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a3);
-  }
-}
-
-@utility ring-blue-a3 {
-  --tw-ring-color: var(--blue-a3);
-}
-
-@utility ring-info-a3 {
-  --tw-ring-color: var(--blue-a3);
-}
-
-@utility stroke-blue-a3 {
-  stroke: var(--blue-a3);
-}
-
-@utility stroke-info-a3 {
-  stroke: var(--blue-a3);
-}
-
-@utility fill-blue-a3 {
-  fill: var(--blue-a3);
-}
-
-@utility fill-info-a3 {
-  fill: var(--blue-a3);
-}
-
-@utility placeholder-blue-a3 {
-  &::placeholder {
-    color: var(--blue-a3);
-  }
-}
-
-@utility placeholder-info-a3 {
-  &::placeholder {
-    color: var(--blue-a3);
-  }
-}
-
-@utility caret-blue-a3 {
-  caret-color: var(--blue-a3);
-}
-
-@utility caret-info-a3 {
-  caret-color: var(--blue-a3);
-}
-
-@utility outline-blue-a3 {
-  outline-color: var(--blue-a3);
-}
-
-@utility outline-info-a3 {
-  outline-color: var(--blue-a3);
-}
-
-@utility decoration-blue-a3 {
-  text-decoration-color: var(--blue-a3);
-}
-
-@utility decoration-info-a3 {
-  text-decoration-color: var(--blue-a3);
-}
-
-@utility bg-blue-a4 {
-  background-color: var(--blue-a4);
-}
-
-@utility bg-info-a4 {
-  background-color: var(--blue-a4);
-}
-
-@utility text-blue-a4 {
-  color: var(--blue-a4);
-}
-
-@utility text-info-a4 {
-  color: var(--blue-a4);
-}
-
-@utility border-blue-a4 {
-  border-color: var(--blue-a4);
-}
-
-@utility border-info-a4 {
-  border-color: var(--blue-a4);
-}
-
-@utility divide-blue-a4 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a4);
-  }
-}
-
-@utility divide-info-a4 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a4);
-  }
-}
-
-@utility ring-blue-a4 {
-  --tw-ring-color: var(--blue-a4);
-}
-
-@utility ring-info-a4 {
-  --tw-ring-color: var(--blue-a4);
-}
-
-@utility stroke-blue-a4 {
-  stroke: var(--blue-a4);
-}
-
-@utility stroke-info-a4 {
-  stroke: var(--blue-a4);
-}
-
-@utility fill-blue-a4 {
-  fill: var(--blue-a4);
-}
-
-@utility fill-info-a4 {
-  fill: var(--blue-a4);
-}
-
-@utility placeholder-blue-a4 {
-  &::placeholder {
-    color: var(--blue-a4);
-  }
-}
-
-@utility placeholder-info-a4 {
-  &::placeholder {
-    color: var(--blue-a4);
-  }
-}
-
-@utility caret-blue-a4 {
-  caret-color: var(--blue-a4);
-}
-
-@utility caret-info-a4 {
-  caret-color: var(--blue-a4);
-}
-
-@utility outline-blue-a4 {
-  outline-color: var(--blue-a4);
-}
-
-@utility outline-info-a4 {
-  outline-color: var(--blue-a4);
-}
-
-@utility decoration-blue-a4 {
-  text-decoration-color: var(--blue-a4);
-}
-
-@utility decoration-info-a4 {
-  text-decoration-color: var(--blue-a4);
-}
-
-@utility bg-blue-a5 {
-  background-color: var(--blue-a5);
-}
-
-@utility bg-info-a5 {
-  background-color: var(--blue-a5);
-}
-
-@utility text-blue-a5 {
-  color: var(--blue-a5);
-}
-
-@utility text-info-a5 {
-  color: var(--blue-a5);
-}
-
-@utility border-blue-a5 {
-  border-color: var(--blue-a5);
-}
-
-@utility border-info-a5 {
-  border-color: var(--blue-a5);
-}
-
-@utility divide-blue-a5 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a5);
-  }
-}
-
-@utility divide-info-a5 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a5);
-  }
-}
-
-@utility ring-blue-a5 {
-  --tw-ring-color: var(--blue-a5);
-}
-
-@utility ring-info-a5 {
-  --tw-ring-color: var(--blue-a5);
-}
-
-@utility stroke-blue-a5 {
-  stroke: var(--blue-a5);
-}
-
-@utility stroke-info-a5 {
-  stroke: var(--blue-a5);
-}
-
-@utility fill-blue-a5 {
-  fill: var(--blue-a5);
-}
-
-@utility fill-info-a5 {
-  fill: var(--blue-a5);
-}
-
-@utility placeholder-blue-a5 {
-  &::placeholder {
-    color: var(--blue-a5);
-  }
-}
-
-@utility placeholder-info-a5 {
-  &::placeholder {
-    color: var(--blue-a5);
-  }
-}
-
-@utility caret-blue-a5 {
-  caret-color: var(--blue-a5);
-}
-
-@utility caret-info-a5 {
-  caret-color: var(--blue-a5);
-}
-
-@utility outline-blue-a5 {
-  outline-color: var(--blue-a5);
-}
-
-@utility outline-info-a5 {
-  outline-color: var(--blue-a5);
-}
-
-@utility decoration-blue-a5 {
-  text-decoration-color: var(--blue-a5);
-}
-
-@utility decoration-info-a5 {
-  text-decoration-color: var(--blue-a5);
-}
-
-@utility bg-blue-a6 {
-  background-color: var(--blue-a6);
-}
-
-@utility bg-info-a6 {
-  background-color: var(--blue-a6);
-}
-
-@utility text-blue-a6 {
-  color: var(--blue-a6);
-}
-
-@utility text-info-a6 {
-  color: var(--blue-a6);
-}
-
-@utility border-blue-a6 {
-  border-color: var(--blue-a6);
-}
-
-@utility border-info-a6 {
-  border-color: var(--blue-a6);
-}
-
-@utility divide-blue-a6 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a6);
-  }
-}
-
-@utility divide-info-a6 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a6);
-  }
-}
-
-@utility ring-blue-a6 {
-  --tw-ring-color: var(--blue-a6);
-}
-
-@utility ring-info-a6 {
-  --tw-ring-color: var(--blue-a6);
-}
-
-@utility stroke-blue-a6 {
-  stroke: var(--blue-a6);
-}
-
-@utility stroke-info-a6 {
-  stroke: var(--blue-a6);
-}
-
-@utility fill-blue-a6 {
-  fill: var(--blue-a6);
-}
-
-@utility fill-info-a6 {
-  fill: var(--blue-a6);
-}
-
-@utility placeholder-blue-a6 {
-  &::placeholder {
-    color: var(--blue-a6);
-  }
-}
-
-@utility placeholder-info-a6 {
-  &::placeholder {
-    color: var(--blue-a6);
-  }
-}
-
-@utility caret-blue-a6 {
-  caret-color: var(--blue-a6);
-}
-
-@utility caret-info-a6 {
-  caret-color: var(--blue-a6);
-}
-
-@utility outline-blue-a6 {
-  outline-color: var(--blue-a6);
-}
-
-@utility outline-info-a6 {
-  outline-color: var(--blue-a6);
-}
-
-@utility decoration-blue-a6 {
-  text-decoration-color: var(--blue-a6);
-}
-
-@utility decoration-info-a6 {
-  text-decoration-color: var(--blue-a6);
-}
-
-@utility bg-blue-a7 {
-  background-color: var(--blue-a7);
-}
-
-@utility bg-info-a7 {
-  background-color: var(--blue-a7);
-}
-
-@utility text-blue-a7 {
-  color: var(--blue-a7);
-}
-
-@utility text-info-a7 {
-  color: var(--blue-a7);
-}
-
-@utility border-blue-a7 {
-  border-color: var(--blue-a7);
-}
-
-@utility border-info-a7 {
-  border-color: var(--blue-a7);
-}
-
-@utility divide-blue-a7 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a7);
-  }
-}
-
-@utility divide-info-a7 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a7);
-  }
-}
-
-@utility ring-blue-a7 {
-  --tw-ring-color: var(--blue-a7);
-}
-
-@utility ring-info-a7 {
-  --tw-ring-color: var(--blue-a7);
-}
-
-@utility stroke-blue-a7 {
-  stroke: var(--blue-a7);
-}
-
-@utility stroke-info-a7 {
-  stroke: var(--blue-a7);
-}
-
-@utility fill-blue-a7 {
-  fill: var(--blue-a7);
-}
-
-@utility fill-info-a7 {
-  fill: var(--blue-a7);
-}
-
-@utility placeholder-blue-a7 {
-  &::placeholder {
-    color: var(--blue-a7);
-  }
-}
-
-@utility placeholder-info-a7 {
-  &::placeholder {
-    color: var(--blue-a7);
-  }
-}
-
-@utility caret-blue-a7 {
-  caret-color: var(--blue-a7);
-}
-
-@utility caret-info-a7 {
-  caret-color: var(--blue-a7);
-}
-
-@utility outline-blue-a7 {
-  outline-color: var(--blue-a7);
-}
-
-@utility outline-info-a7 {
-  outline-color: var(--blue-a7);
-}
-
-@utility decoration-blue-a7 {
-  text-decoration-color: var(--blue-a7);
-}
-
-@utility decoration-info-a7 {
-  text-decoration-color: var(--blue-a7);
-}
-
-@utility bg-blue-a8 {
-  background-color: var(--blue-a8);
-}
-
-@utility bg-info-a8 {
-  background-color: var(--blue-a8);
-}
-
-@utility text-blue-a8 {
-  color: var(--blue-a8);
-}
-
-@utility text-info-a8 {
-  color: var(--blue-a8);
-}
-
-@utility border-blue-a8 {
-  border-color: var(--blue-a8);
-}
-
-@utility border-info-a8 {
-  border-color: var(--blue-a8);
-}
-
-@utility divide-blue-a8 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a8);
-  }
-}
-
-@utility divide-info-a8 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a8);
-  }
-}
-
-@utility ring-blue-a8 {
-  --tw-ring-color: var(--blue-a8);
-}
-
-@utility ring-info-a8 {
-  --tw-ring-color: var(--blue-a8);
-}
-
-@utility stroke-blue-a8 {
-  stroke: var(--blue-a8);
-}
-
-@utility stroke-info-a8 {
-  stroke: var(--blue-a8);
-}
-
-@utility fill-blue-a8 {
-  fill: var(--blue-a8);
-}
-
-@utility fill-info-a8 {
-  fill: var(--blue-a8);
-}
-
-@utility placeholder-blue-a8 {
-  &::placeholder {
-    color: var(--blue-a8);
-  }
-}
-
-@utility placeholder-info-a8 {
-  &::placeholder {
-    color: var(--blue-a8);
-  }
-}
-
-@utility caret-blue-a8 {
-  caret-color: var(--blue-a8);
-}
-
-@utility caret-info-a8 {
-  caret-color: var(--blue-a8);
-}
-
-@utility outline-blue-a8 {
-  outline-color: var(--blue-a8);
-}
-
-@utility outline-info-a8 {
-  outline-color: var(--blue-a8);
-}
-
-@utility decoration-blue-a8 {
-  text-decoration-color: var(--blue-a8);
-}
-
-@utility decoration-info-a8 {
-  text-decoration-color: var(--blue-a8);
-}
-
-@utility bg-blue-a9 {
-  background-color: var(--blue-a9);
-}
-
-@utility bg-info-a9 {
-  background-color: var(--blue-a9);
-}
-
-@utility text-blue-a9 {
-  color: var(--blue-a9);
-}
-
-@utility text-info-a9 {
-  color: var(--blue-a9);
-}
-
-@utility border-blue-a9 {
-  border-color: var(--blue-a9);
-}
-
-@utility border-info-a9 {
-  border-color: var(--blue-a9);
-}
-
-@utility divide-blue-a9 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a9);
-  }
-}
-
-@utility divide-info-a9 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a9);
-  }
-}
-
-@utility ring-blue-a9 {
-  --tw-ring-color: var(--blue-a9);
-}
-
-@utility ring-info-a9 {
-  --tw-ring-color: var(--blue-a9);
-}
-
-@utility stroke-blue-a9 {
-  stroke: var(--blue-a9);
-}
-
-@utility stroke-info-a9 {
-  stroke: var(--blue-a9);
-}
-
-@utility fill-blue-a9 {
-  fill: var(--blue-a9);
-}
-
-@utility fill-info-a9 {
-  fill: var(--blue-a9);
-}
-
-@utility placeholder-blue-a9 {
-  &::placeholder {
-    color: var(--blue-a9);
-  }
-}
-
-@utility placeholder-info-a9 {
-  &::placeholder {
-    color: var(--blue-a9);
-  }
-}
-
-@utility caret-blue-a9 {
-  caret-color: var(--blue-a9);
-}
-
-@utility caret-info-a9 {
-  caret-color: var(--blue-a9);
-}
-
-@utility outline-blue-a9 {
-  outline-color: var(--blue-a9);
-}
-
-@utility outline-info-a9 {
-  outline-color: var(--blue-a9);
-}
-
-@utility decoration-blue-a9 {
-  text-decoration-color: var(--blue-a9);
-}
-
-@utility decoration-info-a9 {
-  text-decoration-color: var(--blue-a9);
-}
-
-@utility bg-blue-a10 {
-  background-color: var(--blue-a10);
-}
-
-@utility bg-info-a10 {
-  background-color: var(--blue-a10);
-}
-
-@utility text-blue-a10 {
-  color: var(--blue-a10);
-}
-
-@utility text-info-a10 {
-  color: var(--blue-a10);
-}
-
-@utility border-blue-a10 {
-  border-color: var(--blue-a10);
-}
-
-@utility border-info-a10 {
-  border-color: var(--blue-a10);
-}
-
-@utility divide-blue-a10 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a10);
-  }
-}
-
-@utility divide-info-a10 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a10);
-  }
-}
-
-@utility ring-blue-a10 {
-  --tw-ring-color: var(--blue-a10);
-}
-
-@utility ring-info-a10 {
-  --tw-ring-color: var(--blue-a10);
-}
-
-@utility stroke-blue-a10 {
-  stroke: var(--blue-a10);
-}
-
-@utility stroke-info-a10 {
-  stroke: var(--blue-a10);
-}
-
-@utility fill-blue-a10 {
-  fill: var(--blue-a10);
-}
-
-@utility fill-info-a10 {
-  fill: var(--blue-a10);
-}
-
-@utility placeholder-blue-a10 {
-  &::placeholder {
-    color: var(--blue-a10);
-  }
-}
-
-@utility placeholder-info-a10 {
-  &::placeholder {
-    color: var(--blue-a10);
-  }
-}
-
-@utility caret-blue-a10 {
-  caret-color: var(--blue-a10);
-}
-
-@utility caret-info-a10 {
-  caret-color: var(--blue-a10);
-}
-
-@utility outline-blue-a10 {
-  outline-color: var(--blue-a10);
-}
-
-@utility outline-info-a10 {
-  outline-color: var(--blue-a10);
-}
-
-@utility decoration-blue-a10 {
-  text-decoration-color: var(--blue-a10);
-}
-
-@utility decoration-info-a10 {
-  text-decoration-color: var(--blue-a10);
-}
-
-@utility bg-blue-a11 {
-  background-color: var(--blue-a11);
-}
-
-@utility bg-info-a11 {
-  background-color: var(--blue-a11);
-}
-
-@utility text-blue-a11 {
-  color: var(--blue-a11);
-}
-
-@utility text-info-a11 {
-  color: var(--blue-a11);
-}
-
-@utility border-blue-a11 {
-  border-color: var(--blue-a11);
-}
-
-@utility border-info-a11 {
-  border-color: var(--blue-a11);
-}
-
-@utility divide-blue-a11 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a11);
-  }
-}
-
-@utility divide-info-a11 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a11);
-  }
-}
-
-@utility ring-blue-a11 {
-  --tw-ring-color: var(--blue-a11);
-}
-
-@utility ring-info-a11 {
-  --tw-ring-color: var(--blue-a11);
-}
-
-@utility stroke-blue-a11 {
-  stroke: var(--blue-a11);
-}
-
-@utility stroke-info-a11 {
-  stroke: var(--blue-a11);
-}
-
-@utility fill-blue-a11 {
-  fill: var(--blue-a11);
-}
-
-@utility fill-info-a11 {
-  fill: var(--blue-a11);
-}
-
-@utility placeholder-blue-a11 {
-  &::placeholder {
-    color: var(--blue-a11);
-  }
-}
-
-@utility placeholder-info-a11 {
-  &::placeholder {
-    color: var(--blue-a11);
-  }
-}
-
-@utility caret-blue-a11 {
-  caret-color: var(--blue-a11);
-}
-
-@utility caret-info-a11 {
-  caret-color: var(--blue-a11);
-}
-
-@utility outline-blue-a11 {
-  outline-color: var(--blue-a11);
-}
-
-@utility outline-info-a11 {
-  outline-color: var(--blue-a11);
-}
-
-@utility decoration-blue-a11 {
-  text-decoration-color: var(--blue-a11);
-}
-
-@utility decoration-info-a11 {
-  text-decoration-color: var(--blue-a11);
-}
-
-@utility bg-blue-a12 {
-  background-color: var(--blue-a12);
-}
-
-@utility bg-info-a12 {
-  background-color: var(--blue-a12);
-}
-
-@utility text-blue-a12 {
-  color: var(--blue-a12);
-}
-
-@utility text-info-a12 {
-  color: var(--blue-a12);
-}
-
-@utility border-blue-a12 {
-  border-color: var(--blue-a12);
-}
-
-@utility border-info-a12 {
-  border-color: var(--blue-a12);
-}
-
-@utility divide-blue-a12 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a12);
-  }
-}
-
-@utility divide-info-a12 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--blue-a12);
-  }
-}
-
-@utility ring-blue-a12 {
-  --tw-ring-color: var(--blue-a12);
-}
-
-@utility ring-info-a12 {
-  --tw-ring-color: var(--blue-a12);
-}
-
-@utility stroke-blue-a12 {
-  stroke: var(--blue-a12);
-}
-
-@utility stroke-info-a12 {
-  stroke: var(--blue-a12);
-}
-
-@utility fill-blue-a12 {
-  fill: var(--blue-a12);
-}
-
-@utility fill-info-a12 {
-  fill: var(--blue-a12);
-}
-
-@utility placeholder-blue-a12 {
-  &::placeholder {
-    color: var(--blue-a12);
-  }
-}
-
-@utility placeholder-info-a12 {
-  &::placeholder {
-    color: var(--blue-a12);
-  }
-}
-
-@utility caret-blue-a12 {
-  caret-color: var(--blue-a12);
-}
-
-@utility caret-info-a12 {
-  caret-color: var(--blue-a12);
-}
-
-@utility outline-blue-a12 {
-  outline-color: var(--blue-a12);
-}
-
-@utility outline-info-a12 {
-  outline-color: var(--blue-a12);
-}
-
-@utility decoration-blue-a12 {
-  text-decoration-color: var(--blue-a12);
-}
-
-@utility decoration-info-a12 {
-  text-decoration-color: var(--blue-a12);
-}