@dialpad/dialtone-css 8.80.0-next.2 → 8.80.0-next.3

package/lib/dist/tokens/tokens-ceruleo-light.css

@@ -97,12 +97,13 @@
   --dt-badge-color-foreground-ai: var(--dt-color-neutral-white);
   --dt-badge-color-foreground-bulletin-subtle: var(--dt-color-purple-900);
   --dt-badge-color-foreground-bulletin: var(--dt-color-black-50);
+  --dt-badge-color-foreground-success: var(--dt-color-green-1000);
   --dt-badge-color-foreground-default: var(--dt-color-black-1000);
   --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-badge-color-background-bulletin-subtle: var(--dt-color-purple-200);
   --dt-badge-color-background-critical: var(--dt-color-red-200);
   --dt-badge-color-background-warning: var(--dt-color-gold-200);
-  --dt-badge-color-background-success: var(--dt-color-green-200);
+  --dt-badge-color-background-positive: var(--dt-color-green-200);
   --dt-badge-color-background-info: var(--dt-color-blue-200);
   --dt-avatar-color-foreground-dark: var(--dt-color-neutral-black); /* Text color for light avatar backgrounds (variants 6-9) */
   --dt-avatar-color-foreground-light: var(--dt-color-neutral-white); /* Text color for dark avatar backgrounds (variants 0-5) */
@@ -423,32 +424,44 @@
   --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
   --dt-color-border-focus: var(--dt-color-blue-500);
   --dt-color-border-brand-strong-inverted: var(--dt-color-purple-200);
+  --dt-color-border-info-strong-inverted: var(--dt-color-blue-200);
   --dt-color-border-warning-strong-inverted: var(--dt-color-gold-300);
   --dt-color-border-success-strong-inverted: var(--dt-color-green-500);
+  --dt-color-border-positive-strong-inverted: var(--dt-color-green-500);
   --dt-color-border-critical-strong-inverted: var(--dt-color-red-200);
   --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-600);
+  --dt-color-border-info-subtle-inverted: var(--dt-color-blue-900);
   --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-800);
   --dt-color-border-success-subtle-inverted: var(--dt-color-green-900);
+  --dt-color-border-positive-subtle-inverted: var(--dt-color-green-900);
   --dt-color-border-critical-subtle-inverted: var(--dt-color-red-900);
   --dt-color-border-brand-inverted: var(--dt-color-purple-400);
+  --dt-color-border-info-inverted: var(--dt-color-blue-300);
   --dt-color-border-warning-inverted: var(--dt-color-gold-500);
   --dt-color-border-success-inverted: var(--dt-color-green-500);
+  --dt-color-border-positive-inverted: var(--dt-color-green-500);
   --dt-color-border-critical-inverted: var(--dt-color-red-300);
   --dt-color-border-bold-inverted: oklch(1 0 0 / 0.5);
   --dt-color-border-moderate-inverted: oklch(1 0 0 / 0.35);
   --dt-color-border-default-inverted: oklch(1 0 0 / 0.2);
   --dt-color-border-subtle-inverted: oklch(1 0 0 / 0.12);
   --dt-color-border-brand-strong: var(--dt-color-purple-800);
+  --dt-color-border-info-strong: var(--dt-color-blue-800);
   --dt-color-border-warning-strong: var(--dt-color-gold-700);
   --dt-color-border-success-strong: var(--dt-color-green-900);
+  --dt-color-border-positive-strong: var(--dt-color-green-900);
   --dt-color-border-critical-strong: var(--dt-color-red-800);
   --dt-color-border-brand-subtle: var(--dt-color-purple-300);
+  --dt-color-border-info-subtle: var(--dt-color-blue-300);
   --dt-color-border-warning-subtle: var(--dt-color-gold-300);
   --dt-color-border-success-subtle: var(--dt-color-green-300);
+  --dt-color-border-positive-subtle: var(--dt-color-green-300);
   --dt-color-border-critical-subtle: var(--dt-color-red-300);
   --dt-color-border-brand: var(--dt-color-brand-purple);
+  --dt-color-border-info: var(--dt-color-blue-600);
   --dt-color-border-warning: var(--dt-color-gold-500);
   --dt-color-border-success: var(--dt-color-green-700);
+  --dt-color-border-positive: var(--dt-color-green-700);
   --dt-color-border-critical: var(--dt-color-red-600);
   --dt-color-border-bold: oklch(0.23 0 0 / 0.5);
   --dt-color-border-moderate: oklch(0.23 0 0 / 0.3);
@@ -458,12 +471,14 @@
   --dt-color-surface-backdrop: oklch(0 0 0 / 0.65); /* Background color for a modal-like backdrop. */
   --dt-color-surface-brand-subtle-opaque-inverted: oklch(0.16 0.08 292 / 0.66); /* Info surface as opaque background color. */
   --dt-color-surface-info-subtle-opaque-inverted: oklch(0.14 0.03 244 / 0.66); /* Info surface as opaque background color. */
-  --dt-color-surface-success-subtle-opaque-inverted: oklch(0.17 0.04 167 / 0.66); /* Success subtle surface as opaque background color. */
+  --dt-color-surface-success-subtle-opaque-inverted: oklch(0.21 0.05 162 / 0.66); /* Success subtle surface as opaque background color. */
+  --dt-color-surface-positive-subtle-opaque-inverted: oklch(0.21 0.05 162 / 0.66); /* Positive subtle surface as opaque background color. */
   --dt-color-surface-warning-subtle-opaque-inverted: oklch(0.2 0.04 76.1 / 0.3); /* Warning subtle surface as opaque background color */
   --dt-color-surface-critical-subtle-opaque-inverted: oklch(0.17 0.07 16.5 / 0.6); /* Critical subtle surface as opaque background color. */
   --dt-color-surface-brand-opaque-inverted: oklch(0.23 0.13 285 / 0.8); /* Info surface as opaque background color. */
   --dt-color-surface-info-opaque-inverted: oklch(0.22 0.05 248 / 0.6); /* Info surface as opaque background color. */
-  --dt-color-surface-success-opaque-inverted: oklch(0.37 0.08 151 / 0.3); /* Success surface as opaque background color. */
+  --dt-color-surface-success-opaque-inverted: oklch(0.34 0.08 157 / 0.3); /* Success surface as opaque background color. */
+  --dt-color-surface-positive-opaque-inverted: oklch(0.34 0.08 157 / 0.3); /* Positive surface as opaque background color. */
   --dt-color-surface-warning-opaque-inverted: oklch(0.35 0.07 68.3 / 0.35); /* Warning surface as opaque background color */
   --dt-color-surface-critical-opaque-inverted: oklch(0.32 0.13 12.4 / 0.5); /* Critical surface as opaque background color. */
   --dt-color-surface-contrast-opaque-inverted: oklch(1 0 0 / 0.97); /* Contrast surface as opaque background color. */
@@ -473,17 +488,19 @@
   --dt-color-surface-secondary-opaque-inverted: oklch(1 0 0 / 0.15); /* Secondary surface as opaque background color. */
   --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-200); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-info-strong-inverted: var(--dt-color-blue-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
-  --dt-color-surface-success-strong-inverted: var(--dt-color-green-300); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
+  --dt-color-surface-positive-strong-inverted: var(--dt-color-green-950); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-warning-strong-inverted: var(--dt-color-gold-300); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-critical-strong-inverted: var(--dt-color-red-300); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-brand-subtle-inverted: var(--dt-color-purple-1000); /* A softer version of the default informational surface. */
   --dt-color-surface-info-subtle-inverted: var(--dt-color-blue-1000); /* A softer version of the default informational surface. */
   --dt-color-surface-success-subtle-inverted: var(--dt-color-green-1000); /* A softer version of the default success surface. */
+  --dt-color-surface-positive-subtle-inverted: var(--dt-color-green-1000); /* A softer version of the default positive surface. */
   --dt-color-surface-warning-subtle-inverted: var(--dt-color-gold-1000); /* A softer version of the default warning surface. */
   --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
   --dt-color-surface-brand-inverted: var(--dt-color-purple-950); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-info-inverted: var(--dt-color-blue-950); /* Background surface color containing messaging or elements communicated as generally informational. */
-  --dt-color-surface-success-inverted: var(--dt-color-green-950); /* Background surface color containing messaging or elements expressing a positive or successful state. */
+  --dt-color-surface-success-inverted: var(--dt-color-green-900); /* Background surface color containing messaging or elements expressing a positive or successful state. */
+  --dt-color-surface-positive-inverted: var(--dt-color-green-900); /* Background surface color containing messaging or elements expressing a positive or successful state. */
   --dt-color-surface-warning-inverted: var(--dt-color-gold-950); /* Background surface color highlighting messaging or elements that may require user's attention. */
   --dt-color-surface-critical-inverted: var(--dt-color-red-950); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
   --dt-color-surface-contrast-inverted: var(--dt-color-black-100); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
@@ -494,12 +511,14 @@
   --dt-color-surface-primary-inverted: var(--dt-color-black-1000); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
   --dt-color-surface-brand-subtle-opaque: oklch(0.84 0.08 300 / 0.2); /* Info surface as opaque background color. */
   --dt-color-surface-info-subtle-opaque: oklch(0.96 0.01 248 / 0.5); /* Info surface as opaque background color. */
-  --dt-color-surface-success-subtle-opaque: oklch(0.96 0.04 133 / 0.5); /* Success subtle surface as opaque background color. */
+  --dt-color-surface-success-subtle-opaque: oklch(0.96 0.06 167 / 0.5); /* Success subtle surface as opaque background color. */
+  --dt-color-surface-positive-subtle-opaque: oklch(0.96 0.06 167 / 0.5); /* Positive subtle surface as opaque background color. */
   --dt-color-surface-warning-subtle-opaque: oklch(0.97 0.05 94.4 / 0.5); /* Warning subtle surface as opaque background color */
   --dt-color-surface-critical-subtle-opaque: oklch(0.93 0.03 15.2 / 0.5); /* Critical subtle surface as opaque background color. */
   --dt-color-surface-brand-opaque: oklch(0.84 0.08 300 / 0.27); /* Info surface as opaque background color. */
   --dt-color-surface-info-opaque: oklch(0.91 0.04 232 / 0.35); /* Info surface as opaque background color. */
-  --dt-color-surface-success-opaque: oklch(0.95 0.09 126 / 0.25); /* Success surface as opaque background color. */
+  --dt-color-surface-success-opaque: oklch(0.79 0.17 159 / 0.25); /* Success surface as opaque background color. */
+  --dt-color-surface-positive-opaque: oklch(0.79 0.17 159 / 0.25); /* Positive surface as opaque background color. */
   --dt-color-surface-warning-opaque: oklch(0.93 0.1 93.2 / 0.5); /* Warning surface as opaque background color */
   --dt-color-surface-critical-opaque: oklch(0.82 0.07 24.1 / 0.31); /* Critical surface as opaque background color. */
   --dt-color-surface-contrast-opaque: oklch(0.23 0 0 / 0.94); /* Contrast surface as opaque background color. */
@@ -509,17 +528,20 @@
   --dt-color-surface-secondary-opaque: oklch(0.23 0 0 / 0.02); /* Secondary surface as opaque background color. */
   --dt-color-surface-brand-strong: var(--dt-color-purple-600); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-info-strong: var(--dt-color-blue-800); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
-  --dt-color-surface-success-strong: var(--dt-color-green-800); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
+  --dt-color-surface-success-strong: var(--dt-color-green-600); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
+  --dt-color-surface-positive-strong: var(--dt-color-green-800); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-warning-strong: var(--dt-color-gold-400); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-critical-strong: var(--dt-color-red-600); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
   --dt-color-surface-info-subtle: var(--dt-color-blue-50); /* A softer version of the default informational surface. */
   --dt-color-surface-success-subtle: var(--dt-color-green-50); /* A softer version of the default success surface. */
+  --dt-color-surface-positive-subtle: var(--dt-color-green-50); /* A softer version of the default positive surface. */
   --dt-color-surface-warning-subtle: var(--dt-color-gold-50); /* A softer version of the default warning surface. */
   --dt-color-surface-critical-subtle: var(--dt-color-red-50); /* A softer version of the Critical surface. */
   --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
+  --dt-color-surface-positive: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
   --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
   --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
   --dt-color-surface-contrast: var(--dt-color-black-800); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
@@ -535,11 +557,13 @@
   --dt-color-link-warning-hover: var(--dt-color-gold-900);
   --dt-color-link-primary-hover: var(--dt-color-purple-800);
   --dt-color-link-primary: var(--dt-color-purple-600);
+  --dt-color-foreground-info-strong-inverted: var(--dt-color-blue-200); /* Info strong text that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-info-inverted: var(--dt-color-blue-300); /* Info text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-warning-inverted: var(--dt-color-gold-500); /* Warning text that sits on high-contrast surfaces or backgrounds */
-  --dt-color-foreground-success-strong-inverted: var(--dt-color-green-200); /* Success strong text that sits on high-contrast surfaces or backgrounds. */
-  --dt-color-foreground-success-inverted: var(--dt-color-green-300); /* Success text that sits on high-contrast surfaces or backgrounds. */
-  --dt-color-foreground-positive-strong-inverted: var(--dt-color-green-200); /* Positive strong text that sits on high-contrast surfaces or backgrounds. */
-  --dt-color-foreground-positive-inverted: var(--dt-color-green-300); /* Positive text that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-success-strong-inverted: var(--dt-color-green-50); /* Success strong text that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-success-inverted: var(--dt-color-green-200); /* Success text that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-positive-strong-inverted: var(--dt-color-green-50); /* Positive strong text that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-positive-inverted: var(--dt-color-green-200); /* Positive text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-critical-strong-inverted: var(--dt-color-red-200); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
   --dt-color-foreground-critical-inverted: var(--dt-color-red-300); /* Critical text that sits on high-contrast surfaces or backgrounds */
   --dt-color-foreground-disabled-inverted: var(--dt-color-black-400); /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
@@ -548,11 +572,13 @@
   --dt-color-foreground-tertiary-inverted: var(--dt-color-black-300); /* Tertiary text color that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-secondary-inverted: var(--dt-color-black-200); /* Secondary text color that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-primary-inverted: var(--dt-color-black-100); /* Primary text that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-info-strong: var(--dt-color-blue-900); /* Indicates a generally informational state on surfaces that require a stronger contrast. */
+  --dt-color-foreground-info: var(--dt-color-blue-800); /* Indicates a generally informational state. */
   --dt-color-foreground-warning: var(--dt-color-gold-800); /* Indicates information that requires user’s attention and further action may be necessary. */
-  --dt-color-foreground-success-strong: var(--dt-color-green-900); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
-  --dt-color-foreground-success: var(--dt-color-green-800); /* Indicates a positive state. */
-  --dt-color-foreground-positive-strong: var(--dt-color-green-900); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
-  --dt-color-foreground-positive: var(--dt-color-green-800); /* Indicates a positive state. */
+  --dt-color-foreground-success-strong: var(--dt-color-green-950); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
+  --dt-color-foreground-success: var(--dt-color-green-700); /* Indicates a positive state. */
+  --dt-color-foreground-positive-strong: var(--dt-color-green-950); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
+  --dt-color-foreground-positive: var(--dt-color-green-700); /* Indicates a positive state. */
   --dt-color-foreground-critical-strong: var(--dt-color-red-700); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
   --dt-color-foreground-critical: var(--dt-color-red-600); /* Expresses an error, danger, or otherwise critical state. */
   --dt-color-foreground-disabled: var(--dt-color-black-500); /* Used for text paired with disabled content or components, like the form elements. */
@@ -588,6 +614,7 @@
   --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
   --dt-badge-color-border-default: var(--dt-color-border-subtle);
   --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
+  --dt-badge-color-background-success: var(--dt-badge-color-background-positive);
   --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
   --dt-avatar-anchor-hue: var(--dt-shell-base-color-accent); /* Theme accent color used to derive avatar anchor hue. Transformed to OKLCH hue degrees at build time. */
   --dt-shell-presence-color-offline: var(--dt-presence-color-offline);
@@ -601,7 +628,7 @@
   --dt-shell-color-surface-default: var(--dt-shell-base-color-surface);
   --dt-shell-color-foreground-warning: oklch(0.68 0.12 88.4);
   --dt-shell-color-foreground-critical: oklch(0.58 0.14 25.3);
-  --dt-shell-color-foreground-positive: oklch(0.77 0.15 125);
+  --dt-shell-color-foreground-positive: oklch(0.72 0.14 162);
   --dt-shell-color-foreground-disabled: oklch(0.98 0.01 248 / 0.57);
   --dt-shell-color-foreground-muted: oklch(0.98 0.01 248 / 0.6);
   --dt-shell-color-foreground-strong: oklch(0.98 0.01 248);
@@ -645,13 +672,13 @@
   --dt-theme-topbar-field-color-foreground: oklch(0.23 0 0 / 0.5);
   --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
   --dt-theme-topbar-color-foreground: oklch(0.23 0 0 / 0.8);
-  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-success);
+  --dt-action-color-border-positive-outlined-default: var(--dt-color-border-positive);
   --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
   --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
   --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
   --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
-  --dt-action-color-background-positive-primary-active: oklch(0.47 0.15 147);
-  --dt-action-color-background-positive-hover: var(--dt-color-surface-success-opaque);
+  --dt-action-color-background-positive-primary-active: oklch(0.38 0.1 156);
+  --dt-action-color-background-positive-hover: var(--dt-color-surface-positive-opaque);
   --dt-action-color-background-disabled-default: var(--dt-color-surface-bold-opaque);
   --dt-action-color-background-muted-hover: var(--dt-color-surface-moderate-opaque);
   --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
@@ -668,7 +695,7 @@
   --dt-inputs-color-background-disabled: var(--dt-color-surface-moderate-opaque);
   --dt-inputs-color-background-default: var(--dt-color-surface-secondary-opaque);
   --dt-inputs-color-border-warning: var(--dt-color-border-warning);
-  --dt-inputs-color-border-success: var(--dt-color-border-success);
+  --dt-inputs-color-border-positive: var(--dt-color-border-positive);
   --dt-inputs-color-border-critical: var(--dt-color-border-critical);
   --dt-inputs-color-border-focus: var(--dt-color-border-focus);
   --dt-inputs-color-border-hover: var(--dt-color-border-moderate);
@@ -789,32 +816,40 @@
   --dt-color-chart-categorical-28: oklch(0.72 0.15 259);
   --dt-color-chart-categorical-26: oklch(0.74 0.18 388);
   --dt-color-chart-categorical-22: oklch(0.79 0.07 357);
-  --dt-color-chart-categorical-21: oklch(0.71 0.16 115);
+  --dt-color-chart-categorical-21: oklch(0.69 0.15 118);
   --dt-color-chart-categorical-20: oklch(0.72 0.15 259);
   --dt-color-chart-categorical-19: oklch(0.71 0.13 228);
   --dt-color-chart-categorical-18: oklch(0.69 0.17 83.2);
   --dt-color-chart-categorical-17: oklch(0.74 0.21 346);
-  --dt-color-chart-categorical-16: oklch(0.75 0.21 129);
+  --dt-color-chart-categorical-16: oklch(0.66 0.15 140);
   --dt-color-chart-categorical-15: oklch(0.75 0.17 402);
   --dt-color-chart-categorical-14: oklch(0.72 0.15 268);
-  --dt-color-chart-categorical-13: oklch(0.72 0.21 400);
+  --dt-color-chart-categorical-13: oklch(0.68 0.19 405);
   --dt-color-chart-categorical-12: oklch(0.69 0.19 332);
   --dt-color-surface-primary-opaque-inverted: oklch(0 0 0 / 0.85); /* Secondary surface as opaque background color. */
   --dt-color-surface-primary-opaque: oklch(1 0 0 / 0.96); /* Primary surface as opaque background color. */
   --dt-color-link-disabled-inverted-hover: var(--dt-color-foreground-disabled-inverted);
   --dt-color-link-disabled-inverted: var(--dt-color-foreground-disabled-inverted);
   --dt-color-link-muted-inverted: var(--dt-color-foreground-secondary-inverted);
+  --dt-color-link-info-inverted-hover: var(--dt-color-foreground-info-strong-inverted);
+  --dt-color-link-info-inverted: var(--dt-color-foreground-info-inverted);
   --dt-color-link-warning-inverted: var(--dt-color-foreground-warning-inverted);
   --dt-color-link-success-inverted-hover: var(--dt-color-foreground-positive-strong-inverted);
   --dt-color-link-success-inverted: var(--dt-color-foreground-positive-inverted);
+  --dt-color-link-positive-inverted-hover: var(--dt-color-foreground-positive-strong-inverted);
+  --dt-color-link-positive-inverted: var(--dt-color-foreground-positive-inverted);
   --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
   --dt-color-link-critical-inverted: var(--dt-color-foreground-critical-inverted);
   --dt-color-link-disabled: var(--dt-color-foreground-disabled);
   --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
   --dt-color-link-muted: var(--dt-color-foreground-secondary);
+  --dt-color-link-info-hover: var(--dt-color-foreground-info-strong);
+  --dt-color-link-info: var(--dt-color-foreground-info);
   --dt-color-link-warning: var(--dt-color-foreground-warning);
   --dt-color-link-success-hover: var(--dt-color-foreground-positive-strong);
   --dt-color-link-success: var(--dt-color-foreground-positive); /* positive */
+  --dt-color-link-positive-hover: var(--dt-color-foreground-positive-strong);
+  --dt-color-link-positive: var(--dt-color-foreground-positive); /* positive */
   --dt-color-link-critical-hover: var(--dt-color-foreground-critical-strong);
   --dt-color-link-critical: var(--dt-color-foreground-critical);
   --dt-icon-size-border-500: var(--dt-icon-size-border-400);
@@ -840,12 +875,12 @@
   --dt-theme-sidebar-icon-color-foreground: var(--dt-theme-sidebar-color-foreground);
   --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
   --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
-  --dt-action-color-background-positive-active: oklch(0.66 0.09 126 / 0.25);
+  --dt-action-color-background-positive-active: oklch(0.55 0.17 159 / 0.25);
   --dt-action-color-background-muted-active: oklch(0.23 0 0 / 0.14);
   --dt-action-color-background-critical-active: oklch(0.73 0.07 24.1 / 0.31);
   --dt-action-color-background-base-active: oklch(0.75 0.08 300 / 0.27);
-  --dt-action-color-foreground-positive-hover: var(--dt-color-link-success-hover);
-  --dt-action-color-foreground-positive-default: var(--dt-color-link-success);
+  --dt-action-color-foreground-positive-hover: var(--dt-color-link-positive-hover);
+  --dt-action-color-foreground-positive-default: var(--dt-color-link-positive);
   --dt-action-color-foreground-muted-hover: var(--dt-color-link-muted-hover);
   --dt-action-color-foreground-muted-default: var(--dt-color-link-muted);
   --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
@@ -853,6 +888,7 @@
   --dt-action-color-foreground-critical-hover: var(--dt-color-link-critical-hover);
   --dt-action-color-foreground-critical-default: var(--dt-color-link-critical);
   --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
+  --dt-inputs-color-border-success: var(--dt-inputs-color-border-positive);
   --dt-typography-button-xl-font-size: var(--dt-button-font-size-xl); /* Text style for extra large button */
   --dt-typography-button-lg-font-size: var(--dt-button-font-size-lg); /* Text style for large button */
   --dt-typography-button-md-font-size: var(--dt-button-font-size-md); /* Text style for medium button */
@@ -926,8 +962,8 @@
   --dt-color-chart-categorical-26-hover: oklch(0.63 0.18 388);
   --dt-color-chart-categorical-22-selected: oklch(0.55 0.07 357);
   --dt-color-chart-categorical-22-hover: oklch(0.67 0.07 357);
-  --dt-color-chart-categorical-21-selected: oklch(0.5 0.16 115);
-  --dt-color-chart-categorical-21-hover: oklch(0.6 0.16 115);
+  --dt-color-chart-categorical-21-selected: oklch(0.48 0.15 118);
+  --dt-color-chart-categorical-21-hover: oklch(0.59 0.15 118);
   --dt-color-chart-categorical-20-selected: oklch(0.5 0.15 259);
   --dt-color-chart-categorical-20-hover: oklch(0.61 0.15 259);
   --dt-color-chart-categorical-19-selected: oklch(0.5 0.13 228);
@@ -936,21 +972,21 @@
   --dt-color-chart-categorical-18-hover: oklch(0.59 0.17 83.2);
   --dt-color-chart-categorical-17-selected: oklch(0.52 0.21 346);
   --dt-color-chart-categorical-17-hover: oklch(0.63 0.21 346);
-  --dt-color-chart-categorical-16-selected: oklch(0.52 0.21 129);
-  --dt-color-chart-categorical-16-hover: oklch(0.64 0.21 129);
+  --dt-color-chart-categorical-16-selected: oklch(0.46 0.15 140);
+  --dt-color-chart-categorical-16-hover: oklch(0.56 0.15 140);
   --dt-color-chart-categorical-15-selected: oklch(0.52 0.17 402);
   --dt-color-chart-categorical-15-hover: oklch(0.64 0.17 402);
   --dt-color-chart-categorical-14-selected: oklch(0.5 0.15 268);
   --dt-color-chart-categorical-14-hover: oklch(0.61 0.15 268);
-  --dt-color-chart-categorical-13-selected: oklch(0.5 0.21 400);
-  --dt-color-chart-categorical-13-hover: oklch(0.61 0.21 400);
+  --dt-color-chart-categorical-13-selected: oklch(0.48 0.19 405);
+  --dt-color-chart-categorical-13-hover: oklch(0.58 0.19 405);
   --dt-color-chart-categorical-12-selected: oklch(0.48 0.19 332);
   --dt-color-chart-categorical-12-hover: oklch(0.59 0.19 332);
   --dt-color-chart-categorical-30: oklch(0.71 0.12 217);
   --dt-color-chart-categorical-29: oklch(0.7 0.17 416);
-  --dt-color-chart-categorical-27: oklch(0.74 0.19 163);
+  --dt-color-chart-categorical-27: oklch(0.67 0.14 171);
   --dt-color-chart-categorical-25: oklch(0.71 0.16 321);
-  --dt-color-chart-categorical-24: oklch(0.74 0.2 49.1);
+  --dt-color-chart-categorical-24: oklch(0.71 0.18 52.6);
   --dt-color-chart-categorical-23: oklch(0.71 0.18 353);
   --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
   --dt-shell-action-color-foreground-muted-selected: oklch(0.39 0.01 248 / 0.6);
@@ -963,12 +999,12 @@
   --dt-color-chart-categorical-30-hover: oklch(0.6 0.12 217);
   --dt-color-chart-categorical-29-selected: oklch(0.49 0.17 416);
   --dt-color-chart-categorical-29-hover: oklch(0.59 0.17 416);
-  --dt-color-chart-categorical-27-selected: oklch(0.52 0.19 163);
-  --dt-color-chart-categorical-27-hover: oklch(0.63 0.19 163);
+  --dt-color-chart-categorical-27-selected: oklch(0.47 0.14 171);
+  --dt-color-chart-categorical-27-hover: oklch(0.57 0.14 171);
   --dt-color-chart-categorical-25-selected: oklch(0.5 0.16 321);
   --dt-color-chart-categorical-25-hover: oklch(0.6 0.16 321);
-  --dt-color-chart-categorical-24-selected: oklch(0.52 0.2 49.1);
-  --dt-color-chart-categorical-24-hover: oklch(0.63 0.2 49.1);
+  --dt-color-chart-categorical-24-selected: oklch(0.5 0.18 52.6);
+  --dt-color-chart-categorical-24-hover: oklch(0.6 0.18 52.6);
   --dt-color-chart-categorical-23-selected: oklch(0.5 0.18 353);
   --dt-color-chart-categorical-23-hover: oklch(0.6 0.18 353);
   --dt-shell-action-color-foreground-muted-active: var(--dt-shell-action-color-foreground-muted-hover);

package/lib/dist/tokens/tokens-debug-base.css

@@ -197,12 +197,18 @@
   --dt-color-neutral-transparent: oklch(0.7 0.25 54.01); /* Transparent color independent of any theme. */
   --dt-color-neutral-black: oklch(0.7 0.25 54.01); /* Black color independent of any theme. */
   --dt-color-neutral-white: oklch(0.7 0.25 54.01); /* White color independent of any theme. */
+  --dt-layout-24px: 2.4rem; /* 24px */
+  --dt-layout-20px: 2rem; /* 20px */
+  --dt-layout-8px: 0.8rem; /* 8px */
+  --dt-layout-2px: 0.2rem; /* 2px */
+  --dt-layout-1px: 0.1rem; /* 1px */
   --dt-spacing-0-negative: 0rem;
   --dt-spacing-1: 0.1rem; /* 1px - Minimal spacing for borders/dividers */
   --dt-spacing-0: 0rem; /* 0px - No spacing */
   --dt-size-radius-circle: 50%;
   --dt-size-radius-pill: 10.2rem;
   --dt-size-radius-600: 3.2rem;
+  --dt-size-radius-550: 2.4rem;
   --dt-size-radius-500: 1.6rem;
   --dt-size-radius-450: 1.2rem;
   --dt-size-radius-400: 0.8rem;

package/lib/dist/tokens/tokens-debug-dp.css

@@ -95,12 +95,13 @@
   --dt-badge-color-foreground-ai: oklch(0.7 0.25 54.01);
   --dt-badge-color-foreground-bulletin-subtle: oklch(0.7 0.25 54.01);
   --dt-badge-color-foreground-bulletin: oklch(0.7 0.25 54.01);
+  --dt-badge-color-foreground-success: oklch(0.7 0.25 54.01);
   --dt-badge-color-foreground-default: oklch(0.7 0.25 54.01);
   --dt-badge-color-background-ai: oklch(0.7 0.25 54.01);
   --dt-badge-color-background-bulletin-subtle: oklch(0.7 0.25 54.01);
   --dt-badge-color-background-critical: oklch(0.7 0.25 54.01);
   --dt-badge-color-background-warning: oklch(0.7 0.25 54.01);
-  --dt-badge-color-background-success: oklch(0.7 0.25 54.01);
+  --dt-badge-color-background-positive: oklch(0.7 0.25 54.01);
   --dt-badge-color-background-info: oklch(0.7 0.25 54.01);
   --dt-avatar-color-foreground-dark: oklch(0.7 0.25 54.01); /* Text color for light avatar backgrounds (variants 6-9) */
   --dt-avatar-color-foreground-light: oklch(0.7 0.25 54.01); /* Text color for dark avatar backgrounds (variants 0-5) */
@@ -417,32 +418,44 @@
   --dt-color-border-ai: oklch(0.7 0.25 54.01);
   --dt-color-border-focus: oklch(0.7 0.25 54.01);
   --dt-color-border-brand-strong-inverted: oklch(0.7 0.25 54.01);
+  --dt-color-border-info-strong-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-warning-strong-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-success-strong-inverted: oklch(0.7 0.25 54.01);
+  --dt-color-border-positive-strong-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-critical-strong-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-brand-subtle-inverted: oklch(0.7 0.25 54.01);
+  --dt-color-border-info-subtle-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-warning-subtle-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-success-subtle-inverted: oklch(0.7 0.25 54.01);
+  --dt-color-border-positive-subtle-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-critical-subtle-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-brand-inverted: oklch(0.7 0.25 54.01);
+  --dt-color-border-info-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-warning-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-success-inverted: oklch(0.7 0.25 54.01);
+  --dt-color-border-positive-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-critical-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-bold-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-moderate-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-default-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-subtle-inverted: oklch(0.7 0.25 54.01);
   --dt-color-border-brand-strong: oklch(0.7 0.25 54.01);
+  --dt-color-border-info-strong: oklch(0.7 0.25 54.01);
   --dt-color-border-warning-strong: oklch(0.7 0.25 54.01);
   --dt-color-border-success-strong: oklch(0.7 0.25 54.01);
+  --dt-color-border-positive-strong: oklch(0.7 0.25 54.01);
   --dt-color-border-critical-strong: oklch(0.7 0.25 54.01);
   --dt-color-border-brand-subtle: oklch(0.7 0.25 54.01);
+  --dt-color-border-info-subtle: oklch(0.7 0.25 54.01);
   --dt-color-border-warning-subtle: oklch(0.7 0.25 54.01);
   --dt-color-border-success-subtle: oklch(0.7 0.25 54.01);
+  --dt-color-border-positive-subtle: oklch(0.7 0.25 54.01);
   --dt-color-border-critical-subtle: oklch(0.7 0.25 54.01);
   --dt-color-border-brand: oklch(0.7 0.25 54.01);
+  --dt-color-border-info: oklch(0.7 0.25 54.01);
   --dt-color-border-warning: oklch(0.7 0.25 54.01);
   --dt-color-border-success: oklch(0.7 0.25 54.01);
+  --dt-color-border-positive: oklch(0.7 0.25 54.01);
   --dt-color-border-critical: oklch(0.7 0.25 54.01);
   --dt-color-border-bold: oklch(0.7 0.25 54.01);
   --dt-color-border-moderate: oklch(0.7 0.25 54.01);
@@ -453,11 +466,13 @@
   --dt-color-surface-brand-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
   --dt-color-surface-info-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
   --dt-color-surface-success-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Success subtle surface as opaque background color. */
+  --dt-color-surface-positive-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Positive subtle surface as opaque background color. */
   --dt-color-surface-warning-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Warning subtle surface as opaque background color */
   --dt-color-surface-critical-subtle-opaque-inverted: oklch(0.7 0.25 54.01); /* Critical subtle surface as opaque background color. */
   --dt-color-surface-brand-opaque-inverted: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
   --dt-color-surface-info-opaque-inverted: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
   --dt-color-surface-success-opaque-inverted: oklch(0.7 0.25 54.01); /* Success surface as opaque background color. */
+  --dt-color-surface-positive-opaque-inverted: oklch(0.7 0.25 54.01); /* Positive surface as opaque background color. */
   --dt-color-surface-warning-opaque-inverted: oklch(0.7 0.25 54.01); /* Warning surface as opaque background color */
   --dt-color-surface-critical-opaque-inverted: oklch(0.7 0.25 54.01); /* Critical surface as opaque background color. */
   --dt-color-surface-contrast-opaque-inverted: oklch(0.7 0.25 54.01); /* Contrast surface as opaque background color. */
@@ -467,17 +482,19 @@
   --dt-color-surface-secondary-opaque-inverted: oklch(0.7 0.25 54.01); /* Secondary surface as opaque background color. */
   --dt-color-surface-brand-strong-inverted: oklch(0.7 0.25 54.01); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-info-strong-inverted: oklch(0.7 0.25 54.01); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
-  --dt-color-surface-success-strong-inverted: oklch(0.7 0.25 54.01); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
+  --dt-color-surface-positive-strong-inverted: oklch(0.7 0.25 54.01); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-warning-strong-inverted: oklch(0.7 0.25 54.01); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-critical-strong-inverted: oklch(0.7 0.25 54.01); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-brand-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the default informational surface. */
   --dt-color-surface-info-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the default informational surface. */
   --dt-color-surface-success-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the default success surface. */
+  --dt-color-surface-positive-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the default positive surface. */
   --dt-color-surface-warning-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the default warning surface. */
   --dt-color-surface-critical-subtle-inverted: oklch(0.7 0.25 54.01); /* A softer version of the Critical surface. */
   --dt-color-surface-brand-inverted: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-info-inverted: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-success-inverted: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements expressing a positive or successful state. */
+  --dt-color-surface-positive-inverted: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements expressing a positive or successful state. */
   --dt-color-surface-warning-inverted: oklch(0.7 0.25 54.01); /* Background surface color highlighting messaging or elements that may require user's attention. */
   --dt-color-surface-critical-inverted: oklch(0.7 0.25 54.01); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
   --dt-color-surface-contrast-inverted: oklch(0.7 0.25 54.01); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
@@ -489,11 +506,13 @@
   --dt-color-surface-brand-subtle-opaque: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
   --dt-color-surface-info-subtle-opaque: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
   --dt-color-surface-success-subtle-opaque: oklch(0.7 0.25 54.01); /* Success subtle surface as opaque background color. */
+  --dt-color-surface-positive-subtle-opaque: oklch(0.7 0.25 54.01); /* Positive subtle surface as opaque background color. */
   --dt-color-surface-warning-subtle-opaque: oklch(0.7 0.25 54.01); /* Warning subtle surface as opaque background color */
   --dt-color-surface-critical-subtle-opaque: oklch(0.7 0.25 54.01); /* Critical subtle surface as opaque background color. */
   --dt-color-surface-brand-opaque: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
   --dt-color-surface-info-opaque: oklch(0.7 0.25 54.01); /* Info surface as opaque background color. */
   --dt-color-surface-success-opaque: oklch(0.7 0.25 54.01); /* Success surface as opaque background color. */
+  --dt-color-surface-positive-opaque: oklch(0.7 0.25 54.01); /* Positive surface as opaque background color. */
   --dt-color-surface-warning-opaque: oklch(0.7 0.25 54.01); /* Warning surface as opaque background color */
   --dt-color-surface-critical-opaque: oklch(0.7 0.25 54.01); /* Critical surface as opaque background color. */
   --dt-color-surface-contrast-opaque: oklch(0.7 0.25 54.01); /* Contrast surface as opaque background color. */
@@ -504,16 +523,19 @@
   --dt-color-surface-brand-strong: oklch(0.7 0.25 54.01); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-info-strong: oklch(0.7 0.25 54.01); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-success-strong: oklch(0.7 0.25 54.01); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
+  --dt-color-surface-positive-strong: oklch(0.7 0.25 54.01); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-warning-strong: oklch(0.7 0.25 54.01); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-critical-strong: oklch(0.7 0.25 54.01); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
   --dt-color-surface-brand-subtle: oklch(0.7 0.25 54.01); /* A softer version of the default informational surface. */
   --dt-color-surface-info-subtle: oklch(0.7 0.25 54.01); /* A softer version of the default informational surface. */
   --dt-color-surface-success-subtle: oklch(0.7 0.25 54.01); /* A softer version of the default success surface. */
+  --dt-color-surface-positive-subtle: oklch(0.7 0.25 54.01); /* A softer version of the default positive surface. */
   --dt-color-surface-warning-subtle: oklch(0.7 0.25 54.01); /* A softer version of the default warning surface. */
   --dt-color-surface-critical-subtle: oklch(0.7 0.25 54.01); /* A softer version of the Critical surface. */
   --dt-color-surface-brand: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-info: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements communicated as generally informational. */
   --dt-color-surface-success: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements expressing a positive or successful state. */
+  --dt-color-surface-positive: oklch(0.7 0.25 54.01); /* Background surface color containing messaging or elements expressing a positive or successful state. */
   --dt-color-surface-warning: oklch(0.7 0.25 54.01); /* Background surface color highlighting messaging or elements that may require user's attention. */
   --dt-color-surface-critical: oklch(0.7 0.25 54.01); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
   --dt-color-surface-contrast: oklch(0.7 0.25 54.01); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
@@ -529,6 +551,8 @@
   --dt-color-link-warning-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-primary-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-primary: oklch(0.7 0.25 54.01);
+  --dt-color-foreground-info-strong-inverted: oklch(0.7 0.25 54.01); /* Info strong text that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-info-inverted: oklch(0.7 0.25 54.01); /* Info text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-warning-inverted: oklch(0.7 0.25 54.01); /* Warning text that sits on high-contrast surfaces or backgrounds */
   --dt-color-foreground-success-strong-inverted: oklch(0.7 0.25 54.01); /* Success strong text that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-success-inverted: oklch(0.7 0.25 54.01); /* Success text that sits on high-contrast surfaces or backgrounds. */
@@ -542,6 +566,8 @@
   --dt-color-foreground-tertiary-inverted: oklch(0.7 0.25 54.01); /* Tertiary text color that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-secondary-inverted: oklch(0.7 0.25 54.01); /* Secondary text color that sits on high-contrast surfaces or backgrounds. */
   --dt-color-foreground-primary-inverted: oklch(0.7 0.25 54.01); /* Primary text that sits on high-contrast surfaces or backgrounds. */
+  --dt-color-foreground-info-strong: oklch(0.7 0.25 54.01); /* Indicates a generally informational state on surfaces that require a stronger contrast. */
+  --dt-color-foreground-info: oklch(0.7 0.25 54.01); /* Indicates a generally informational state. */
   --dt-color-foreground-warning: oklch(0.7 0.25 54.01); /* Indicates information that requires user’s attention and further action may be necessary. */
   --dt-color-foreground-success-strong: oklch(0.7 0.25 54.01); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
   --dt-color-foreground-success: oklch(0.7 0.25 54.01); /* Indicates a positive state. */
@@ -582,6 +608,7 @@
   --dt-button-font-size-xs: var(--dt-font-size-100); /* Extra small Button text size */
   --dt-badge-color-border-default: oklch(0.7 0.25 54.01);
   --dt-badge-color-background-bulletin: oklch(0.7 0.25 54.01);
+  --dt-badge-color-background-success: oklch(0.7 0.25 54.01);
   --dt-badge-color-background-default: oklch(0.7 0.25 54.01);
   --dt-shell-presence-color-offline: oklch(0.7 0.25 54.01);
   --dt-shell-presence-color-busy: oklch(0.7 0.25 54.01);
@@ -660,7 +687,7 @@
   --dt-inputs-color-background-disabled: oklch(0.7 0.25 54.01);
   --dt-inputs-color-background-default: oklch(0.7 0.25 54.01);
   --dt-inputs-color-border-warning: oklch(0.7 0.25 54.01);
-  --dt-inputs-color-border-success: oklch(0.7 0.25 54.01);
+  --dt-inputs-color-border-positive: oklch(0.7 0.25 54.01);
   --dt-inputs-color-border-critical: oklch(0.7 0.25 54.01);
   --dt-inputs-color-border-focus: oklch(0.7 0.25 54.01);
   --dt-inputs-color-border-hover: oklch(0.7 0.25 54.01);
@@ -796,17 +823,25 @@
   --dt-color-link-disabled-inverted-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-disabled-inverted: oklch(0.7 0.25 54.01);
   --dt-color-link-muted-inverted: oklch(0.7 0.25 54.01);
+  --dt-color-link-info-inverted-hover: oklch(0.7 0.25 54.01);
+  --dt-color-link-info-inverted: oklch(0.7 0.25 54.01);
   --dt-color-link-warning-inverted: oklch(0.7 0.25 54.01);
   --dt-color-link-success-inverted-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-success-inverted: oklch(0.7 0.25 54.01);
+  --dt-color-link-positive-inverted-hover: oklch(0.7 0.25 54.01);
+  --dt-color-link-positive-inverted: oklch(0.7 0.25 54.01);
   --dt-color-link-critical-inverted-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-critical-inverted: oklch(0.7 0.25 54.01);
   --dt-color-link-disabled: oklch(0.7 0.25 54.01);
   --dt-color-link-muted-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-muted: oklch(0.7 0.25 54.01);
+  --dt-color-link-info-hover: oklch(0.7 0.25 54.01);
+  --dt-color-link-info: oklch(0.7 0.25 54.01);
   --dt-color-link-warning: oklch(0.7 0.25 54.01);
   --dt-color-link-success-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-success: oklch(0.7 0.25 54.01); /* positive */
+  --dt-color-link-positive-hover: oklch(0.7 0.25 54.01);
+  --dt-color-link-positive: oklch(0.7 0.25 54.01); /* positive */
   --dt-color-link-critical-hover: oklch(0.7 0.25 54.01);
   --dt-color-link-critical: oklch(0.7 0.25 54.01);
   --dt-icon-size-border-500: var(--dt-icon-size-border-400);
@@ -850,6 +885,7 @@
   --dt-action-color-foreground-critical-hover: oklch(0.7 0.25 54.01);
   --dt-action-color-foreground-critical-default: oklch(0.7 0.25 54.01);
   --dt-action-color-foreground-base-active: oklch(0.7 0.25 54.01);
+  --dt-inputs-color-border-success: oklch(0.7 0.25 54.01);
   --dt-typography-button-xl-font-size: var(--dt-button-font-size-xl); /* Text style for extra large button */
   --dt-typography-button-lg-font-size: var(--dt-button-font-size-lg); /* Text style for large button */
   --dt-typography-button-md-font-size: var(--dt-button-font-size-md); /* Text style for medium button */