@svelte-thing/tailwind-radix-colors 0.0.0

package/dist/crimson.css

@@ -0,0 +1,783 @@
+/* DO NOT edit directly. This file is generated. */
+
+:root, .dark, .light {
+  --crimson-1-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.093 0.068 0.078);
+  --crimson-1-dark: var(--media-dark) #191114;
+  --crimson-1-light-p3: var(--media-p3) color(display-p3 0.998 0.989 0.992);
+  --crimson-1-light: #fffcfd;
+  --crimson-1: var(--crimson-1-dark-p3, var(--crimson-1-dark, var(--crimson-1-light-p3, var(--crimson-1-light))));
+  --crimson-2-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.117 0.078 0.095);
+  --crimson-2-dark: var(--media-dark) #201318;
+  --crimson-2-light-p3: var(--media-p3) color(display-p3 0.991 0.969 0.976);
+  --crimson-2-light: #fef7f9;
+  --crimson-2: var(--crimson-2-dark-p3, var(--crimson-2-dark, var(--crimson-2-light-p3, var(--crimson-2-light))));
+  --crimson-3-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.203 0.091 0.143);
+  --crimson-3-dark: var(--media-dark) #381525;
+  --crimson-3-light-p3: var(--media-p3) color(display-p3 0.987 0.917 0.941);
+  --crimson-3-light: #ffe9f0;
+  --crimson-3: var(--crimson-3-dark-p3, var(--crimson-3-dark, var(--crimson-3-light-p3, var(--crimson-3-light))));
+  --crimson-4-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.277 0.087 0.182);
+  --crimson-4-dark: var(--media-dark) #4d122f;
+  --crimson-4-light-p3: var(--media-p3) color(display-p3 0.975 0.866 0.904);
+  --crimson-4-light: #fedce7;
+  --crimson-4: var(--crimson-4-dark-p3, var(--crimson-4-dark, var(--crimson-4-light-p3, var(--crimson-4-light))));
+  --crimson-5-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.332 0.115 0.22);
+  --crimson-5-dark: var(--media-dark) #5c1839;
+  --crimson-5-light-p3: var(--media-p3) color(display-p3 0.953 0.813 0.864);
+  --crimson-5-light: #facedd;
+  --crimson-5: var(--crimson-5-dark-p3, var(--crimson-5-dark, var(--crimson-5-light-p3, var(--crimson-5-light))));
+  --crimson-6-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.394 0.162 0.268);
+  --crimson-6-dark: var(--media-dark) #6d2545;
+  --crimson-6-light-p3: var(--media-p3) color(display-p3 0.921 0.755 0.817);
+  --crimson-6-light: #f3bed1;
+  --crimson-6: var(--crimson-6-dark-p3, var(--crimson-6-dark, var(--crimson-6-light-p3, var(--crimson-6-light))));
+  --crimson-7-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.489 0.222 0.336);
+  --crimson-7-dark: var(--media-dark) #873356;
+  --crimson-7-light-p3: var(--media-p3) color(display-p3 0.88 0.683 0.761);
+  --crimson-7-light: #eaacc3;
+  --crimson-7: var(--crimson-7-dark-p3, var(--crimson-7-dark, var(--crimson-7-light-p3, var(--crimson-7-light))));
+  --crimson-8-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.638 0.289 0.429);
+  --crimson-8-dark: var(--media-dark) #b0436e;
+  --crimson-8-light-p3: var(--media-p3) color(display-p3 0.834 0.592 0.694);
+  --crimson-8-light: #e093b2;
+  --crimson-8: var(--crimson-8-dark-p3, var(--crimson-8-dark, var(--crimson-8-light-p3, var(--crimson-8-light))));
+  --crimson-9-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.843 0.298 0.507);
+  --crimson-9-dark: var(--media-dark) #e93d82;
+  --crimson-9-light-p3: var(--media-p3) color(display-p3 0.843 0.298 0.507);
+  --crimson-9-light: #e93d82;
+  --crimson-9: var(--crimson-9-dark-p3, var(--crimson-9-dark, var(--crimson-9-light-p3, var(--crimson-9-light))));
+  --crimson-10-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.864 0.364 0.539);
+  --crimson-10-dark: var(--media-dark) #ee518a;
+  --crimson-10-light-p3: var(--media-p3) color(display-p3 0.807 0.266 0.468);
+  --crimson-10-light: #df3478;
+  --crimson-10: var(--crimson-10-dark-p3, var(--crimson-10-dark, var(--crimson-10-light-p3, var(--crimson-10-light))));
+  --crimson-11-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 1 0.56 0.66);
+  --crimson-11-dark: var(--media-dark) #ff92ad;
+  --crimson-11-light-p3: var(--media-p3) color(display-p3 0.731 0.195 0.388);
+  --crimson-11-light: #cb1d63;
+  --crimson-11: var(--crimson-11-dark-p3, var(--crimson-11-dark, var(--crimson-11-light-p3, var(--crimson-11-light))));
+  --crimson-12-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.966 0.834 0.906);
+  --crimson-12-dark: var(--media-dark) #fdd3e8;
+  --crimson-12-light-p3: var(--media-p3) color(display-p3 0.352 0.111 0.221);
+  --crimson-12-light: #621639;
+  --crimson-12: var(--crimson-12-dark-p3, var(--crimson-12-dark, var(--crimson-12-light-p3, var(--crimson-12-light))));
+  --crimson-contrast: oklch(100% 0 0);
+  --crimson-surface-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.1647 0.0863 0.1176 / 0.5);
+  --crimson-surface-dark: var(--media-dark) #2f151f80;
+  --crimson-surface-light-p3: var(--media-p3) color(display-p3 0.9804 0.9333 0.949 / 0.5);
+  --crimson-surface-light: #fef0f480;
+  --crimson-surface: var(--crimson-surface-dark-p3, var(--crimson-surface-dark, var(--crimson-surface-light-p3, var(--crimson-surface-light))));
+  --crimson-indicator: var(--crimson-9);
+}
+
+@utility bg-crimson-1 {
+  background-color: var(--crimson-1);
+}
+
+@utility text-crimson-1 {
+  color: var(--crimson-1);
+}
+
+@utility border-crimson-1 {
+  border-color: var(--crimson-1);
+}
+
+@utility divide-crimson-1 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-1);
+  }
+}
+
+@utility ring-crimson-1 {
+  --tw-ring-color: var(--crimson-1);
+}
+
+@utility stroke-crimson-1 {
+  stroke: var(--crimson-1);
+}
+
+@utility fill-crimson-1 {
+  fill: var(--crimson-1);
+}
+
+@utility placeholder-crimson-1 {
+  &::placeholder {
+    color: var(--crimson-1);
+  }
+}
+
+@utility caret-crimson-1 {
+  caret-color: var(--crimson-1);
+}
+
+@utility outline-crimson-1 {
+  outline-color: var(--crimson-1);
+}
+
+@utility decoration-crimson-1 {
+  text-decoration-color: var(--crimson-1);
+}
+
+@utility bg-crimson-app {
+  background-color: var(--crimson-1);
+}
+
+@utility bg-crimson-2 {
+  background-color: var(--crimson-2);
+}
+
+@utility text-crimson-2 {
+  color: var(--crimson-2);
+}
+
+@utility border-crimson-2 {
+  border-color: var(--crimson-2);
+}
+
+@utility divide-crimson-2 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-2);
+  }
+}
+
+@utility ring-crimson-2 {
+  --tw-ring-color: var(--crimson-2);
+}
+
+@utility stroke-crimson-2 {
+  stroke: var(--crimson-2);
+}
+
+@utility fill-crimson-2 {
+  fill: var(--crimson-2);
+}
+
+@utility placeholder-crimson-2 {
+  &::placeholder {
+    color: var(--crimson-2);
+  }
+}
+
+@utility caret-crimson-2 {
+  caret-color: var(--crimson-2);
+}
+
+@utility outline-crimson-2 {
+  outline-color: var(--crimson-2);
+}
+
+@utility decoration-crimson-2 {
+  text-decoration-color: var(--crimson-2);
+}
+
+@utility bg-crimson-subtle {
+  background-color: var(--crimson-2);
+}
+
+@utility bg-crimson-3 {
+  background-color: var(--crimson-3);
+}
+
+@utility text-crimson-3 {
+  color: var(--crimson-3);
+}
+
+@utility border-crimson-3 {
+  border-color: var(--crimson-3);
+}
+
+@utility divide-crimson-3 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-3);
+  }
+}
+
+@utility ring-crimson-3 {
+  --tw-ring-color: var(--crimson-3);
+}
+
+@utility stroke-crimson-3 {
+  stroke: var(--crimson-3);
+}
+
+@utility fill-crimson-3 {
+  fill: var(--crimson-3);
+}
+
+@utility placeholder-crimson-3 {
+  &::placeholder {
+    color: var(--crimson-3);
+  }
+}
+
+@utility caret-crimson-3 {
+  caret-color: var(--crimson-3);
+}
+
+@utility outline-crimson-3 {
+  outline-color: var(--crimson-3);
+}
+
+@utility decoration-crimson-3 {
+  text-decoration-color: var(--crimson-3);
+}
+
+@utility bg-crimson-ui {
+  background-color: var(--crimson-3);
+}
+
+@utility bg-crimson-4 {
+  background-color: var(--crimson-4);
+}
+
+@utility text-crimson-4 {
+  color: var(--crimson-4);
+}
+
+@utility border-crimson-4 {
+  border-color: var(--crimson-4);
+}
+
+@utility divide-crimson-4 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-4);
+  }
+}
+
+@utility ring-crimson-4 {
+  --tw-ring-color: var(--crimson-4);
+}
+
+@utility stroke-crimson-4 {
+  stroke: var(--crimson-4);
+}
+
+@utility fill-crimson-4 {
+  fill: var(--crimson-4);
+}
+
+@utility placeholder-crimson-4 {
+  &::placeholder {
+    color: var(--crimson-4);
+  }
+}
+
+@utility caret-crimson-4 {
+  caret-color: var(--crimson-4);
+}
+
+@utility outline-crimson-4 {
+  outline-color: var(--crimson-4);
+}
+
+@utility decoration-crimson-4 {
+  text-decoration-color: var(--crimson-4);
+}
+
+@utility bg-crimson-ui-hover {
+  &:hover {
+    background-color: var(--crimson-4);
+  }
+}
+
+@utility bg-crimson-5 {
+  background-color: var(--crimson-5);
+}
+
+@utility text-crimson-5 {
+  color: var(--crimson-5);
+}
+
+@utility border-crimson-5 {
+  border-color: var(--crimson-5);
+}
+
+@utility divide-crimson-5 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-5);
+  }
+}
+
+@utility ring-crimson-5 {
+  --tw-ring-color: var(--crimson-5);
+}
+
+@utility stroke-crimson-5 {
+  stroke: var(--crimson-5);
+}
+
+@utility fill-crimson-5 {
+  fill: var(--crimson-5);
+}
+
+@utility placeholder-crimson-5 {
+  &::placeholder {
+    color: var(--crimson-5);
+  }
+}
+
+@utility caret-crimson-5 {
+  caret-color: var(--crimson-5);
+}
+
+@utility outline-crimson-5 {
+  outline-color: var(--crimson-5);
+}
+
+@utility decoration-crimson-5 {
+  text-decoration-color: var(--crimson-5);
+}
+
+@utility bg-crimson-ui-active {
+  &:active {
+    background-color: var(--crimson-5);
+  }
+}
+
+@utility bg-crimson-6 {
+  background-color: var(--crimson-6);
+}
+
+@utility text-crimson-6 {
+  color: var(--crimson-6);
+}
+
+@utility border-crimson-6 {
+  border-color: var(--crimson-6);
+}
+
+@utility divide-crimson-6 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-6);
+  }
+}
+
+@utility ring-crimson-6 {
+  --tw-ring-color: var(--crimson-6);
+}
+
+@utility stroke-crimson-6 {
+  stroke: var(--crimson-6);
+}
+
+@utility fill-crimson-6 {
+  fill: var(--crimson-6);
+}
+
+@utility placeholder-crimson-6 {
+  &::placeholder {
+    color: var(--crimson-6);
+  }
+}
+
+@utility caret-crimson-6 {
+  caret-color: var(--crimson-6);
+}
+
+@utility outline-crimson-6 {
+  outline-color: var(--crimson-6);
+}
+
+@utility decoration-crimson-6 {
+  text-decoration-color: var(--crimson-6);
+}
+
+@utility border-crimson-subtle {
+  border-color: var(--crimson-6);
+}
+
+@utility bg-crimson-7 {
+  background-color: var(--crimson-7);
+}
+
+@utility text-crimson-7 {
+  color: var(--crimson-7);
+}
+
+@utility border-crimson-7 {
+  border-color: var(--crimson-7);
+}
+
+@utility divide-crimson-7 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-7);
+  }
+}
+
+@utility ring-crimson-7 {
+  --tw-ring-color: var(--crimson-7);
+}
+
+@utility stroke-crimson-7 {
+  stroke: var(--crimson-7);
+}
+
+@utility fill-crimson-7 {
+  fill: var(--crimson-7);
+}
+
+@utility placeholder-crimson-7 {
+  &::placeholder {
+    color: var(--crimson-7);
+  }
+}
+
+@utility caret-crimson-7 {
+  caret-color: var(--crimson-7);
+}
+
+@utility outline-crimson-7 {
+  outline-color: var(--crimson-7);
+}
+
+@utility decoration-crimson-7 {
+  text-decoration-color: var(--crimson-7);
+}
+
+@utility border-crimson-ui {
+  border-color: var(--crimson-7);
+}
+
+@utility bg-crimson-8 {
+  background-color: var(--crimson-8);
+}
+
+@utility text-crimson-8 {
+  color: var(--crimson-8);
+}
+
+@utility border-crimson-8 {
+  border-color: var(--crimson-8);
+}
+
+@utility divide-crimson-8 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-8);
+  }
+}
+
+@utility ring-crimson-8 {
+  --tw-ring-color: var(--crimson-8);
+}
+
+@utility stroke-crimson-8 {
+  stroke: var(--crimson-8);
+}
+
+@utility fill-crimson-8 {
+  fill: var(--crimson-8);
+}
+
+@utility placeholder-crimson-8 {
+  &::placeholder {
+    color: var(--crimson-8);
+  }
+}
+
+@utility caret-crimson-8 {
+  caret-color: var(--crimson-8);
+}
+
+@utility outline-crimson-8 {
+  outline-color: var(--crimson-8);
+}
+
+@utility decoration-crimson-8 {
+  text-decoration-color: var(--crimson-8);
+}
+
+@utility border-crimson-ui-hover {
+  &:hover {
+    border-color: var(--crimson-8);
+  }
+}
+
+@utility bg-crimson-9 {
+  background-color: var(--crimson-9);
+}
+
+@utility text-crimson-9 {
+  color: var(--crimson-9);
+}
+
+@utility border-crimson-9 {
+  border-color: var(--crimson-9);
+}
+
+@utility divide-crimson-9 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-9);
+  }
+}
+
+@utility ring-crimson-9 {
+  --tw-ring-color: var(--crimson-9);
+}
+
+@utility stroke-crimson-9 {
+  stroke: var(--crimson-9);
+}
+
+@utility fill-crimson-9 {
+  fill: var(--crimson-9);
+}
+
+@utility placeholder-crimson-9 {
+  &::placeholder {
+    color: var(--crimson-9);
+  }
+}
+
+@utility caret-crimson-9 {
+  caret-color: var(--crimson-9);
+}
+
+@utility outline-crimson-9 {
+  outline-color: var(--crimson-9);
+}
+
+@utility decoration-crimson-9 {
+  text-decoration-color: var(--crimson-9);
+}
+
+@utility bg-crimson-solid {
+  background-color: var(--crimson-9);
+}
+
+@utility bg-crimson-10 {
+  background-color: var(--crimson-10);
+}
+
+@utility text-crimson-10 {
+  color: var(--crimson-10);
+}
+
+@utility border-crimson-10 {
+  border-color: var(--crimson-10);
+}
+
+@utility divide-crimson-10 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-10);
+  }
+}
+
+@utility ring-crimson-10 {
+  --tw-ring-color: var(--crimson-10);
+}
+
+@utility stroke-crimson-10 {
+  stroke: var(--crimson-10);
+}
+
+@utility fill-crimson-10 {
+  fill: var(--crimson-10);
+}
+
+@utility placeholder-crimson-10 {
+  &::placeholder {
+    color: var(--crimson-10);
+  }
+}
+
+@utility caret-crimson-10 {
+  caret-color: var(--crimson-10);
+}
+
+@utility outline-crimson-10 {
+  outline-color: var(--crimson-10);
+}
+
+@utility decoration-crimson-10 {
+  text-decoration-color: var(--crimson-10);
+}
+
+@utility bg-crimson-solid-hover {
+  &:hover {
+    background-color: var(--crimson-10);
+  }
+}
+
+@utility bg-crimson-11 {
+  background-color: var(--crimson-11);
+}
+
+@utility text-crimson-11 {
+  color: var(--crimson-11);
+}
+
+@utility border-crimson-11 {
+  border-color: var(--crimson-11);
+}
+
+@utility divide-crimson-11 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-11);
+  }
+}
+
+@utility ring-crimson-11 {
+  --tw-ring-color: var(--crimson-11);
+}
+
+@utility stroke-crimson-11 {
+  stroke: var(--crimson-11);
+}
+
+@utility fill-crimson-11 {
+  fill: var(--crimson-11);
+}
+
+@utility placeholder-crimson-11 {
+  &::placeholder {
+    color: var(--crimson-11);
+  }
+}
+
+@utility caret-crimson-11 {
+  caret-color: var(--crimson-11);
+}
+
+@utility outline-crimson-11 {
+  outline-color: var(--crimson-11);
+}
+
+@utility decoration-crimson-11 {
+  text-decoration-color: var(--crimson-11);
+}
+
+@utility text-crimson-ui {
+  color: var(--crimson-11);
+}
+
+@utility bg-crimson-12 {
+  background-color: var(--crimson-12);
+}
+
+@utility text-crimson-12 {
+  color: var(--crimson-12);
+}
+
+@utility border-crimson-12 {
+  border-color: var(--crimson-12);
+}
+
+@utility divide-crimson-12 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-12);
+  }
+}
+
+@utility ring-crimson-12 {
+  --tw-ring-color: var(--crimson-12);
+}
+
+@utility stroke-crimson-12 {
+  stroke: var(--crimson-12);
+}
+
+@utility fill-crimson-12 {
+  fill: var(--crimson-12);
+}
+
+@utility placeholder-crimson-12 {
+  &::placeholder {
+    color: var(--crimson-12);
+  }
+}
+
+@utility caret-crimson-12 {
+  caret-color: var(--crimson-12);
+}
+
+@utility outline-crimson-12 {
+  outline-color: var(--crimson-12);
+}
+
+@utility decoration-crimson-12 {
+  text-decoration-color: var(--crimson-12);
+}
+
+@utility text-crimson-contrast {
+  color: var(--crimson-12);
+}
+
+@utility bg-crimson-surface {
+  background-color: var(--crimson-surface);
+}
+
+@utility text-crimson-surface {
+  color: var(--crimson-surface);
+}
+
+@utility border-crimson-surface {
+  border-color: var(--crimson-surface);
+}
+
+@utility divide-crimson-surface {
+  :where(& > :not(:last-child)) {
+    border-color: var(--crimson-surface);
+  }
+}
+
+@utility ring-crimson-surface {
+  --tw-ring-color: var(--crimson-surface);
+}
+
+@utility stroke-crimson-surface {
+  stroke: var(--crimson-surface);
+}
+
+@utility fill-crimson-surface {
+  fill: var(--crimson-surface);
+}
+
+@utility placeholder-crimson-surface {
+  &::placeholder {
+    color: var(--crimson-surface);
+  }
+}
+
+@utility caret-crimson-surface {
+  caret-color: var(--crimson-surface);
+}
+
+@utility outline-crimson-surface {
+  outline-color: var(--crimson-surface);
+}
+
+@utility decoration-crimson-surface {
+  text-decoration-color: var(--crimson-surface);
+}
+
+@utility brand-crimson {
+  --brand-1: var(--crimson-1);
+  --brand-2: var(--crimson-2);
+  --brand-3: var(--crimson-3);
+  --brand-4: var(--crimson-4);
+  --brand-5: var(--crimson-5);
+  --brand-6: var(--crimson-6);
+  --brand-7: var(--crimson-7);
+  --brand-8: var(--crimson-8);
+  --brand-9: var(--crimson-9);
+  --brand-10: var(--crimson-10);
+  --brand-11: var(--crimson-11);
+  --brand-12: var(--crimson-12);
+  --brand-surface: var(--crimson-surface);
+}
+
+@utility neutral-crimson {
+  --neutral-1: var(--crimson-1);
+  --neutral-2: var(--crimson-2);
+  --neutral-3: var(--crimson-3);
+  --neutral-4: var(--crimson-4);
+  --neutral-5: var(--crimson-5);
+  --neutral-6: var(--crimson-6);
+  --neutral-7: var(--crimson-7);
+  --neutral-8: var(--crimson-8);
+  --neutral-9: var(--crimson-9);
+  --neutral-10: var(--crimson-10);
+  --neutral-11: var(--crimson-11);
+  --neutral-12: var(--crimson-12);
+  --neutral-surface: var(--crimson-surface);
+}