@uipath/apollo-react 4.41.1 → 4.43.0

package/dist/core/tokens/css/variables.css

@@ -91,6 +91,7 @@
   --color-red-600: #b6242b;
   --color-red-700: #a6040a;
   --color-red-800: #6c0004;
+  --color-red-950: #460809; /* tailwind red-950 (oklch(25.8% 0.092 26.042)) */
   --color-red-100-contrast: #182027;
   --color-red-200-contrast: #182027;
   --color-red-300-contrast: #182027;
@@ -304,478 +305,847 @@
   --color-background-light-hc: #ffffff;
   --color-background-dark: #182027;
   --color-background-dark-hc: #182027;
+  --color-background-future-dark: #09090b;
+  --color-background-future-light: #fafafa;
   --color-background-secondary-light: #f4f5f7;
   --color-background-secondary-light-hc: #f4f5f7;
   --color-background-secondary-dark: #273139;
   --color-background-secondary-dark-hc: #273139;
+  --color-background-secondary-future-dark: #18181b;
+  --color-background-secondary-future-light: #f4f4f5;
   --color-background-inverse-light: #182027;
   --color-background-inverse-light-hc: #182027;
   --color-background-inverse-dark: #f8f9fa;
   --color-background-inverse-dark-hc: #f8f9fa;
+  --color-background-inverse-future-dark: #fafafa;
+  --color-background-inverse-future-light: #09090b;
   --color-background-gray-light: #cfd8dd;
   --color-background-gray-light-hc: #cfd8dd;
   --color-background-gray-dark: #526069;
   --color-background-gray-dark-hc: #374652;
+  --color-background-gray-future-dark: #52525c;
+  --color-background-gray-future-light: #d4d4d8;
   --color-background-disabled-light: #ecedee;
   --color-background-disabled-light-hc: #ecedee;
   --color-background-disabled-dark: #273139;
   --color-background-disabled-dark-hc: #273139;
+  --color-background-disabled-future-dark: #18181b;
+  --color-background-disabled-future-light: #e4e4e7;
   --color-background-highlight-light: #fee3dc;
   --color-background-highlight-light-hc: #fee3dc;
   --color-background-highlight-dark: #3c383c;
   --color-background-highlight-dark-hc: #3c383c;
+  --color-background-highlight-future-dark: #053345;
+  --color-background-highlight-future-light: #cefafe;
   --color-background-raised-light: #ffffff;
   --color-background-raised-light-hc: #ffffff;
   --color-background-raised-dark: #273139;
   --color-background-raised-dark-hc: #273139;
+  --color-background-raised-future-dark: #18181b;
+  --color-background-raised-future-light: #f4f4f5;
   --color-background-edit-light: #ffffff;
   --color-background-edit-light-hc: #ffffff;
   --color-background-edit-dark: #00000099;
   --color-background-edit-dark-hc: #00000099;
+  --color-background-edit-future-dark: #00000099;
+  --color-background-edit-future-light: #ffffff;
   --color-background-gray-emp-light: #a4b1b8;
   --color-background-gray-emp-light-hc: #a4b1b8;
   --color-background-gray-emp-dark: #8a97a0;
   --color-background-gray-emp-dark-hc: #a4b1b8;
+  --color-background-gray-emp-future-dark: #71717b;
+  --color-background-gray-emp-future-light: #9f9fa9;
   --color-background-hover-light: #52606914; /* 14 hex = 0.08 Opacity */
   --color-background-hover-light-hc: #52606914; /* 14 hex = 0.08 Opacity */
   --color-background-hover-dark: #cfd8dd14; /* 14 hex = 0.08 Opacity */
   --color-background-hover-dark-hc: #a4b1b814; /* 14 hex = 0.08 Opacity */
+  --color-background-hover-future-dark: #d4d4d814;
+  --color-background-hover-future-light: #52525c14;
   --color-background-pressed-light: #5260691f; /* 1f hex = 0.12 Opacity */
   --color-background-pressed-light-hc: #5260691f; /* 1f hex = 0.12 Opacity */
   --color-background-pressed-dark: #cfd8dd1f; /* 1f hex = 0.12 Opacity */
   --color-background-pressed-dark-hc: #cfd8dd1f; /* 1f hex = 0.12 Opacity */
+  --color-background-pressed-future-dark: #d4d4d81f;
+  --color-background-pressed-future-light: #52525c1f;
   --color-background-selected-light: #e9f1fa;
   --color-background-selected-light-hc: #e9f1fa;
   --color-background-selected-dark: #374652;
   --color-background-selected-dark-hc: #374652;
+  --color-background-selected-future-dark: #3f3f46;
+  --color-background-selected-future-light: #d4d4d8;
   --color-selection-indicator-light: #0067df;
   --color-selection-indicator-light-hc: #00489d;
   --color-selection-indicator-dark: #66adff;
   --color-selection-indicator-dark-hc: #dae8fa;
+  --color-selection-indicator-future-dark: #00b8db;
+  --color-selection-indicator-future-light: #00b8db;
   --color-notification-badge-light: #000000;
   --color-notification-badge-light-hc: #000000;
   --color-notification-badge-dark: #ffffff;
   --color-notification-badge-dark-hc: #ffffff;
+  --color-notification-badge-future-dark: #ffffff;
+  --color-notification-badge-future-light: #000000;
   --color-notification-indicator-light: #da3b11;
   --color-notification-indicator-light-hc: #832107;
   --color-notification-indicator-dark: #ff8f70;
   --color-notification-indicator-dark-hc: #ff8f70;
+  --color-notification-indicator-future-dark: #ff637e;
+  --color-notification-indicator-future-light: #ec003f;
   --color-hover-light: #e9f1fa;
   --color-hover-light-hc: #e9f1fa;
   --color-hover-dark: #374652;
   --color-hover-dark-hc: #273139;
+  --color-hover-future-dark: #3f3f46;
+  --color-hover-future-light: #d4d4d8;
   --color-curtain-light: #000000;
   --color-curtain-light-hc: #000000;
   --color-curtain-dark: #000000;
   --color-curtain-dark-hc: #000000;
+  --color-curtain-future-dark: #000000;
+  --color-curtain-future-light: #000000;
   --color-border-light: #a4b1b8;
   --color-border-light-hc: #6b7882;
   --color-border-dark: #8a97a0;
   --color-border-dark-hc: #bbc7cd;
+  --color-border-future-dark: #3f3f46;
+  --color-border-future-light: #d4d4d8;
   --color-border-disabled-light: #cfd8dd;
   --color-border-disabled-light-hc: #cfd8dd;
   --color-border-disabled-dark: #526069;
   --color-border-disabled-dark-hc: #8a97a0;
+  --color-border-disabled-future-dark: #27272a;
+  --color-border-disabled-future-light: #e4e4e7;
   --color-border-grid-light: #f4f5f7;
   --color-border-grid-light-hc: #f4f5f7;
   --color-border-grid-dark: #273139;
   --color-border-grid-dark-hc: #273139;
+  --color-border-grid-future-dark: #27272a;
+  --color-border-grid-future-light: #e4e4e7;
   --color-border-de-emp-light: #cfd8dd;
   --color-border-de-emp-light-hc: #a4b1b8;
   --color-border-de-emp-dark: #526069;
   --color-border-de-emp-dark-hc: #a4b1b8;
+  --color-border-de-emp-future-dark: #27272a;
+  --color-border-de-emp-future-light: #e4e4e7;
   --color-selection-light: #da3b11;
   --color-selection-light-hc: #832107;
   --color-selection-dark: #ff8f70;
   --color-selection-dark-hc: #fda891;
+  --color-selection-future-dark: #00d3f2;
+  --color-selection-future-light: #0092b8;
   --color-logo-light: #fa4616;
   --color-logo-light-hc: #fa4616;
   --color-logo-dark: #ffffff;
   --color-logo-dark-hc: #ffffff;
+  --color-logo-future-dark: #ffffff;
+  --color-logo-future-light: #000000;
   --color-foreground-light: #273139;
   --color-foreground-light-hc: #273139;
   --color-foreground-dark: #f4f5f7;
   --color-foreground-dark-hc: #f4f5f7;
+  --color-foreground-future-dark: #fafafa;
+  --color-foreground-future-light: #09090b;
   --color-foreground-light-light: #6b7882;
   --color-foreground-light-light-hc: #374652;
   --color-foreground-light-dark: #a4b1b8;
   --color-foreground-light-dark-hc: #bbc7cd;
+  --color-foreground-light-future-dark: #9f9fa9;
+  --color-foreground-light-future-light: #71717b;
   --color-foreground-emp-light: #182027;
   --color-foreground-emp-light-hc: #182027;
   --color-foreground-emp-dark: #f8f9fa;
   --color-foreground-emp-dark-hc: #f8f9fa;
+  --color-foreground-emp-future-dark: #ffffff;
+  --color-foreground-emp-future-light: #000000;
   --color-foreground-de-emp-light: #526069;
   --color-foreground-de-emp-light-hc: #374652;
   --color-foreground-de-emp-dark: #cfd8dd;
   --color-foreground-de-emp-dark-hc: #cfd8dd;
+  --color-foreground-de-emp-future-dark: #9f9fa9;
+  --color-foreground-de-emp-future-light: #71717b;
   --color-foreground-disable-light: #8a97a0;
   --color-foreground-disable-light-hc: #8a97a0;
   --color-foreground-disable-dark: #a4b1b8;
   --color-foreground-disable-dark-hc: #a4b1b8;
+  --color-foreground-disable-future-dark: #71717b;
+  --color-foreground-disable-future-light: #9f9fa9;
   --color-foreground-inverse-light: #f8f9fa;
   --color-foreground-inverse-light-hc: #f8f9fa;
   --color-foreground-inverse-dark: #182027;
   --color-foreground-inverse-dark-hc: #182027;
+  --color-foreground-inverse-future-dark: #09090b;
+  --color-foreground-inverse-future-light: #fafafa;
   --color-foreground-highlight-light: #da3b11;
   --color-foreground-highlight-light-hc: #832107;
   --color-foreground-highlight-dark: #ff8f70;
   --color-foreground-highlight-dark-hc: #ff8f70;
+  --color-foreground-highlight-future-dark: #00d3f2;
+  --color-foreground-highlight-future-light: #0092b8;
   --color-foreground-highlight-selected-light: #da3b111a;
   --color-foreground-highlight-selected-light-hc: #8321071a;
   --color-foreground-highlight-selected-dark: #ff8f701a;
   --color-foreground-highlight-selected-dark-hc: #ff8f701a;
+  --color-foreground-highlight-selected-future-dark: #00d3f21a;
+  --color-foreground-highlight-selected-future-light: #0092b81a;
   --color-foreground-highlight-selected-hover-light: #da3b1126;
   --color-foreground-highlight-selected-hover-light-hc: #83210726;
   --color-foreground-highlight-selected-hover-dark: #ff8f7026;
   --color-foreground-highlight-selected-hover-dark-hc: #ff8f7026;
+  --color-foreground-highlight-selected-hover-future-dark: #00d3f226;
+  --color-foreground-highlight-selected-hover-future-light: #0092b826;
   --color-foreground-link-light: #0067df;
   --color-foreground-link-light-hc: #00489d;
   --color-foreground-link-dark: #66adff;
   --color-foreground-link-dark-hc: #87bfff;
+  --color-foreground-link-future-dark: #00d3f2;
+  --color-foreground-link-future-light: #007595;
   --color-foreground-link-pressed-light: #00489d;
   --color-foreground-link-pressed-light-hc: #00336f;
   --color-foreground-link-pressed-dark: #badaff;
   --color-foreground-link-pressed-dark-hc: #badaff;
+  --color-foreground-link-pressed-future-dark: #53eafd;
+  --color-foreground-link-pressed-future-light: #005f78;
   --color-foreground-inv-de-emp-light: #cfd8dd;
   --color-foreground-inv-de-emp-light-hc: #cfd8dd;
   --color-foreground-inv-de-emp-dark: #526069;
   --color-foreground-inv-de-emp-dark-hc: #374652;
+  --color-foreground-inv-de-emp-future-dark: #52525c;
+  --color-foreground-inv-de-emp-future-light: #d4d4d8;
   --color-primary-light: #0067df;
   --color-primary-light-hc: #00489d;
   --color-primary-dark: #66adff;
   --color-primary-dark-hc: #badaff;
+  --color-primary-future-dark: #00b8db;
+  --color-primary-future-light: #00b8db;
   --color-primary-lighter-light: #badaff;
   --color-primary-lighter-light-hc: #badaff;
   --color-primary-lighter-dark: #00489d;
   --color-primary-lighter-dark-hc: #00336f;
+  --color-primary-lighter-future-dark: #53eafd;
+  --color-primary-lighter-future-light: #cefafe;
   --color-primary-darker-light: #00489d;
   --color-primary-darker-light-hc: #11508d;
   --color-primary-darker-dark: #badaff;
   --color-primary-darker-dark-hc: #badaff;
+  --color-primary-darker-future-dark: #0092b8;
+  --color-primary-darker-future-light: #007595;
   --color-primary-hover-light: #0056ba;
   --color-primary-hover-light-hc: #00336f;
   --color-primary-hover-dark: #87bfff;
   --color-primary-hover-dark-hc: #87bfff;
+  --color-primary-hover-future-dark: #00d3f2;
+  --color-primary-hover-future-light: #0092b8;
   --color-primary-focused-light: #0056ba;
   --color-primary-focused-light-hc: #00336f;
   --color-primary-focused-dark: #87bfff;
   --color-primary-focused-dark-hc: #87bfff;
+  --color-primary-focused-future-dark: #00d3f2;
+  --color-primary-focused-future-light: #0092b8;
   --color-primary-pressed-light: #0067df;
   --color-primary-pressed-light-hc: #00336f;
   --color-primary-pressed-dark: #66adff;
   --color-primary-pressed-dark-hc: #66adff;
+  --color-primary-pressed-future-dark: #00b8db;
+  --color-primary-pressed-future-light: #00b8db;
   --color-secondary-focused-light: #e9f1fa;
   --color-secondary-focused-light-hc: #e9f1fa;
   --color-secondary-focused-dark: #374652;
   --color-secondary-focused-dark-hc: #273139;
+  --color-secondary-focused-future-dark: #3f3f46;
+  --color-secondary-focused-future-light: #cefafe;
   --color-secondary-pressed-light: #b2d2f3;
   --color-secondary-pressed-light-hc: #b2d2f3;
   --color-secondary-pressed-dark: #11508d;
   --color-secondary-pressed-dark-hc: #11508d;
+  --color-secondary-pressed-future-dark: #104e64;
+  --color-secondary-pressed-future-light: #a2f4fd;
   --color-chip-default-background-light: #cfd8dd;
   --color-chip-default-background-light-hc: #cfd8dd;
   --color-chip-default-background-dark: #526069;
   --color-chip-default-background-dark-hc: #526069;
+  --color-chip-default-background-future-dark: #52525c;
+  --color-chip-default-background-future-light: #d4d4d8;
   --color-chip-error-background-light: #fff0f1;
   --color-chip-error-background-light-hc: #fff0f1;
   --color-chip-error-background-dark: #000000;
   --color-chip-error-background-dark-hc: #000000;
+  --color-chip-error-background-future-dark: #460809;
+  --color-chip-error-background-future-light: #fff0f1;
   --color-chip-warning-background-light: #fff3db;
   --color-chip-warning-background-light-hc: #fff3db;
   --color-chip-warning-background-dark: #000000;
   --color-chip-warning-background-dark-hc: #000000;
+  --color-chip-warning-background-future-dark: #461901;
+  --color-chip-warning-background-future-light: #fef3c6;
   --color-chip-info-background-light: #e9f1fa;
   --color-chip-info-background-light-hc: #e9f1fa;
   --color-chip-info-background-dark: #000000;
   --color-chip-info-background-dark-hc: #000000;
+  --color-chip-info-background-future-dark: #053345;
+  --color-chip-info-background-future-light: #cefafe;
   --color-chip-success-background-light: #eeffe5;
   --color-chip-success-background-light-hc: #eeffe5;
   --color-chip-success-background-dark: #000000;
   --color-chip-success-background-dark-hc: #000000;
+  --color-chip-success-background-future-dark: #002c22;
+  --color-chip-success-background-future-light: #d0fae5;
   --color-error-icon-light: #cc3d45;
   --color-error-icon-light-hc: #a6040a;
   --color-error-icon-dark: #ff8484;
   --color-error-icon-dark-hc: #ffadad;
+  --color-error-icon-future-dark: #ff8484;
+  --color-error-icon-future-light: #cc3d45;
   --color-error-icon-inverse-light: #ff8484;
   --color-error-icon-inverse-light-hc: #ff8484;
   --color-error-icon-inverse-dark: #cc3d45;
   --color-error-icon-inverse-dark-hc: #b6242b;
+  --color-error-icon-inverse-future-dark: #cc3d45;
+  --color-error-icon-inverse-future-light: #ff8484;
   --color-error-text-light: #a6040a;
   --color-error-text-light-hc: #a6040a;
   --color-error-text-dark: #ff8484;
   --color-error-text-dark-hc: #ffadad;
+  --color-error-text-future-dark: #ff8484;
+  --color-error-text-future-light: #a6040a;
   --color-error-background-light: #fff0f1;
   --color-error-background-light-hc: #fff0f1;
   --color-error-background-dark: #000000;
   --color-error-background-dark-hc: #000000;
+  --color-error-background-future-dark: #460809;
+  --color-error-background-future-light: #fff0f1;
   --color-error-foreground-inverse-light: #ff8484;
   --color-error-foreground-inverse-light-hc: #ff8484;
   --color-error-foreground-inverse-dark: #cc3d45;
   --color-error-foreground-inverse-dark-hc: #b6242b;
+  --color-error-foreground-inverse-future-dark: #cc3d45;
+  --color-error-foreground-inverse-future-light: #ff8484;
   --color-info-foreground-light: #1665b3;
   --color-info-foreground-light-hc: #11508d;
   --color-info-foreground-dark: #42a1ff;
   --color-info-foreground-dark-hc: #42a1ff;
+  --color-info-foreground-future-dark: #00d3f2;
+  --color-info-foreground-future-light: #007595;
   --color-info-icon-light: #1976d2;
   --color-info-icon-light-hc: #11508d;
   --color-info-icon-dark: #42a1ff;
   --color-info-icon-dark-hc: #8cc2f8;
+  --color-info-icon-future-dark: #00d3f2;
+  --color-info-icon-future-light: #0092b8;
   --color-info-icon-inverse-light: #42a1ff;
   --color-info-icon-inverse-light-hc: #42a1ff;
   --color-info-icon-inverse-dark: #1976d2;
   --color-info-icon-inverse-dark-hc: #0056ba;
+  --color-info-icon-inverse-future-dark: #0092b8;
+  --color-info-icon-inverse-future-light: #00d3f2;
   --color-info-text-light: #1665b3;
   --color-info-text-light-hc: #11508d;
   --color-info-text-dark: #42a1ff;
   --color-info-text-dark-hc: #42a1ff;
+  --color-info-text-future-dark: #00d3f2;
+  --color-info-text-future-light: #007595;
   --color-info-foreground-inverse-light: #42a1ff;
   --color-info-foreground-inverse-light-hc: #42a1ff;
   --color-info-foreground-inverse-dark: #1976d2;
   --color-info-foreground-inverse-dark-hc: #1976d2;
+  --color-info-foreground-inverse-future-dark: #0092b8;
+  --color-info-foreground-inverse-future-light: #00d3f2;
   --color-info-background-light: #e9f1fa;
   --color-info-background-light-hc: #e9f1fa;
   --color-info-background-dark: #000000;
   --color-info-background-dark-hc: #000000;
+  --color-info-background-future-dark: #053345;
+  --color-info-background-future-light: #cefafe;
   --color-success-icon-light: #038108;
   --color-success-icon-light-hc: #005603;
   --color-success-icon-dark: #74c94b;
   --color-success-icon-dark-hc: #74c94b;
+  --color-success-icon-future-dark: #00d492;
+  --color-success-icon-future-light: #007a55;
   --color-success-icon-inverse-light: #74c94b;
   --color-success-icon-inverse-light-hc: #74c94b;
   --color-success-icon-inverse-dark: #038108;
   --color-success-icon-inverse-dark-hc: #6eb84a;
+  --color-success-icon-inverse-future-dark: #007a55;
+  --color-success-icon-inverse-future-light: #00d492;
   --color-success-text-light: #038108;
   --color-success-text-light-hc: #005603;
   --color-success-text-dark: #74c94b;
   --color-success-text-dark-hc: #74c94b;
+  --color-success-text-future-dark: #00d492;
+  --color-success-text-future-light: #007a55;
   --color-success-background-light: #eeffe5;
   --color-success-background-light-hc: #eeffe5;
   --color-success-background-dark: #000000;
   --color-success-background-dark-hc: #000000;
+  --color-success-background-future-dark: #002c22;
+  --color-success-background-future-light: #d0fae5;
   --color-success-foreground-inverse-light: #74c94b;
   --color-success-foreground-inverse-light-hc: #74c94b;
   --color-success-foreground-inverse-dark: #6eb84a;
   --color-success-foreground-inverse-dark-hc: #6eb84a;
+  --color-success-foreground-inverse-future-dark: #007a55;
+  --color-success-foreground-inverse-future-light: #00d492;
   --color-warning-icon-light: #ffb40e;
   --color-warning-icon-light-hc: #805a07;
   --color-warning-icon-dark: #ffbb27;
   --color-warning-icon-dark-hc: #ffbb27;
+  --color-warning-icon-future-dark: #ffb900;
+  --color-warning-icon-future-light: #fe9a00;
   --color-warning-icon-inverse-light: #ffbb27;
   --color-warning-icon-inverse-light-hc: #ffbb27;
   --color-warning-icon-inverse-dark: #ffb40e;
   --color-warning-icon-inverse-dark-hc: #ffb40e;
+  --color-warning-icon-inverse-future-dark: #fe9a00;
+  --color-warning-icon-inverse-future-light: #ffb900;
   --color-warning-text-light: #9e6100;
   --color-warning-text-light-hc: #273139;
   --color-warning-text-dark: #ffe19e;
   --color-warning-text-dark-hc: #ffe19e;
+  --color-warning-text-future-dark: #ffb900;
+  --color-warning-text-future-light: #bb4d00;
   --color-warning-background-light: #fff3db;
   --color-warning-background-light-hc: #fff3db;
   --color-warning-background-dark: #000000;
   --color-warning-background-dark-hc: #000000;
+  --color-warning-background-future-dark: #461901;
+  --color-warning-background-future-light: #fef3c6;
   --color-warning-foreground-inverse-light: #ffbb27;
   --color-warning-foreground-inverse-light-hc: #ffbb27;
   --color-warning-foreground-inverse-dark: #ffb40e;
   --color-warning-foreground-inverse-dark-hc: #ffb40e;
+  --color-warning-foreground-inverse-future-dark: #fe9a00;
+  --color-warning-foreground-inverse-future-light: #ffb900;
   --color-icon-default-light: #526069;
   --color-icon-default-light-hc: #374652;
   --color-icon-default-dark: #cfd8dd;
   --color-icon-default-dark-hc: #cfd8dd;
+  --color-icon-default-future-dark: #9f9fa9;
+  --color-icon-default-future-light: #52525c;
   --color-icon-inverted-default-light: #cfd8dd;
   --color-icon-inverted-default-light-hc: #cfd8dd;
   --color-icon-inverted-default-dark: #526069;
   --color-icon-inverted-default-dark-hc: #374652;
+  --color-icon-inverted-default-future-dark: #52525c;
+  --color-icon-inverted-default-future-light: #d4d4d8;
   --color-toggle-off-hover-light: #52606914;
   --color-toggle-off-hover-light-hc: #52606914;
   --color-toggle-off-hover-dark: #cfd8dd14;
   --color-toggle-off-hover-dark-hc: #cfd8dd14;
+  --color-toggle-off-hover-future-dark: #d4d4d814;
+  --color-toggle-off-hover-future-light: #52525c14;
   --color-toggle-off-focus-light: #52606914;
   --color-toggle-off-focus-light-hc: #52606914;
   --color-toggle-off-focus-dark: #cfd8dd14;
   --color-toggle-off-focus-dark-hc: #cfd8dd14;
+  --color-toggle-off-focus-future-dark: #d4d4d814;
+  --color-toggle-off-focus-future-light: #52525c14;
   --color-toggle-off-pressed-light: #5260691f;
   --color-toggle-off-pressed-light-hc: #5260691f;
   --color-toggle-off-pressed-dark: #cfd8dd1f;
   --color-toggle-off-pressed-dark-hc: #cfd8dd1f;
+  --color-toggle-off-pressed-future-dark: #d4d4d81f;
+  --color-toggle-off-pressed-future-light: #52525c1f;
   --color-toggle-on-hover-light: #0067df14;
   --color-toggle-on-hover-light-hc: #0067df14;
   --color-toggle-on-hover-dark: #66adff14;
   --color-toggle-on-hover-dark-hc: #66adff14;
+  --color-toggle-on-hover-future-dark: #00b8db14;
+  --color-toggle-on-hover-future-light: #00b8db14;
   --color-toggle-on-focus-light: #0067df14;
   --color-toggle-on-focus-light-hc: #0067df14;
   --color-toggle-on-focus-dark: #66adff14;
   --color-toggle-on-focus-dark-hc: #66adff14;
+  --color-toggle-on-focus-future-dark: #00b8db14;
+  --color-toggle-on-focus-future-light: #00b8db14;
   --color-toggle-on-pressed-light: #0067df1f;
   --color-toggle-on-pressed-light-hc: #0067df1f;
   --color-toggle-on-pressed-dark: #66adff1f;
   --color-toggle-on-pressed-dark-hc: #66adff1f;
+  --color-toggle-on-pressed-future-dark: #00b8db1f;
+  --color-toggle-on-pressed-future-light: #00b8db1f;
   --color-callout-background-light: #00489d;
   --color-callout-background-light-hc: #00489d;
   --color-callout-background-dark: #00489d;
   --color-callout-background-dark-hc: #00489d;
+  --color-callout-background-future-dark: #007595;
+  --color-callout-background-future-light: #007595;
   --color-warn-light: #b6242b;
   --color-warn-light-hc: #b6242b;
   --color-warn-dark: #ff8484;
   --color-warn-dark-hc: #ffadad;
+  --color-warn-future-dark: #ff8484;
+  --color-warn-future-light: #b6242b;
   --color-warn-darker-light: #a6040a;
   --color-warn-darker-light-hc: #a6040a;
   --color-warn-darker-dark: #ffadad;
   --color-warn-darker-dark-hc: #ffadad;
+  --color-warn-darker-future-dark: #ffadad;
+  --color-warn-darker-future-light: #a6040a;
   --color-warn-hover-light: #b6242b0a;
   --color-warn-hover-light-hc: #b6242b0a;
   --color-warn-hover-dark: #ff84840a;
   --color-warn-hover-dark-hc: #ff84840a;
+  --color-warn-hover-future-dark: #ff84840a;
+  --color-warn-hover-future-light: #b6242b0a;
   --color-warn-focus-light: #b6242b1f;
   --color-warn-focus-light-hc: #b6242b1f;
   --color-warn-focus-dark: #ff84841f;
   --color-warn-focus-dark-hc: #ff84841f;
+  --color-warn-focus-future-dark: #ff84841f;
+  --color-warn-focus-future-light: #b6242b1f;
   --color-warn-pressed-light: #b6242b14;
   --color-warn-pressed-light-hc: #b6242b14;
   --color-warn-pressed-dark: #ff848414;
   --color-warn-pressed-dark-hc: #ff848414;
+  --color-warn-pressed-future-dark: #ff848414;
+  --color-warn-pressed-future-light: #b6242b14;
   --color-carousel-background-light: #f5f9fe;
   --color-carousel-background-light-hc: #f5f9fe;
   --color-carousel-background-dark: #1b2630;
   --color-carousel-background-dark-hc: #1b2630;
+  --color-carousel-background-future-dark: #053345;
+  --color-carousel-background-future-light: #ecfeff;
   --color-icon-button-hover-light: #52606914;
   --color-icon-button-hover-light-hc: #52606914;
   --color-icon-button-hover-dark: #cfd8dd14;
   --color-icon-button-hover-dark-hc: #cfd8dd14;
+  --color-icon-button-hover-future-dark: #d4d4d814;
+  --color-icon-button-hover-future-light: #52525c14;
   --color-icon-button-focus-light: #52606914;
   --color-icon-button-focus-light-hc: #52606914;
   --color-icon-button-focus-dark: #cfd8dd14;
   --color-icon-button-focus-dark-hc: #cfd8dd14;
+  --color-icon-button-focus-future-dark: #d4d4d814;
+  --color-icon-button-focus-future-light: #52525c14;
   --color-icon-button-pressed-light: #5260691f;
   --color-icon-button-pressed-light-hc: #5260691f;
   --color-icon-button-pressed-dark: #cfd8dd1f;
   --color-icon-button-pressed-dark-hc: #cfd8dd1f;
+  --color-icon-button-pressed-future-dark: #d4d4d81f;
+  --color-icon-button-pressed-future-light: #52525c1f;
   --color-code-function-light: #b748b6;
   --color-code-function-light-hc: #8c338b;
   --color-code-function-dark: #dc80db;
   --color-code-function-dark-hc: #dc80db;
+  --color-code-function-future-dark: #a684ff;
+  --color-code-function-future-light: #7f22fe;
   --color-code-operator-light: #0067df;
   --color-code-operator-light-hc: #00489d;
   --color-code-operator-dark: #66adff;
   --color-code-operator-dark-hc: #66adff;
+  --color-code-operator-future-dark: #00d3f2;
+  --color-code-operator-future-light: #007595;
   --color-code-numeric-light: #1e7f5a;
   --color-code-numeric-light-hc: #176245;
   --color-code-numeric-dark: #6ecdb6;
   --color-code-numeric-dark-hc: #6ecdb6;
+  --color-code-numeric-future-dark: #ffb900;
+  --color-code-numeric-future-light: #bb4d00;
   --color-code-text-light: #d91153;
   --color-code-text-light-hc: #a60e3f;
   --color-code-text-dark: #f25a8c;
   --color-code-text-dark-hc: #fd7da7;
+  --color-code-text-future-dark: #00d492;
+  --color-code-text-future-light: #007a55;
   --color-toggle-thumb-off-light: #526069;
   --color-toggle-thumb-off-light-hc: #374652;
   --color-toggle-thumb-off-dark: #cfd8dd;
   --color-toggle-thumb-off-dark-hc: #cfd8dd;
+  --color-toggle-thumb-off-future-dark: #d4d4d8;
+  --color-toggle-thumb-off-future-light: #52525c;
   --color-toggle-track-off-light: #cfd8dd;
   --color-toggle-track-off-light-hc: #cfd8dd;
   --color-toggle-track-off-dark: #526069;
   --color-toggle-track-off-dark-hc: #526069;
+  --color-toggle-track-off-future-dark: #52525c;
+  --color-toggle-track-off-future-light: #d4d4d8;
   --color-toggle-thumb-on-light: #0067df;
   --color-toggle-thumb-on-light-hc: #00489d;
   --color-toggle-thumb-on-dark: #66adff;
   --color-toggle-thumb-on-dark-hc: #66adff;
+  --color-toggle-thumb-on-future-dark: #00b8db;
+  --color-toggle-thumb-on-future-light: #00b8db;
   --color-toggle-track-on-light: #badaff;
   --color-toggle-track-on-light-hc: #badaff;
   --color-toggle-track-on-dark: #00489d;
   --color-toggle-track-on-dark-hc: #00489d;
+  --color-toggle-track-on-future-dark: #005f78;
+  --color-toggle-track-on-future-light: #a2f4fd;
   --color-toggle-thumb-off-disabled-light: #cfd8dd;
   --color-toggle-thumb-off-disabled-light-hc: #cfd8dd;
   --color-toggle-thumb-off-disabled-dark: #526069;
   --color-toggle-thumb-off-disabled-dark-hc: #526069;
+  --color-toggle-thumb-off-disabled-future-dark: #52525c;
+  --color-toggle-thumb-off-disabled-future-light: #d4d4d8;
   --color-toggle-track-off-disabled-light: #ecedee;
   --color-toggle-track-off-disabled-light-hc: #ecedee;
   --color-toggle-track-off-disabled-dark: #374652;
   --color-toggle-track-off-disabled-dark-hc: #374652;
+  --color-toggle-track-off-disabled-future-dark: #3f3f46;
+  --color-toggle-track-off-disabled-future-light: #e4e4e7;
   --color-toggle-thumb-on-disabled-light: #0067df47;
   --color-toggle-thumb-on-disabled-light-hc: #0067df47;
   --color-toggle-thumb-on-disabled-dark: #66adff47;
   --color-toggle-thumb-on-disabled-dark-hc: #66adff47;
+  --color-toggle-thumb-on-disabled-future-dark: #00b8db47;
+  --color-toggle-thumb-on-disabled-future-light: #00b8db47;
   --color-toggle-track-on-disabled-light: #badaff61;
   --color-toggle-track-on-disabled-light-hc: #badaff61;
   --color-toggle-track-on-disabled-dark: #00489d61;
   --color-toggle-track-on-disabled-dark-hc: #00489d61;
+  --color-toggle-track-on-disabled-future-dark: #005f7861;
+  --color-toggle-track-on-disabled-future-light: #a2f4fd61;
   --color-skeleton-light: #ecedee;
   --color-skeleton-light-hc: #ecedee;
   --color-skeleton-dark: #273139;
   --color-skeleton-dark-hc: #273139;
+  --color-skeleton-future-dark: #27272a;
+  --color-skeleton-future-light: #e4e4e7;
   --color-skeleton-glow-light: #fbfbfc;
   --color-skeleton-glow-light-hc: #fbfbfc;
   --color-skeleton-glow-dark: #525a61;
   --color-skeleton-glow-dark-hc: #525a61;
+  --color-skeleton-glow-future-dark: #52525c;
+  --color-skeleton-glow-future-light: #fafafa;
   --color-data-grid-hover-light: #f1f2f3;
   --color-data-grid-hover-light-hc: #f1f2f3;
   --color-data-grid-hover-dark: #272f36;
   --color-data-grid-hover-dark-hc: #272f36;
+  --color-data-grid-hover-future-dark: #27272a;
+  --color-data-grid-hover-future-light: #f4f4f5;
   --color-data-grid-pressed-light: #eaeced;
   --color-data-grid-pressed-light-hc: #eaeced;
   --color-data-grid-pressed-dark: #2e363d;
   --color-data-grid-pressed-dark-hc: #2e363d;
+  --color-data-grid-pressed-future-dark: #3f3f46;
+  --color-data-grid-pressed-future-light: #e4e4e7;
   --color-focus-indicator-light: #0067df;
   --color-focus-indicator-light-hc: #00489d;
   --color-focus-indicator-dark: #66adff;
   --color-focus-indicator-dark-hc: #b2d2f3;
+  --color-focus-indicator-future-dark: #9f9fa9;
+  --color-focus-indicator-future-light: #52525c;
   --color-focus-indicator-inverse-light: #66adff;
   --color-focus-indicator-inverse-light-hc: #badaff;
   --color-focus-indicator-inverse-dark: #0067df;
   --color-focus-indicator-inverse-dark-hc: #0067df;
+  --color-focus-indicator-inverse-future-dark: #52525c;
+  --color-focus-indicator-inverse-future-light: #9f9fa9;
   --color-chart-purple-light: #933692;
   --color-chart-purple-light-hc: #8c338b;
   --color-chart-purple-dark: #b748b6;
   --color-chart-purple-dark-hc: #dc80db;
+  --color-chart-purple-future-dark: #a684ff;
+  --color-chart-purple-future-light: #7f22fe;
   --color-chart-pink-light: #ed145b;
   --color-chart-pink-light-hc: #d91153;
   --color-chart-pink-dark: #f25a8c;
   --color-chart-pink-dark-hc: #fd7da7;
+  --color-chart-pink-future-dark: #ff637e;
+  --color-chart-pink-future-light: #ec003f;
   --color-chart-blue-secondary-light: #42a1ff;
   --color-chart-blue-secondary-light-hc: #1976d2;
   --color-chart-blue-secondary-dark: #42a1ff;
   --color-chart-blue-secondary-dark-hc: #8cc2f8;
+  --color-chart-blue-secondary-future-dark: #00d3f2;
+  --color-chart-blue-secondary-future-light: #0092b8;
   --color-chart-light-blue-light: #38c6f4;
   --color-chart-light-blue-light-hc: #278aab;
   --color-chart-light-blue-dark: #44cffc;
   --color-chart-light-blue-dark-hc: #44cffc;
+  --color-chart-light-blue-future-dark: #00bcff;
+  --color-chart-light-blue-future-light: #0084d1;
   --color-chart-green-light: #6eb84a;
   --color-chart-green-light-hc: #038108;
   --color-chart-green-dark: #74c94b;
   --color-chart-green-dark-hc: #74c94b;
+  --color-chart-green-future-dark: #00d492;
+  --color-chart-green-future-light: #009966;
   --color-chart-yellow-light: #ffb40e;
   --color-chart-yellow-light-hc: #9e6100;
   --color-chart-yellow-dark: #ffbb27;
   --color-chart-yellow-dark-hc: #ffbb27;
+  --color-chart-yellow-future-dark: #ffb900;
+  --color-chart-yellow-future-light: #e17100;
   --color-gradient-general-start-light: #fafafb;
   --color-gradient-general-start-light-hc: #fafafb;
   --color-gradient-general-start-dark: #526069;
   --color-gradient-general-start-dark-hc: #526069;
+  --color-gradient-general-start-future-dark: #526069;
+  --color-gradient-general-start-future-light: #fafafb;
   --color-gradient-general-end-light: #ecedef;
   --color-gradient-general-end-light-hc: #ecedef;
   --color-gradient-general-end-dark: #323c42;
   --color-gradient-general-end-dark-hc: #323c42;
+  --color-gradient-general-end-future-dark: #323c42;
+  --color-gradient-general-end-future-light: #ecedef;
   --color-gradient-agent-start-light: #ffe0ff;
   --color-gradient-agent-start-light-hc: #ffe0ff;
   --color-gradient-agent-start-dark: #a280bc;
   --color-gradient-agent-start-dark-hc: #a280bc;
+  --color-gradient-agent-start-future-dark: #a280bc;
+  --color-gradient-agent-start-future-light: #ffe0ff;
   --color-gradient-agent-end-light: #cfd9ff;
   --color-gradient-agent-end-light-hc: #cfd9ff;
   --color-gradient-agent-end-dark: #577bae;
   --color-gradient-agent-end-dark-hc: #577bae;
+  --color-gradient-agent-end-future-dark: #577bae;
+  --color-gradient-agent-end-future-light: #cfd9ff;
   --color-gradient-invoked-start-light: #ddfbf1;
   --color-gradient-invoked-start-light-hc: #ddfbf1;
   --color-gradient-invoked-start-dark: #51868e;
   --color-gradient-invoked-start-dark-hc: #51868e;
+  --color-gradient-invoked-start-future-dark: #51868e;
+  --color-gradient-invoked-start-future-light: #ddfbf1;
   --color-gradient-invoked-end-light: #daf3ff;
   --color-gradient-invoked-end-light-hc: #daf3ff;
   --color-gradient-invoked-end-dark: #35667d;
   --color-gradient-invoked-end-dark-hc: #35667d;
+  --color-gradient-invoked-end-future-dark: #35667d;
+  --color-gradient-invoked-end-future-light: #daf3ff;
   --color-gradient-human-start-light: #f6faff;
   --color-gradient-human-start-light-hc: #f6faff;
   --color-gradient-human-start-dark: #6885ab;
   --color-gradient-human-start-dark-hc: #6885ab;
+  --color-gradient-human-start-future-dark: #6885ab;
+  --color-gradient-human-start-future-light: #f6faff;
   --color-gradient-human-end-light: #d8eeff;
   --color-gradient-human-end-light-hc: #d8eeff;
   --color-gradient-human-end-dark: #2b5372;
   --color-gradient-human-end-dark-hc: #2b5372;
+  --color-gradient-human-end-future-dark: #2b5372;
+  --color-gradient-human-end-future-light: #d8eeff;
+  --color-background-overlay-light: #f4f5f7;
+  --color-background-overlay-light-hc: #f4f5f7;
+  --color-background-overlay-dark: #374652;
+  --color-background-overlay-dark-hc: #374652;
+  --color-background-overlay-future-dark: #27272a;
+  --color-background-overlay-future-light: #e4e4e7;
+  --color-foreground-secondary-light: #182027;
+  --color-foreground-secondary-light-hc: #182027;
+  --color-foreground-secondary-dark: #f8f9fa;
+  --color-foreground-secondary-dark-hc: #f8f9fa;
+  --color-foreground-secondary-future-dark: #f4f4f5;
+  --color-foreground-secondary-future-light: #18181b;
+  --color-foreground-hover-light: #526069;
+  --color-foreground-hover-light-hc: #374652;
+  --color-foreground-hover-dark: #cfd8dd;
+  --color-foreground-hover-dark-hc: #cfd8dd;
+  --color-foreground-hover-future-dark: #d4d4d8;
+  --color-foreground-hover-future-light: #52525c;
+  --color-foreground-on-accent-light: #f8f9fa;
+  --color-foreground-on-accent-light-hc: #f8f9fa;
+  --color-foreground-on-accent-dark: #182027;
+  --color-foreground-on-accent-dark-hc: #182027;
+  --color-foreground-on-accent-future-dark: #09090b;
+  --color-foreground-on-accent-future-light: #09090b;
+  --color-primary-subtle-light: #badaff;
+  --color-primary-subtle-light-hc: #badaff;
+  --color-primary-subtle-dark: #00489d;
+  --color-primary-subtle-dark-hc: #00336f;
+  --color-primary-subtle-future-dark: #053345;
+  --color-primary-subtle-future-light: #ecfeff;
+  --color-border-muted-light: #f4f5f7;
+  --color-border-muted-light-hc: #f4f5f7;
+  --color-border-muted-dark: #273139;
+  --color-border-muted-dark-hc: #273139;
+  --color-border-muted-future-dark: #18181b;
+  --color-border-muted-future-light: #f4f4f5;
+  --color-border-deep-light: #f4f5f7;
+  --color-border-deep-light-hc: #f4f5f7;
+  --color-border-deep-dark: #273139;
+  --color-border-deep-dark-hc: #273139;
+  --color-border-deep-future-dark: #09090b;
+  --color-border-deep-future-light: #fafafa;
+  --color-border-inverse-light: #a4b1b8;
+  --color-border-inverse-light-hc: #6b7882;
+  --color-border-inverse-dark: #8a97a0;
+  --color-border-inverse-dark-hc: #bbc7cd;
+  --color-border-inverse-future-dark: #e4e4e7;
+  --color-border-inverse-future-light: #3f3f46;
+  --color-border-hover-light: #a4b1b8;
+  --color-border-hover-light-hc: #6b7882;
+  --color-border-hover-dark: #8a97a0;
+  --color-border-hover-dark-hc: #bbc7cd;
+  --color-border-hover-future-dark: #52525c;
+  --color-border-hover-future-light: #9f9fa9;
+  --color-zinc-50: #fafafa; /* tailwind zinc-50 (oklch(98.5% 0 0)) */
+  --color-zinc-100: #f4f4f5; /* tailwind zinc-100 (oklch(96.7% 0.001 286.375)) */
+  --color-zinc-200: #e4e4e7; /* tailwind zinc-200 (oklch(92% 0.004 286.32)) */
+  --color-zinc-300: #d4d4d8; /* tailwind zinc-300 (oklch(87.1% 0.006 286.286)) */
+  --color-zinc-400: #9f9fa9; /* tailwind zinc-400 (oklch(70.5% 0.015 286.067)) */
+  --color-zinc-500: #71717b; /* tailwind zinc-500 (oklch(55.2% 0.016 285.938)) */
+  --color-zinc-600: #52525c; /* tailwind zinc-600 (oklch(44.2% 0.017 285.786)) */
+  --color-zinc-700: #3f3f46; /* tailwind zinc-700 (oklch(37% 0.013 285.805)) */
+  --color-zinc-800: #27272a; /* tailwind zinc-800 (oklch(27.4% 0.006 286.033)) */
+  --color-zinc-900: #18181b; /* tailwind zinc-900 (oklch(21% 0.006 285.885)) */
+  --color-zinc-950: #09090b; /* tailwind zinc-950 (oklch(14.1% 0.005 285.823)) */
+  --color-cyan-50: #ecfeff; /* tailwind cyan-50 (oklch(98.4% 0.019 200.873)) */
+  --color-cyan-100: #cefafe; /* tailwind cyan-100 (oklch(95.6% 0.045 203.388)) */
+  --color-cyan-200: #a2f4fd; /* tailwind cyan-200 (oklch(91.7% 0.08 205.041)) */
+  --color-cyan-300: #53eafd; /* tailwind cyan-300 (oklch(86.5% 0.127 207.078)) */
+  --color-cyan-400: #00d3f2; /* tailwind cyan-400 (oklch(78.9% 0.154 211.53)) */
+  --color-cyan-500: #00b8db; /* tailwind cyan-500 (oklch(71.5% 0.143 215.221)) */
+  --color-cyan-600: #0092b8; /* tailwind cyan-600 (oklch(60.9% 0.126 221.723)) */
+  --color-cyan-700: #007595; /* tailwind cyan-700 (oklch(52% 0.105 223.128)) */
+  --color-cyan-800: #005f78; /* tailwind cyan-800 (oklch(45% 0.085 224.283)) */
+  --color-cyan-900: #104e64; /* tailwind cyan-900 (oklch(39.8% 0.07 227.392)) */
+  --color-cyan-950: #053345; /* tailwind cyan-950 (oklch(30.2% 0.056 229.695)) */
+  --color-emerald-50: #ecfdf5; /* tailwind emerald-50 (oklch(97.9% 0.021 166.113)) */
+  --color-emerald-100: #d0fae5; /* tailwind emerald-100 (oklch(95% 0.052 163.051)) */
+  --color-emerald-200: #a4f4cf; /* tailwind emerald-200 (oklch(90.5% 0.093 164.15)) */
+  --color-emerald-300: #5ee9b5; /* tailwind emerald-300 (oklch(84.5% 0.143 164.978)) */
+  --color-emerald-400: #00d492; /* tailwind emerald-400 (oklch(76.5% 0.177 163.223)) */
+  --color-emerald-500: #00bc7d; /* tailwind emerald-500 (oklch(69.6% 0.17 162.48)) */
+  --color-emerald-600: #009966; /* tailwind emerald-600 (oklch(59.6% 0.145 163.225)) */
+  --color-emerald-700: #007a55; /* tailwind emerald-700 (oklch(50.8% 0.118 165.612)) */
+  --color-emerald-800: #006045; /* tailwind emerald-800 (oklch(43.2% 0.095 166.913)) */
+  --color-emerald-900: #004f3b; /* tailwind emerald-900 (oklch(37.8% 0.077 168.94)) */
+  --color-emerald-950: #002c22; /* tailwind emerald-950 (oklch(26.2% 0.051 172.552)) */
+  --color-amber-50: #fffbeb; /* tailwind amber-50 (oklch(98.7% 0.022 95.277)) */
+  --color-amber-100: #fef3c6; /* tailwind amber-100 (oklch(96.2% 0.059 95.617)) */
+  --color-amber-200: #fee685; /* tailwind amber-200 (oklch(92.4% 0.12 95.746)) */
+  --color-amber-300: #ffd230; /* tailwind amber-300 (oklch(87.9% 0.169 91.605)) */
+  --color-amber-400: #ffb900; /* tailwind amber-400 (oklch(82.8% 0.189 84.429)) */
+  --color-amber-500: #fe9a00; /* tailwind amber-500 (oklch(76.9% 0.188 70.08)) */
+  --color-amber-600: #e17100; /* tailwind amber-600 (oklch(66.6% 0.179 58.318)) */
+  --color-amber-700: #bb4d00; /* tailwind amber-700 (oklch(55.5% 0.163 48.998)) */
+  --color-amber-800: #973c00; /* tailwind amber-800 (oklch(47.3% 0.137 46.201)) */
+  --color-amber-900: #7b3306; /* tailwind amber-900 (oklch(41.4% 0.112 45.904)) */
+  --color-amber-950: #461901; /* tailwind amber-950 (oklch(27.9% 0.077 45.635)) */
+  --color-violet-50: #f5f3ff; /* tailwind violet-50 (oklch(96.9% 0.016 293.756)) */
+  --color-violet-100: #ede9fe; /* tailwind violet-100 (oklch(94.3% 0.029 294.588)) */
+  --color-violet-200: #ddd6ff; /* tailwind violet-200 (oklch(89.4% 0.057 293.283)) */
+  --color-violet-300: #c4b4ff; /* tailwind violet-300 (oklch(81.1% 0.111 293.571)) */
+  --color-violet-400: #a684ff; /* tailwind violet-400 (oklch(70.2% 0.183 293.541)) */
+  --color-violet-500: #8e51ff; /* tailwind violet-500 (oklch(60.6% 0.25 292.717)) */
+  --color-violet-600: #7f22fe; /* tailwind violet-600 (oklch(54.1% 0.281 293.009)) */
+  --color-violet-700: #7008e7; /* tailwind violet-700 (oklch(49.1% 0.27 292.581)) */
+  --color-violet-800: #5d0ec0; /* tailwind violet-800 (oklch(43.2% 0.232 292.759)) */
+  --color-violet-900: #4d179a; /* tailwind violet-900 (oklch(38% 0.189 293.745)) */
+  --color-violet-950: #2f0d68; /* tailwind violet-950 (oklch(28.3% 0.141 291.089)) */
+  --color-rose-50: #fff1f2; /* tailwind rose-50 (oklch(96.9% 0.015 12.422)) */
+  --color-rose-100: #ffe4e6; /* tailwind rose-100 (oklch(94.1% 0.03 12.58)) */
+  --color-rose-200: #ffccd3; /* tailwind rose-200 (oklch(89.2% 0.058 10.001)) */
+  --color-rose-300: #ffa1ad; /* tailwind rose-300 (oklch(81% 0.117 11.638)) */
+  --color-rose-400: #ff637e; /* tailwind rose-400 (oklch(71.2% 0.194 13.428)) */
+  --color-rose-500: #ff2056; /* tailwind rose-500 (oklch(64.5% 0.246 16.439)) */
+  --color-rose-600: #ec003f; /* tailwind rose-600 (oklch(58.6% 0.253 17.585)) */
+  --color-rose-700: #c70036; /* tailwind rose-700 (oklch(51.4% 0.222 16.935)) */
+  --color-rose-800: #a50036; /* tailwind rose-800 (oklch(45.5% 0.188 13.697)) */
+  --color-rose-900: #8b0836; /* tailwind rose-900 (oklch(41% 0.159 10.272)) */
+  --color-rose-950: #4d0218; /* tailwind rose-950 (oklch(27.1% 0.105 12.094)) */
+  --color-sky-50: #f0f9ff; /* tailwind sky-50 (oklch(97.7% 0.013 236.62)) */
+  --color-sky-100: #dff2fe; /* tailwind sky-100 (oklch(95.1% 0.026 236.824)) */
+  --color-sky-200: #b8e6fe; /* tailwind sky-200 (oklch(90.1% 0.058 230.902)) */
+  --color-sky-300: #74d4ff; /* tailwind sky-300 (oklch(82.8% 0.111 230.318)) */
+  --color-sky-400: #00bcff; /* tailwind sky-400 (oklch(74.6% 0.16 232.661)) */
+  --color-sky-500: #00a6f4; /* tailwind sky-500 (oklch(68.5% 0.169 237.323)) */
+  --color-sky-600: #0084d1; /* tailwind sky-600 (oklch(58.8% 0.158 241.966)) */
+  --color-sky-700: #0069a8; /* tailwind sky-700 (oklch(50% 0.134 242.749)) */
+  --color-sky-800: #00598a; /* tailwind sky-800 (oklch(44.3% 0.11 240.79)) */
+  --color-sky-900: #024a70; /* tailwind sky-900 (oklch(39.1% 0.09 240.876)) */
+  --color-sky-950: #052f4a; /* tailwind sky-950 (oklch(29.3% 0.066 243.157)) */
   --shadow-highlight-light: inset 4px 0px 0px #0067df;
   --shadow-highlight-light-hc: inset 4px 0px 0px #00489d;
   --shadow-highlight-dark-hc: inset 4px 0px 0px #dae8fa;
@@ -961,6 +1331,8 @@
   --border-light-hc: 1px solid #6b7882;
   --border-dark: 1px solid #8a97a0;
   --border-dark-hc: 1px solid #bbc7cd;
+  --border-future-dark: 1px solid #3f3f46;
+  --border-future-light: 1px solid #d4d4d8;
   --border-thick-s: 1px;
   --border-thick-m: 2px;
   --border-thick-l: 4px;