@diskette/palette 0.1.0

package/dist/mint-p3.css

@@ -0,0 +1,95 @@
+@theme static {
+  --color-mint-1: var(--mint-1);
+  --color-mint-2: var(--mint-2);
+  --color-mint-3: var(--mint-3);
+  --color-mint-4: var(--mint-4);
+  --color-mint-5: var(--mint-5);
+  --color-mint-6: var(--mint-6);
+  --color-mint-7: var(--mint-7);
+  --color-mint-8: var(--mint-8);
+  --color-mint-9: var(--mint-9);
+  --color-mint-10: var(--mint-10);
+  --color-mint-11: var(--mint-11);
+  --color-mint-12: var(--mint-12);
+
+  --color-mint-a1: var(--mint-a1);
+  --color-mint-a2: var(--mint-a2);
+  --color-mint-a3: var(--mint-a3);
+  --color-mint-a4: var(--mint-a4);
+  --color-mint-a5: var(--mint-a5);
+  --color-mint-a6: var(--mint-a6);
+  --color-mint-a7: var(--mint-a7);
+  --color-mint-a8: var(--mint-a8);
+  --color-mint-a9: var(--mint-a9);
+  --color-mint-a10: var(--mint-a10);
+  --color-mint-a11: var(--mint-a11);
+  --color-mint-a12: var(--mint-a12);
+
+  --color-mint-contrast: var(--mint-contrast);
+  --color-mint-surface: var(--mint-surface);
+  --color-mint-indicator: var(--mint-indicator);
+  --color-mint-track: var(--mint-track);
+}
+
+:root {
+  --mint-1: color(display-p3 0.98 0.995 0.992);
+  --mint-2: color(display-p3 0.957 0.985 0.977);
+  --mint-3: color(display-p3 0.888 0.972 0.95);
+  --mint-4: color(display-p3 0.819 0.951 0.916);
+  --mint-5: color(display-p3 0.747 0.918 0.873);
+  --mint-6: color(display-p3 0.668 0.87 0.818);
+  --mint-7: color(display-p3 0.567 0.805 0.744);
+  --mint-8: color(display-p3 0.42 0.724 0.649);
+  --mint-9: color(display-p3 0.62 0.908 0.834);
+  --mint-10: color(display-p3 0.585 0.871 0.797);
+  --mint-11: color(display-p3 0.203 0.463 0.397);
+  --mint-12: color(display-p3 0.136 0.259 0.236);
+
+  --mint-a1: color(display-p3 0.02 0.804 0.608 / 0.02);
+  --mint-a2: color(display-p3 0.02 0.647 0.467 / 0.044);
+  --mint-a3: color(display-p3 0.004 0.761 0.553 / 0.114);
+  --mint-a4: color(display-p3 0.004 0.741 0.545 / 0.181);
+  --mint-a5: color(display-p3 0.004 0.678 0.51 / 0.255);
+  --mint-a6: color(display-p3 0.004 0.616 0.463 / 0.334);
+  --mint-a7: color(display-p3 0.004 0.549 0.412 / 0.432);
+  --mint-a8: color(display-p3 0 0.529 0.392 / 0.581);
+  --mint-a9: color(display-p3 0.004 0.765 0.569 / 0.381);
+  --mint-a10: color(display-p3 0.004 0.69 0.51 / 0.416);
+  --mint-a11: color(display-p3 0.203 0.463 0.397);
+  --mint-a12: color(display-p3 0.136 0.259 0.236);
+
+  --mint-contrast: #1a211e; /* light mode sage 12 */
+  --mint-surface: color(display-p3 0.9451 0.9804 0.9725 / 0.8);
+  --mint-indicator: var(--mint-9);
+  --mint-track: var(--mint-9);
+}
+
+.dark {
+  --mint-1: color(display-p3 0.059 0.082 0.081);
+  --mint-2: color(display-p3 0.068 0.104 0.105);
+  --mint-3: color(display-p3 0.077 0.17 0.168);
+  --mint-4: color(display-p3 0.068 0.224 0.22);
+  --mint-5: color(display-p3 0.104 0.275 0.264);
+  --mint-6: color(display-p3 0.154 0.332 0.313);
+  --mint-7: color(display-p3 0.207 0.403 0.373);
+  --mint-8: color(display-p3 0.258 0.49 0.441);
+  --mint-9: color(display-p3 0.62 0.908 0.834);
+  --mint-10: color(display-p3 0.725 0.954 0.898);
+  --mint-11: color(display-p3 0.482 0.825 0.733);
+  --mint-12: color(display-p3 0.807 0.955 0.887);
+
+  --mint-a1: color(display-p3 0 0.992 0.992 / 0.017);
+  --mint-a2: color(display-p3 0.071 0.98 0.98 / 0.043);
+  --mint-a3: color(display-p3 0.176 0.996 0.996 / 0.11);
+  --mint-a4: color(display-p3 0.071 0.996 0.973 / 0.169);
+  --mint-a5: color(display-p3 0.243 1 0.949 / 0.223);
+  --mint-a6: color(display-p3 0.369 1 0.933 / 0.286);
+  --mint-a7: color(display-p3 0.459 1 0.914 / 0.362);
+  --mint-a8: color(display-p3 0.49 1 0.89 / 0.454);
+  --mint-a9: color(display-p3 0.678 0.996 0.914 / 0.904);
+  --mint-a10: color(display-p3 0.761 1 0.941 / 0.95);
+  --mint-a11: color(display-p3 0.482 0.825 0.733);
+  --mint-a12: color(display-p3 0.807 0.955 0.887);
+
+  --mint-surface: color(display-p3 0.0941 0.149 0.1412 / 0.5);
+}

package/dist/mint-tokens.css

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

package/dist/olive-p3.css

@@ -0,0 +1,95 @@
+@theme static {
+  --color-olive-1: var(--olive-1);
+  --color-olive-2: var(--olive-2);
+  --color-olive-3: var(--olive-3);
+  --color-olive-4: var(--olive-4);
+  --color-olive-5: var(--olive-5);
+  --color-olive-6: var(--olive-6);
+  --color-olive-7: var(--olive-7);
+  --color-olive-8: var(--olive-8);
+  --color-olive-9: var(--olive-9);
+  --color-olive-10: var(--olive-10);
+  --color-olive-11: var(--olive-11);
+  --color-olive-12: var(--olive-12);
+
+  --color-olive-a1: var(--olive-a1);
+  --color-olive-a2: var(--olive-a2);
+  --color-olive-a3: var(--olive-a3);
+  --color-olive-a4: var(--olive-a4);
+  --color-olive-a5: var(--olive-a5);
+  --color-olive-a6: var(--olive-a6);
+  --color-olive-a7: var(--olive-a7);
+  --color-olive-a8: var(--olive-a8);
+  --color-olive-a9: var(--olive-a9);
+  --color-olive-a10: var(--olive-a10);
+  --color-olive-a11: var(--olive-a11);
+  --color-olive-a12: var(--olive-a12);
+
+  --color-olive-contrast: var(--olive-contrast);
+  --color-olive-surface: var(--olive-surface);
+  --color-olive-indicator: var(--olive-indicator);
+  --color-olive-track: var(--olive-track);
+}
+
+:root {
+  --olive-1: color(display-p3 0.989 0.992 0.989);
+  --olive-2: color(display-p3 0.974 0.98 0.973);
+  --olive-3: color(display-p3 0.939 0.945 0.937);
+  --olive-4: color(display-p3 0.907 0.914 0.905);
+  --olive-5: color(display-p3 0.878 0.885 0.875);
+  --olive-6: color(display-p3 0.846 0.855 0.843);
+  --olive-7: color(display-p3 0.803 0.812 0.8);
+  --olive-8: color(display-p3 0.727 0.738 0.723);
+  --olive-9: color(display-p3 0.541 0.556 0.532);
+  --olive-10: color(display-p3 0.5 0.515 0.491);
+  --olive-11: color(display-p3 0.38 0.395 0.374);
+  --olive-12: color(display-p3 0.117 0.129 0.111);
+
+  --olive-a1: color(display-p3 0.024 0.349 0.024 / 0.012);
+  --olive-a2: color(display-p3 0.024 0.302 0.024 / 0.028);
+  --olive-a3: color(display-p3 0.008 0.129 0.008 / 0.063);
+  --olive-a4: color(display-p3 0.012 0.094 0.012 / 0.095);
+  --olive-a5: color(display-p3 0.035 0.098 0.008 / 0.126);
+  --olive-a6: color(display-p3 0.027 0.078 0.004 / 0.157);
+  --olive-a7: color(display-p3 0.02 0.059 0 / 0.2);
+  --olive-a8: color(display-p3 0.02 0.059 0.004 / 0.279);
+  --olive-a9: color(display-p3 0.02 0.051 0.004 / 0.467);
+  --olive-a10: color(display-p3 0.024 0.047 0 / 0.51);
+  --olive-a11: color(display-p3 0.012 0.039 0 / 0.628);
+  --olive-a12: color(display-p3 0.008 0.024 0 / 0.891);
+
+  --olive-contrast: white;
+  --olive-surface: color(display-p3 1 1 1 / 0.8);
+  --olive-indicator: var(--olive-9);
+  --olive-track: var(--olive-9);
+}
+
+.dark {
+  --olive-1: color(display-p3 0.067 0.07 0.063);
+  --olive-2: color(display-p3 0.095 0.098 0.091);
+  --olive-3: color(display-p3 0.131 0.135 0.126);
+  --olive-4: color(display-p3 0.158 0.163 0.153);
+  --olive-5: color(display-p3 0.186 0.192 0.18);
+  --olive-6: color(display-p3 0.221 0.229 0.215);
+  --olive-7: color(display-p3 0.273 0.284 0.266);
+  --olive-8: color(display-p3 0.365 0.382 0.359);
+  --olive-9: color(display-p3 0.414 0.438 0.404);
+  --olive-10: color(display-p3 0.467 0.49 0.458);
+  --olive-11: color(display-p3 0.69 0.709 0.682);
+  --olive-12: color(display-p3 0.927 0.933 0.926);
+
+  --olive-a1: color(display-p3 0 0 0 / 0);
+  --olive-a2: color(display-p3 0.984 0.988 0.976 / 0.03);
+  --olive-a3: color(display-p3 0.992 0.996 0.988 / 0.068);
+  --olive-a4: color(display-p3 0.953 0.996 0.949 / 0.102);
+  --olive-a5: color(display-p3 0.969 1 0.965 / 0.131);
+  --olive-a6: color(display-p3 0.973 1 0.969 / 0.169);
+  --olive-a7: color(display-p3 0.98 1 0.961 / 0.228);
+  --olive-a8: color(display-p3 0.961 1 0.957 / 0.334);
+  --olive-a9: color(display-p3 0.949 1 0.922 / 0.397);
+  --olive-a10: color(display-p3 0.953 1 0.941 / 0.452);
+  --olive-a11: color(display-p3 0.976 1 0.965 / 0.688);
+  --olive-a12: color(display-p3 0.992 1 0.992 / 0.929);
+
+  --olive-surface: color(display-p3 0.1176 0.1255 0.1176 / 0.5);
+}

package/dist/olive-tokens.css

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

package/dist/orange-p3.css

@@ -0,0 +1,95 @@
+@theme static {
+  --color-orange-1: var(--orange-1);
+  --color-orange-2: var(--orange-2);
+  --color-orange-3: var(--orange-3);
+  --color-orange-4: var(--orange-4);
+  --color-orange-5: var(--orange-5);
+  --color-orange-6: var(--orange-6);
+  --color-orange-7: var(--orange-7);
+  --color-orange-8: var(--orange-8);
+  --color-orange-9: var(--orange-9);
+  --color-orange-10: var(--orange-10);
+  --color-orange-11: var(--orange-11);
+  --color-orange-12: var(--orange-12);
+
+  --color-orange-a1: var(--orange-a1);
+  --color-orange-a2: var(--orange-a2);
+  --color-orange-a3: var(--orange-a3);
+  --color-orange-a4: var(--orange-a4);
+  --color-orange-a5: var(--orange-a5);
+  --color-orange-a6: var(--orange-a6);
+  --color-orange-a7: var(--orange-a7);
+  --color-orange-a8: var(--orange-a8);
+  --color-orange-a9: var(--orange-a9);
+  --color-orange-a10: var(--orange-a10);
+  --color-orange-a11: var(--orange-a11);
+  --color-orange-a12: var(--orange-a12);
+
+  --color-orange-contrast: var(--orange-contrast);
+  --color-orange-surface: var(--orange-surface);
+  --color-orange-indicator: var(--orange-indicator);
+  --color-orange-track: var(--orange-track);
+}
+
+:root {
+  --orange-1: color(display-p3 0.995 0.988 0.985);
+  --orange-2: color(display-p3 0.994 0.968 0.934);
+  --orange-3: color(display-p3 0.989 0.938 0.85);
+  --orange-4: color(display-p3 1 0.874 0.687);
+  --orange-5: color(display-p3 1 0.821 0.583);
+  --orange-6: color(display-p3 0.975 0.767 0.545);
+  --orange-7: color(display-p3 0.919 0.693 0.486);
+  --orange-8: color(display-p3 0.877 0.597 0.379);
+  --orange-9: color(display-p3 0.9 0.45 0.2);
+  --orange-10: color(display-p3 0.87 0.409 0.164);
+  --orange-11: color(display-p3 0.76 0.34 0);
+  --orange-12: color(display-p3 0.323 0.185 0.127);
+
+  --orange-a1: color(display-p3 0.757 0.267 0.024 / 0.016);
+  --orange-a2: color(display-p3 0.886 0.533 0.008 / 0.067);
+  --orange-a3: color(display-p3 0.922 0.584 0.008 / 0.15);
+  --orange-a4: color(display-p3 1 0.604 0.004 / 0.314);
+  --orange-a5: color(display-p3 1 0.569 0.004 / 0.416);
+  --orange-a6: color(display-p3 0.949 0.494 0.004 / 0.455);
+  --orange-a7: color(display-p3 0.839 0.408 0 / 0.514);
+  --orange-a8: color(display-p3 0.804 0.349 0 / 0.62);
+  --orange-a9: color(display-p3 0.878 0.314 0 / 0.8);
+  --orange-a10: color(display-p3 0.843 0.29 0 / 0.836);
+  --orange-a11: color(display-p3 0.76 0.34 0);
+  --orange-a12: color(display-p3 0.323 0.185 0.127);
+
+  --orange-contrast: white;
+  --orange-surface: color(display-p3 0.9961 0.9608 0.9176 / 0.8);
+  --orange-indicator: var(--orange-9);
+  --orange-track: var(--orange-9);
+}
+
+.dark {
+  --orange-1: color(display-p3 0.088 0.07 0.057);
+  --orange-2: color(display-p3 0.113 0.089 0.061);
+  --orange-3: color(display-p3 0.189 0.12 0.056);
+  --orange-4: color(display-p3 0.262 0.132 0);
+  --orange-5: color(display-p3 0.315 0.168 0.016);
+  --orange-6: color(display-p3 0.376 0.219 0.088);
+  --orange-7: color(display-p3 0.465 0.283 0.147);
+  --orange-8: color(display-p3 0.601 0.359 0.201);
+  --orange-9: color(display-p3 0.9 0.45 0.2);
+  --orange-10: color(display-p3 0.98 0.51 0.23);
+  --orange-11: color(display-p3 1 0.63 0.38);
+  --orange-12: color(display-p3 0.98 0.883 0.775);
+
+  --orange-a1: color(display-p3 0.961 0.247 0 / 0.022);
+  --orange-a2: color(display-p3 0.992 0.529 0 / 0.051);
+  --orange-a3: color(display-p3 0.996 0.486 0 / 0.131);
+  --orange-a4: color(display-p3 0.996 0.384 0 / 0.211);
+  --orange-a5: color(display-p3 1 0.455 0 / 0.265);
+  --orange-a6: color(display-p3 1 0.529 0.129 / 0.332);
+  --orange-a7: color(display-p3 1 0.569 0.251 / 0.429);
+  --orange-a8: color(display-p3 1 0.584 0.302 / 0.572);
+  --orange-a9: color(display-p3 1 0.494 0.216 / 0.895);
+  --orange-a10: color(display-p3 1 0.522 0.235 / 0.979);
+  --orange-a11: color(display-p3 1 0.63 0.38);
+  --orange-a12: color(display-p3 0.98 0.883 0.775);
+
+  --orange-surface: color(display-p3 0.1412 0.1098 0.0706 / 0.5);
+}

package/dist/orange-tokens.css

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

package/dist/pink-p3.css

@@ -0,0 +1,95 @@
+@theme static {
+  --color-pink-1: var(--pink-1);
+  --color-pink-2: var(--pink-2);
+  --color-pink-3: var(--pink-3);
+  --color-pink-4: var(--pink-4);
+  --color-pink-5: var(--pink-5);
+  --color-pink-6: var(--pink-6);
+  --color-pink-7: var(--pink-7);
+  --color-pink-8: var(--pink-8);
+  --color-pink-9: var(--pink-9);
+  --color-pink-10: var(--pink-10);
+  --color-pink-11: var(--pink-11);
+  --color-pink-12: var(--pink-12);
+
+  --color-pink-a1: var(--pink-a1);
+  --color-pink-a2: var(--pink-a2);
+  --color-pink-a3: var(--pink-a3);
+  --color-pink-a4: var(--pink-a4);
+  --color-pink-a5: var(--pink-a5);
+  --color-pink-a6: var(--pink-a6);
+  --color-pink-a7: var(--pink-a7);
+  --color-pink-a8: var(--pink-a8);
+  --color-pink-a9: var(--pink-a9);
+  --color-pink-a10: var(--pink-a10);
+  --color-pink-a11: var(--pink-a11);
+  --color-pink-a12: var(--pink-a12);
+
+  --color-pink-contrast: var(--pink-contrast);
+  --color-pink-surface: var(--pink-surface);
+  --color-pink-indicator: var(--pink-indicator);
+  --color-pink-track: var(--pink-track);
+}
+
+:root {
+  --pink-1: color(display-p3 0.998 0.989 0.996);
+  --pink-2: color(display-p3 0.992 0.97 0.985);
+  --pink-3: color(display-p3 0.981 0.917 0.96);
+  --pink-4: color(display-p3 0.963 0.867 0.932);
+  --pink-5: color(display-p3 0.939 0.815 0.899);
+  --pink-6: color(display-p3 0.907 0.756 0.859);
+  --pink-7: color(display-p3 0.869 0.683 0.81);
+  --pink-8: color(display-p3 0.825 0.59 0.751);
+  --pink-9: color(display-p3 0.775 0.297 0.61);
+  --pink-10: color(display-p3 0.748 0.27 0.581);
+  --pink-11: color(display-p3 0.698 0.219 0.528);
+  --pink-12: color(display-p3 0.363 0.101 0.279);
+
+  --pink-a1: color(display-p3 0.675 0.024 0.675 / 0.012);
+  --pink-a2: color(display-p3 0.757 0.02 0.51 / 0.032);
+  --pink-a3: color(display-p3 0.765 0.008 0.529 / 0.083);
+  --pink-a4: color(display-p3 0.737 0.008 0.506 / 0.134);
+  --pink-a5: color(display-p3 0.663 0.004 0.451 / 0.185);
+  --pink-a6: color(display-p3 0.616 0.004 0.424 / 0.244);
+  --pink-a7: color(display-p3 0.596 0.004 0.412 / 0.318);
+  --pink-a8: color(display-p3 0.573 0.004 0.404 / 0.412);
+  --pink-a9: color(display-p3 0.682 0 0.447 / 0.702);
+  --pink-a10: color(display-p3 0.655 0 0.424 / 0.73);
+  --pink-a11: color(display-p3 0.698 0.219 0.528);
+  --pink-a12: color(display-p3 0.363 0.101 0.279);
+
+  --pink-contrast: white;
+  --pink-surface: color(display-p3 0.9922 0.9608 0.9804 / 0.8);
+  --pink-indicator: var(--pink-9);
+  --pink-track: var(--pink-9);
+}
+
+.dark {
+  --pink-1: color(display-p3 0.093 0.068 0.089);
+  --pink-2: color(display-p3 0.121 0.073 0.11);
+  --pink-3: color(display-p3 0.198 0.098 0.179);
+  --pink-4: color(display-p3 0.271 0.095 0.231);
+  --pink-5: color(display-p3 0.32 0.127 0.273);
+  --pink-6: color(display-p3 0.382 0.177 0.326);
+  --pink-7: color(display-p3 0.477 0.238 0.405);
+  --pink-8: color(display-p3 0.612 0.304 0.51);
+  --pink-9: color(display-p3 0.775 0.297 0.61);
+  --pink-10: color(display-p3 0.808 0.356 0.645);
+  --pink-11: color(display-p3 1 0.535 0.78);
+  --pink-12: color(display-p3 0.964 0.826 0.912);
+
+  --pink-a1: color(display-p3 0.984 0.071 0.855 / 0.03);
+  --pink-a2: color(display-p3 1 0.2 0.8 / 0.059);
+  --pink-a3: color(display-p3 1 0.294 0.886 / 0.139);
+  --pink-a4: color(display-p3 1 0.192 0.82 / 0.219);
+  --pink-a5: color(display-p3 1 0.282 0.827 / 0.274);
+  --pink-a6: color(display-p3 1 0.396 0.835 / 0.337);
+  --pink-a7: color(display-p3 1 0.459 0.831 / 0.442);
+  --pink-a8: color(display-p3 1 0.478 0.827 / 0.585);
+  --pink-a9: color(display-p3 1 0.373 0.784 / 0.761);
+  --pink-a10: color(display-p3 1 0.435 0.792 / 0.795);
+  --pink-a11: color(display-p3 1 0.535 0.78);
+  --pink-a12: color(display-p3 0.964 0.826 0.912);
+
+  --pink-surface: color(display-p3 0.1725 0.0784 0.149 / 0.5);
+}

package/dist/pink-tokens.css

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

package/dist/plum-p3.css

@@ -0,0 +1,95 @@
+@theme static {
+  --color-plum-1: var(--plum-1);
+  --color-plum-2: var(--plum-2);
+  --color-plum-3: var(--plum-3);
+  --color-plum-4: var(--plum-4);
+  --color-plum-5: var(--plum-5);
+  --color-plum-6: var(--plum-6);
+  --color-plum-7: var(--plum-7);
+  --color-plum-8: var(--plum-8);
+  --color-plum-9: var(--plum-9);
+  --color-plum-10: var(--plum-10);
+  --color-plum-11: var(--plum-11);
+  --color-plum-12: var(--plum-12);
+
+  --color-plum-a1: var(--plum-a1);
+  --color-plum-a2: var(--plum-a2);
+  --color-plum-a3: var(--plum-a3);
+  --color-plum-a4: var(--plum-a4);
+  --color-plum-a5: var(--plum-a5);
+  --color-plum-a6: var(--plum-a6);
+  --color-plum-a7: var(--plum-a7);
+  --color-plum-a8: var(--plum-a8);
+  --color-plum-a9: var(--plum-a9);
+  --color-plum-a10: var(--plum-a10);
+  --color-plum-a11: var(--plum-a11);
+  --color-plum-a12: var(--plum-a12);
+
+  --color-plum-contrast: var(--plum-contrast);
+  --color-plum-surface: var(--plum-surface);
+  --color-plum-indicator: var(--plum-indicator);
+  --color-plum-track: var(--plum-track);
+}
+
+:root {
+  --plum-1: color(display-p3 0.995 0.988 0.999);
+  --plum-2: color(display-p3 0.988 0.971 0.99);
+  --plum-3: color(display-p3 0.973 0.923 0.98);
+  --plum-4: color(display-p3 0.953 0.875 0.966);
+  --plum-5: color(display-p3 0.926 0.825 0.945);
+  --plum-6: color(display-p3 0.89 0.765 0.916);
+  --plum-7: color(display-p3 0.84 0.686 0.877);
+  --plum-8: color(display-p3 0.775 0.58 0.832);
+  --plum-9: color(display-p3 0.624 0.313 0.708);
+  --plum-10: color(display-p3 0.587 0.29 0.667);
+  --plum-11: color(display-p3 0.543 0.263 0.619);
+  --plum-12: color(display-p3 0.299 0.114 0.352);
+
+  --plum-a1: color(display-p3 0.675 0.024 1 / 0.012);
+  --plum-a2: color(display-p3 0.58 0.024 0.58 / 0.028);
+  --plum-a3: color(display-p3 0.655 0.008 0.753 / 0.079);
+  --plum-a4: color(display-p3 0.627 0.008 0.722 / 0.126);
+  --plum-a5: color(display-p3 0.58 0.004 0.69 / 0.177);
+  --plum-a6: color(display-p3 0.537 0.004 0.655 / 0.236);
+  --plum-a7: color(display-p3 0.49 0.004 0.616 / 0.314);
+  --plum-a8: color(display-p3 0.471 0.004 0.6 / 0.42);
+  --plum-a9: color(display-p3 0.451 0 0.576 / 0.687);
+  --plum-a10: color(display-p3 0.42 0 0.529 / 0.71);
+  --plum-a11: color(display-p3 0.543 0.263 0.619);
+  --plum-a12: color(display-p3 0.299 0.114 0.352);
+
+  --plum-contrast: white;
+  --plum-surface: color(display-p3 0.9843 0.9647 0.9843 / 0.8);
+  --plum-indicator: var(--plum-9);
+  --plum-track: var(--plum-9);
+}
+
+.dark {
+  --plum-1: color(display-p3 0.09 0.068 0.092);
+  --plum-2: color(display-p3 0.118 0.077 0.121);
+  --plum-3: color(display-p3 0.192 0.105 0.202);
+  --plum-4: color(display-p3 0.25 0.121 0.271);
+  --plum-5: color(display-p3 0.293 0.152 0.319);
+  --plum-6: color(display-p3 0.343 0.198 0.372);
+  --plum-7: color(display-p3 0.424 0.262 0.461);
+  --plum-8: color(display-p3 0.54 0.341 0.595);
+  --plum-9: color(display-p3 0.624 0.313 0.708);
+  --plum-10: color(display-p3 0.666 0.365 0.748);
+  --plum-11: color(display-p3 0.86 0.602 0.933);
+  --plum-12: color(display-p3 0.936 0.836 0.949);
+
+  --plum-a1: color(display-p3 0.973 0.071 0.973 / 0.026);
+  --plum-a2: color(display-p3 0.933 0.267 1 / 0.059);
+  --plum-a3: color(display-p3 0.918 0.333 0.996 / 0.148);
+  --plum-a4: color(display-p3 0.91 0.318 1 / 0.219);
+  --plum-a5: color(display-p3 0.914 0.388 1 / 0.269);
+  --plum-a6: color(display-p3 0.906 0.463 1 / 0.328);
+  --plum-a7: color(display-p3 0.906 0.529 1 / 0.425);
+  --plum-a8: color(display-p3 0.906 0.553 1 / 0.568);
+  --plum-a9: color(display-p3 0.875 0.427 1 / 0.69);
+  --plum-a10: color(display-p3 0.886 0.471 0.996 / 0.732);
+  --plum-a11: color(display-p3 0.86 0.602 0.933);
+  --plum-a12: color(display-p3 0.936 0.836 0.949);
+
+  --plum-surface: color(display-p3 0.1647 0.0863 0.1725 / 0.5);
+}

package/dist/plum-tokens.css

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