@diskette/palette 0.1.0

package/dist/amber-p3.css

@@ -0,0 +1,95 @@
+@theme static {
+  --color-amber-1: var(--amber-1);
+  --color-amber-2: var(--amber-2);
+  --color-amber-3: var(--amber-3);
+  --color-amber-4: var(--amber-4);
+  --color-amber-5: var(--amber-5);
+  --color-amber-6: var(--amber-6);
+  --color-amber-7: var(--amber-7);
+  --color-amber-8: var(--amber-8);
+  --color-amber-9: var(--amber-9);
+  --color-amber-10: var(--amber-10);
+  --color-amber-11: var(--amber-11);
+  --color-amber-12: var(--amber-12);
+
+  --color-amber-a1: var(--amber-a1);
+  --color-amber-a2: var(--amber-a2);
+  --color-amber-a3: var(--amber-a3);
+  --color-amber-a4: var(--amber-a4);
+  --color-amber-a5: var(--amber-a5);
+  --color-amber-a6: var(--amber-a6);
+  --color-amber-a7: var(--amber-a7);
+  --color-amber-a8: var(--amber-a8);
+  --color-amber-a9: var(--amber-a9);
+  --color-amber-a10: var(--amber-a10);
+  --color-amber-a11: var(--amber-a11);
+  --color-amber-a12: var(--amber-a12);
+
+  --color-amber-contrast: var(--amber-contrast);
+  --color-amber-surface: var(--amber-surface);
+  --color-amber-indicator: var(--amber-indicator);
+  --color-amber-track: var(--amber-track);
+}
+
+:root {
+  --amber-1: color(display-p3 0.995 0.992 0.985);
+  --amber-2: color(display-p3 0.994 0.986 0.921);
+  --amber-3: color(display-p3 0.994 0.969 0.782);
+  --amber-4: color(display-p3 0.989 0.937 0.65);
+  --amber-5: color(display-p3 0.97 0.902 0.527);
+  --amber-6: color(display-p3 0.936 0.844 0.506);
+  --amber-7: color(display-p3 0.89 0.762 0.443);
+  --amber-8: color(display-p3 0.85 0.65 0.3);
+  --amber-9: color(display-p3 1 0.77 0.26);
+  --amber-10: color(display-p3 0.959 0.741 0.274);
+  --amber-11: color(display-p3 0.64 0.4 0);
+  --amber-12: color(display-p3 0.294 0.208 0.145);
+
+  --amber-a1: color(display-p3 0.757 0.514 0.024 / 0.016);
+  --amber-a2: color(display-p3 0.902 0.804 0.008 / 0.079);
+  --amber-a3: color(display-p3 0.965 0.859 0.004 / 0.22);
+  --amber-a4: color(display-p3 0.969 0.82 0.004 / 0.35);
+  --amber-a5: color(display-p3 0.933 0.796 0.004 / 0.475);
+  --amber-a6: color(display-p3 0.875 0.682 0.004 / 0.495);
+  --amber-a7: color(display-p3 0.804 0.573 0 / 0.557);
+  --amber-a8: color(display-p3 0.788 0.502 0 / 0.699);
+  --amber-a9: color(display-p3 1 0.686 0 / 0.742);
+  --amber-a10: color(display-p3 0.945 0.643 0 / 0.726);
+  --amber-a11: color(display-p3 0.64 0.4 0);
+  --amber-a12: color(display-p3 0.294 0.208 0.145);
+
+  --amber-contrast: #21201c; /* light mode sand 12 */
+  --amber-surface: color(display-p3 0.9922 0.9843 0.902 / 0.8);
+  --amber-indicator: var(--amber-9);
+  --amber-track: var(--amber-9);
+}
+
+.dark {
+  --amber-1: color(display-p3 0.082 0.07 0.05);
+  --amber-2: color(display-p3 0.111 0.094 0.064);
+  --amber-3: color(display-p3 0.178 0.128 0.049);
+  --amber-4: color(display-p3 0.239 0.156 0);
+  --amber-5: color(display-p3 0.29 0.193 0);
+  --amber-6: color(display-p3 0.344 0.245 0.076);
+  --amber-7: color(display-p3 0.422 0.314 0.141);
+  --amber-8: color(display-p3 0.535 0.399 0.189);
+  --amber-9: color(display-p3 1 0.77 0.26);
+  --amber-10: color(display-p3 1 0.87 0.15);
+  --amber-11: color(display-p3 1 0.8 0.29);
+  --amber-12: color(display-p3 0.984 0.909 0.726);
+
+  --amber-a1: color(display-p3 0.992 0.298 0 / 0.017);
+  --amber-a2: color(display-p3 0.988 0.651 0 / 0.047);
+  --amber-a3: color(display-p3 1 0.6 0 / 0.118);
+  --amber-a4: color(display-p3 1 0.557 0 / 0.185);
+  --amber-a5: color(display-p3 1 0.592 0 / 0.24);
+  --amber-a6: color(display-p3 1 0.659 0.094 / 0.299);
+  --amber-a7: color(display-p3 1 0.714 0.263 / 0.383);
+  --amber-a8: color(display-p3 0.996 0.729 0.306 / 0.5);
+  --amber-a9: color(display-p3 1 0.769 0.259);
+  --amber-a10: color(display-p3 1 0.871 0.149);
+  --amber-a11: color(display-p3 1 0.8 0.29);
+  --amber-a12: color(display-p3 0.984 0.909 0.726);
+
+  --amber-surface: color(display-p3 0.1412 0.1176 0.0784 / 0.5);
+}

package/dist/amber-tokens.css

@@ -0,0 +1,32 @@
+[data-accent-color='amber'] {
+  --accent-1: var(--amber-1);
+  --accent-2: var(--amber-2);
+  --accent-3: var(--amber-3);
+  --accent-4: var(--amber-4);
+  --accent-5: var(--amber-5);
+  --accent-6: var(--amber-6);
+  --accent-7: var(--amber-7);
+  --accent-8: var(--amber-8);
+  --accent-9: var(--amber-9);
+  --accent-10: var(--amber-10);
+  --accent-11: var(--amber-11);
+  --accent-12: var(--amber-12);
+
+  --accent-a1: var(--amber-a1);
+  --accent-a2: var(--amber-a2);
+  --accent-a3: var(--amber-a3);
+  --accent-a4: var(--amber-a4);
+  --accent-a5: var(--amber-a5);
+  --accent-a6: var(--amber-a6);
+  --accent-a7: var(--amber-a7);
+  --accent-a8: var(--amber-a8);
+  --accent-a9: var(--amber-a9);
+  --accent-a10: var(--amber-a10);
+  --accent-a11: var(--amber-a11);
+  --accent-a12: var(--amber-a12);
+
+  --accent-contrast: var(--amber-contrast);
+  --accent-surface: var(--amber-surface);
+  --accent-indicator: var(--amber-indicator);
+  --accent-track: var(--amber-track);
+}

package/dist/blue-p3.css

@@ -0,0 +1,95 @@
+@theme static {
+  --color-blue-1: var(--blue-1);
+  --color-blue-2: var(--blue-2);
+  --color-blue-3: var(--blue-3);
+  --color-blue-4: var(--blue-4);
+  --color-blue-5: var(--blue-5);
+  --color-blue-6: var(--blue-6);
+  --color-blue-7: var(--blue-7);
+  --color-blue-8: var(--blue-8);
+  --color-blue-9: var(--blue-9);
+  --color-blue-10: var(--blue-10);
+  --color-blue-11: var(--blue-11);
+  --color-blue-12: var(--blue-12);
+
+  --color-blue-a1: var(--blue-a1);
+  --color-blue-a2: var(--blue-a2);
+  --color-blue-a3: var(--blue-a3);
+  --color-blue-a4: var(--blue-a4);
+  --color-blue-a5: var(--blue-a5);
+  --color-blue-a6: var(--blue-a6);
+  --color-blue-a7: var(--blue-a7);
+  --color-blue-a8: var(--blue-a8);
+  --color-blue-a9: var(--blue-a9);
+  --color-blue-a10: var(--blue-a10);
+  --color-blue-a11: var(--blue-a11);
+  --color-blue-a12: var(--blue-a12);
+
+  --color-blue-contrast: var(--blue-contrast);
+  --color-blue-surface: var(--blue-surface);
+  --color-blue-indicator: var(--blue-indicator);
+  --color-blue-track: var(--blue-track);
+}
+
+:root {
+  --blue-1: color(display-p3 0.986 0.992 0.999);
+  --blue-2: color(display-p3 0.96 0.979 0.998);
+  --blue-3: color(display-p3 0.912 0.956 0.991);
+  --blue-4: color(display-p3 0.853 0.932 1);
+  --blue-5: color(display-p3 0.788 0.894 0.998);
+  --blue-6: color(display-p3 0.709 0.843 0.976);
+  --blue-7: color(display-p3 0.606 0.777 0.947);
+  --blue-8: color(display-p3 0.451 0.688 0.917);
+  --blue-9: color(display-p3 0.247 0.556 0.969);
+  --blue-10: color(display-p3 0.234 0.523 0.912);
+  --blue-11: color(display-p3 0.15 0.44 0.84);
+  --blue-12: color(display-p3 0.102 0.193 0.379);
+
+  --blue-a1: color(display-p3 0.024 0.514 1 / 0.016);
+  --blue-a2: color(display-p3 0.024 0.514 0.906 / 0.04);
+  --blue-a3: color(display-p3 0.012 0.506 0.914 / 0.087);
+  --blue-a4: color(display-p3 0.008 0.545 1 / 0.146);
+  --blue-a5: color(display-p3 0.004 0.502 0.984 / 0.212);
+  --blue-a6: color(display-p3 0.004 0.463 0.922 / 0.291);
+  --blue-a7: color(display-p3 0.004 0.431 0.863 / 0.393);
+  --blue-a8: color(display-p3 0 0.427 0.851 / 0.55);
+  --blue-a9: color(display-p3 0 0.412 0.961 / 0.753);
+  --blue-a10: color(display-p3 0 0.376 0.886 / 0.765);
+  --blue-a11: color(display-p3 0.15 0.44 0.84);
+  --blue-a12: color(display-p3 0.102 0.193 0.379);
+
+  --blue-contrast: white;
+  --blue-surface: color(display-p3 0.9529 0.9765 0.9961 / 0.8);
+  --blue-indicator: var(--blue-9);
+  --blue-track: var(--blue-9);
+}
+
+.dark {
+  --blue-1: color(display-p3 0.057 0.081 0.122);
+  --blue-2: color(display-p3 0.072 0.098 0.147);
+  --blue-3: color(display-p3 0.078 0.154 0.27);
+  --blue-4: color(display-p3 0.033 0.197 0.37);
+  --blue-5: color(display-p3 0.08 0.245 0.441);
+  --blue-6: color(display-p3 0.14 0.298 0.511);
+  --blue-7: color(display-p3 0.195 0.361 0.6);
+  --blue-8: color(display-p3 0.239 0.434 0.72);
+  --blue-9: color(display-p3 0.247 0.556 0.969);
+  --blue-10: color(display-p3 0.344 0.612 0.973);
+  --blue-11: color(display-p3 0.49 0.72 1);
+  --blue-12: color(display-p3 0.788 0.898 0.99);
+
+  --blue-a1: color(display-p3 0 0.333 1 / 0.059);
+  --blue-a2: color(display-p3 0.114 0.435 0.988 / 0.085);
+  --blue-a3: color(display-p3 0.122 0.463 1 / 0.219);
+  --blue-a4: color(display-p3 0 0.467 1 / 0.324);
+  --blue-a5: color(display-p3 0.098 0.51 1 / 0.4);
+  --blue-a6: color(display-p3 0.224 0.557 1 / 0.475);
+  --blue-a7: color(display-p3 0.294 0.584 1 / 0.572);
+  --blue-a8: color(display-p3 0.314 0.592 1 / 0.702);
+  --blue-a9: color(display-p3 0.251 0.573 0.996 / 0.967);
+  --blue-a10: color(display-p3 0.357 0.631 1 / 0.971);
+  --blue-a11: color(display-p3 0.49 0.72 1);
+  --blue-a12: color(display-p3 0.788 0.898 0.99);
+
+  --blue-surface: color(display-p3 0.0706 0.1255 0.2196 / 0.5);
+}

package/dist/blue-tokens.css

@@ -0,0 +1,32 @@
+[data-accent-color='blue'] {
+  --accent-1: var(--blue-1);
+  --accent-2: var(--blue-2);
+  --accent-3: var(--blue-3);
+  --accent-4: var(--blue-4);
+  --accent-5: var(--blue-5);
+  --accent-6: var(--blue-6);
+  --accent-7: var(--blue-7);
+  --accent-8: var(--blue-8);
+  --accent-9: var(--blue-9);
+  --accent-10: var(--blue-10);
+  --accent-11: var(--blue-11);
+  --accent-12: var(--blue-12);
+
+  --accent-a1: var(--blue-a1);
+  --accent-a2: var(--blue-a2);
+  --accent-a3: var(--blue-a3);
+  --accent-a4: var(--blue-a4);
+  --accent-a5: var(--blue-a5);
+  --accent-a6: var(--blue-a6);
+  --accent-a7: var(--blue-a7);
+  --accent-a8: var(--blue-a8);
+  --accent-a9: var(--blue-a9);
+  --accent-a10: var(--blue-a10);
+  --accent-a11: var(--blue-a11);
+  --accent-a12: var(--blue-a12);
+
+  --accent-contrast: var(--blue-contrast);
+  --accent-surface: var(--blue-surface);
+  --accent-indicator: var(--blue-indicator);
+  --accent-track: var(--blue-track);
+}

package/dist/bronze-p3.css

@@ -0,0 +1,95 @@
+@theme static {
+  --color-bronze-1: var(--bronze-1);
+  --color-bronze-2: var(--bronze-2);
+  --color-bronze-3: var(--bronze-3);
+  --color-bronze-4: var(--bronze-4);
+  --color-bronze-5: var(--bronze-5);
+  --color-bronze-6: var(--bronze-6);
+  --color-bronze-7: var(--bronze-7);
+  --color-bronze-8: var(--bronze-8);
+  --color-bronze-9: var(--bronze-9);
+  --color-bronze-10: var(--bronze-10);
+  --color-bronze-11: var(--bronze-11);
+  --color-bronze-12: var(--bronze-12);
+
+  --color-bronze-a1: var(--bronze-a1);
+  --color-bronze-a2: var(--bronze-a2);
+  --color-bronze-a3: var(--bronze-a3);
+  --color-bronze-a4: var(--bronze-a4);
+  --color-bronze-a5: var(--bronze-a5);
+  --color-bronze-a6: var(--bronze-a6);
+  --color-bronze-a7: var(--bronze-a7);
+  --color-bronze-a8: var(--bronze-a8);
+  --color-bronze-a9: var(--bronze-a9);
+  --color-bronze-a10: var(--bronze-a10);
+  --color-bronze-a11: var(--bronze-a11);
+  --color-bronze-a12: var(--bronze-a12);
+
+  --color-bronze-contrast: var(--bronze-contrast);
+  --color-bronze-surface: var(--bronze-surface);
+  --color-bronze-indicator: var(--bronze-indicator);
+  --color-bronze-track: var(--bronze-track);
+}
+
+:root {
+  --bronze-1: color(display-p3 0.991 0.988 0.988);
+  --bronze-2: color(display-p3 0.989 0.97 0.961);
+  --bronze-3: color(display-p3 0.958 0.932 0.919);
+  --bronze-4: color(display-p3 0.929 0.894 0.877);
+  --bronze-5: color(display-p3 0.898 0.853 0.832);
+  --bronze-6: color(display-p3 0.861 0.805 0.778);
+  --bronze-7: color(display-p3 0.812 0.739 0.706);
+  --bronze-8: color(display-p3 0.741 0.647 0.606);
+  --bronze-9: color(display-p3 0.611 0.507 0.455);
+  --bronze-10: color(display-p3 0.563 0.461 0.414);
+  --bronze-11: color(display-p3 0.471 0.373 0.336);
+  --bronze-12: color(display-p3 0.251 0.191 0.172);
+
+  --bronze-a1: color(display-p3 0.349 0.024 0.024 / 0.012);
+  --bronze-a2: color(display-p3 0.71 0.22 0.024 / 0.04);
+  --bronze-a3: color(display-p3 0.482 0.2 0.008 / 0.083);
+  --bronze-a4: color(display-p3 0.424 0.133 0.004 / 0.122);
+  --bronze-a5: color(display-p3 0.4 0.145 0.004 / 0.169);
+  --bronze-a6: color(display-p3 0.388 0.125 0.004 / 0.224);
+  --bronze-a7: color(display-p3 0.365 0.11 0.004 / 0.295);
+  --bronze-a8: color(display-p3 0.341 0.102 0.004 / 0.393);
+  --bronze-a9: color(display-p3 0.29 0.094 0 / 0.546);
+  --bronze-a10: color(display-p3 0.255 0.082 0 / 0.585);
+  --bronze-a11: color(display-p3 0.471 0.373 0.336);
+  --bronze-a12: color(display-p3 0.251 0.191 0.172);
+
+  --bronze-contrast: white;
+  --bronze-surface: color(display-p3 0.9843 0.9608 0.9529 / 0.8);
+  --bronze-indicator: var(--bronze-9);
+  --bronze-track: var(--bronze-9);
+}
+
+.dark {
+  --bronze-1: color(display-p3 0.076 0.067 0.063);
+  --bronze-2: color(display-p3 0.106 0.097 0.093);
+  --bronze-3: color(display-p3 0.147 0.132 0.125);
+  --bronze-4: color(display-p3 0.185 0.166 0.156);
+  --bronze-5: color(display-p3 0.227 0.202 0.19);
+  --bronze-6: color(display-p3 0.278 0.246 0.23);
+  --bronze-7: color(display-p3 0.343 0.302 0.281);
+  --bronze-8: color(display-p3 0.426 0.374 0.347);
+  --bronze-9: color(display-p3 0.611 0.507 0.455);
+  --bronze-10: color(display-p3 0.66 0.556 0.504);
+  --bronze-11: color(display-p3 0.81 0.707 0.655);
+  --bronze-12: color(display-p3 0.921 0.88 0.854);
+
+  --bronze-a1: color(display-p3 0.941 0.067 0 / 0.009);
+  --bronze-a2: color(display-p3 0.98 0.8 0.706 / 0.043);
+  --bronze-a3: color(display-p3 0.988 0.851 0.761 / 0.085);
+  --bronze-a4: color(display-p3 0.996 0.839 0.78 / 0.127);
+  --bronze-a5: color(display-p3 0.996 0.863 0.773 / 0.173);
+  --bronze-a6: color(display-p3 1 0.863 0.796 / 0.227);
+  --bronze-a7: color(display-p3 1 0.867 0.8 / 0.295);
+  --bronze-a8: color(display-p3 1 0.859 0.788 / 0.387);
+  --bronze-a9: color(display-p3 1 0.82 0.733 / 0.585);
+  --bronze-a10: color(display-p3 1 0.839 0.761 / 0.635);
+  --bronze-a11: color(display-p3 0.81 0.707 0.655);
+  --bronze-a12: color(display-p3 0.921 0.88 0.854);
+
+  --bronze-surface: color(display-p3 0.1412 0.1255 0.1176 / 0.5);
+}

package/dist/brown-p3.css

@@ -0,0 +1,95 @@
+@theme static {
+  --color-brown-1: var(--brown-1);
+  --color-brown-2: var(--brown-2);
+  --color-brown-3: var(--brown-3);
+  --color-brown-4: var(--brown-4);
+  --color-brown-5: var(--brown-5);
+  --color-brown-6: var(--brown-6);
+  --color-brown-7: var(--brown-7);
+  --color-brown-8: var(--brown-8);
+  --color-brown-9: var(--brown-9);
+  --color-brown-10: var(--brown-10);
+  --color-brown-11: var(--brown-11);
+  --color-brown-12: var(--brown-12);
+
+  --color-brown-a1: var(--brown-a1);
+  --color-brown-a2: var(--brown-a2);
+  --color-brown-a3: var(--brown-a3);
+  --color-brown-a4: var(--brown-a4);
+  --color-brown-a5: var(--brown-a5);
+  --color-brown-a6: var(--brown-a6);
+  --color-brown-a7: var(--brown-a7);
+  --color-brown-a8: var(--brown-a8);
+  --color-brown-a9: var(--brown-a9);
+  --color-brown-a10: var(--brown-a10);
+  --color-brown-a11: var(--brown-a11);
+  --color-brown-a12: var(--brown-a12);
+
+  --color-brown-contrast: var(--brown-contrast);
+  --color-brown-surface: var(--brown-surface);
+  --color-brown-indicator: var(--brown-indicator);
+  --color-brown-track: var(--brown-track);
+}
+
+:root {
+  --brown-1: color(display-p3 0.995 0.992 0.989);
+  --brown-2: color(display-p3 0.987 0.976 0.964);
+  --brown-3: color(display-p3 0.959 0.936 0.909);
+  --brown-4: color(display-p3 0.934 0.897 0.855);
+  --brown-5: color(display-p3 0.909 0.856 0.798);
+  --brown-6: color(display-p3 0.88 0.808 0.73);
+  --brown-7: color(display-p3 0.841 0.742 0.639);
+  --brown-8: color(display-p3 0.782 0.647 0.514);
+  --brown-9: color(display-p3 0.651 0.505 0.368);
+  --brown-10: color(display-p3 0.601 0.465 0.344);
+  --brown-11: color(display-p3 0.485 0.374 0.288);
+  --brown-12: color(display-p3 0.236 0.202 0.183);
+
+  --brown-a1: color(display-p3 0.675 0.349 0.024 / 0.012);
+  --brown-a2: color(display-p3 0.675 0.349 0.024 / 0.036);
+  --brown-a3: color(display-p3 0.573 0.314 0.012 / 0.091);
+  --brown-a4: color(display-p3 0.545 0.302 0.008 / 0.146);
+  --brown-a5: color(display-p3 0.561 0.29 0.004 / 0.204);
+  --brown-a6: color(display-p3 0.553 0.294 0.004 / 0.271);
+  --brown-a7: color(display-p3 0.557 0.286 0.004 / 0.361);
+  --brown-a8: color(display-p3 0.549 0.275 0.004 / 0.487);
+  --brown-a9: color(display-p3 0.447 0.22 0 / 0.632);
+  --brown-a10: color(display-p3 0.388 0.188 0 / 0.655);
+  --brown-a11: color(display-p3 0.485 0.374 0.288);
+  --brown-a12: color(display-p3 0.236 0.202 0.183);
+
+  --brown-contrast: white;
+  --brown-surface: color(display-p3 0.9843 0.9725 0.9569 / 0.8);
+  --brown-indicator: var(--brown-9);
+  --brown-track: var(--brown-9);
+}
+
+.dark {
+  --brown-1: color(display-p3 0.071 0.067 0.059);
+  --brown-2: color(display-p3 0.107 0.095 0.087);
+  --brown-3: color(display-p3 0.151 0.13 0.115);
+  --brown-4: color(display-p3 0.191 0.161 0.138);
+  --brown-5: color(display-p3 0.235 0.194 0.162);
+  --brown-6: color(display-p3 0.291 0.237 0.192);
+  --brown-7: color(display-p3 0.365 0.295 0.232);
+  --brown-8: color(display-p3 0.469 0.377 0.287);
+  --brown-9: color(display-p3 0.651 0.505 0.368);
+  --brown-10: color(display-p3 0.697 0.557 0.423);
+  --brown-11: color(display-p3 0.835 0.715 0.597);
+  --brown-12: color(display-p3 0.938 0.885 0.802);
+
+  --brown-a1: color(display-p3 0.855 0.071 0 / 0.005);
+  --brown-a2: color(display-p3 0.98 0.706 0.525 / 0.043);
+  --brown-a3: color(display-p3 0.996 0.745 0.576 / 0.093);
+  --brown-a4: color(display-p3 1 0.765 0.592 / 0.135);
+  --brown-a5: color(display-p3 1 0.761 0.588 / 0.181);
+  --brown-a6: color(display-p3 1 0.773 0.592 / 0.24);
+  --brown-a7: color(display-p3 0.996 0.776 0.58 / 0.32);
+  --brown-a8: color(display-p3 1 0.78 0.573 / 0.433);
+  --brown-a9: color(display-p3 1 0.769 0.549 / 0.627);
+  --brown-a10: color(display-p3 1 0.792 0.596 / 0.677);
+  --brown-a11: color(display-p3 0.835 0.715 0.597);
+  --brown-a12: color(display-p3 0.938 0.885 0.802);
+
+  --brown-surface: color(display-p3 0.1412 0.1176 0.102 / 0.5);
+}

package/dist/brown-tokens.css

@@ -0,0 +1,32 @@
+[data-accent-color='brown'] {
+  --accent-1: var(--brown-1);
+  --accent-2: var(--brown-2);
+  --accent-3: var(--brown-3);
+  --accent-4: var(--brown-4);
+  --accent-5: var(--brown-5);
+  --accent-6: var(--brown-6);
+  --accent-7: var(--brown-7);
+  --accent-8: var(--brown-8);
+  --accent-9: var(--brown-9);
+  --accent-10: var(--brown-10);
+  --accent-11: var(--brown-11);
+  --accent-12: var(--brown-12);
+
+  --accent-a1: var(--brown-a1);
+  --accent-a2: var(--brown-a2);
+  --accent-a3: var(--brown-a3);
+  --accent-a4: var(--brown-a4);
+  --accent-a5: var(--brown-a5);
+  --accent-a6: var(--brown-a6);
+  --accent-a7: var(--brown-a7);
+  --accent-a8: var(--brown-a8);
+  --accent-a9: var(--brown-a9);
+  --accent-a10: var(--brown-a10);
+  --accent-a11: var(--brown-a11);
+  --accent-a12: var(--brown-a12);
+
+  --accent-contrast: var(--brown-contrast);
+  --accent-surface: var(--brown-surface);
+  --accent-indicator: var(--brown-indicator);
+  --accent-track: var(--brown-track);
+}

package/dist/crimson-p3.css

@@ -0,0 +1,95 @@
+@theme static {
+  --color-crimson-1: var(--crimson-1);
+  --color-crimson-2: var(--crimson-2);
+  --color-crimson-3: var(--crimson-3);
+  --color-crimson-4: var(--crimson-4);
+  --color-crimson-5: var(--crimson-5);
+  --color-crimson-6: var(--crimson-6);
+  --color-crimson-7: var(--crimson-7);
+  --color-crimson-8: var(--crimson-8);
+  --color-crimson-9: var(--crimson-9);
+  --color-crimson-10: var(--crimson-10);
+  --color-crimson-11: var(--crimson-11);
+  --color-crimson-12: var(--crimson-12);
+
+  --color-crimson-a1: var(--crimson-a1);
+  --color-crimson-a2: var(--crimson-a2);
+  --color-crimson-a3: var(--crimson-a3);
+  --color-crimson-a4: var(--crimson-a4);
+  --color-crimson-a5: var(--crimson-a5);
+  --color-crimson-a6: var(--crimson-a6);
+  --color-crimson-a7: var(--crimson-a7);
+  --color-crimson-a8: var(--crimson-a8);
+  --color-crimson-a9: var(--crimson-a9);
+  --color-crimson-a10: var(--crimson-a10);
+  --color-crimson-a11: var(--crimson-a11);
+  --color-crimson-a12: var(--crimson-a12);
+
+  --color-crimson-contrast: var(--crimson-contrast);
+  --color-crimson-surface: var(--crimson-surface);
+  --color-crimson-indicator: var(--crimson-indicator);
+  --color-crimson-track: var(--crimson-track);
+}
+
+:root {
+  --crimson-1: color(display-p3 0.998 0.989 0.992);
+  --crimson-2: color(display-p3 0.991 0.969 0.976);
+  --crimson-3: color(display-p3 0.987 0.917 0.941);
+  --crimson-4: color(display-p3 0.975 0.866 0.904);
+  --crimson-5: color(display-p3 0.953 0.813 0.864);
+  --crimson-6: color(display-p3 0.921 0.755 0.817);
+  --crimson-7: color(display-p3 0.88 0.683 0.761);
+  --crimson-8: color(display-p3 0.834 0.592 0.694);
+  --crimson-9: color(display-p3 0.843 0.298 0.507);
+  --crimson-10: color(display-p3 0.807 0.266 0.468);
+  --crimson-11: color(display-p3 0.731 0.195 0.388);
+  --crimson-12: color(display-p3 0.352 0.111 0.221);
+
+  --crimson-a1: color(display-p3 0.675 0.024 0.349 / 0.012);
+  --crimson-a2: color(display-p3 0.757 0.02 0.267 / 0.032);
+  --crimson-a3: color(display-p3 0.859 0.008 0.294 / 0.083);
+  --crimson-a4: color(display-p3 0.827 0.008 0.298 / 0.134);
+  --crimson-a5: color(display-p3 0.753 0.008 0.275 / 0.189);
+  --crimson-a6: color(display-p3 0.682 0.004 0.247 / 0.244);
+  --crimson-a7: color(display-p3 0.62 0.004 0.251 / 0.318);
+  --crimson-a8: color(display-p3 0.6 0.004 0.251 / 0.408);
+  --crimson-a9: color(display-p3 0.776 0 0.298 / 0.702);
+  --crimson-a10: color(display-p3 0.737 0 0.275 / 0.734);
+  --crimson-a11: color(display-p3 0.731 0.195 0.388);
+  --crimson-a12: color(display-p3 0.352 0.111 0.221);
+
+  --crimson-contrast: white;
+  --crimson-surface: color(display-p3 0.9922 0.9608 0.9725 / 0.8);
+  --crimson-indicator: var(--crimson-9);
+  --crimson-track: var(--crimson-9);
+}
+
+.dark {
+  --crimson-1: color(display-p3 0.093 0.068 0.078);
+  --crimson-2: color(display-p3 0.117 0.078 0.095);
+  --crimson-3: color(display-p3 0.203 0.091 0.143);
+  --crimson-4: color(display-p3 0.277 0.087 0.182);
+  --crimson-5: color(display-p3 0.332 0.115 0.22);
+  --crimson-6: color(display-p3 0.394 0.162 0.268);
+  --crimson-7: color(display-p3 0.489 0.222 0.336);
+  --crimson-8: color(display-p3 0.638 0.289 0.429);
+  --crimson-9: color(display-p3 0.843 0.298 0.507);
+  --crimson-10: color(display-p3 0.864 0.364 0.539);
+  --crimson-11: color(display-p3 1 0.56 0.66);
+  --crimson-12: color(display-p3 0.966 0.834 0.906);
+
+  --crimson-a1: color(display-p3 0.984 0.071 0.463 / 0.03);
+  --crimson-a2: color(display-p3 0.996 0.282 0.569 / 0.055);
+  --crimson-a3: color(display-p3 0.996 0.227 0.573 / 0.148);
+  --crimson-a4: color(display-p3 1 0.157 0.569 / 0.227);
+  --crimson-a5: color(display-p3 1 0.231 0.604 / 0.286);
+  --crimson-a6: color(display-p3 1 0.337 0.643 / 0.349);
+  --crimson-a7: color(display-p3 1 0.416 0.663 / 0.454);
+  --crimson-a8: color(display-p3 0.996 0.427 0.651 / 0.614);
+  --crimson-a9: color(display-p3 1 0.345 0.596 / 0.832);
+  --crimson-a10: color(display-p3 1 0.42 0.62 / 0.853);
+  --crimson-a11: color(display-p3 1 0.56 0.66);
+  --crimson-a12: color(display-p3 0.966 0.834 0.906);
+
+  --crimson-surface: color(display-p3 0.1647 0.0863 0.1176 / 0.5);
+}

package/dist/crimson-tokens.css

@@ -0,0 +1,32 @@
+[data-accent-color='crimson'] {
+  --accent-1: var(--crimson-1);
+  --accent-2: var(--crimson-2);
+  --accent-3: var(--crimson-3);
+  --accent-4: var(--crimson-4);
+  --accent-5: var(--crimson-5);
+  --accent-6: var(--crimson-6);
+  --accent-7: var(--crimson-7);
+  --accent-8: var(--crimson-8);
+  --accent-9: var(--crimson-9);
+  --accent-10: var(--crimson-10);
+  --accent-11: var(--crimson-11);
+  --accent-12: var(--crimson-12);
+
+  --accent-a1: var(--crimson-a1);
+  --accent-a2: var(--crimson-a2);
+  --accent-a3: var(--crimson-a3);
+  --accent-a4: var(--crimson-a4);
+  --accent-a5: var(--crimson-a5);
+  --accent-a6: var(--crimson-a6);
+  --accent-a7: var(--crimson-a7);
+  --accent-a8: var(--crimson-a8);
+  --accent-a9: var(--crimson-a9);
+  --accent-a10: var(--crimson-a10);
+  --accent-a11: var(--crimson-a11);
+  --accent-a12: var(--crimson-a12);
+
+  --accent-contrast: var(--crimson-contrast);
+  --accent-surface: var(--crimson-surface);
+  --accent-indicator: var(--crimson-indicator);
+  --accent-track: var(--crimson-track);
+}