@motion-proto/live-tokens 0.50.0 → 0.53.0

package/src/live-tokens/data/tokens.generated.css

@@ -58,289 +58,289 @@
   --shadow-lg: 5px 5px 9px 0px hsla(237, 18%, 3%, 0.9);
   --shadow-xl: 6px 7px 13px 0px hsla(237, 18%, 3%, 0.9);
   --shadow-2xl: 8px 9px 16px 0px hsla(237, 18%, 3%, 0.9);
-  --color-brand-100: #ffe7ef;
-  --color-brand-200: #ffb5d1;
-  --color-brand-300: #ff7cb3;
-  --color-brand-400: #fb2898;
-  --color-brand-500: #d5007d;
-  --color-brand-600: #ab0064;
-  --color-brand-700: #85004c;
-  --color-brand-800: #610036;
-  --color-brand-850: #400022;
-  --color-brand-900: #21000f;
-  --color-brand-950: #070002;
-  --surface-brand-lowest: #1d000c;
-  --surface-brand-lower: #3e0020;
-  --surface-brand-low: #620037;
-  --surface-brand: #89004e;
-  --surface-brand-high: #b10067;
-  --surface-brand-higher: #cf3480;
-  --surface-brand-highest: #e0649a;
-  --border-brand-faint: #430024;
-  --border-brand-subtle: #760043;
-  --border-brand: #ae0065;
-  --border-brand-medium: #e9008a;
-  --border-brand-strong: #ff6cad;
-  --text-brand: #ff75b1;
-  --text-brand-secondary: #df2d88;
-  --text-brand-tertiary: #953b63;
-  --text-brand-muted: #5c3846;
-  --text-brand-disabled: #403337;
-  --color-accent-100: #b4fffb;
-  --color-accent-200: #84e9e5;
-  --color-accent-300: #6ad0cc;
-  --color-accent-400: #50b8b4;
-  --color-accent-500: #329f9b;
-  --color-accent-600: #008582;
-  --color-accent-700: #006866;
-  --color-accent-800: #004b49;
-  --color-accent-850: #002f2e;
-  --color-accent-900: #001514;
-  --color-accent-950: #000202;
-  --surface-accent-lowest: #000f0e;
-  --surface-accent-lower: #002423;
-  --surface-accent-low: #003c3b;
-  --surface-accent: #005654;
-  --surface-accent-high: #00716f;
-  --surface-accent-higher: #3b8a87;
-  --surface-accent-highest: #66a29f;
-  --border-accent-faint: #002827;
-  --border-accent-subtle: #004a48;
-  --border-accent: #006f6d;
-  --border-accent-medium: #259592;
-  --border-accent-strong: #53bbb7;
-  --text-accent: #62efea;
-  --text-accent-secondary: #5baba8;
-  --text-accent-tertiary: #4d7271;
-  --text-accent-muted: #3c4847;
-  --text-accent-disabled: #313232;
-  --color-special-100: #efecff;
-  --color-special-200: #d3caff;
-  --color-special-300: #b9a7ff;
-  --color-special-400: #a282ff;
-  --color-special-500: #8b5cf6;
-  --color-special-600: #733ed8;
-  --color-special-700: #5c1bba;
-  --color-special-800: #430090;
-  --color-special-850: #2a005f;
-  --color-special-900: #130033;
-  --color-special-950: #03000d;
-  --surface-special-lowest: #0f002b;
-  --surface-special-lower: #250055;
-  --surface-special-low: #3d0084;
-  --surface-special: #5700b7;
-  --surface-special-high: #6c3bcb;
-  --surface-special-higher: #8161d8;
-  --surface-special-highest: #9983e4;
-  --border-special-faint: #29005c;
-  --border-special-subtle: #4b009f;
-  --border-special: #6b34ce;
-  --border-special-medium: #8c5df8;
-  --border-special-strong: #ac93ff;
-  --text-special: #baa9ff;
-  --text-special-secondary: #8665e0;
-  --text-special-tertiary: #5c4e8b;
-  --text-special-muted: #3e3a4f;
-  --text-special-disabled: #303032;
-  --color-canvas-100: #ecedff;
-  --color-canvas-200: #d0d0ed;
-  --color-canvas-300: #b6b6d2;
-  --color-canvas-400: #9c9db8;
-  --color-canvas-500: #84849e;
-  --color-canvas-600: #6b6c85;
-  --color-canvas-700: #53546c;
-  --color-canvas-800: #3c3c53;
-  --color-canvas-850: #25243a;
-  --color-canvas-900: #0f0e21;
-  --color-canvas-950: #02000b;
-  --surface-canvas-lowest: #0a0523;
-  --surface-canvas-lower: #1c1a37;
-  --surface-canvas-low: #31304c;
-  --surface-canvas: #474761;
-  --surface-canvas-high: #5f6077;
-  --surface-canvas-higher: #79798e;
-  --surface-canvas-highest: #9393a5;
-  --border-canvas-faint: #1f1f34;
-  --border-canvas-subtle: #3d3d54;
-  --border-canvas: #5d5e76;
-  --border-canvas-medium: #80809b;
-  --border-canvas-strong: #a4a5c0;
-  --text-canvas: #9595c6;
-  --text-canvas-secondary: #6b6b89;
-  --text-canvas-tertiary: #4e4f5e;
-  --text-canvas-muted: #3c3c41;
-  --text-canvas-disabled: #343435;
-  --page-bg: #3c3c53;
+  --color-brand-100: oklch(0.95 0.0279 355.35);
+  --color-brand-200: oklch(0.8508 0.0915 355.35);
+  --color-brand-300: oklch(0.7516 0.1697 355.35);
+  --color-brand-400: oklch(0.6572 0.2509 355.35);
+  --color-brand-500: oklch(0.5689 0.2335 355.35);
+  --color-brand-600: oklch(0.4842 0.1988 355.35);
+  --color-brand-700: oklch(0.4021 0.1651 355.35);
+  --color-brand-800: oklch(0.3215 0.1322 355.35);
+  --color-brand-850: oklch(0.2417 0.0998 355.35);
+  --color-brand-900: oklch(0.1615 0.0677 355.35);
+  --color-brand-950: oklch(0.08 0.0386 355.35);
+  --surface-brand-lowest: oklch(0.15 0.0632 355.35);
+  --surface-brand-lower: oklch(0.2367 0.0977 355.35);
+  --surface-brand-low: oklch(0.3233 0.133 355.35);
+  --surface-brand: oklch(0.41 0.1684 355.35);
+  --surface-brand-high: oklch(0.4967 0.2039 355.35);
+  --surface-brand-higher: oklch(0.5833 0.2011 355.35);
+  --surface-brand-highest: oklch(0.67 0.1631 355.35);
+  --border-brand-faint: oklch(0.25 0.1031 355.35);
+  --border-brand-subtle: oklch(0.37 0.152 355.35);
+  --border-brand: oklch(0.49 0.2011 355.35);
+  --border-brand-medium: oklch(0.61 0.2503 355.35);
+  --border-brand-strong: oklch(0.73 0.1892 355.35);
+  --text-brand: oklch(0.7426 0.1777 355.35);
+  --text-brand-secondary: oklch(0.6408 0.2553 355.35);
+  --text-brand-tertiary: oklch(0.5389 0.1769 355.35);
+  --text-brand-muted: oklch(0.4371 0.0985 355.35);
+  --text-brand-disabled: oklch(0.3352 0.0201 355.35);
+  --color-accent-100: oklch(0.95 0.074 191.98);
+  --color-accent-200: oklch(0.8727 0.0957 191.98);
+  --color-accent-300: oklch(0.7965 0.0957 191.98);
+  --color-accent-400: oklch(0.7198 0.0957 191.98);
+  --color-accent-500: oklch(0.6406 0.0957 191.98);
+  --color-accent-600: oklch(0.5572 0.0957 191.98);
+  --color-accent-700: oklch(0.4677 0.0804 191.98);
+  --color-accent-800: oklch(0.373 0.0642 191.98);
+  --color-accent-850: oklch(0.2753 0.0475 191.98);
+  --color-accent-900: oklch(0.1769 0.031 191.98);
+  --color-accent-950: oklch(0.08 0.0166 191.98);
+  --surface-accent-lowest: oklch(0.15 0.0266 191.98);
+  --surface-accent-lower: oklch(0.2367 0.041 191.98);
+  --surface-accent-low: oklch(0.3233 0.0557 191.98);
+  --surface-accent: oklch(0.41 0.0705 191.98);
+  --surface-accent-high: oklch(0.4967 0.0854 191.98);
+  --surface-accent-higher: oklch(0.5833 0.0767 191.98);
+  --surface-accent-highest: oklch(0.67 0.0622 191.98);
+  --border-accent-faint: oklch(0.25 0.0432 191.98);
+  --border-accent-subtle: oklch(0.37 0.0637 191.98);
+  --border-accent: oklch(0.49 0.0842 191.98);
+  --border-accent-medium: oklch(0.61 0.0957 191.98);
+  --border-accent-strong: oklch(0.73 0.0957 191.98);
+  --text-accent: oklch(0.8748 0.1215 191.98);
+  --text-accent-secondary: oklch(0.7355 0.0916 191.98);
+  --text-accent-tertiary: oklch(0.5962 0.0617 191.98);
+  --text-accent-muted: oklch(0.4569 0.0318 191.98);
+  --text-accent-disabled: oklch(0.3176 0.0019 191.98);
+  --color-special-100: oklch(0.95 0.026 292.72);
+  --color-special-200: oklch(0.864 0.0733 292.72);
+  --color-special-300: oklch(0.7781 0.124 292.72);
+  --color-special-400: oklch(0.6921 0.1783 292.72);
+  --color-special-500: oklch(0.6056 0.2189 292.72);
+  --color-special-600: oklch(0.5186 0.2189 292.72);
+  --color-special-700: oklch(0.4311 0.2189 292.72);
+  --color-special-800: oklch(0.3434 0.1914 292.72);
+  --color-special-850: oklch(0.2556 0.1428 292.72);
+  --color-special-900: oklch(0.1677 0.0946 292.72);
+  --color-special-950: oklch(0.08 0.0497 292.72);
+  --surface-special-lowest: oklch(0.15 0.085 292.72);
+  --surface-special-lower: oklch(0.2367 0.1323 292.72);
+  --surface-special-low: oklch(0.3233 0.1803 292.72);
+  --surface-special: oklch(0.41 0.2284 292.72);
+  --surface-special-high: oklch(0.4967 0.2087 292.72);
+  --surface-special-higher: oklch(0.5833 0.1755 292.72);
+  --surface-special-highest: oklch(0.67 0.1423 292.72);
+  --border-special-faint: oklch(0.25 0.1397 292.72);
+  --border-special-subtle: oklch(0.37 0.2062 292.72);
+  --border-special: oklch(0.49 0.2189 292.72);
+  --border-special-medium: oklch(0.61 0.2189 292.72);
+  --border-special-strong: oklch(0.73 0.1539 292.72);
+  --text-special: oklch(0.7812 0.1221 292.72);
+  --text-special-secondary: oklch(0.5995 0.2096 292.72);
+  --text-special-tertiary: oklch(0.4866 0.1412 292.72);
+  --text-special-muted: oklch(0.3977 0.0728 292.72);
+  --text-special-disabled: oklch(0.3089 0.0044 292.72);
+  --color-canvas-100: oklch(0.95 0.0246 284.29);
+  --color-canvas-200: oklch(0.8674 0.0394 284.29);
+  --color-canvas-300: oklch(0.7858 0.0394 284.29);
+  --color-canvas-400: oklch(0.7044 0.0394 284.29);
+  --color-canvas-500: oklch(0.6226 0.0394 284.29);
+  --color-canvas-600: oklch(0.5394 0.0394 284.29);
+  --color-canvas-700: oklch(0.4542 0.0394 284.29);
+  --color-canvas-800: oklch(0.3661 0.0394 284.29);
+  --color-canvas-850: oklch(0.2732 0.0394 284.29);
+  --color-canvas-900: oklch(0.1766 0.0394 284.29);
+  --color-canvas-950: oklch(0.08 0.0394 284.29);
+  --surface-canvas-lowest: oklch(0.15 0.0615 284.29);
+  --surface-canvas-lower: oklch(0.2367 0.0555 284.29);
+  --surface-canvas-low: oklch(0.3233 0.0495 284.29);
+  --surface-canvas: oklch(0.41 0.0435 284.29);
+  --surface-canvas-high: oklch(0.4967 0.0376 284.29);
+  --surface-canvas-higher: oklch(0.5833 0.0316 284.29);
+  --surface-canvas-highest: oklch(0.67 0.0256 284.29);
+  --border-canvas-faint: oklch(0.25 0.0394 284.29);
+  --border-canvas-subtle: oklch(0.37 0.0394 284.29);
+  --border-canvas: oklch(0.49 0.0394 284.29);
+  --border-canvas-medium: oklch(0.61 0.0394 284.29);
+  --border-canvas-strong: oklch(0.73 0.0394 284.29);
+  --text-canvas: oklch(0.6883 0.0709 284.29);
+  --text-canvas-secondary: oklch(0.5977 0.0534 284.29);
+  --text-canvas-tertiary: oklch(0.507 0.0359 284.29);
+  --text-canvas-muted: oklch(0.4164 0.0183 284.29);
+  --text-canvas-disabled: oklch(0.3258 0.0008 284.29);
+  --page-bg: oklch(0.3661 0.0394 284.29);
   --page-bg-attachment: scroll;
-  --color-neutral-100: #dde6ed;
-  --color-neutral-200: #c1c9d0;
-  --color-neutral-300: #a5adb4;
-  --color-neutral-400: #8a9299;
-  --color-neutral-500: #70787e;
-  --color-neutral-600: #575e64;
-  --color-neutral-700: #3f464b;
-  --color-neutral-800: #282f34;
-  --color-neutral-850: #13191e;
-  --color-neutral-900: #03060a;
-  --color-neutral-950: #000000;
-  --surface-neutral-lowest: #040c13;
-  --surface-neutral-lower: #162027;
-  --surface-neutral-low: #2c353c;
-  --surface-neutral: #434c52;
-  --surface-neutral-high: #5c6369;
-  --surface-neutral-higher: #767c81;
-  --surface-neutral-highest: #91969a;
-  --border-neutral-faint: #1c2327;
-  --border-neutral-subtle: #3a4146;
-  --border-neutral: #5a6267;
-  --border-neutral-medium: #7c848b;
-  --border-neutral-strong: #a0a9af;
-  --text-primary: #ffffff;
-  --text-secondary: #c2cacf;
-  --text-tertiary: #7e8285;
-  --text-muted: #4e4f50;
-  --text-disabled: #383838;
-  --text-inverted: #0f0f0f;
-  --color-alternate-100: #eae3e0;
-  --color-alternate-200: #cfc8c5;
-  --color-alternate-300: #b5aeab;
-  --color-alternate-400: #9b9591;
-  --color-alternate-500: #817b78;
-  --color-alternate-600: #67615e;
-  --color-alternate-700: #4e4845;
-  --color-alternate-800: #35302d;
-  --color-alternate-850: #1e1917;
-  --color-alternate-900: #090604;
-  --color-alternate-950: #000000;
-  --surface-alternate-lowest: #100907;
-  --surface-alternate-lower: #241d19;
-  --surface-alternate-low: #39322f;
-  --surface-alternate: #4f4946;
-  --surface-alternate-high: #66615e;
-  --surface-alternate-higher: #7f7a78;
-  --surface-alternate-highest: #989492;
-  --border-alternate-faint: #25201e;
-  --border-alternate-subtle: #443e3c;
-  --border-alternate: #655f5c;
-  --border-alternate-medium: #88827f;
-  --border-alternate-strong: #ada6a3;
-  --text-alternate: #ffffff;
-  --text-alternate-secondary: #d6d0cd;
-  --text-alternate-tertiary: #8a8786;
-  --text-alternate-muted: #545352;
-  --text-alternate-disabled: #3b3b3b;
-  --color-info-100: #ddf2ff;
-  --color-info-200: #8fd7ff;
-  --color-info-300: #00bbff;
-  --color-info-400: #009dd7;
-  --color-info-500: #0081b1;
-  --color-info-600: #00678f;
-  --color-info-700: #004f6f;
-  --color-info-800: #003850;
-  --color-info-850: #002334;
-  --color-info-900: #00101a;
-  --color-info-950: #000205;
-  --surface-info-lowest: #000d17;
-  --surface-info-lower: #002232;
-  --surface-info-low: #003951;
-  --surface-info: #005171;
-  --surface-info-high: #2c6a89;
-  --surface-info-higher: #598198;
-  --surface-info-highest: #8299a7;
-  --border-info-faint: #002537;
-  --border-info-subtle: #004662;
-  --border-info: #006991;
-  --border-info-medium: #008ec3;
-  --border-info-strong: #00b6f8;
-  --text-info: #64caff;
-  --text-info-secondary: #0083b4;
-  --text-info-tertiary: #1c506a;
-  --text-info-muted: #1d2c34;
-  --text-info-disabled: #181a1b;
-  --color-success-100: #c7ffd1;
-  --color-success-200: #77f194;
-  --color-success-300: #59d47a;
-  --color-success-400: #38b85f;
-  --color-success-500: #009c45;
-  --color-success-600: #007e36;
-  --color-success-700: #006128;
-  --color-success-800: #00461b;
-  --color-success-850: #002c0e;
-  --color-success-900: #001404;
-  --color-success-950: #000300;
-  --surface-success-lowest: #001003;
-  --surface-success-lower: #00270b;
-  --surface-success-low: #004018;
-  --surface-success: #005a25;
-  --surface-success-high: #007733;
-  --surface-success-higher: #32914d;
-  --surface-success-highest: #61a870;
-  --border-success-faint: #002a0d;
-  --border-success-subtle: #004e1f;
-  --border-success: #007532;
-  --border-success-medium: #059e46;
-  --border-success-strong: #47c46b;
-  --text-success: #88f2a0;
-  --text-success-secondary: #2e974e;
-  --text-success-tertiary: #31673e;
-  --text-success-muted: #2c4530;
-  --text-success-disabled: #263429;
-  --color-warning-100: #ffebd1;
-  --color-warning-200: #ffd08e;
-  --color-warning-300: #ffb01f;
-  --color-warning-400: #e09800;
-  --color-warning-500: #be8000;
-  --color-warning-600: #9b6800;
-  --color-warning-700: #784f00;
-  --color-warning-800: #563800;
-  --color-warning-850: #362100;
-  --color-warning-900: #190d00;
-  --color-warning-950: #040100;
-  --surface-warning-lowest: #130900;
-  --surface-warning-lower: #372200;
-  --surface-warning-low: #613f00;
-  --surface-warning: #8d5e00;
-  --surface-warning-high: #bc7f00;
-  --surface-warning-higher: #eea200;
-  --surface-warning-highest: #ffd395;
-  --border-warning-faint: #301d00;
-  --border-warning-subtle: #573900;
-  --border-warning: #825600;
-  --border-warning-medium: #af7600;
-  --border-warning-strong: #df9700;
-  --text-warning: #ffecd2;
-  --text-warning-secondary: #eba633;
-  --text-warning-tertiary: #a17e4c;
-  --text-warning-muted: #685d4d;
-  --text-warning-disabled: #4d4b4a;
-  --color-danger-100: #ffe9e6;
-  --color-danger-200: #ffc3bd;
-  --color-danger-300: #ff9a93;
-  --color-danger-400: #ff6a65;
-  --color-danger-500: #f0373e;
-  --color-danger-600: #d10023;
-  --color-danger-700: #a40019;
-  --color-danger-800: #78000f;
-  --color-danger-850: #4e0006;
-  --color-danger-900: #280002;
-  --color-danger-950: #080000;
-  --surface-danger-lowest: #1f0001;
-  --surface-danger-lower: #410004;
-  --surface-danger-low: #67000c;
-  --surface-danger: #8f0014;
-  --surface-danger-high: #ba001e;
-  --surface-danger-higher: #cf4443;
-  --surface-danger-highest: #df6e68;
-  --border-danger-faint: #470005;
-  --border-danger-subtle: #7c0010;
-  --border-danger: #b6001d;
-  --border-danger-medium: #ea3039;
-  --border-danger-strong: #ff7872;
-  --text-danger: #ff635f;
-  --text-danger-secondary: #bb292f;
-  --text-danger-tertiary: #813b37;
-  --text-danger-muted: #543b39;
-  --text-danger-disabled: #3c3939;
+  --color-neutral-100: oklch(0.92 0.0134 240.07);
+  --color-neutral-200: oklch(0.8321 0.0134 240.07);
+  --color-neutral-300: oklch(0.7443 0.0134 240.07);
+  --color-neutral-400: oklch(0.6564 0.0134 240.07);
+  --color-neutral-500: oklch(0.5679 0.0134 240.07);
+  --color-neutral-600: oklch(0.4788 0.0134 240.07);
+  --color-neutral-700: oklch(0.3894 0.0134 240.07);
+  --color-neutral-800: oklch(0.2996 0.0134 240.07);
+  --color-neutral-850: oklch(0.2097 0.0134 240.07);
+  --color-neutral-900: oklch(0.1198 0.0134 240.07);
+  --color-neutral-950: oklch(0.03 0.0134 240.07);
+  --surface-neutral-lowest: oklch(0.15 0.0209 240.07);
+  --surface-neutral-lower: oklch(0.2367 0.0189 240.07);
+  --surface-neutral-low: oklch(0.3233 0.0168 240.07);
+  --surface-neutral: oklch(0.41 0.0148 240.07);
+  --surface-neutral-high: oklch(0.4967 0.0128 240.07);
+  --surface-neutral-higher: oklch(0.5833 0.0107 240.07);
+  --surface-neutral-highest: oklch(0.67 0.0087 240.07);
+  --border-neutral-faint: oklch(0.25 0.0134 240.07);
+  --border-neutral-subtle: oklch(0.37 0.0134 240.07);
+  --border-neutral: oklch(0.49 0.0134 240.07);
+  --border-neutral-medium: oklch(0.61 0.0134 240.07);
+  --border-neutral-strong: oklch(0.73 0.0134 240.07);
+  --text-primary: oklch(1 0 0);
+  --text-secondary: oklch(0.9242 0.0128 240.07);
+  --text-tertiary: oklch(0.7298 0.0086 240.07);
+  --text-muted: oklch(0.5353 0.0045 240.07);
+  --text-disabled: oklch(0.3407 0.0003 240.07);
+  --text-inverted: oklch(0.17 0 0);
+  --color-alternate-100: oklch(0.92 0.0087 48.57);
+  --color-alternate-200: oklch(0.8376 0.0087 48.57);
+  --color-alternate-300: oklch(0.7558 0.0087 48.57);
+  --color-alternate-400: oklch(0.6729 0.0087 48.57);
+  --color-alternate-500: oklch(0.5873 0.0087 48.57);
+  --color-alternate-600: oklch(0.4982 0.0087 48.57);
+  --color-alternate-700: oklch(0.4064 0.0087 48.57);
+  --color-alternate-800: oklch(0.3127 0.0087 48.57);
+  --color-alternate-850: oklch(0.2182 0.0087 48.57);
+  --color-alternate-900: oklch(0.1236 0.0087 48.57);
+  --color-alternate-950: oklch(0.03 0.0087 48.57);
+  --surface-alternate-lowest: oklch(0.15 0.0136 48.57);
+  --surface-alternate-lower: oklch(0.2367 0.0123 48.57);
+  --surface-alternate-low: oklch(0.3233 0.0109 48.57);
+  --surface-alternate: oklch(0.41 0.0096 48.57);
+  --surface-alternate-high: oklch(0.4967 0.0083 48.57);
+  --surface-alternate-higher: oklch(0.5833 0.007 48.57);
+  --surface-alternate-highest: oklch(0.67 0.0057 48.57);
+  --border-alternate-faint: oklch(0.25 0.0087 48.57);
+  --border-alternate-subtle: oklch(0.37 0.0087 48.57);
+  --border-alternate: oklch(0.49 0.0087 48.57);
+  --border-alternate-medium: oklch(0.61 0.0087 48.57);
+  --border-alternate-strong: oklch(0.73 0.0087 48.57);
+  --text-alternate: oklch(1 0 0);
+  --text-alternate-secondary: oklch(0.9558 0.0083 48.57);
+  --text-alternate-tertiary: oklch(0.7547 0.0056 48.57);
+  --text-alternate-muted: oklch(0.5535 0.0029 48.57);
+  --text-alternate-disabled: oklch(0.3524 0.0002 48.57);
+  --color-info-100: oklch(0.95 0.0285 233.78);
+  --color-info-200: oklch(0.846 0.0911 233.78);
+  --color-info-300: oklch(0.7461 0.1557 233.78);
+  --color-info-400: oklch(0.655 0.1367 233.78);
+  --color-info-500: oklch(0.568 0.1186 233.78);
+  --color-info-600: oklch(0.4842 0.1011 233.78);
+  --color-info-700: oklch(0.4027 0.0842 233.78);
+  --color-info-800: oklch(0.3225 0.0675 233.78);
+  --color-info-850: oklch(0.2426 0.051 233.78);
+  --color-info-900: oklch(0.1621 0.0347 233.78);
+  --color-info-950: oklch(0.08 0.0205 233.78);
+  --surface-info-lowest: oklch(0.15 0.0324 233.78);
+  --surface-info-lower: oklch(0.2367 0.0498 233.78);
+  --surface-info-low: oklch(0.3233 0.0677 233.78);
+  --surface-info: oklch(0.41 0.0857 233.78);
+  --surface-info-high: oklch(0.4967 0.0799 233.78);
+  --surface-info-higher: oklch(0.5833 0.0563 233.78);
+  --surface-info-highest: oklch(0.67 0.0327 233.78);
+  --border-info-faint: oklch(0.25 0.0525 233.78);
+  --border-info-subtle: oklch(0.37 0.0774 233.78);
+  --border-info: oklch(0.49 0.1023 233.78);
+  --border-info-medium: oklch(0.61 0.1274 233.78);
+  --border-info-strong: oklch(0.73 0.1524 233.78);
+  --text-info: oklch(0.7983 0.1213 233.78);
+  --text-info-secondary: oklch(0.5745 0.12 233.78);
+  --text-info-tertiary: oklch(0.4353 0.091 233.78);
+  --text-info-muted: oklch(0.3258 0.0518 233.78);
+  --text-info-disabled: oklch(0.2164 0.0031 233.78);
+  --color-success-100: oklch(0.95 0.0837 149.58);
+  --color-success-200: oklch(0.8639 0.1684 149.58);
+  --color-success-300: oklch(0.7779 0.1684 149.58);
+  --color-success-400: oklch(0.6918 0.1684 149.58);
+  --color-success-500: oklch(0.6052 0.1684 149.58);
+  --color-success-600: oklch(0.5182 0.1443 149.58);
+  --color-success-700: oklch(0.4308 0.12 149.58);
+  --color-success-800: oklch(0.3432 0.0957 149.58);
+  --color-success-850: oklch(0.2554 0.0715 149.58);
+  --color-success-900: oklch(0.1676 0.0477 149.58);
+  --color-success-950: oklch(0.08 0.027 149.58);
+  --surface-success-lowest: oklch(0.15 0.043 149.58);
+  --surface-success-lower: oklch(0.2367 0.0664 149.58);
+  --surface-success-low: oklch(0.3233 0.0902 149.58);
+  --surface-success: oklch(0.41 0.1142 149.58);
+  --surface-success-high: oklch(0.4967 0.1383 149.58);
+  --surface-success-higher: oklch(0.5833 0.135 149.58);
+  --surface-success-highest: oklch(0.67 0.1095 149.58);
+  --border-success-faint: oklch(0.25 0.07 149.58);
+  --border-success-subtle: oklch(0.37 0.1031 149.58);
+  --border-success: oklch(0.49 0.1364 149.58);
+  --border-success-medium: oklch(0.61 0.1684 149.58);
+  --border-success-strong: oklch(0.73 0.1684 149.58);
+  --text-success: oklch(0.8775 0.1516 149.58);
+  --text-success-secondary: oklch(0.5991 0.142 149.58);
+  --text-success-tertiary: oklch(0.4759 0.1151 149.58);
+  --text-success-muted: oklch(0.3923 0.0711 149.58);
+  --text-success-disabled: oklch(0.3087 0.0269 149.58);
+  --color-warning-100: oklch(0.95 0.0406 75.11);
+  --color-warning-200: oklch(0.8835 0.0984 75.11);
+  --color-warning-300: oklch(0.8131 0.1652 75.11);
+  --color-warning-400: oklch(0.7333 0.1547 75.11);
+  --color-warning-500: oklch(0.6472 0.1365 75.11);
+  --color-warning-600: oklch(0.5563 0.1174 75.11);
+  --color-warning-700: oklch(0.462 0.0976 75.11);
+  --color-warning-800: oklch(0.3658 0.0774 75.11);
+  --color-warning-850: oklch(0.2691 0.0572 75.11);
+  --color-warning-900: oklch(0.1733 0.0376 75.11);
+  --color-warning-950: oklch(0.08 0.0222 75.11);
+  --surface-warning-lowest: oklch(0.15 0.033 75.11);
+  --surface-warning-lower: oklch(0.2733 0.058 75.11);
+  --surface-warning-low: oklch(0.3967 0.0838 75.11);
+  --surface-warning: oklch(0.52 0.1098 75.11);
+  --surface-warning-high: oklch(0.6433 0.1357 75.11);
+  --surface-warning-higher: oklch(0.7667 0.1617 75.11);
+  --surface-warning-highest: oklch(0.89 0.0926 75.11);
+  --border-warning-faint: oklch(0.25 0.0532 75.11);
+  --border-warning-subtle: oklch(0.37 0.0782 75.11);
+  --border-warning: oklch(0.49 0.1034 75.11);
+  --border-warning-medium: oklch(0.61 0.1287 75.11);
+  --border-warning-strong: oklch(0.73 0.154 75.11);
+  --text-warning: oklch(0.9513 0.0395 75.11);
+  --text-warning-secondary: oklch(0.8172 0.1612 75.11);
+  --text-warning-tertiary: oklch(0.683 0.1149 75.11);
+  --text-warning-muted: oklch(0.5488 0.0591 75.11);
+  --text-warning-disabled: oklch(0.4147 0.0033 75.11);
+  --color-danger-100: oklch(0.95 0.0249 24.69);
+  --color-danger-200: oklch(0.8693 0.0698 24.69);
+  --color-danger-300: oklch(0.7894 0.1217 24.69);
+  --color-danger-400: oklch(0.709 0.1833 24.69);
+  --color-danger-500: oklch(0.6271 0.2197 24.69);
+  --color-danger-600: oklch(0.5423 0.2197 24.69);
+  --color-danger-700: oklch(0.4536 0.1839 24.69);
+  --color-danger-800: oklch(0.3616 0.1467 24.69);
+  --color-danger-850: oklch(0.2677 0.1089 24.69);
+  --color-danger-900: oklch(0.1734 0.0714 24.69);
+  --color-danger-950: oklch(0.08 0.0377 24.69);
+  --surface-danger-lowest: oklch(0.15 0.0623 24.69);
+  --surface-danger-lower: oklch(0.2367 0.0965 24.69);
+  --surface-danger-low: oklch(0.3233 0.1313 24.69);
+  --surface-danger: oklch(0.41 0.1663 24.69);
+  --surface-danger-high: oklch(0.4967 0.2013 24.69);
+  --surface-danger-higher: oklch(0.5833 0.1761 24.69);
+  --surface-danger-highest: oklch(0.67 0.1428 24.69);
+  --border-danger-faint: oklch(0.25 0.1018 24.69);
+  --border-danger-subtle: oklch(0.37 0.1501 24.69);
+  --border-danger: oklch(0.49 0.1986 24.69);
+  --border-danger-medium: oklch(0.61 0.2197 24.69);
+  --border-danger-strong: oklch(0.73 0.1662 24.69);
+  --text-danger: oklch(0.6996 0.1913 24.69);
+  --text-danger-secondary: oklch(0.5206 0.1818 24.69);
+  --text-danger-tertiary: oklch(0.446 0.1082 24.69);
+  --text-danger-muted: oklch(0.3965 0.0562 24.69);
+  --text-danger-disabled: oklch(0.3471 0.0044 24.69);
   --font-display: "Arvo", serif;
   --font-sans: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, sans-serif;
   --font-serif: "GFS Didot", serif;

package/src/system/components/FloatingTokenTags.css

@@ -51,7 +51,6 @@
   white-space: nowrap;
   user-select: none;
   pointer-events: none;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
 }
 
 .ftt-box.ftt-bloop {

package/src/system/internal/backgroundContrast.ts

@@ -1,8 +1,11 @@
+import { parseOklchCss, oklchToRgb255 } from './oklch';
+
 export type ContrastColorToken = '--color-black' | '--color-white';
 
 type Rgb = { r: number; g: number; b: number };
 
 const HEX_RE = /#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})\b/gi;
+const OKLCH_RE = /oklch\(\s*[\d.]+%?\s+[\d.]+%?\s+[\d.]+(?:deg)?\s*\)/gi;
 const RGB_RE = /rgba?\(\s*([\d.]+%?)\s*[, ]\s*([\d.]+%?)\s*[, ]\s*([\d.]+%?)(?:\s*[,/]\s*[\d.]+%?)?\s*\)/gi;
 
 function channel(value: string): number {
@@ -24,6 +27,10 @@ function parseHex(hex: string): Rgb {
 function colorsIn(background: string): Rgb[] {
   const colors: Rgb[] = [];
   for (const match of background.matchAll(HEX_RE)) colors.push(parseHex(match[0]));
+  for (const match of background.matchAll(OKLCH_RE)) {
+    const parsed = parseOklchCss(match[0]);
+    if (parsed) colors.push(oklchToRgb255(parsed.l, parsed.c, parsed.h));
+  }
   for (const match of background.matchAll(RGB_RE)) {
     colors.push({ r: channel(match[1]), g: channel(match[2]), b: channel(match[3]) });
   }