@dialpad/dialtone 9.100.0 → 9.101.0-rebrand-2025-beta.1

package/dist/css/tokens/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%;
@@ -133,6 +140,34 @@
   --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-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 +175,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 +189,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 +217,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 +252,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 +273,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 +301,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 +343,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 +357,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 +385,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 +420,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 +448,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 +469,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 +504,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 +553,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 +574,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 +588,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 +602,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 +616,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 +637,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 +721,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%;