npm - @dialpad/dialtone - Versions diffs - 9.79.1 → 9.79.2-beta.1 - Mend

@dialpad/dialtone 9.79.1 → 9.79.2-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/dist/css/tokens/tokens-base-dark.css CHANGED Viewed

@@ -79,310 +79,361 @@
   --dt-opacity-100: .05;
   --dt-opacity-0: 0;
   --dt-color-brand-gold-h: 35.80645161290322;
-  --dt-color-brand-gold-s: 91.17647058823533%;
+  --dt-color-brand-gold-s: 91.1764705882353%;
   --dt-color-brand-gold-l: 60%;
+  --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: hsla(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-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: #F6AB3C; /* Secondary brand color, typically used as an accent color. */
   --dt-color-brand-magenta-h: 325.7831325301205;
   --dt-color-brand-magenta-s: 100%;
   --dt-color-brand-magenta-l: 48.8235294117647%;
+  --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: hsla(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-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: #F9008E; /* Secondary brand color, typically used as an accent color. */
   --dt-color-brand-purple-h: 254.5664739884393;
   --dt-color-brand-purple-s: 100%;
   --dt-color-brand-purple-l: 66.07843137254902%;
+  --dt-color-brand-purple-a: 100%;
   --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: hsla(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-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: #7C52FF; /* Primary brand color. */
   --dt-color-tan-500-h: 30;
   --dt-color-tan-500-s: 13.333333333333282%;
   --dt-color-tan-500-l: 94.11764705882352%;
+  --dt-color-tan-500-a: 100%;
   --dt-color-tan-500-hsl: var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l);
-  --dt-color-tan-500-hsla: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--alpha, 100%));
+  --dt-color-tan-500-hsla: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--alpha, 100%));
   --dt-color-tan-500: #F2F0EE;
-  --dt-color-tan-400-h: 23.99999999999993;
-  --dt-color-tan-400-s: 9.259259259259254%;
+  --dt-color-tan-400-h: 23.999999999999932;
+  --dt-color-tan-400-s: 9.25925925925923%;
   --dt-color-tan-400-l: 78.82352941176471%;
+  --dt-color-tan-400-a: 100%;
   --dt-color-tan-400-hsl: var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l);
-  --dt-color-tan-400-hsla: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--alpha, 100%));
+  --dt-color-tan-400-hsla: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--alpha, 100%));
   --dt-color-tan-400: #CEC8C4;
   --dt-color-tan-300-h: 24.999999999999982;
-  --dt-color-tan-300-s: 4.761904761904762%;
+  --dt-color-tan-300-s: 4.761904761904767%;
   --dt-color-tan-300-l: 50.588235294117645%;
+  --dt-color-tan-300-a: 100%;
   --dt-color-tan-300-hsl: var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l);
-  --dt-color-tan-300-hsla: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--alpha, 100%));
+  --dt-color-tan-300-hsla: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--alpha, 100%));
   --dt-color-tan-300: #87807B;
   --dt-color-tan-200-h: 20.000000000000046;
   --dt-color-tan-200-s: 2.4390243902439055%;
   --dt-color-tan-200-l: 24.11764705882353%;
+  --dt-color-tan-200-a: 100%;
   --dt-color-tan-200-hsl: var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l);
-  --dt-color-tan-200-hsla: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--alpha, 100%));
+  --dt-color-tan-200-hsla: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--alpha, 100%));
   --dt-color-tan-200: #3F3D3C;
   --dt-color-tan-100-h: 0;
   --dt-color-tan-100-s: 0%;
   --dt-color-tan-100-l: 7.0588235294117645%;
+  --dt-color-tan-100-a: 100%;
   --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: hsla(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-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: #121212;
   --dt-color-red-500-h: 357.6923076923077;
   --dt-color-red-500-s: 100%;
   --dt-color-red-500-l: 94.90196078431372%;
+  --dt-color-red-500-a: 100%;
   --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: hsla(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-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: #FFE5E6;
   --dt-color-red-400-h: 0;
   --dt-color-red-400-s: 100%;
   --dt-color-red-400-l: 76.07843137254902%;
+  --dt-color-red-400-a: 100%;
   --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: hsla(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-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: #FF8585;
   --dt-color-red-300-h: 0;
   --dt-color-red-300-s: 88.79999999999998%;
   --dt-color-red-300-l: 49.01960784313726%;
+  --dt-color-red-300-a: 100%;
   --dt-color-red-300-hsl: var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l);
-  --dt-color-red-300-hsla: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--alpha, 100%));
+  --dt-color-red-300-hsla: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--alpha, 100%));
   --dt-color-red-300: #EC0E0E;
   --dt-color-red-200-h: 0;
   --dt-color-red-200-s: 88.659793814433%;
   --dt-color-red-200-l: 38.03921568627451%;
+  --dt-color-red-200-a: 100%;
   --dt-color-red-200-hsl: var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l);
-  --dt-color-red-200-hsla: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--alpha, 100%));
+  --dt-color-red-200-hsla: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--alpha, 100%));
   --dt-color-red-200: #B70B0B;
   --dt-color-red-100-h: 0;
   --dt-color-red-100-s: 89.58333333333334%;
   --dt-color-red-100-l: 18.823529411764707%;
+  --dt-color-red-100-a: 100%;
   --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: hsla(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-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: #5B0505;
-  --dt-color-green-500-h: 111.42857142857133;
-  --dt-color-green-500-s: 53.84615384615389%;
+  --dt-color-green-500-h: 111.42857142857135;
+  --dt-color-green-500-s: 53.84615384615383%;
   --dt-color-green-500-l: 94.90196078431372%;
+  --dt-color-green-500-a: 100%;
   --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: hsla(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-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: #EDF9EB;
-  --dt-color-green-400-h: 111.52173913043478;
+  --dt-color-green-400-h: 111.52173913043477;
   --dt-color-green-400-s: 100%;
   --dt-color-green-400-l: 81.96078431372548%;
+  --dt-color-green-400-a: 100%;
   --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: hsla(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-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: #B0FFA3;
   --dt-color-green-300-h: 136.85393258426967;
   --dt-color-green-300-s: 91.75257731958763%;
   --dt-color-green-300-l: 61.96078431372549%;
+  --dt-color-green-300-a: 100%;
   --dt-color-green-300-hsl: var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l);
-  --dt-color-green-300-hsla: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--alpha, 100%));
+  --dt-color-green-300-hsla: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--alpha, 100%));
   --dt-color-green-300: #45F777;
   --dt-color-green-200-h: 136.64233576642334;
   --dt-color-green-200-s: 72.4867724867725%;
   --dt-color-green-200-l: 37.05882352941176%;
+  --dt-color-green-200-a: 100%;
   --dt-color-green-200-hsl: var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l);
-  --dt-color-green-200-hsla: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--alpha, 100%));
+  --dt-color-green-200-hsla: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--alpha, 100%));
   --dt-color-green-200: #1AA340;
   --dt-color-green-100-h: 136.15384615384616;
-  --dt-color-green-100-s: 59.09090909090909%;
+  --dt-color-green-100-s: 59.09090909090911%;
   --dt-color-green-100-l: 17.254901960784313%;
+  --dt-color-green-100-a: 100%;
   --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: hsla(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-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: #124620;
   --dt-color-gold-500-h: 47.058823529411775;
   --dt-color-gold-500-s: 100%;
   --dt-color-gold-500-l: 90%;
+  --dt-color-gold-500-a: 100%;
   --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: hsla(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-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: #FFF4CC; /* aka yellow */
   --dt-color-gold-400-h: 42.99212598425196;
   --dt-color-gold-400-s: 100%;
   --dt-color-gold-400-l: 75.09803921568627%;
+  --dt-color-gold-400-a: 100%;
   --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: hsla(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-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: #FFDB80; /* aka yellow */
   --dt-color-gold-300-h: 35.80645161290322;
-  --dt-color-gold-300-s: 91.17647058823533%;
+  --dt-color-gold-300-s: 91.1764705882353%;
   --dt-color-gold-300-l: 60%;
+  --dt-color-gold-300-a: 100%;
   --dt-color-gold-300-hsl: var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l);
-  --dt-color-gold-300-hsla: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--alpha, 100%));
+  --dt-color-gold-300-hsla: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--alpha, 100%));
   --dt-color-gold-300: #F6AB3C; /* aka yellow */
-  --dt-color-gold-200-h: 35.92814371257486;
+  --dt-color-gold-200-h: 35.92814371257485;
   --dt-color-gold-200-s: 66.00790513833991%;
   --dt-color-gold-200-l: 49.6078431372549%;
+  --dt-color-gold-200-a: 100%;
   --dt-color-gold-200-hsl: var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l);
-  --dt-color-gold-200-hsla: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--alpha, 100%));
+  --dt-color-gold-200-hsla: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--alpha, 100%));
   --dt-color-gold-200: #D28F2B; /* aka yellow */
   --dt-color-gold-100-h: 35.70247933884298;
   --dt-color-gold-100-s: 88.32116788321169%;
   --dt-color-gold-100-l: 26.862745098039216%;
+  --dt-color-gold-100-a: 100%;
   --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: hsla(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-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: #815008; /* aka yellow */
   --dt-color-magenta-500-h: 325.16129032258067;
   --dt-color-magenta-500-s: 100%;
   --dt-color-magenta-500-l: 93.92156862745098%;
+  --dt-color-magenta-500-a: 100%;
   --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: hsla(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-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: #FFE0F2; /* aka pink */
   --dt-color-magenta-400-h: 325.86206896551727;
-  --dt-color-magenta-400-s: 90.62500000000001%;
+  --dt-color-magenta-400-s: 90.62499999999999%;
   --dt-color-magenta-400-l: 74.90196078431373%;
+  --dt-color-magenta-400-a: 100%;
   --dt-color-magenta-400-hsl: var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l);
-  --dt-color-magenta-400-hsla: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--alpha, 100%));
+  --dt-color-magenta-400-hsla: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--alpha, 100%));
   --dt-color-magenta-400: #F985C7; /* aka pink */
   --dt-color-magenta-300-h: 325.7831325301205;
   --dt-color-magenta-300-s: 100%;
   --dt-color-magenta-300-l: 48.8235294117647%;
+  --dt-color-magenta-300-a: 100%;
   --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: hsla(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-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: #F9008E; /* aka pink */
   --dt-color-magenta-200-h: 325.7142857142857;
   --dt-color-magenta-200-s: 81.81818181818181%;
   --dt-color-magenta-200-l: 30.196078431372552%;
+  --dt-color-magenta-200-a: 100%;
   --dt-color-magenta-200-hsl: var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l);
-  --dt-color-magenta-200-hsla: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--alpha, 100%));
+  --dt-color-magenta-200-hsla: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--alpha, 100%));
   --dt-color-magenta-200: #8C0E56; /* aka pink */
   --dt-color-magenta-100-h: 325.86206896551727;
   --dt-color-magenta-100-s: 52.72727272727272%;
   --dt-color-magenta-100-l: 21.568627450980394%;
+  --dt-color-magenta-100-a: 100%;
   --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: hsla(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-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: #541A3B; /* aka pink */
   --dt-color-blue-500-h: 210;
-  --dt-color-blue-500-s: 61.538461538461554%;
+  --dt-color-blue-500-s: 61.53846153846148%;
   --dt-color-blue-500-l: 94.90196078431372%;
+  --dt-color-blue-500-a: 100%;
   --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: hsla(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-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: #EAF2FA;
   --dt-color-blue-400-h: 212.35294117647058;
   --dt-color-blue-400-s: 100%;
   --dt-color-blue-400-l: 80%;
+  --dt-color-blue-400-a: 100%;
   --dt-color-blue-400-hsl: var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l);
-  --dt-color-blue-400-hsla: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--alpha, 100%));
+  --dt-color-blue-400-hsla: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--alpha, 100%));
   --dt-color-blue-400: #99C8FF;
-  --dt-color-blue-300-h: 212.60115606936418;
+  --dt-color-blue-300-h: 212.60115606936415;
   --dt-color-blue-300-s: 98.85714285714286%;
   --dt-color-blue-300-l: 65.68627450980392%;
+  --dt-color-blue-300-a: 100%;
   --dt-color-blue-300-hsl: var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l);
-  --dt-color-blue-300-hsla: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--alpha, 100%));
+  --dt-color-blue-300-hsla: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--alpha, 100%));
   --dt-color-blue-300: #51A0FE;
   --dt-color-blue-200-h: 212.22857142857146;
   --dt-color-blue-200-s: 79.18552036199095%;
   --dt-color-blue-200-l: 43.333333333333336%;
+  --dt-color-blue-200-a: 100%;
   --dt-color-blue-200-hsl: var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l);
-  --dt-color-blue-200-hsla: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--alpha, 100%));
+  --dt-color-blue-200-hsla: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--alpha, 100%));
   --dt-color-blue-200: #1768C6;
   --dt-color-blue-100-h: 212.77777777777777;
   --dt-color-blue-100-s: 98.18181818181819%;
   --dt-color-blue-100-l: 21.56862745098039%;
+  --dt-color-blue-100-a: 100%;
   --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: hsla(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-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: #01326D;
   --dt-color-purple-600-h: 260.00000000000006;
   --dt-color-purple-600-s: 100%;
   --dt-color-purple-600-l: 97.05882352941177%;
+  --dt-color-purple-600-a: 100%;
   --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: hsla(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-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: #F5F0FF;
-  --dt-color-purple-500-h: 260.35714285714283;
+  --dt-color-purple-500-h: 260.3571428571429;
   --dt-color-purple-500-s: 100%;
   --dt-color-purple-500-l: 89.01960784313725%;
+  --dt-color-purple-500-a: 100%;
   --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: hsla(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-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: #DAC7FF;
   --dt-color-purple-400-h: 260.9302325581395;
   --dt-color-purple-400-s: 100%;
   --dt-color-purple-400-l: 74.70588235294117%;
+  --dt-color-purple-400-a: 100%;
   --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: hsla(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-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: #AB7EFF;
   --dt-color-purple-300-h: 254.5664739884393;
   --dt-color-purple-300-s: 100%;
   --dt-color-purple-300-l: 66.07843137254902%;
+  --dt-color-purple-300-a: 100%;
   --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: hsla(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-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: #7C52FF;
   --dt-color-purple-200-h: 254.49999999999997;
-  --dt-color-purple-200-s: 67.41573033707866%;
+  --dt-color-purple-200-s: 67.41573033707864%;
   --dt-color-purple-200-l: 34.90196078431373%;
+  --dt-color-purple-200-a: 100%;
   --dt-color-purple-200-hsl: var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l);
-  --dt-color-purple-200-hsla: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--alpha, 100%));
+  --dt-color-purple-200-hsla: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--alpha, 100%));
   --dt-color-purple-200: #3A1D95;
   --dt-color-purple-100-h: 260;
   --dt-color-purple-100-s: 91.30434782608695%;
   --dt-color-purple-100-l: 9.019607843137255%;
+  --dt-color-purple-100-a: 100%;
   --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: hsla(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-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: #10022C;
   --dt-color-black-900-h: 0;
   --dt-color-black-900-s: 0%;
   --dt-color-black-900-l: 90.19607843137256%;
+  --dt-color-black-900-a: 100%;
   --dt-color-black-900-hsl: var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l);
-  --dt-color-black-900-hsla: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--alpha, 100%));
+  --dt-color-black-900-hsla: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--alpha, 100%));
   --dt-color-black-900: #E6E6E6;
   --dt-color-black-800-h: 0;
   --dt-color-black-800-s: 0%;
   --dt-color-black-800-l: 83.13725490196079%;
+  --dt-color-black-800-a: 100%;
   --dt-color-black-800-hsl: var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l);
-  --dt-color-black-800-hsla: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--alpha, 100%));
+  --dt-color-black-800-hsla: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--alpha, 100%));
   --dt-color-black-800: #D4D4D4;
   --dt-color-black-700-h: 0;
   --dt-color-black-700-s: 0%;
   --dt-color-black-700-l: 76.07843137254902%;
+  --dt-color-black-700-a: 100%;
   --dt-color-black-700-hsl: var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l);
-  --dt-color-black-700-hsla: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--alpha, 100%));
+  --dt-color-black-700-hsla: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--alpha, 100%));
   --dt-color-black-700: #C2C2C2;
   --dt-color-black-600-h: 0;
   --dt-color-black-600-s: 0%;
   --dt-color-black-600-l: 66.66666666666666%;
+  --dt-color-black-600-a: 100%;
   --dt-color-black-600-hsl: var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l);
-  --dt-color-black-600-hsla: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--alpha, 100%));
+  --dt-color-black-600-hsla: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--alpha, 100%));
   --dt-color-black-600: #AAAAAA;
   --dt-color-black-500-h: 0;
   --dt-color-black-500-s: 0%;
   --dt-color-black-500-l: 50.19607843137255%;
+  --dt-color-black-500-a: 100%;
   --dt-color-black-500-hsl: var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l);
-  --dt-color-black-500-hsla: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--alpha, 100%));
+  --dt-color-black-500-hsla: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--alpha, 100%));
   --dt-color-black-500: #808080;
   --dt-color-black-400-h: 0;
   --dt-color-black-400-s: 0%;
   --dt-color-black-400-l: 33.33333333333333%;
+  --dt-color-black-400-a: 100%;
   --dt-color-black-400-hsl: var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l);
-  --dt-color-black-400-hsla: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--alpha, 100%));
+  --dt-color-black-400-hsla: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--alpha, 100%));
   --dt-color-black-400: #555555;
   --dt-color-black-300-h: 0;
   --dt-color-black-300-s: 0%;
   --dt-color-black-300-l: 22.745098039215687%;
+  --dt-color-black-300-a: 100%;
   --dt-color-black-300-hsl: var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l);
-  --dt-color-black-300-hsla: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--alpha, 100%));
+  --dt-color-black-300-hsla: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--alpha, 100%));
   --dt-color-black-300: #3A3A3A;
   --dt-color-black-200-h: 0;
   --dt-color-black-200-s: 0%;
   --dt-color-black-200-l: 14.901960784313726%;
+  --dt-color-black-200-a: 100%;
   --dt-color-black-200-hsl: var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l);
-  --dt-color-black-200-hsla: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--alpha, 100%));
+  --dt-color-black-200-hsla: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--alpha, 100%));
   --dt-color-black-200: #262626;
   --dt-color-black-100-h: 0;
   --dt-color-black-100-s: 0%;
   --dt-color-black-100-l: 0%;
+  --dt-color-black-100-a: 100%;
   --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: hsla(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-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: #000000;
   --dt-color-neutral-transparent-h: 0;
   --dt-color-neutral-transparent-s: 0%;
   --dt-color-neutral-transparent-l: 0%;
+  --dt-color-neutral-transparent-a: 0%;
   --dt-color-neutral-transparent-hsl: var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l);
-  --dt-color-neutral-transparent-hsla: hsla(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--alpha, 100%));
+  --dt-color-neutral-transparent-hsla: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--alpha, 0%));
   --dt-color-neutral-transparent: transparent; /* Transparent color independent of any theme. */
   --dt-color-neutral-black-h: 0;
   --dt-color-neutral-black-s: 0%;
   --dt-color-neutral-black-l: 0%;
+  --dt-color-neutral-black-a: 100%;
   --dt-color-neutral-black-hsl: var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l);
-  --dt-color-neutral-black-hsla: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--alpha, 100%));
+  --dt-color-neutral-black-hsla: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--alpha, 100%));
   --dt-color-neutral-black: #000000; /* Black color independent of any theme. */
   --dt-color-neutral-white-h: 0;
   --dt-color-neutral-white-s: 0%;
   --dt-color-neutral-white-l: 100%;
+  --dt-color-neutral-white-a: 100%;
   --dt-color-neutral-white-hsl: var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l);
-  --dt-color-neutral-white-hsla: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));
+  --dt-color-neutral-white-hsla: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));
   --dt-color-neutral-white: #ffffff; /* White color independent of any theme. */
   --dt-space-100-percent: 100%;
   --dt-space-95-percent: 95%;
@@ -620,21 +671,23 @@
   --dt-font-size-root: 10px;
   --dt-shadow-focus-inset-offset-y: var(--dt-size-0);
   --dt-shadow-focus-inset-offset-x: var(--dt-size-0);
-  --dt-shadow-focus-inset-color-h: 212.60115606936418;
+  --dt-shadow-focus-inset-color-h: 212.60115606936415;
   --dt-shadow-focus-inset-color-s: 98.85714285714286%;
   --dt-shadow-focus-inset-color-l: 65.68627450980392%;
+  --dt-shadow-focus-inset-color-a: 100%;
   --dt-shadow-focus-inset-color-hsl: var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l);
-  --dt-shadow-focus-inset-color-hsla: hsla(var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l) / var(--alpha, 100%));
+  --dt-shadow-focus-inset-color-hsla: hsl(var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l) / var(--alpha, 100%));
   --dt-shadow-focus-inset-color: #51A0FE;
   --dt-shadow-focus-inset-spread: var(--dt-size-200);
   --dt-shadow-focus-inset-blur: var(--dt-size-0);
   --dt-shadow-focus-2-offset-y: var(--dt-size-0);
   --dt-shadow-focus-2-offset-x: var(--dt-size-0);
-  --dt-shadow-focus-2-color-h: 212.60115606936418;
+  --dt-shadow-focus-2-color-h: 212.60115606936415;
   --dt-shadow-focus-2-color-s: 98.85714285714286%;
   --dt-shadow-focus-2-color-l: 65.68627450980392%;
+  --dt-shadow-focus-2-color-a: 100%;
   --dt-shadow-focus-2-color-hsl: var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l);
-  --dt-shadow-focus-2-color-hsla: hsla(var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l) / var(--alpha, 100%));
+  --dt-shadow-focus-2-color-hsla: hsl(var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l) / var(--alpha, 100%));
   --dt-shadow-focus-2-color: #51A0FE;
   --dt-shadow-focus-2-spread: calc(var(--dt-size-200) + var(--dt-size-100));
   --dt-shadow-focus-2-blur: var(--dt-size-0);
@@ -643,8 +696,9 @@
   --dt-shadow-focus-1-color-h: 0;
   --dt-shadow-focus-1-color-s: 0%;
   --dt-shadow-focus-1-color-l: 0%;
+  --dt-shadow-focus-1-color-a: 100%;
   --dt-shadow-focus-1-color-hsl: var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l);
-  --dt-shadow-focus-1-color-hsla: hsla(var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l) / var(--alpha, 100%));
+  --dt-shadow-focus-1-color-hsla: hsl(var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l) / var(--alpha, 100%));
   --dt-shadow-focus-1-color: #000000;
   --dt-shadow-focus-1-spread: var(--dt-size-100);
   --dt-shadow-focus-1-blur: var(--dt-size-0);
@@ -653,32 +707,36 @@
   --dt-shadow-card-7-color-h: 0;
   --dt-shadow-card-7-color-s: 0%;
   --dt-shadow-card-7-color-l: 0%;
+  --dt-shadow-card-7-color-a: 100%;
   --dt-shadow-card-7-color-hsl: var(--dt-shadow-card-7-color-h) var(--dt-shadow-card-7-color-s) var(--dt-shadow-card-7-color-l);
-  --dt-shadow-card-7-color-hsla: hsla(var(--dt-shadow-card-7-color-h) var(--dt-shadow-card-7-color-s) var(--dt-shadow-card-7-color-l) / var(--alpha, 100%));
+  --dt-shadow-card-7-color-hsla: hsl(var(--dt-shadow-card-7-color-h) var(--dt-shadow-card-7-color-s) var(--dt-shadow-card-7-color-l) / var(--alpha, 100%));
   --dt-shadow-card-7-color: #000000;
   --dt-shadow-card-6-offset-y: var(--dt-size-50);
   --dt-shadow-card-6-offset-x: var(--dt-size-50-negative);
   --dt-shadow-card-6-color-h: 0;
   --dt-shadow-card-6-color-s: 0%;
   --dt-shadow-card-6-color-l: 0%;
+  --dt-shadow-card-6-color-a: 100%;
   --dt-shadow-card-6-color-hsl: var(--dt-shadow-card-6-color-h) var(--dt-shadow-card-6-color-s) var(--dt-shadow-card-6-color-l);
-  --dt-shadow-card-6-color-hsla: hsla(var(--dt-shadow-card-6-color-h) var(--dt-shadow-card-6-color-s) var(--dt-shadow-card-6-color-l) / var(--alpha, 100%));
+  --dt-shadow-card-6-color-hsla: hsl(var(--dt-shadow-card-6-color-h) var(--dt-shadow-card-6-color-s) var(--dt-shadow-card-6-color-l) / var(--alpha, 100%));
   --dt-shadow-card-6-color: #000000;
   --dt-shadow-card-5-offset-y: var(--dt-size-50-negative);
   --dt-shadow-card-5-offset-x: var(--dt-size-50-negative);
   --dt-shadow-card-5-color-h: 0;
   --dt-shadow-card-5-color-s: 0%;
   --dt-shadow-card-5-color-l: 0%;
+  --dt-shadow-card-5-color-a: 100%;
   --dt-shadow-card-5-color-hsl: var(--dt-shadow-card-5-color-h) var(--dt-shadow-card-5-color-s) var(--dt-shadow-card-5-color-l);
-  --dt-shadow-card-5-color-hsla: hsla(var(--dt-shadow-card-5-color-h) var(--dt-shadow-card-5-color-s) var(--dt-shadow-card-5-color-l) / var(--alpha, 100%));
+  --dt-shadow-card-5-color-hsla: hsl(var(--dt-shadow-card-5-color-h) var(--dt-shadow-card-5-color-s) var(--dt-shadow-card-5-color-l) / var(--alpha, 100%));
   --dt-shadow-card-5-color: #000000;
   --dt-shadow-card-4-offset-y: var(--dt-size-50);
   --dt-shadow-card-4-offset-x: var(--dt-size-50);
   --dt-shadow-card-4-color-h: 0;
   --dt-shadow-card-4-color-s: 0%;
   --dt-shadow-card-4-color-l: 0%;
+  --dt-shadow-card-4-color-a: 100%;
   --dt-shadow-card-4-color-hsl: var(--dt-shadow-card-4-color-h) var(--dt-shadow-card-4-color-s) var(--dt-shadow-card-4-color-l);
-  --dt-shadow-card-4-color-hsla: hsla(var(--dt-shadow-card-4-color-h) var(--dt-shadow-card-4-color-s) var(--dt-shadow-card-4-color-l) / var(--alpha, 100%));
+  --dt-shadow-card-4-color-hsla: hsl(var(--dt-shadow-card-4-color-h) var(--dt-shadow-card-4-color-s) var(--dt-shadow-card-4-color-l) / var(--alpha, 100%));
   --dt-shadow-card-4-color: #000000;
   --dt-shadow-card-4-spread: var(--dt-size-0);
   --dt-shadow-card-4-blur: var(--dt-size-0);
@@ -687,8 +745,9 @@
   --dt-shadow-card-3-color-h: 0;
   --dt-shadow-card-3-color-s: 0%;
   --dt-shadow-card-3-color-l: 0%;
+  --dt-shadow-card-3-color-a: 58%;
   --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
-  --dt-shadow-card-3-color-hsla: hsla(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 100%));
+  --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 58%));
   --dt-shadow-card-3-color: rgba(0, 0, 0, 0.58);
   --dt-shadow-card-3-spread: var(--dt-size-0);
   --dt-shadow-card-3-blur: var(--dt-size-500);
@@ -697,8 +756,9 @@
   --dt-shadow-card-2-color-h: 0;
   --dt-shadow-card-2-color-s: 0%;
   --dt-shadow-card-2-color-l: 0%;
+  --dt-shadow-card-2-color-a: 45%;
   --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
-  --dt-shadow-card-2-color-hsla: hsla(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 100%));
+  --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 45%));
   --dt-shadow-card-2-color: rgba(0, 0, 0, 0.45);
   --dt-shadow-card-2-spread: var(--dt-size-0);
   --dt-shadow-card-2-blur: var(--dt-size-300);
@@ -707,8 +767,9 @@
   --dt-shadow-card-1-color-h: 0;
   --dt-shadow-card-1-color-s: 0%;
   --dt-shadow-card-1-color-l: 0%;
+  --dt-shadow-card-1-color-a: 35%;
   --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
-  --dt-shadow-card-1-color-hsla: hsla(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 100%));
+  --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 35%));
   --dt-shadow-card-1-color: rgba(0, 0, 0, 0.35);
   --dt-shadow-card-1-spread: var(--dt-size-0);
   --dt-shadow-card-1-blur: var(--dt-size-200);
@@ -717,32 +778,36 @@
   --dt-shadow-extra-large-5-color-h: 0;
   --dt-shadow-extra-large-5-color-s: 0%;
   --dt-shadow-extra-large-5-color-l: 0%;
+  --dt-shadow-extra-large-5-color-a: 100%;
   --dt-shadow-extra-large-5-color-hsl: var(--dt-shadow-extra-large-5-color-h) var(--dt-shadow-extra-large-5-color-s) var(--dt-shadow-extra-large-5-color-l);
-  --dt-shadow-extra-large-5-color-hsla: hsla(var(--dt-shadow-extra-large-5-color-h) var(--dt-shadow-extra-large-5-color-s) var(--dt-shadow-extra-large-5-color-l) / var(--alpha, 100%));
+  --dt-shadow-extra-large-5-color-hsla: hsl(var(--dt-shadow-extra-large-5-color-h) var(--dt-shadow-extra-large-5-color-s) var(--dt-shadow-extra-large-5-color-l) / var(--alpha, 100%));
   --dt-shadow-extra-large-5-color: #000000;
   --dt-shadow-extra-large-4-offset-y: var(--dt-size-50);
   --dt-shadow-extra-large-4-offset-x: var(--dt-size-50-negative);
   --dt-shadow-extra-large-4-color-h: 0;
   --dt-shadow-extra-large-4-color-s: 0%;
   --dt-shadow-extra-large-4-color-l: 0%;
+  --dt-shadow-extra-large-4-color-a: 100%;
   --dt-shadow-extra-large-4-color-hsl: var(--dt-shadow-extra-large-4-color-h) var(--dt-shadow-extra-large-4-color-s) var(--dt-shadow-extra-large-4-color-l);
-  --dt-shadow-extra-large-4-color-hsla: hsla(var(--dt-shadow-extra-large-4-color-h) var(--dt-shadow-extra-large-4-color-s) var(--dt-shadow-extra-large-4-color-l) / var(--alpha, 100%));
+  --dt-shadow-extra-large-4-color-hsla: hsl(var(--dt-shadow-extra-large-4-color-h) var(--dt-shadow-extra-large-4-color-s) var(--dt-shadow-extra-large-4-color-l) / var(--alpha, 100%));
   --dt-shadow-extra-large-4-color: #000000;
   --dt-shadow-extra-large-3-offset-y: var(--dt-size-50-negative);
   --dt-shadow-extra-large-3-offset-x: var(--dt-size-50-negative);
   --dt-shadow-extra-large-3-color-h: 0;
   --dt-shadow-extra-large-3-color-s: 0%;
   --dt-shadow-extra-large-3-color-l: 0%;
+  --dt-shadow-extra-large-3-color-a: 100%;
   --dt-shadow-extra-large-3-color-hsl: var(--dt-shadow-extra-large-3-color-h) var(--dt-shadow-extra-large-3-color-s) var(--dt-shadow-extra-large-3-color-l);
-  --dt-shadow-extra-large-3-color-hsla: hsla(var(--dt-shadow-extra-large-3-color-h) var(--dt-shadow-extra-large-3-color-s) var(--dt-shadow-extra-large-3-color-l) / var(--alpha, 100%));
+  --dt-shadow-extra-large-3-color-hsla: hsl(var(--dt-shadow-extra-large-3-color-h) var(--dt-shadow-extra-large-3-color-s) var(--dt-shadow-extra-large-3-color-l) / var(--alpha, 100%));
   --dt-shadow-extra-large-3-color: #000000;
   --dt-shadow-extra-large-2-offset-y: var(--dt-size-50);
   --dt-shadow-extra-large-2-offset-x: var(--dt-size-50);
   --dt-shadow-extra-large-2-color-h: 0;
   --dt-shadow-extra-large-2-color-s: 0%;
   --dt-shadow-extra-large-2-color-l: 0%;
+  --dt-shadow-extra-large-2-color-a: 100%;
   --dt-shadow-extra-large-2-color-hsl: var(--dt-shadow-extra-large-2-color-h) var(--dt-shadow-extra-large-2-color-s) var(--dt-shadow-extra-large-2-color-l);
-  --dt-shadow-extra-large-2-color-hsla: hsla(var(--dt-shadow-extra-large-2-color-h) var(--dt-shadow-extra-large-2-color-s) var(--dt-shadow-extra-large-2-color-l) / var(--alpha, 100%));
+  --dt-shadow-extra-large-2-color-hsla: hsl(var(--dt-shadow-extra-large-2-color-h) var(--dt-shadow-extra-large-2-color-s) var(--dt-shadow-extra-large-2-color-l) / var(--alpha, 100%));
   --dt-shadow-extra-large-2-color: #000000;
   --dt-shadow-extra-large-2-spread: var(--dt-size-0);
   --dt-shadow-extra-large-2-blur: var(--dt-size-0);
@@ -751,8 +816,9 @@
   --dt-shadow-extra-large-1-color-h: 0;
   --dt-shadow-extra-large-1-color-s: 0%;
   --dt-shadow-extra-large-1-color-l: 0%;
+  --dt-shadow-extra-large-1-color-a: 55%;
   --dt-shadow-extra-large-1-color-hsl: var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l);
-  --dt-shadow-extra-large-1-color-hsla: hsla(var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l) / var(--alpha, 100%));
+  --dt-shadow-extra-large-1-color-hsla: hsl(var(--dt-shadow-extra-large-1-color-h) var(--dt-shadow-extra-large-1-color-s) var(--dt-shadow-extra-large-1-color-l) / var(--alpha, 55%));
   --dt-shadow-extra-large-1-color: rgba(0, 0, 0, 0.55);
   --dt-shadow-extra-large-1-spread: var(--dt-size-0);
   --dt-shadow-extra-large-1-blur: var(--dt-size-600);
@@ -761,32 +827,36 @@
   --dt-shadow-large-5-color-h: 0;
   --dt-shadow-large-5-color-s: 0%;
   --dt-shadow-large-5-color-l: 0%;
+  --dt-shadow-large-5-color-a: 100%;
   --dt-shadow-large-5-color-hsl: var(--dt-shadow-large-5-color-h) var(--dt-shadow-large-5-color-s) var(--dt-shadow-large-5-color-l);
-  --dt-shadow-large-5-color-hsla: hsla(var(--dt-shadow-large-5-color-h) var(--dt-shadow-large-5-color-s) var(--dt-shadow-large-5-color-l) / var(--alpha, 100%));
+  --dt-shadow-large-5-color-hsla: hsl(var(--dt-shadow-large-5-color-h) var(--dt-shadow-large-5-color-s) var(--dt-shadow-large-5-color-l) / var(--alpha, 100%));
   --dt-shadow-large-5-color: #000000;
   --dt-shadow-large-4-offset-y: var(--dt-size-50);
   --dt-shadow-large-4-offset-x: var(--dt-size-50-negative);
   --dt-shadow-large-4-color-h: 0;
   --dt-shadow-large-4-color-s: 0%;
   --dt-shadow-large-4-color-l: 0%;
+  --dt-shadow-large-4-color-a: 100%;
   --dt-shadow-large-4-color-hsl: var(--dt-shadow-large-4-color-h) var(--dt-shadow-large-4-color-s) var(--dt-shadow-large-4-color-l);
-  --dt-shadow-large-4-color-hsla: hsla(var(--dt-shadow-large-4-color-h) var(--dt-shadow-large-4-color-s) var(--dt-shadow-large-4-color-l) / var(--alpha, 100%));
+  --dt-shadow-large-4-color-hsla: hsl(var(--dt-shadow-large-4-color-h) var(--dt-shadow-large-4-color-s) var(--dt-shadow-large-4-color-l) / var(--alpha, 100%));
   --dt-shadow-large-4-color: #000000;
   --dt-shadow-large-3-offset-y: var(--dt-size-50-negative);
   --dt-shadow-large-3-offset-x: var(--dt-size-50-negative);
   --dt-shadow-large-3-color-h: 0;
   --dt-shadow-large-3-color-s: 0%;
   --dt-shadow-large-3-color-l: 0%;
+  --dt-shadow-large-3-color-a: 100%;
   --dt-shadow-large-3-color-hsl: var(--dt-shadow-large-3-color-h) var(--dt-shadow-large-3-color-s) var(--dt-shadow-large-3-color-l);
-  --dt-shadow-large-3-color-hsla: hsla(var(--dt-shadow-large-3-color-h) var(--dt-shadow-large-3-color-s) var(--dt-shadow-large-3-color-l) / var(--alpha, 100%));
+  --dt-shadow-large-3-color-hsla: hsl(var(--dt-shadow-large-3-color-h) var(--dt-shadow-large-3-color-s) var(--dt-shadow-large-3-color-l) / var(--alpha, 100%));
   --dt-shadow-large-3-color: #000000;
   --dt-shadow-large-2-offset-y: var(--dt-size-50);
   --dt-shadow-large-2-offset-x: var(--dt-size-50-negative);
   --dt-shadow-large-2-color-h: 0;
   --dt-shadow-large-2-color-s: 0%;
   --dt-shadow-large-2-color-l: 0%;
+  --dt-shadow-large-2-color-a: 100%;
   --dt-shadow-large-2-color-hsl: var(--dt-shadow-large-2-color-h) var(--dt-shadow-large-2-color-s) var(--dt-shadow-large-2-color-l);
-  --dt-shadow-large-2-color-hsla: hsla(var(--dt-shadow-large-2-color-h) var(--dt-shadow-large-2-color-s) var(--dt-shadow-large-2-color-l) / var(--alpha, 100%));
+  --dt-shadow-large-2-color-hsla: hsl(var(--dt-shadow-large-2-color-h) var(--dt-shadow-large-2-color-s) var(--dt-shadow-large-2-color-l) / var(--alpha, 100%));
   --dt-shadow-large-2-color: #000000;
   --dt-shadow-large-2-spread: var(--dt-size-0);
   --dt-shadow-large-2-blur: var(--dt-size-0);
@@ -795,8 +865,9 @@
   --dt-shadow-large-1-color-h: 0;
   --dt-shadow-large-1-color-s: 0%;
   --dt-shadow-large-1-color-l: 0%;
+  --dt-shadow-large-1-color-a: 55%;
   --dt-shadow-large-1-color-hsl: var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l);
-  --dt-shadow-large-1-color-hsla: hsla(var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l) / var(--alpha, 100%));
+  --dt-shadow-large-1-color-hsla: hsl(var(--dt-shadow-large-1-color-h) var(--dt-shadow-large-1-color-s) var(--dt-shadow-large-1-color-l) / var(--alpha, 55%));
   --dt-shadow-large-1-color: rgba(0, 0, 0, 0.55);
   --dt-shadow-large-1-spread: var(--dt-size-0);
   --dt-shadow-large-1-blur: var(--dt-size-500);
@@ -805,32 +876,36 @@
   --dt-shadow-medium-5-color-h: 0;
   --dt-shadow-medium-5-color-s: 0%;
   --dt-shadow-medium-5-color-l: 0%;
+  --dt-shadow-medium-5-color-a: 100%;
   --dt-shadow-medium-5-color-hsl: var(--dt-shadow-medium-5-color-h) var(--dt-shadow-medium-5-color-s) var(--dt-shadow-medium-5-color-l);
-  --dt-shadow-medium-5-color-hsla: hsla(var(--dt-shadow-medium-5-color-h) var(--dt-shadow-medium-5-color-s) var(--dt-shadow-medium-5-color-l) / var(--alpha, 100%));
+  --dt-shadow-medium-5-color-hsla: hsl(var(--dt-shadow-medium-5-color-h) var(--dt-shadow-medium-5-color-s) var(--dt-shadow-medium-5-color-l) / var(--alpha, 100%));
   --dt-shadow-medium-5-color: #000000;
   --dt-shadow-medium-4-offset-y: var(--dt-size-50);
   --dt-shadow-medium-4-offset-x: var(--dt-size-50-negative);
   --dt-shadow-medium-4-color-h: 0;
   --dt-shadow-medium-4-color-s: 0%;
   --dt-shadow-medium-4-color-l: 0%;
+  --dt-shadow-medium-4-color-a: 100%;
   --dt-shadow-medium-4-color-hsl: var(--dt-shadow-medium-4-color-h) var(--dt-shadow-medium-4-color-s) var(--dt-shadow-medium-4-color-l);
-  --dt-shadow-medium-4-color-hsla: hsla(var(--dt-shadow-medium-4-color-h) var(--dt-shadow-medium-4-color-s) var(--dt-shadow-medium-4-color-l) / var(--alpha, 100%));
+  --dt-shadow-medium-4-color-hsla: hsl(var(--dt-shadow-medium-4-color-h) var(--dt-shadow-medium-4-color-s) var(--dt-shadow-medium-4-color-l) / var(--alpha, 100%));
   --dt-shadow-medium-4-color: #000000;
   --dt-shadow-medium-3-offset-y: var(--dt-size-50-negative);
   --dt-shadow-medium-3-offset-x: var(--dt-size-50-negative);
   --dt-shadow-medium-3-color-h: 0;
   --dt-shadow-medium-3-color-s: 0%;
   --dt-shadow-medium-3-color-l: 0%;
+  --dt-shadow-medium-3-color-a: 100%;
   --dt-shadow-medium-3-color-hsl: var(--dt-shadow-medium-3-color-h) var(--dt-shadow-medium-3-color-s) var(--dt-shadow-medium-3-color-l);
-  --dt-shadow-medium-3-color-hsla: hsla(var(--dt-shadow-medium-3-color-h) var(--dt-shadow-medium-3-color-s) var(--dt-shadow-medium-3-color-l) / var(--alpha, 100%));
+  --dt-shadow-medium-3-color-hsla: hsl(var(--dt-shadow-medium-3-color-h) var(--dt-shadow-medium-3-color-s) var(--dt-shadow-medium-3-color-l) / var(--alpha, 100%));
   --dt-shadow-medium-3-color: #000000;
   --dt-shadow-medium-2-offset-y: var(--dt-size-50);
   --dt-shadow-medium-2-offset-x: var(--dt-size-50);
   --dt-shadow-medium-2-color-h: 0;
   --dt-shadow-medium-2-color-s: 0%;
   --dt-shadow-medium-2-color-l: 0%;
+  --dt-shadow-medium-2-color-a: 100%;
   --dt-shadow-medium-2-color-hsl: var(--dt-shadow-medium-2-color-h) var(--dt-shadow-medium-2-color-s) var(--dt-shadow-medium-2-color-l);
-  --dt-shadow-medium-2-color-hsla: hsla(var(--dt-shadow-medium-2-color-h) var(--dt-shadow-medium-2-color-s) var(--dt-shadow-medium-2-color-l) / var(--alpha, 100%));
+  --dt-shadow-medium-2-color-hsla: hsl(var(--dt-shadow-medium-2-color-h) var(--dt-shadow-medium-2-color-s) var(--dt-shadow-medium-2-color-l) / var(--alpha, 100%));
   --dt-shadow-medium-2-color: #000000;
   --dt-shadow-medium-2-spread: var(--dt-size-0);
   --dt-shadow-medium-2-blur: var(--dt-size-0);
@@ -839,8 +914,9 @@
   --dt-shadow-medium-1-color-h: 0;
   --dt-shadow-medium-1-color-s: 0%;
   --dt-shadow-medium-1-color-l: 0%;
+  --dt-shadow-medium-1-color-a: 55%;
   --dt-shadow-medium-1-color-hsl: var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l);
-  --dt-shadow-medium-1-color-hsla: hsla(var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l) / var(--alpha, 100%));
+  --dt-shadow-medium-1-color-hsla: hsl(var(--dt-shadow-medium-1-color-h) var(--dt-shadow-medium-1-color-s) var(--dt-shadow-medium-1-color-l) / var(--alpha, 55%));
   --dt-shadow-medium-1-color: rgba(0, 0, 0, 0.55);
   --dt-shadow-medium-1-spread: var(--dt-size-0);
   --dt-shadow-medium-1-blur: var(--dt-size-400);
@@ -849,32 +925,36 @@
   --dt-shadow-small-5-color-h: 0;
   --dt-shadow-small-5-color-s: 0%;
   --dt-shadow-small-5-color-l: 0%;
+  --dt-shadow-small-5-color-a: 100%;
   --dt-shadow-small-5-color-hsl: var(--dt-shadow-small-5-color-h) var(--dt-shadow-small-5-color-s) var(--dt-shadow-small-5-color-l);
-  --dt-shadow-small-5-color-hsla: hsla(var(--dt-shadow-small-5-color-h) var(--dt-shadow-small-5-color-s) var(--dt-shadow-small-5-color-l) / var(--alpha, 100%));
+  --dt-shadow-small-5-color-hsla: hsl(var(--dt-shadow-small-5-color-h) var(--dt-shadow-small-5-color-s) var(--dt-shadow-small-5-color-l) / var(--alpha, 100%));
   --dt-shadow-small-5-color: #000000;
   --dt-shadow-small-4-offset-y: var(--dt-size-50);
   --dt-shadow-small-4-offset-x: var(--dt-size-50-negative);
   --dt-shadow-small-4-color-h: 0;
   --dt-shadow-small-4-color-s: 0%;
   --dt-shadow-small-4-color-l: 0%;
+  --dt-shadow-small-4-color-a: 100%;
   --dt-shadow-small-4-color-hsl: var(--dt-shadow-small-4-color-h) var(--dt-shadow-small-4-color-s) var(--dt-shadow-small-4-color-l);
-  --dt-shadow-small-4-color-hsla: hsla(var(--dt-shadow-small-4-color-h) var(--dt-shadow-small-4-color-s) var(--dt-shadow-small-4-color-l) / var(--alpha, 100%));
+  --dt-shadow-small-4-color-hsla: hsl(var(--dt-shadow-small-4-color-h) var(--dt-shadow-small-4-color-s) var(--dt-shadow-small-4-color-l) / var(--alpha, 100%));
   --dt-shadow-small-4-color: #000000;
   --dt-shadow-small-3-offset-y: var(--dt-size-50-negative);
   --dt-shadow-small-3-offset-x: var(--dt-size-50-negative);
   --dt-shadow-small-3-color-h: 0;
   --dt-shadow-small-3-color-s: 0%;
   --dt-shadow-small-3-color-l: 0%;
+  --dt-shadow-small-3-color-a: 100%;
   --dt-shadow-small-3-color-hsl: var(--dt-shadow-small-3-color-h) var(--dt-shadow-small-3-color-s) var(--dt-shadow-small-3-color-l);
-  --dt-shadow-small-3-color-hsla: hsla(var(--dt-shadow-small-3-color-h) var(--dt-shadow-small-3-color-s) var(--dt-shadow-small-3-color-l) / var(--alpha, 100%));
+  --dt-shadow-small-3-color-hsla: hsl(var(--dt-shadow-small-3-color-h) var(--dt-shadow-small-3-color-s) var(--dt-shadow-small-3-color-l) / var(--alpha, 100%));
   --dt-shadow-small-3-color: #000000;
   --dt-shadow-small-2-offset-y: var(--dt-size-50);
   --dt-shadow-small-2-offset-x: var(--dt-size-50);
   --dt-shadow-small-2-color-h: 0;
   --dt-shadow-small-2-color-s: 0%;
   --dt-shadow-small-2-color-l: 0%;
+  --dt-shadow-small-2-color-a: 100%;
   --dt-shadow-small-2-color-hsl: var(--dt-shadow-small-2-color-h) var(--dt-shadow-small-2-color-s) var(--dt-shadow-small-2-color-l);
-  --dt-shadow-small-2-color-hsla: hsla(var(--dt-shadow-small-2-color-h) var(--dt-shadow-small-2-color-s) var(--dt-shadow-small-2-color-l) / var(--alpha, 100%));
+  --dt-shadow-small-2-color-hsla: hsl(var(--dt-shadow-small-2-color-h) var(--dt-shadow-small-2-color-s) var(--dt-shadow-small-2-color-l) / var(--alpha, 100%));
   --dt-shadow-small-2-color: #000000;
   --dt-shadow-small-2-spread: var(--dt-size-0);
   --dt-shadow-small-2-blur: var(--dt-size-0);
@@ -883,8 +963,9 @@
   --dt-shadow-small-1-color-h: 0;
   --dt-shadow-small-1-color-s: 0%;
   --dt-shadow-small-1-color-l: 0%;
+  --dt-shadow-small-1-color-a: 45%;
   --dt-shadow-small-1-color-hsl: var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l);
-  --dt-shadow-small-1-color-hsla: hsla(var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l) / var(--alpha, 100%));
+  --dt-shadow-small-1-color-hsla: hsl(var(--dt-shadow-small-1-color-h) var(--dt-shadow-small-1-color-s) var(--dt-shadow-small-1-color-l) / var(--alpha, 45%));
   --dt-shadow-small-1-color: rgba(0, 0, 0, 0.45);
   --dt-shadow-small-1-spread: var(--dt-size-0);
   --dt-shadow-small-1-blur: var(--dt-size-300);