@dialpad/dialtone 9.105.0 → 9.106.0-rebrand-2025-beta.1

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

@@ -83,14 +83,21 @@
   --dt-color-brand-gold-a: 100%;
   --dt-color-brand-gold-hsl: var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l);
   --dt-color-brand-gold-hsla: hsl(var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l) / var(--alpha, 100%));
-  --dt-color-brand-gold: #ff5c00; /* Secondary brand color, typically used as an accent color. */
+  --dt-color-brand-gold: #ff5c00; /* Typically used as an accent color. */
+  --dt-color-brand-red-h: 22;
+  --dt-color-brand-red-s: 100%;
+  --dt-color-brand-red-l: 50%;
+  --dt-color-brand-red-a: 100%;
+  --dt-color-brand-red-hsl: var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l);
+  --dt-color-brand-red-hsla: hsl(var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l) / var(--alpha, 100%));
+  --dt-color-brand-red: #ff5c00; /* Typically used as an accent color. */
   --dt-color-brand-magenta-h: 22;
   --dt-color-brand-magenta-s: 100%;
   --dt-color-brand-magenta-l: 50%;
   --dt-color-brand-magenta-a: 100%;
   --dt-color-brand-magenta-hsl: var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l);
   --dt-color-brand-magenta-hsla: hsl(var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l) / var(--alpha, 100%));
-  --dt-color-brand-magenta: #ff5c00; /* Secondary brand color, typically used as an accent color. */
+  --dt-color-brand-magenta: #ff5c00; /* Typically used as an accent color. */
   --dt-color-brand-purple-h: 22;
   --dt-color-brand-purple-s: 100%;
   --dt-color-brand-purple-l: 50%;
@@ -98,6 +105,48 @@
   --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
   --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
   --dt-color-brand-purple: #ff5c00; /* Primary brand color. */
+  --dt-color-tan-1000-h: 22;
+  --dt-color-tan-1000-s: 100%;
+  --dt-color-tan-1000-l: 50%;
+  --dt-color-tan-1000-a: 100%;
+  --dt-color-tan-1000-hsl: var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l);
+  --dt-color-tan-1000-hsla: hsl(var(--dt-color-tan-1000-h) var(--dt-color-tan-1000-s) var(--dt-color-tan-1000-l) / var(--alpha, 100%));
+  --dt-color-tan-1000: #ff5c00;
+  --dt-color-tan-950-h: 22;
+  --dt-color-tan-950-s: 100%;
+  --dt-color-tan-950-l: 50%;
+  --dt-color-tan-950-a: 100%;
+  --dt-color-tan-950-hsl: var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l);
+  --dt-color-tan-950-hsla: hsl(var(--dt-color-tan-950-h) var(--dt-color-tan-950-s) var(--dt-color-tan-950-l) / var(--alpha, 100%));
+  --dt-color-tan-950: #ff5c00;
+  --dt-color-tan-900-h: 22;
+  --dt-color-tan-900-s: 100%;
+  --dt-color-tan-900-l: 50%;
+  --dt-color-tan-900-a: 100%;
+  --dt-color-tan-900-hsl: var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l);
+  --dt-color-tan-900-hsla: hsl(var(--dt-color-tan-900-h) var(--dt-color-tan-900-s) var(--dt-color-tan-900-l) / var(--alpha, 100%));
+  --dt-color-tan-900: #ff5c00;
+  --dt-color-tan-800-h: 22;
+  --dt-color-tan-800-s: 100%;
+  --dt-color-tan-800-l: 50%;
+  --dt-color-tan-800-a: 100%;
+  --dt-color-tan-800-hsl: var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l);
+  --dt-color-tan-800-hsla: hsl(var(--dt-color-tan-800-h) var(--dt-color-tan-800-s) var(--dt-color-tan-800-l) / var(--alpha, 100%));
+  --dt-color-tan-800: #ff5c00;
+  --dt-color-tan-700-h: 22;
+  --dt-color-tan-700-s: 100%;
+  --dt-color-tan-700-l: 50%;
+  --dt-color-tan-700-a: 100%;
+  --dt-color-tan-700-hsl: var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l);
+  --dt-color-tan-700-hsla: hsl(var(--dt-color-tan-700-h) var(--dt-color-tan-700-s) var(--dt-color-tan-700-l) / var(--alpha, 100%));
+  --dt-color-tan-700: #ff5c00;
+  --dt-color-tan-600-h: 22;
+  --dt-color-tan-600-s: 100%;
+  --dt-color-tan-600-l: 50%;
+  --dt-color-tan-600-a: 100%;
+  --dt-color-tan-600-hsl: var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l);
+  --dt-color-tan-600-hsla: hsl(var(--dt-color-tan-600-h) var(--dt-color-tan-600-s) var(--dt-color-tan-600-l) / var(--alpha, 100%));
+  --dt-color-tan-600: #ff5c00;
   --dt-color-tan-500-h: 22;
   --dt-color-tan-500-s: 100%;
   --dt-color-tan-500-l: 50%;
@@ -133,6 +182,41 @@
   --dt-color-tan-100-hsl: var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l);
   --dt-color-tan-100-hsla: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--alpha, 100%));
   --dt-color-tan-100: #ff5c00;
+  --dt-color-tan-50-h: 22;
+  --dt-color-tan-50-s: 100%;
+  --dt-color-tan-50-l: 50%;
+  --dt-color-tan-50-a: 100%;
+  --dt-color-tan-50-hsl: var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l);
+  --dt-color-tan-50-hsla: hsl(var(--dt-color-tan-50-h) var(--dt-color-tan-50-s) var(--dt-color-tan-50-l) / var(--alpha, 100%));
+  --dt-color-tan-50: #ff5c00;
+  --dt-color-red-1000-h: 22;
+  --dt-color-red-1000-s: 100%;
+  --dt-color-red-1000-l: 50%;
+  --dt-color-red-1000-a: 100%;
+  --dt-color-red-1000-hsl: var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l);
+  --dt-color-red-1000-hsla: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--alpha, 100%));
+  --dt-color-red-1000: #ff5c00;
+  --dt-color-red-900-h: 22;
+  --dt-color-red-900-s: 100%;
+  --dt-color-red-900-l: 50%;
+  --dt-color-red-900-a: 100%;
+  --dt-color-red-900-hsl: var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l);
+  --dt-color-red-900-hsla: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--alpha, 100%));
+  --dt-color-red-900: #ff5c00;
+  --dt-color-red-700-h: 22;
+  --dt-color-red-700-s: 100%;
+  --dt-color-red-700-l: 50%;
+  --dt-color-red-700-a: 100%;
+  --dt-color-red-700-hsl: var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l);
+  --dt-color-red-700-hsla: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--alpha, 100%));
+  --dt-color-red-700: #ff5c00;
+  --dt-color-red-600-h: 22;
+  --dt-color-red-600-s: 100%;
+  --dt-color-red-600-l: 50%;
+  --dt-color-red-600-a: 100%;
+  --dt-color-red-600-hsl: var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l);
+  --dt-color-red-600-hsla: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--alpha, 100%));
+  --dt-color-red-600: #ff5c00;
   --dt-color-red-500-h: 22;
   --dt-color-red-500-s: 100%;
   --dt-color-red-500-l: 50%;
@@ -140,6 +224,13 @@
   --dt-color-red-500-hsl: var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l);
   --dt-color-red-500-hsla: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--alpha, 100%));
   --dt-color-red-500: #ff5c00;
+  --dt-color-red-450-h: 22;
+  --dt-color-red-450-s: 100%;
+  --dt-color-red-450-l: 50%;
+  --dt-color-red-450-a: 100%;
+  --dt-color-red-450-hsl: var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l);
+  --dt-color-red-450-hsla: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--alpha, 100%));
+  --dt-color-red-450: #ff5c00;
   --dt-color-red-400-h: 22;
   --dt-color-red-400-s: 100%;
   --dt-color-red-400-l: 50%;
@@ -147,6 +238,13 @@
   --dt-color-red-400-hsl: var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l);
   --dt-color-red-400-hsla: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--alpha, 100%));
   --dt-color-red-400: #ff5c00;
+  --dt-color-red-350-h: 22;
+  --dt-color-red-350-s: 100%;
+  --dt-color-red-350-l: 50%;
+  --dt-color-red-350-a: 100%;
+  --dt-color-red-350-hsl: var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l);
+  --dt-color-red-350-hsla: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--alpha, 100%));
+  --dt-color-red-350: #ff5c00;
   --dt-color-red-300-h: 22;
   --dt-color-red-300-s: 100%;
   --dt-color-red-300-l: 50%;
@@ -168,6 +266,34 @@
   --dt-color-red-100-hsl: var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l);
   --dt-color-red-100-hsla: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--alpha, 100%));
   --dt-color-red-100: #ff5c00;
+  --dt-color-red-50-h: 22;
+  --dt-color-red-50-s: 100%;
+  --dt-color-red-50-l: 50%;
+  --dt-color-red-50-a: 100%;
+  --dt-color-red-50-hsl: var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l);
+  --dt-color-red-50-hsla: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--alpha, 100%));
+  --dt-color-red-50: #ff5c00;
+  --dt-color-green-1000-h: 22;
+  --dt-color-green-1000-s: 100%;
+  --dt-color-green-1000-l: 50%;
+  --dt-color-green-1000-a: 100%;
+  --dt-color-green-1000-hsl: var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l);
+  --dt-color-green-1000-hsla: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--alpha, 100%));
+  --dt-color-green-1000: #ff5c00;
+  --dt-color-green-900-h: 22;
+  --dt-color-green-900-s: 100%;
+  --dt-color-green-900-l: 50%;
+  --dt-color-green-900-a: 100%;
+  --dt-color-green-900-hsl: var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l);
+  --dt-color-green-900-hsla: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--alpha, 100%));
+  --dt-color-green-900: #ff5c00;
+  --dt-color-green-600-h: 22;
+  --dt-color-green-600-s: 100%;
+  --dt-color-green-600-l: 50%;
+  --dt-color-green-600-a: 100%;
+  --dt-color-green-600-hsl: var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l);
+  --dt-color-green-600-hsla: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--alpha, 100%));
+  --dt-color-green-600: #ff5c00;
   --dt-color-green-500-h: 22;
   --dt-color-green-500-s: 100%;
   --dt-color-green-500-l: 50%;
@@ -175,6 +301,20 @@
   --dt-color-green-500-hsl: var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l);
   --dt-color-green-500-hsla: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--alpha, 100%));
   --dt-color-green-500: #ff5c00;
+  --dt-color-green-475-h: 22;
+  --dt-color-green-475-s: 100%;
+  --dt-color-green-475-l: 50%;
+  --dt-color-green-475-a: 100%;
+  --dt-color-green-475-hsl: var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l);
+  --dt-color-green-475-hsla: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--alpha, 100%));
+  --dt-color-green-475: #ff5c00;
+  --dt-color-green-425-h: 22;
+  --dt-color-green-425-s: 100%;
+  --dt-color-green-425-l: 50%;
+  --dt-color-green-425-a: 100%;
+  --dt-color-green-425-hsl: var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l);
+  --dt-color-green-425-hsla: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--alpha, 100%));
+  --dt-color-green-425: #ff5c00;
   --dt-color-green-400-h: 22;
   --dt-color-green-400-s: 100%;
   --dt-color-green-400-l: 50%;
@@ -182,6 +322,13 @@
   --dt-color-green-400-hsl: var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l);
   --dt-color-green-400-hsla: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--alpha, 100%));
   --dt-color-green-400: #ff5c00;
+  --dt-color-green-350-h: 22;
+  --dt-color-green-350-s: 100%;
+  --dt-color-green-350-l: 50%;
+  --dt-color-green-350-a: 100%;
+  --dt-color-green-350-hsl: var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l);
+  --dt-color-green-350-hsla: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--alpha, 100%));
+  --dt-color-green-350: #ff5c00;
   --dt-color-green-300-h: 22;
   --dt-color-green-300-s: 100%;
   --dt-color-green-300-l: 50%;
@@ -203,6 +350,41 @@
   --dt-color-green-100-hsl: var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l);
   --dt-color-green-100-hsla: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--alpha, 100%));
   --dt-color-green-100: #ff5c00;
+  --dt-color-green-50-h: 22;
+  --dt-color-green-50-s: 100%;
+  --dt-color-green-50-l: 50%;
+  --dt-color-green-50-a: 100%;
+  --dt-color-green-50-hsl: var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l);
+  --dt-color-green-50-hsla: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--alpha, 100%));
+  --dt-color-green-50: #ff5c00;
+  --dt-color-gold-1000-h: 22;
+  --dt-color-gold-1000-s: 100%;
+  --dt-color-gold-1000-l: 50%;
+  --dt-color-gold-1000-a: 100%;
+  --dt-color-gold-1000-hsl: var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l);
+  --dt-color-gold-1000-hsla: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--alpha, 100%));
+  --dt-color-gold-1000: #ff5c00;
+  --dt-color-gold-900-h: 22;
+  --dt-color-gold-900-s: 100%;
+  --dt-color-gold-900-l: 50%;
+  --dt-color-gold-900-a: 100%;
+  --dt-color-gold-900-hsl: var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l);
+  --dt-color-gold-900-hsla: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--alpha, 100%));
+  --dt-color-gold-900: #ff5c00;
+  --dt-color-gold-700-h: 22;
+  --dt-color-gold-700-s: 100%;
+  --dt-color-gold-700-l: 50%;
+  --dt-color-gold-700-a: 100%;
+  --dt-color-gold-700-hsl: var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l);
+  --dt-color-gold-700-hsla: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--alpha, 100%));
+  --dt-color-gold-700: #ff5c00;
+  --dt-color-gold-600-h: 22;
+  --dt-color-gold-600-s: 100%;
+  --dt-color-gold-600-l: 50%;
+  --dt-color-gold-600-a: 100%;
+  --dt-color-gold-600-hsl: var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l);
+  --dt-color-gold-600-hsla: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--alpha, 100%));
+  --dt-color-gold-600: #ff5c00;
   --dt-color-gold-500-h: 22;
   --dt-color-gold-500-s: 100%;
   --dt-color-gold-500-l: 50%;
@@ -210,6 +392,13 @@
   --dt-color-gold-500-hsl: var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l);
   --dt-color-gold-500-hsla: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--alpha, 100%));
   --dt-color-gold-500: #ff5c00;
+  --dt-color-gold-450-h: 22;
+  --dt-color-gold-450-s: 100%;
+  --dt-color-gold-450-l: 50%;
+  --dt-color-gold-450-a: 100%;
+  --dt-color-gold-450-hsl: var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l);
+  --dt-color-gold-450-hsla: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--alpha, 100%));
+  --dt-color-gold-450: #ff5c00;
   --dt-color-gold-400-h: 22;
   --dt-color-gold-400-s: 100%;
   --dt-color-gold-400-l: 50%;
@@ -217,6 +406,13 @@
   --dt-color-gold-400-hsl: var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l);
   --dt-color-gold-400-hsla: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--alpha, 100%));
   --dt-color-gold-400: #ff5c00;
+  --dt-color-gold-350-h: 22;
+  --dt-color-gold-350-s: 100%;
+  --dt-color-gold-350-l: 50%;
+  --dt-color-gold-350-a: 100%;
+  --dt-color-gold-350-hsl: var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l);
+  --dt-color-gold-350-hsla: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--alpha, 100%));
+  --dt-color-gold-350: #ff5c00;
   --dt-color-gold-300-h: 22;
   --dt-color-gold-300-s: 100%;
   --dt-color-gold-300-l: 50%;
@@ -238,6 +434,34 @@
   --dt-color-gold-100-hsl: var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l);
   --dt-color-gold-100-hsla: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--alpha, 100%));
   --dt-color-gold-100: #ff5c00;
+  --dt-color-gold-50-h: 22;
+  --dt-color-gold-50-s: 100%;
+  --dt-color-gold-50-l: 50%;
+  --dt-color-gold-50-a: 100%;
+  --dt-color-gold-50-hsl: var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l);
+  --dt-color-gold-50-hsla: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--alpha, 100%));
+  --dt-color-gold-50: #ff5c00;
+  --dt-color-magenta-1000-h: 22;
+  --dt-color-magenta-1000-s: 100%;
+  --dt-color-magenta-1000-l: 50%;
+  --dt-color-magenta-1000-a: 100%;
+  --dt-color-magenta-1000-hsl: var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l);
+  --dt-color-magenta-1000-hsla: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--alpha, 100%));
+  --dt-color-magenta-1000: #ff5c00;
+  --dt-color-magenta-900-h: 22;
+  --dt-color-magenta-900-s: 100%;
+  --dt-color-magenta-900-l: 50%;
+  --dt-color-magenta-900-a: 100%;
+  --dt-color-magenta-900-hsl: var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l);
+  --dt-color-magenta-900-hsla: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--alpha, 100%));
+  --dt-color-magenta-900: #ff5c00;
+  --dt-color-magenta-600-h: 22;
+  --dt-color-magenta-600-s: 100%;
+  --dt-color-magenta-600-l: 50%;
+  --dt-color-magenta-600-a: 100%;
+  --dt-color-magenta-600-hsl: var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l);
+  --dt-color-magenta-600-hsla: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--alpha, 100%));
+  --dt-color-magenta-600: #ff5c00;
   --dt-color-magenta-500-h: 22;
   --dt-color-magenta-500-s: 100%;
   --dt-color-magenta-500-l: 50%;
@@ -245,6 +469,20 @@
   --dt-color-magenta-500-hsl: var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l);
   --dt-color-magenta-500-hsla: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--alpha, 100%));
   --dt-color-magenta-500: #ff5c00;
+  --dt-color-magenta-475-h: 22;
+  --dt-color-magenta-475-s: 100%;
+  --dt-color-magenta-475-l: 50%;
+  --dt-color-magenta-475-a: 100%;
+  --dt-color-magenta-475-hsl: var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l);
+  --dt-color-magenta-475-hsla: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--alpha, 100%));
+  --dt-color-magenta-475: #ff5c00;
+  --dt-color-magenta-425-h: 22;
+  --dt-color-magenta-425-s: 100%;
+  --dt-color-magenta-425-l: 50%;
+  --dt-color-magenta-425-a: 100%;
+  --dt-color-magenta-425-hsl: var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l);
+  --dt-color-magenta-425-hsla: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--alpha, 100%));
+  --dt-color-magenta-425: #ff5c00;
   --dt-color-magenta-400-h: 22;
   --dt-color-magenta-400-s: 100%;
   --dt-color-magenta-400-l: 50%;
@@ -259,6 +497,13 @@
   --dt-color-magenta-300-hsl: var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l);
   --dt-color-magenta-300-hsla: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--alpha, 100%));
   --dt-color-magenta-300: #ff5c00;
+  --dt-color-magenta-250-h: 22;
+  --dt-color-magenta-250-s: 100%;
+  --dt-color-magenta-250-l: 50%;
+  --dt-color-magenta-250-a: 100%;
+  --dt-color-magenta-250-hsl: var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l);
+  --dt-color-magenta-250-hsla: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--alpha, 100%));
+  --dt-color-magenta-250: #ff5c00;
   --dt-color-magenta-200-h: 22;
   --dt-color-magenta-200-s: 100%;
   --dt-color-magenta-200-l: 50%;
@@ -273,6 +518,34 @@
   --dt-color-magenta-100-hsl: var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l);
   --dt-color-magenta-100-hsla: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--alpha, 100%));
   --dt-color-magenta-100: #ff5c00;
+  --dt-color-magenta-50-h: 22;
+  --dt-color-magenta-50-s: 100%;
+  --dt-color-magenta-50-l: 50%;
+  --dt-color-magenta-50-a: 100%;
+  --dt-color-magenta-50-hsl: var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l);
+  --dt-color-magenta-50-hsla: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--alpha, 100%));
+  --dt-color-magenta-50: #ff5c00;
+  --dt-color-blue-1000-h: 22;
+  --dt-color-blue-1000-s: 100%;
+  --dt-color-blue-1000-l: 50%;
+  --dt-color-blue-1000-a: 100%;
+  --dt-color-blue-1000-hsl: var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l);
+  --dt-color-blue-1000-hsla: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--alpha, 100%));
+  --dt-color-blue-1000: #ff5c00;
+  --dt-color-blue-900-h: 22;
+  --dt-color-blue-900-s: 100%;
+  --dt-color-blue-900-l: 50%;
+  --dt-color-blue-900-a: 100%;
+  --dt-color-blue-900-hsl: var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l);
+  --dt-color-blue-900-hsla: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--alpha, 100%));
+  --dt-color-blue-900: #ff5c00;
+  --dt-color-blue-600-h: 22;
+  --dt-color-blue-600-s: 100%;
+  --dt-color-blue-600-l: 50%;
+  --dt-color-blue-600-a: 100%;
+  --dt-color-blue-600-hsl: var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l);
+  --dt-color-blue-600-hsla: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--alpha, 100%));
+  --dt-color-blue-600: #ff5c00;
   --dt-color-blue-500-h: 22;
   --dt-color-blue-500-s: 100%;
   --dt-color-blue-500-l: 50%;
@@ -280,6 +553,27 @@
   --dt-color-blue-500-hsl: var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l);
   --dt-color-blue-500-hsla: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--alpha, 100%));
   --dt-color-blue-500: #ff5c00;
+  --dt-color-blue-475-h: 22;
+  --dt-color-blue-475-s: 100%;
+  --dt-color-blue-475-l: 50%;
+  --dt-color-blue-475-a: 100%;
+  --dt-color-blue-475-hsl: var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l);
+  --dt-color-blue-475-hsla: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--alpha, 100%));
+  --dt-color-blue-475: #ff5c00;
+  --dt-color-blue-450-h: 22;
+  --dt-color-blue-450-s: 100%;
+  --dt-color-blue-450-l: 50%;
+  --dt-color-blue-450-a: 100%;
+  --dt-color-blue-450-hsl: var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l);
+  --dt-color-blue-450-hsla: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--alpha, 100%));
+  --dt-color-blue-450: #ff5c00;
+  --dt-color-blue-425-h: 22;
+  --dt-color-blue-425-s: 100%;
+  --dt-color-blue-425-l: 50%;
+  --dt-color-blue-425-a: 100%;
+  --dt-color-blue-425-hsl: var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l);
+  --dt-color-blue-425-hsla: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--alpha, 100%));
+  --dt-color-blue-425: #ff5c00;
   --dt-color-blue-400-h: 22;
   --dt-color-blue-400-s: 100%;
   --dt-color-blue-400-l: 50%;
@@ -308,6 +602,20 @@
   --dt-color-blue-100-hsl: var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l);
   --dt-color-blue-100-hsla: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--alpha, 100%));
   --dt-color-blue-100: #ff5c00;
+  --dt-color-blue-50-h: 22;
+  --dt-color-blue-50-s: 100%;
+  --dt-color-blue-50-l: 50%;
+  --dt-color-blue-50-a: 100%;
+  --dt-color-blue-50-hsl: var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l);
+  --dt-color-blue-50-hsla: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--alpha, 100%));
+  --dt-color-blue-50: #ff5c00;
+  --dt-color-purple-1000-h: 22;
+  --dt-color-purple-1000-s: 100%;
+  --dt-color-purple-1000-l: 50%;
+  --dt-color-purple-1000-a: 100%;
+  --dt-color-purple-1000-hsl: var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l);
+  --dt-color-purple-1000-hsla: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--alpha, 100%));
+  --dt-color-purple-1000: #ff5c00;
   --dt-color-purple-600-h: 22;
   --dt-color-purple-600-s: 100%;
   --dt-color-purple-600-l: 50%;
@@ -315,6 +623,13 @@
   --dt-color-purple-600-hsl: var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l);
   --dt-color-purple-600-hsla: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--alpha, 100%));
   --dt-color-purple-600: #ff5c00;
+  --dt-color-purple-550-h: 22;
+  --dt-color-purple-550-s: 100%;
+  --dt-color-purple-550-l: 50%;
+  --dt-color-purple-550-a: 100%;
+  --dt-color-purple-550-hsl: var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l);
+  --dt-color-purple-550-hsla: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--alpha, 100%));
+  --dt-color-purple-550: #ff5c00;
   --dt-color-purple-500-h: 22;
   --dt-color-purple-500-s: 100%;
   --dt-color-purple-500-l: 50%;
@@ -322,6 +637,13 @@
   --dt-color-purple-500-hsl: var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l);
   --dt-color-purple-500-hsla: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--alpha, 100%));
   --dt-color-purple-500: #ff5c00;
+  --dt-color-purple-450-h: 22;
+  --dt-color-purple-450-s: 100%;
+  --dt-color-purple-450-l: 50%;
+  --dt-color-purple-450-a: 100%;
+  --dt-color-purple-450-hsl: var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l);
+  --dt-color-purple-450-hsla: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--alpha, 100%));
+  --dt-color-purple-450: #ff5c00;
   --dt-color-purple-400-h: 22;
   --dt-color-purple-400-s: 100%;
   --dt-color-purple-400-l: 50%;
@@ -329,6 +651,13 @@
   --dt-color-purple-400-hsl: var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l);
   --dt-color-purple-400-hsla: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--alpha, 100%));
   --dt-color-purple-400: #ff5c00;
+  --dt-color-purple-350-h: 22;
+  --dt-color-purple-350-s: 100%;
+  --dt-color-purple-350-l: 50%;
+  --dt-color-purple-350-a: 100%;
+  --dt-color-purple-350-hsl: var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l);
+  --dt-color-purple-350-hsla: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--alpha, 100%));
+  --dt-color-purple-350: #ff5c00;
   --dt-color-purple-300-h: 22;
   --dt-color-purple-300-s: 100%;
   --dt-color-purple-300-l: 50%;
@@ -336,6 +665,13 @@
   --dt-color-purple-300-hsl: var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l);
   --dt-color-purple-300-hsla: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--alpha, 100%));
   --dt-color-purple-300: #ff5c00;
+  --dt-color-purple-250-h: 22;
+  --dt-color-purple-250-s: 100%;
+  --dt-color-purple-250-l: 50%;
+  --dt-color-purple-250-a: 100%;
+  --dt-color-purple-250-hsl: var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l);
+  --dt-color-purple-250-hsla: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--alpha, 100%));
+  --dt-color-purple-250: #ff5c00;
   --dt-color-purple-200-h: 22;
   --dt-color-purple-200-s: 100%;
   --dt-color-purple-200-l: 50%;
@@ -350,6 +686,27 @@
   --dt-color-purple-100-hsl: var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l);
   --dt-color-purple-100-hsla: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--alpha, 100%));
   --dt-color-purple-100: #ff5c00;
+  --dt-color-purple-50-h: 22;
+  --dt-color-purple-50-s: 100%;
+  --dt-color-purple-50-l: 50%;
+  --dt-color-purple-50-a: 100%;
+  --dt-color-purple-50-hsl: var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l);
+  --dt-color-purple-50-hsla: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--alpha, 100%));
+  --dt-color-purple-50: #ff5c00;
+  --dt-color-black-1000-h: 22;
+  --dt-color-black-1000-s: 100%;
+  --dt-color-black-1000-l: 50%;
+  --dt-color-black-1000-a: 100%;
+  --dt-color-black-1000-hsl: var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l);
+  --dt-color-black-1000-hsla: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--alpha, 100%));
+  --dt-color-black-1000: #ff5c00;
+  --dt-color-black-950-h: 22;
+  --dt-color-black-950-s: 100%;
+  --dt-color-black-950-l: 50%;
+  --dt-color-black-950-a: 100%;
+  --dt-color-black-950-hsl: var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l);
+  --dt-color-black-950-hsla: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--alpha, 100%));
+  --dt-color-black-950: #ff5c00;
   --dt-color-black-900-h: 22;
   --dt-color-black-900-s: 100%;
   --dt-color-black-900-l: 50%;
@@ -413,6 +770,13 @@
   --dt-color-black-100-hsl: var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l);
   --dt-color-black-100-hsla: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--alpha, 100%));
   --dt-color-black-100: #ff5c00;
+  --dt-color-black-50-h: 22;
+  --dt-color-black-50-s: 100%;
+  --dt-color-black-50-l: 50%;
+  --dt-color-black-50-a: 100%;
+  --dt-color-black-50-hsl: var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l);
+  --dt-color-black-50-hsla: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--alpha, 100%));
+  --dt-color-black-50: #ff5c00;
   --dt-color-neutral-transparent-h: 22;
   --dt-color-neutral-transparent-s: 100%;
   --dt-color-neutral-transparent-l: 50%;
@@ -736,9 +1100,10 @@
   --dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
   --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
   --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
+  --dt-color-gradient-gold-red-magenta-purple: #ff5c00; /* Gradient for Ai-oriented treatments. */
   --dt-color-gradient-magenta-purple: #ff5c00; /* Gradient for Ai-oriented treatments. */
   --dt-size-base: calc(1rem * 0.8);
-  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
+  --dt-font-family-expressive: "Season Mix", var(--dt-font-family-body);
   --dt-font-size-500: calc(1rem * 3.8); /* extra large / xxl */
   --dt-font-size-400: calc(1rem * 2.7); /* extra large / xl */
   --dt-font-size-300: calc(1rem * 1.9); /* large */