@dialpad/dialtone-css 8.45.0 → 8.45.2

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 (18) hide show
  1. package/lib/build/less/components/input.less +4 -0
  2. package/lib/build/less/components/scrollbar.less +1 -1
  3. package/lib/build/less/utilities/colors.less +1 -94
  4. package/lib/dist/dialtone-default-theme.css +3386 -2461
  5. package/lib/dist/dialtone-default-theme.min.css +1 -1
  6. package/lib/dist/dialtone.css +881 -792
  7. package/lib/dist/dialtone.min.css +1 -1
  8. package/lib/dist/tokens/tokens-base-dark.css +179 -103
  9. package/lib/dist/tokens/tokens-base-light.css +139 -83
  10. package/lib/dist/tokens/tokens-dp-dark.css +1194 -948
  11. package/lib/dist/tokens/tokens-dp-light.css +1196 -950
  12. package/lib/dist/tokens/tokens-expressive-dark.css +1196 -950
  13. package/lib/dist/tokens/tokens-expressive-light.css +1196 -950
  14. package/lib/dist/tokens/tokens-expressive-sm-dark.css +1196 -950
  15. package/lib/dist/tokens/tokens-expressive-sm-light.css +1196 -950
  16. package/lib/dist/tokens/tokens-tmo-dark.css +1185 -939
  17. package/lib/dist/tokens/tokens-tmo-light.css +1184 -938
  18. package/package.json +11 -18
package/lib/dist/tokens/tokens-tmo-light.css CHANGED
@@ -8,527 +8,614 @@
8
8
  --dt-avatar-color-background-000-h: 0;
9
9
  --dt-avatar-color-background-000-s: 0%;
10
10
  --dt-avatar-color-background-000-l: 87.84313725490196%;
11
+ --dt-avatar-color-background-000-a: 100%;
11
12
  --dt-avatar-color-background-000-hsl: var(--dt-avatar-color-background-000-h) var(--dt-avatar-color-background-000-s) var(--dt-avatar-color-background-000-l);
12
- --dt-avatar-color-background-000-hsla: hsla(var(--dt-avatar-color-background-000-h) var(--dt-avatar-color-background-000-s) var(--dt-avatar-color-background-000-l) / var(--alpha, 100%));
13
+ --dt-avatar-color-background-000-hsla: hsl(var(--dt-avatar-color-background-000-h) var(--dt-avatar-color-background-000-s) var(--dt-avatar-color-background-000-l) / var(--alpha, 100%));
13
14
  --dt-avatar-color-background-000: #e0e0e0;
14
15
  --dt-avatar-color-background-1800-h: 36.20689655172413;
15
- --dt-avatar-color-background-1800-s: 67.44186046511626%;
16
+ --dt-avatar-color-background-1800-s: 67.44186046511628%;
16
17
  --dt-avatar-color-background-1800-l: 83.13725490196077%;
18
+ --dt-avatar-color-background-1800-a: 100%;
17
19
  --dt-avatar-color-background-1800-hsl: var(--dt-avatar-color-background-1800-h) var(--dt-avatar-color-background-1800-s) var(--dt-avatar-color-background-1800-l);
18
- --dt-avatar-color-background-1800-hsla: hsla(var(--dt-avatar-color-background-1800-h) var(--dt-avatar-color-background-1800-s) var(--dt-avatar-color-background-1800-l) / var(--alpha, 100%));
20
+ --dt-avatar-color-background-1800-hsla: hsl(var(--dt-avatar-color-background-1800-h) var(--dt-avatar-color-background-1800-s) var(--dt-avatar-color-background-1800-l) / var(--alpha, 100%));
19
21
  --dt-avatar-color-background-1800: #f1dab7;
20
22
  --dt-avatar-color-background-1700-h: 46.70270270270271;
21
23
  --dt-avatar-color-background-1700-s: 100%;
22
24
  --dt-avatar-color-background-1700-l: 63.725490196078425%;
25
+ --dt-avatar-color-background-1700-a: 100%;
23
26
  --dt-avatar-color-background-1700-hsl: var(--dt-avatar-color-background-1700-h) var(--dt-avatar-color-background-1700-s) var(--dt-avatar-color-background-1700-l);
24
- --dt-avatar-color-background-1700-hsla: hsla(var(--dt-avatar-color-background-1700-h) var(--dt-avatar-color-background-1700-s) var(--dt-avatar-color-background-1700-l) / var(--alpha, 100%));
27
+ --dt-avatar-color-background-1700-hsla: hsl(var(--dt-avatar-color-background-1700-h) var(--dt-avatar-color-background-1700-s) var(--dt-avatar-color-background-1700-l) / var(--alpha, 100%));
25
28
  --dt-avatar-color-background-1700: #ffd646;
26
29
  --dt-avatar-color-background-1600-h: 39.473684210526315;
27
30
  --dt-avatar-color-background-1600-s: 100%;
28
31
  --dt-avatar-color-background-1600-l: 62.745098039215684%;
32
+ --dt-avatar-color-background-1600-a: 100%;
29
33
  --dt-avatar-color-background-1600-hsl: var(--dt-avatar-color-background-1600-h) var(--dt-avatar-color-background-1600-s) var(--dt-avatar-color-background-1600-l);
30
- --dt-avatar-color-background-1600-hsla: hsla(var(--dt-avatar-color-background-1600-h) var(--dt-avatar-color-background-1600-s) var(--dt-avatar-color-background-1600-l) / var(--alpha, 100%));
34
+ --dt-avatar-color-background-1600-hsla: hsl(var(--dt-avatar-color-background-1600-h) var(--dt-avatar-color-background-1600-s) var(--dt-avatar-color-background-1600-l) / var(--alpha, 100%));
31
35
  --dt-avatar-color-background-1600: #ffbe41;
32
- --dt-avatar-color-background-1500-h: 25.128205128205128;
36
+ --dt-avatar-color-background-1500-h: 25.128205128205124;
33
37
  --dt-avatar-color-background-1500-s: 75.48387096774195%;
34
38
  --dt-avatar-color-background-1500-l: 69.6078431372549%;
39
+ --dt-avatar-color-background-1500-a: 100%;
35
40
  --dt-avatar-color-background-1500-hsl: var(--dt-avatar-color-background-1500-h) var(--dt-avatar-color-background-1500-s) var(--dt-avatar-color-background-1500-l);
36
- --dt-avatar-color-background-1500-hsla: hsla(var(--dt-avatar-color-background-1500-h) var(--dt-avatar-color-background-1500-s) var(--dt-avatar-color-background-1500-l) / var(--alpha, 100%));
41
+ --dt-avatar-color-background-1500-hsla: hsl(var(--dt-avatar-color-background-1500-h) var(--dt-avatar-color-background-1500-s) var(--dt-avatar-color-background-1500-l) / var(--alpha, 100%));
37
42
  --dt-avatar-color-background-1500: #eca877;
38
43
  --dt-avatar-color-background-1400-h: 0;
39
- --dt-avatar-color-background-1400-s: 89.70588235294119%;
44
+ --dt-avatar-color-background-1400-s: 89.70588235294117%;
40
45
  --dt-avatar-color-background-1400-l: 73.33333333333334%;
46
+ --dt-avatar-color-background-1400-a: 100%;
41
47
  --dt-avatar-color-background-1400-hsl: var(--dt-avatar-color-background-1400-h) var(--dt-avatar-color-background-1400-s) var(--dt-avatar-color-background-1400-l);
42
- --dt-avatar-color-background-1400-hsla: hsla(var(--dt-avatar-color-background-1400-h) var(--dt-avatar-color-background-1400-s) var(--dt-avatar-color-background-1400-l) / var(--alpha, 100%));
48
+ --dt-avatar-color-background-1400-hsla: hsl(var(--dt-avatar-color-background-1400-h) var(--dt-avatar-color-background-1400-s) var(--dt-avatar-color-background-1400-l) / var(--alpha, 100%));
43
49
  --dt-avatar-color-background-1400: #f87e7e;
44
50
  --dt-avatar-color-background-1300-h: 325.6578947368421;
45
51
  --dt-avatar-color-background-1300-s: 100%;
46
52
  --dt-avatar-color-background-1300-l: 70.19607843137254%;
53
+ --dt-avatar-color-background-1300-a: 100%;
47
54
  --dt-avatar-color-background-1300-hsl: var(--dt-avatar-color-background-1300-h) var(--dt-avatar-color-background-1300-s) var(--dt-avatar-color-background-1300-l);
48
- --dt-avatar-color-background-1300-hsla: hsla(var(--dt-avatar-color-background-1300-h) var(--dt-avatar-color-background-1300-s) var(--dt-avatar-color-background-1300-l) / var(--alpha, 100%));
55
+ --dt-avatar-color-background-1300-hsla: hsl(var(--dt-avatar-color-background-1300-h) var(--dt-avatar-color-background-1300-s) var(--dt-avatar-color-background-1300-l) / var(--alpha, 100%));
49
56
  --dt-avatar-color-background-1300: #ff67be;
50
57
  --dt-avatar-color-background-1200-h: 324.10256410256414;
51
58
  --dt-avatar-color-background-1200-s: 75.48387096774195%;
52
59
  --dt-avatar-color-background-1200-l: 69.6078431372549%;
60
+ --dt-avatar-color-background-1200-a: 100%;
53
61
  --dt-avatar-color-background-1200-hsl: var(--dt-avatar-color-background-1200-h) var(--dt-avatar-color-background-1200-s) var(--dt-avatar-color-background-1200-l);
54
- --dt-avatar-color-background-1200-hsla: hsla(var(--dt-avatar-color-background-1200-h) var(--dt-avatar-color-background-1200-s) var(--dt-avatar-color-background-1200-l) / var(--alpha, 100%));
62
+ --dt-avatar-color-background-1200-hsla: hsl(var(--dt-avatar-color-background-1200-h) var(--dt-avatar-color-background-1200-s) var(--dt-avatar-color-background-1200-l) / var(--alpha, 100%));
55
63
  --dt-avatar-color-background-1200: #ec77bd;
56
64
  --dt-avatar-color-background-1100-h: 309.31034482758616;
57
- --dt-avatar-color-background-1100-s: 67.44186046511626%;
65
+ --dt-avatar-color-background-1100-s: 67.44186046511628%;
58
66
  --dt-avatar-color-background-1100-l: 83.13725490196077%;
67
+ --dt-avatar-color-background-1100-a: 100%;
59
68
  --dt-avatar-color-background-1100-hsl: var(--dt-avatar-color-background-1100-h) var(--dt-avatar-color-background-1100-s) var(--dt-avatar-color-background-1100-l);
60
- --dt-avatar-color-background-1100-hsla: hsla(var(--dt-avatar-color-background-1100-h) var(--dt-avatar-color-background-1100-s) var(--dt-avatar-color-background-1100-l) / var(--alpha, 100%));
69
+ --dt-avatar-color-background-1100-hsla: hsl(var(--dt-avatar-color-background-1100-h) var(--dt-avatar-color-background-1100-s) var(--dt-avatar-color-background-1100-l) / var(--alpha, 100%));
61
70
  --dt-avatar-color-background-1100: #f1b7e8;
62
71
  --dt-avatar-color-background-1000-h: 219.45205479452054;
63
72
  --dt-avatar-color-background-1000-s: 100%;
64
73
  --dt-avatar-color-background-1000-l: 85.68627450980392%;
74
+ --dt-avatar-color-background-1000-a: 100%;
65
75
  --dt-avatar-color-background-1000-hsl: var(--dt-avatar-color-background-1000-h) var(--dt-avatar-color-background-1000-s) var(--dt-avatar-color-background-1000-l);
66
- --dt-avatar-color-background-1000-hsla: hsla(var(--dt-avatar-color-background-1000-h) var(--dt-avatar-color-background-1000-s) var(--dt-avatar-color-background-1000-l) / var(--alpha, 100%));
76
+ --dt-avatar-color-background-1000-hsla: hsl(var(--dt-avatar-color-background-1000-h) var(--dt-avatar-color-background-1000-s) var(--dt-avatar-color-background-1000-l) / var(--alpha, 100%));
67
77
  --dt-avatar-color-background-1000: #b6cfff;
68
- --dt-avatar-color-background-900-h: 212.60115606936418;
78
+ --dt-avatar-color-background-900-h: 212.60115606936415;
69
79
  --dt-avatar-color-background-900-s: 98.85714285714286%;
70
80
  --dt-avatar-color-background-900-l: 65.68627450980392%;
81
+ --dt-avatar-color-background-900-a: 100%;
71
82
  --dt-avatar-color-background-900-hsl: var(--dt-avatar-color-background-900-h) var(--dt-avatar-color-background-900-s) var(--dt-avatar-color-background-900-l);
72
- --dt-avatar-color-background-900-hsla: hsla(var(--dt-avatar-color-background-900-h) var(--dt-avatar-color-background-900-s) var(--dt-avatar-color-background-900-l) / var(--alpha, 100%));
83
+ --dt-avatar-color-background-900-hsla: hsl(var(--dt-avatar-color-background-900-h) var(--dt-avatar-color-background-900-s) var(--dt-avatar-color-background-900-l) / var(--alpha, 100%));
73
84
  --dt-avatar-color-background-900: #51a0fe;
74
- --dt-avatar-color-background-800-h: 194.1176470588235;
85
+ --dt-avatar-color-background-800-h: 194.11764705882354;
75
86
  --dt-avatar-color-background-800-s: 100%;
76
87
  --dt-avatar-color-background-800-l: 80%;
88
+ --dt-avatar-color-background-800-a: 100%;
77
89
  --dt-avatar-color-background-800-hsl: var(--dt-avatar-color-background-800-h) var(--dt-avatar-color-background-800-s) var(--dt-avatar-color-background-800-l);
78
- --dt-avatar-color-background-800-hsla: hsla(var(--dt-avatar-color-background-800-h) var(--dt-avatar-color-background-800-s) var(--dt-avatar-color-background-800-l) / var(--alpha, 100%));
90
+ --dt-avatar-color-background-800-hsla: hsl(var(--dt-avatar-color-background-800-h) var(--dt-avatar-color-background-800-s) var(--dt-avatar-color-background-800-l) / var(--alpha, 100%));
79
91
  --dt-avatar-color-background-800: #99e7ff;
80
92
  --dt-avatar-color-background-700-h: 194.53416149068323;
81
93
  --dt-avatar-color-background-700-s: 100%;
82
94
  --dt-avatar-color-background-700-l: 68.43137254901961%;
95
+ --dt-avatar-color-background-700-a: 100%;
83
96
  --dt-avatar-color-background-700-hsl: var(--dt-avatar-color-background-700-h) var(--dt-avatar-color-background-700-s) var(--dt-avatar-color-background-700-l);
84
- --dt-avatar-color-background-700-hsla: hsla(var(--dt-avatar-color-background-700-h) var(--dt-avatar-color-background-700-s) var(--dt-avatar-color-background-700-l) / var(--alpha, 100%));
97
+ --dt-avatar-color-background-700-hsla: hsl(var(--dt-avatar-color-background-700-h) var(--dt-avatar-color-background-700-s) var(--dt-avatar-color-background-700-l) / var(--alpha, 100%));
85
98
  --dt-avatar-color-background-700: #5ed8ff;
86
99
  --dt-avatar-color-background-600-h: 187.17948717948718;
87
100
  --dt-avatar-color-background-600-s: 75.48387096774195%;
88
101
  --dt-avatar-color-background-600-l: 69.6078431372549%;
102
+ --dt-avatar-color-background-600-a: 100%;
89
103
  --dt-avatar-color-background-600-hsl: var(--dt-avatar-color-background-600-h) var(--dt-avatar-color-background-600-s) var(--dt-avatar-color-background-600-l);
90
- --dt-avatar-color-background-600-hsla: hsla(var(--dt-avatar-color-background-600-h) var(--dt-avatar-color-background-600-s) var(--dt-avatar-color-background-600-l) / var(--alpha, 100%));
104
+ --dt-avatar-color-background-600-hsla: hsl(var(--dt-avatar-color-background-600-h) var(--dt-avatar-color-background-600-s) var(--dt-avatar-color-background-600-l) / var(--alpha, 100%));
91
105
  --dt-avatar-color-background-600: #77deec;
92
106
  --dt-avatar-color-background-500-h: 154.9565217391304;
93
- --dt-avatar-color-background-500-s: 76.158940397351%;
107
+ --dt-avatar-color-background-500-s: 76.15894039735099%;
94
108
  --dt-avatar-color-background-500-l: 70.3921568627451%;
109
+ --dt-avatar-color-background-500-a: 100%;
95
110
  --dt-avatar-color-background-500-hsl: var(--dt-avatar-color-background-500-h) var(--dt-avatar-color-background-500-s) var(--dt-avatar-color-background-500-l);
96
- --dt-avatar-color-background-500-hsla: hsla(var(--dt-avatar-color-background-500-h) var(--dt-avatar-color-background-500-s) var(--dt-avatar-color-background-500-l) / var(--alpha, 100%));
111
+ --dt-avatar-color-background-500-hsla: hsl(var(--dt-avatar-color-background-500-h) var(--dt-avatar-color-background-500-s) var(--dt-avatar-color-background-500-l) / var(--alpha, 100%));
97
112
  --dt-avatar-color-background-500: #7aedbd;
98
113
  --dt-avatar-color-background-400-h: 144.1025641025641;
99
114
  --dt-avatar-color-background-400-s: 75.48387096774195%;
100
115
  --dt-avatar-color-background-400-l: 69.6078431372549%;
116
+ --dt-avatar-color-background-400-a: 100%;
101
117
  --dt-avatar-color-background-400-hsl: var(--dt-avatar-color-background-400-h) var(--dt-avatar-color-background-400-s) var(--dt-avatar-color-background-400-l);
102
- --dt-avatar-color-background-400-hsla: hsla(var(--dt-avatar-color-background-400-h) var(--dt-avatar-color-background-400-s) var(--dt-avatar-color-background-400-l) / var(--alpha, 100%));
118
+ --dt-avatar-color-background-400-hsla: hsl(var(--dt-avatar-color-background-400-h) var(--dt-avatar-color-background-400-s) var(--dt-avatar-color-background-400-l) / var(--alpha, 100%));
103
119
  --dt-avatar-color-background-400: #77eca6;
104
120
  --dt-avatar-color-background-300-h: 97.3469387755102;
105
- --dt-avatar-color-background-300-s: 69.99999999999997%;
121
+ --dt-avatar-color-background-300-s: 69.99999999999999%;
106
122
  --dt-avatar-color-background-300-l: 72.54901960784314%;
123
+ --dt-avatar-color-background-300-a: 100%;
107
124
  --dt-avatar-color-background-300-hsl: var(--dt-avatar-color-background-300-h) var(--dt-avatar-color-background-300-s) var(--dt-avatar-color-background-300-l);
108
- --dt-avatar-color-background-300-hsla: hsla(var(--dt-avatar-color-background-300-h) var(--dt-avatar-color-background-300-s) var(--dt-avatar-color-background-300-l) / var(--alpha, 100%));
125
+ --dt-avatar-color-background-300-hsla: hsl(var(--dt-avatar-color-background-300-h) var(--dt-avatar-color-background-300-s) var(--dt-avatar-color-background-300-l) / var(--alpha, 100%));
109
126
  --dt-avatar-color-background-300: #adea88;
110
- --dt-avatar-color-background-200-h: 101.12903225806453;
127
+ --dt-avatar-color-background-200-h: 101.12903225806451;
111
128
  --dt-avatar-color-background-200-s: 100%;
112
129
  --dt-avatar-color-background-200-l: 75.68627450980392%;
130
+ --dt-avatar-color-background-200-a: 100%;
113
131
  --dt-avatar-color-background-200-hsl: var(--dt-avatar-color-background-200-h) var(--dt-avatar-color-background-200-s) var(--dt-avatar-color-background-200-l);
114
- --dt-avatar-color-background-200-hsla: hsla(var(--dt-avatar-color-background-200-h) var(--dt-avatar-color-background-200-s) var(--dt-avatar-color-background-200-l) / var(--alpha, 100%));
132
+ --dt-avatar-color-background-200-hsla: hsl(var(--dt-avatar-color-background-200-h) var(--dt-avatar-color-background-200-s) var(--dt-avatar-color-background-200-l) / var(--alpha, 100%));
115
133
  --dt-avatar-color-background-200: #aaff83;
116
134
  --dt-avatar-color-background-100-h: 136.64233576642334;
117
135
  --dt-avatar-color-background-100-s: 72.4867724867725%;
118
136
  --dt-avatar-color-background-100-l: 37.05882352941176%;
137
+ --dt-avatar-color-background-100-a: 100%;
119
138
  --dt-avatar-color-background-100-hsl: var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l);
120
- --dt-avatar-color-background-100-hsla: hsla(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
139
+ --dt-avatar-color-background-100-hsla: hsl(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
121
140
  --dt-avatar-color-background-100: #1aa340;
122
141
  --dt-theme-mention-color-background-strong-h: 327.45762711864404;
123
142
  --dt-theme-mention-color-background-strong-s: 98.33333333333334%;
124
143
  --dt-theme-mention-color-background-strong-l: 23.52941176470588%;
144
+ --dt-theme-mention-color-background-strong-a: 100%;
125
145
  --dt-theme-mention-color-background-strong-hsl: var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l);
126
- --dt-theme-mention-color-background-strong-hsla: hsla(var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l) / var(--alpha, 100%));
146
+ --dt-theme-mention-color-background-strong-hsla: hsl(var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l) / var(--alpha, 100%));
127
147
  --dt-theme-mention-color-background-strong: #770141;
128
148
  --dt-theme-mention-color-background-h: 329.20353982300884;
129
149
  --dt-theme-mention-color-background-s: 100%;
130
150
  --dt-theme-mention-color-background-l: 44.31372549019608%;
151
+ --dt-theme-mention-color-background-a: 100%;
131
152
  --dt-theme-mention-color-background-hsl: var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l);
132
- --dt-theme-mention-color-background-hsla: hsla(var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l) / var(--alpha, 100%));
153
+ --dt-theme-mention-color-background-hsla: hsl(var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l) / var(--alpha, 100%));
133
154
  --dt-theme-mention-color-background: #E20074;
134
155
  --dt-theme-color-base-h: 329.20353982300884;
135
156
  --dt-theme-color-base-s: 100%;
136
157
  --dt-theme-color-base-l: 44.31372549019608%;
158
+ --dt-theme-color-base-a: 100%;
137
159
  --dt-theme-color-base-hsl: var(--dt-theme-color-base-h) var(--dt-theme-color-base-s) var(--dt-theme-color-base-l);
138
- --dt-theme-color-base-hsla: hsla(var(--dt-theme-color-base-h) var(--dt-theme-color-base-s) var(--dt-theme-color-base-l) / var(--alpha, 100%));
160
+ --dt-theme-color-base-hsla: hsl(var(--dt-theme-color-base-h) var(--dt-theme-color-base-s) var(--dt-theme-color-base-l) / var(--alpha, 100%));
139
161
  --dt-theme-color-base: #E20074;
140
- --dt-radio-color-background-checked-h: 0;
141
- --dt-radio-color-background-checked-s: 0%;
142
- --dt-radio-color-background-checked-l: 0%;
143
- --dt-radio-color-background-checked-hsl: var(--dt-radio-color-background-checked-h) var(--dt-radio-color-background-checked-s) var(--dt-radio-color-background-checked-l);
144
- --dt-radio-color-background-checked-hsla: hsla(var(--dt-radio-color-background-checked-h) var(--dt-radio-color-background-checked-s) var(--dt-radio-color-background-checked-l) / var(--alpha, 100%));
162
+ --dt-radio-color-background-checked-h: var(--dt-color-brand-purple-h);
163
+ --dt-radio-color-background-checked-s: var(--dt-color-brand-purple-s);
164
+ --dt-radio-color-background-checked-l: var(--dt-color-brand-purple-l);
165
+ --dt-radio-color-background-checked-a: var(--dt-color-brand-purple-a);
166
+ --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
167
+ --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
145
168
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
146
- --dt-radio-color-border-unchecked-h: 0;
147
- --dt-radio-color-border-unchecked-s: 0%;
148
- --dt-radio-color-border-unchecked-l: 0%;
149
- --dt-radio-color-border-unchecked-hsl: var(--dt-radio-color-border-unchecked-h) var(--dt-radio-color-border-unchecked-s) var(--dt-radio-color-border-unchecked-l);
150
- --dt-radio-color-border-unchecked-hsla: hsla(var(--dt-radio-color-border-unchecked-h) var(--dt-radio-color-border-unchecked-s) var(--dt-radio-color-border-unchecked-l) / var(--alpha, 100%));
169
+ --dt-radio-color-border-unchecked-h: var(--dt-color-black-400-h);
170
+ --dt-radio-color-border-unchecked-s: var(--dt-color-black-400-s);
171
+ --dt-radio-color-border-unchecked-l: var(--dt-color-black-400-l);
172
+ --dt-radio-color-border-unchecked-a: var(--dt-color-black-400-a);
173
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
174
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
151
175
  --dt-radio-color-border-unchecked: var(--dt-color-black-400);
152
176
  --dt-radio-size-width: var(--dt-size-500);
153
177
  --dt-icon-size-border-100: var(--dt-size-border-100);
154
- --dt-checkbox-color-background-checked-h: 0;
155
- --dt-checkbox-color-background-checked-s: 0%;
156
- --dt-checkbox-color-background-checked-l: 0%;
157
- --dt-checkbox-color-background-checked-hsl: var(--dt-checkbox-color-background-checked-h) var(--dt-checkbox-color-background-checked-s) var(--dt-checkbox-color-background-checked-l);
158
- --dt-checkbox-color-background-checked-hsla: hsla(var(--dt-checkbox-color-background-checked-h) var(--dt-checkbox-color-background-checked-s) var(--dt-checkbox-color-background-checked-l) / var(--alpha, 100%));
178
+ --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
179
+ --dt-checkbox-color-background-checked-s: var(--dt-color-brand-purple-s);
180
+ --dt-checkbox-color-background-checked-l: var(--dt-color-brand-purple-l);
181
+ --dt-checkbox-color-background-checked-a: var(--dt-color-brand-purple-a);
182
+ --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
183
+ --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
159
184
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
160
- --dt-checkbox-color-border-unchecked-h: 0;
161
- --dt-checkbox-color-border-unchecked-s: 0%;
162
- --dt-checkbox-color-border-unchecked-l: 0%;
163
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-checkbox-color-border-unchecked-h) var(--dt-checkbox-color-border-unchecked-s) var(--dt-checkbox-color-border-unchecked-l);
164
- --dt-checkbox-color-border-unchecked-hsla: hsla(var(--dt-checkbox-color-border-unchecked-h) var(--dt-checkbox-color-border-unchecked-s) var(--dt-checkbox-color-border-unchecked-l) / var(--alpha, 100%));
185
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-400-h);
186
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-400-s);
187
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-400-l);
188
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-400-a);
189
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
190
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
165
191
  --dt-checkbox-color-border-unchecked: var(--dt-color-black-400);
166
192
  --dt-checkbox-size-width: var(--dt-size-500);
167
- --dt-badge-color-border-bulletin-subtle-h: 255.00000000000006;
193
+ --dt-badge-color-border-bulletin-subtle-h: 255;
168
194
  --dt-badge-color-border-bulletin-subtle-s: 100%;
169
- --dt-badge-color-border-bulletin-subtle-l: 66.09%;
195
+ --dt-badge-color-border-bulletin-subtle-l: 66.1%;
196
+ --dt-badge-color-border-bulletin-subtle-a: 50%;
170
197
  --dt-badge-color-border-bulletin-subtle-hsl: var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l);
171
- --dt-badge-color-border-bulletin-subtle-hsla: hsla(var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l) / var(--alpha, 100%));
198
+ --dt-badge-color-border-bulletin-subtle-hsla: hsl(var(--dt-badge-color-border-bulletin-subtle-h) var(--dt-badge-color-border-bulletin-subtle-s) var(--dt-badge-color-border-bulletin-subtle-l) / var(--alpha, 50%));
172
199
  --dt-badge-color-border-bulletin-subtle: hsl(255 100% 66.1% / 0.5);
173
200
  --dt-badge-color-foreground-bulletin-subtle-h: 255;
174
201
  --dt-badge-color-foreground-bulletin-subtle-s: 100%;
175
202
  --dt-badge-color-foreground-bulletin-subtle-l: 26.400000000000002%;
203
+ --dt-badge-color-foreground-bulletin-subtle-a: 100%;
176
204
  --dt-badge-color-foreground-bulletin-subtle-hsl: var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l);
177
- --dt-badge-color-foreground-bulletin-subtle-hsla: hsla(var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l) / var(--alpha, 100%));
205
+ --dt-badge-color-foreground-bulletin-subtle-hsla: hsl(var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l) / var(--alpha, 100%));
178
206
  --dt-badge-color-foreground-bulletin-subtle: hsl(255 100% 26.4%);
179
- --dt-badge-color-foreground-bulletin-h: 0;
180
- --dt-badge-color-foreground-bulletin-s: 0%;
181
- --dt-badge-color-foreground-bulletin-l: 0%;
182
- --dt-badge-color-foreground-bulletin-hsl: var(--dt-badge-color-foreground-bulletin-h) var(--dt-badge-color-foreground-bulletin-s) var(--dt-badge-color-foreground-bulletin-l);
183
- --dt-badge-color-foreground-bulletin-hsla: hsla(var(--dt-badge-color-foreground-bulletin-h) var(--dt-badge-color-foreground-bulletin-s) var(--dt-badge-color-foreground-bulletin-l) / var(--alpha, 100%));
207
+ --dt-badge-color-foreground-bulletin-h: var(--dt-color-neutral-white-h);
208
+ --dt-badge-color-foreground-bulletin-s: var(--dt-color-neutral-white-s);
209
+ --dt-badge-color-foreground-bulletin-l: var(--dt-color-neutral-white-l);
210
+ --dt-badge-color-foreground-bulletin-a: var(--dt-color-neutral-white-a);
211
+ --dt-badge-color-foreground-bulletin-hsl: var(--dt-color-neutral-white-hsl);
212
+ --dt-badge-color-foreground-bulletin-hsla: var(--dt-color-neutral-white-hsla);
184
213
  --dt-badge-color-foreground-bulletin: var(--dt-color-neutral-white);
185
- --dt-badge-color-background-bulletin-subtle-h: 255.00000000000006;
214
+ --dt-badge-color-background-bulletin-subtle-h: 255;
186
215
  --dt-badge-color-background-bulletin-subtle-s: 100%;
187
- --dt-badge-color-background-bulletin-subtle-l: 66.09%;
216
+ --dt-badge-color-background-bulletin-subtle-l: 66.1%;
217
+ --dt-badge-color-background-bulletin-subtle-a: 10%;
188
218
  --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l);
189
- --dt-badge-color-background-bulletin-subtle-hsla: hsla(var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l) / var(--alpha, 100%));
219
+ --dt-badge-color-background-bulletin-subtle-hsla: hsl(var(--dt-badge-color-background-bulletin-subtle-h) var(--dt-badge-color-background-bulletin-subtle-s) var(--dt-badge-color-background-bulletin-subtle-l) / var(--alpha, 10%));
190
220
  --dt-badge-color-background-bulletin-subtle: hsl(255 100% 66.1% / 0.1);
191
- --dt-badge-color-background-bulletin-h: 0;
192
- --dt-badge-color-background-bulletin-s: 0%;
193
- --dt-badge-color-background-bulletin-l: 0%;
194
- --dt-badge-color-background-bulletin-hsl: var(--dt-badge-color-background-bulletin-h) var(--dt-badge-color-background-bulletin-s) var(--dt-badge-color-background-bulletin-l);
195
- --dt-badge-color-background-bulletin-hsla: hsla(var(--dt-badge-color-background-bulletin-h) var(--dt-badge-color-background-bulletin-s) var(--dt-badge-color-background-bulletin-l) / var(--alpha, 100%));
221
+ --dt-badge-color-background-bulletin-h: var(--dt-color-brand-purple-h);
222
+ --dt-badge-color-background-bulletin-s: var(--dt-color-brand-purple-s);
223
+ --dt-badge-color-background-bulletin-l: var(--dt-color-brand-purple-l);
224
+ --dt-badge-color-background-bulletin-a: var(--dt-color-brand-purple-a);
225
+ --dt-badge-color-background-bulletin-hsl: var(--dt-color-brand-purple-hsl);
226
+ --dt-badge-color-background-bulletin-hsla: var(--dt-color-brand-purple-hsla);
196
227
  --dt-badge-color-background-bulletin: var(--dt-color-brand-purple);
197
- --dt-avatar-color-foreground-h: 0;
198
- --dt-avatar-color-foreground-s: 0%;
199
- --dt-avatar-color-foreground-l: 0%;
200
- --dt-avatar-color-foreground-hsl: var(--dt-avatar-color-foreground-h) var(--dt-avatar-color-foreground-s) var(--dt-avatar-color-foreground-l);
201
- --dt-avatar-color-foreground-hsla: hsla(var(--dt-avatar-color-foreground-h) var(--dt-avatar-color-foreground-s) var(--dt-avatar-color-foreground-l) / var(--alpha, 100%));
228
+ --dt-avatar-color-foreground-h: var(--dt-color-neutral-black-h);
229
+ --dt-avatar-color-foreground-s: var(--dt-color-neutral-black-s);
230
+ --dt-avatar-color-foreground-l: var(--dt-color-neutral-black-l);
231
+ --dt-avatar-color-foreground-a: var(--dt-color-neutral-black-a);
232
+ --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
233
+ --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
202
234
  --dt-avatar-color-foreground: var(--dt-color-neutral-black);
203
- --dt-theme-mention-color-foreground-h: 0;
204
- --dt-theme-mention-color-foreground-s: 0%;
205
- --dt-theme-mention-color-foreground-l: 0%;
206
- --dt-theme-mention-color-foreground-hsl: var(--dt-theme-mention-color-foreground-h) var(--dt-theme-mention-color-foreground-s) var(--dt-theme-mention-color-foreground-l);
207
- --dt-theme-mention-color-foreground-hsla: hsla(var(--dt-theme-mention-color-foreground-h) var(--dt-theme-mention-color-foreground-s) var(--dt-theme-mention-color-foreground-l) / var(--alpha, 100%));
235
+ --dt-theme-mention-color-foreground-h: var(--dt-color-neutral-white-h);
236
+ --dt-theme-mention-color-foreground-s: var(--dt-color-neutral-white-s);
237
+ --dt-theme-mention-color-foreground-l: var(--dt-color-neutral-white-l);
238
+ --dt-theme-mention-color-foreground-a: var(--dt-color-neutral-white-a);
239
+ --dt-theme-mention-color-foreground-hsl: var(--dt-color-neutral-white-hsl);
240
+ --dt-theme-mention-color-foreground-hsla: var(--dt-color-neutral-white-hsla);
208
241
  --dt-theme-mention-color-foreground: var(--dt-color-neutral-white);
209
- --dt-theme-presence-color-background-offline-h: 0;
210
- --dt-theme-presence-color-background-offline-s: 0%;
211
- --dt-theme-presence-color-background-offline-l: 0%;
212
- --dt-theme-presence-color-background-offline-hsl: var(--dt-theme-presence-color-background-offline-h) var(--dt-theme-presence-color-background-offline-s) var(--dt-theme-presence-color-background-offline-l);
213
- --dt-theme-presence-color-background-offline-hsla: hsla(var(--dt-theme-presence-color-background-offline-h) var(--dt-theme-presence-color-background-offline-s) var(--dt-theme-presence-color-background-offline-l) / var(--alpha, 100%));
242
+ --dt-theme-presence-color-background-offline-h: var(--dt-color-neutral-white-h);
243
+ --dt-theme-presence-color-background-offline-s: var(--dt-color-neutral-white-s);
244
+ --dt-theme-presence-color-background-offline-l: var(--dt-color-neutral-white-l);
245
+ --dt-theme-presence-color-background-offline-a: var(--dt-color-neutral-white-a);
246
+ --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
247
+ --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
214
248
  --dt-theme-presence-color-background-offline: var(--dt-color-neutral-white);
215
- --dt-theme-presence-color-background-busy-h: 0;
216
- --dt-theme-presence-color-background-busy-s: 0%;
217
- --dt-theme-presence-color-background-busy-l: 0%;
218
- --dt-theme-presence-color-background-busy-hsl: var(--dt-theme-presence-color-background-busy-h) var(--dt-theme-presence-color-background-busy-s) var(--dt-theme-presence-color-background-busy-l);
219
- --dt-theme-presence-color-background-busy-hsla: hsla(var(--dt-theme-presence-color-background-busy-h) var(--dt-theme-presence-color-background-busy-s) var(--dt-theme-presence-color-background-busy-l) / var(--alpha, 100%));
249
+ --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-300-h);
250
+ --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-300-s);
251
+ --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-300-l);
252
+ --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-300-a);
253
+ --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-300-hsl);
254
+ --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-300-hsla);
220
255
  --dt-theme-presence-color-background-busy: var(--dt-color-gold-300);
221
- --dt-theme-presence-color-background-busy-unavailable-h: 0;
222
- --dt-theme-presence-color-background-busy-unavailable-s: 0%;
223
- --dt-theme-presence-color-background-busy-unavailable-l: 0%;
224
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-theme-presence-color-background-busy-unavailable-h) var(--dt-theme-presence-color-background-busy-unavailable-s) var(--dt-theme-presence-color-background-busy-unavailable-l);
225
- --dt-theme-presence-color-background-busy-unavailable-hsla: hsla(var(--dt-theme-presence-color-background-busy-unavailable-h) var(--dt-theme-presence-color-background-busy-unavailable-s) var(--dt-theme-presence-color-background-busy-unavailable-l) / var(--alpha, 100%));
256
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-300-h);
257
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-300-s);
258
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-300-l);
259
+ --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-300-a);
260
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-300-hsl);
261
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-300-hsla);
226
262
  --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-300);
227
- --dt-theme-presence-color-background-available-h: 0;
228
- --dt-theme-presence-color-background-available-s: 0%;
229
- --dt-theme-presence-color-background-available-l: 0%;
230
- --dt-theme-presence-color-background-available-hsl: var(--dt-theme-presence-color-background-available-h) var(--dt-theme-presence-color-background-available-s) var(--dt-theme-presence-color-background-available-l);
231
- --dt-theme-presence-color-background-available-hsla: hsla(var(--dt-theme-presence-color-background-available-h) var(--dt-theme-presence-color-background-available-s) var(--dt-theme-presence-color-background-available-l) / var(--alpha, 100%));
263
+ --dt-theme-presence-color-background-available-h: var(--dt-color-green-400-h);
264
+ --dt-theme-presence-color-background-available-s: var(--dt-color-green-400-s);
265
+ --dt-theme-presence-color-background-available-l: var(--dt-color-green-400-l);
266
+ --dt-theme-presence-color-background-available-a: var(--dt-color-green-400-a);
267
+ --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-400-hsl);
268
+ --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-400-hsla);
232
269
  --dt-theme-presence-color-background-available: var(--dt-color-green-400);
233
270
  --dt-theme-sidebar-selected-row-color-background-h: 329;
234
271
  --dt-theme-sidebar-selected-row-color-background-s: 100%;
235
272
  --dt-theme-sidebar-selected-row-color-background-l: 44.3%;
273
+ --dt-theme-sidebar-selected-row-color-background-a: 10%;
236
274
  --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
237
- --dt-theme-sidebar-selected-row-color-background-hsla: hsla(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 100%));
275
+ --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 10%));
238
276
  --dt-theme-sidebar-selected-row-color-background: hsl(329 100% 44.3% / 0.1);
239
277
  --dt-theme-sidebar-row-color-background-active-h: 329;
240
278
  --dt-theme-sidebar-row-color-background-active-s: 100%;
241
279
  --dt-theme-sidebar-row-color-background-active-l: 44.3%;
280
+ --dt-theme-sidebar-row-color-background-active-a: 16%;
242
281
  --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
243
- --dt-theme-sidebar-row-color-background-active-hsla: hsla(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 100%));
282
+ --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 16%));
244
283
  --dt-theme-sidebar-row-color-background-active: hsl(329 100% 44.3% / 0.16);
245
284
  --dt-theme-sidebar-row-color-background-hover-h: 329;
246
285
  --dt-theme-sidebar-row-color-background-hover-s: 100%;
247
286
  --dt-theme-sidebar-row-color-background-hover-l: 44.3%;
287
+ --dt-theme-sidebar-row-color-background-hover-a: 12%;
248
288
  --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
249
- --dt-theme-sidebar-row-color-background-hover-hsla: hsla(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 100%));
289
+ --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 12%));
250
290
  --dt-theme-sidebar-row-color-background-hover: hsl(329 100% 44.3% / 0.12);
251
291
  --dt-theme-sidebar-row-color-background-h: 329;
252
292
  --dt-theme-sidebar-row-color-background-s: 100%;
253
293
  --dt-theme-sidebar-row-color-background-l: 44.3%;
294
+ --dt-theme-sidebar-row-color-background-a: 0%;
254
295
  --dt-theme-sidebar-row-color-background-hsl: var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l);
255
- --dt-theme-sidebar-row-color-background-hsla: hsla(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 100%));
296
+ --dt-theme-sidebar-row-color-background-hsla: hsl(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 0%));
256
297
  --dt-theme-sidebar-row-color-background: hsl(329 100% 44.3% / 0);
257
298
  --dt-theme-topbar-profile-color-background-active-h: 329;
258
299
  --dt-theme-topbar-profile-color-background-active-s: 100%;
259
300
  --dt-theme-topbar-profile-color-background-active-l: 44.3%;
301
+ --dt-theme-topbar-profile-color-background-active-a: 14%;
260
302
  --dt-theme-topbar-profile-color-background-active-hsl: var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l);
261
- --dt-theme-topbar-profile-color-background-active-hsla: hsla(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 100%));
303
+ --dt-theme-topbar-profile-color-background-active-hsla: hsl(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 14%));
262
304
  --dt-theme-topbar-profile-color-background-active: hsl(329 100% 44.3% / 0.14);
263
305
  --dt-theme-topbar-profile-color-background-hover-h: 329;
264
306
  --dt-theme-topbar-profile-color-background-hover-s: 100%;
265
307
  --dt-theme-topbar-profile-color-background-hover-l: 44.3%;
308
+ --dt-theme-topbar-profile-color-background-hover-a: 10%;
266
309
  --dt-theme-topbar-profile-color-background-hover-hsl: var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l);
267
- --dt-theme-topbar-profile-color-background-hover-hsla: hsla(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 100%));
310
+ --dt-theme-topbar-profile-color-background-hover-hsla: hsl(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 10%));
268
311
  --dt-theme-topbar-profile-color-background-hover: hsl(329 100% 44.3% / 0.1);
269
312
  --dt-theme-topbar-profile-color-background-inverted-h: 329;
270
313
  --dt-theme-topbar-profile-color-background-inverted-s: 100%;
271
314
  --dt-theme-topbar-profile-color-background-inverted-l: 44.3%;
315
+ --dt-theme-topbar-profile-color-background-inverted-a: 75%;
272
316
  --dt-theme-topbar-profile-color-background-inverted-hsl: var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l);
273
- --dt-theme-topbar-profile-color-background-inverted-hsla: hsla(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 100%));
317
+ --dt-theme-topbar-profile-color-background-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 75%));
274
318
  --dt-theme-topbar-profile-color-background-inverted: hsl(329 100% 44.3% / 0.75);
275
319
  --dt-theme-topbar-profile-color-background-h: 329;
276
320
  --dt-theme-topbar-profile-color-background-s: 100%;
277
321
  --dt-theme-topbar-profile-color-background-l: 44.3%;
322
+ --dt-theme-topbar-profile-color-background-a: 5%;
278
323
  --dt-theme-topbar-profile-color-background-hsl: var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l);
279
- --dt-theme-topbar-profile-color-background-hsla: hsla(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 100%));
324
+ --dt-theme-topbar-profile-color-background-hsla: hsl(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 5%));
280
325
  --dt-theme-topbar-profile-color-background: hsl(329 100% 44.3% / 0.05);
281
326
  --dt-theme-topbar-button-color-background-active-h: 329;
282
327
  --dt-theme-topbar-button-color-background-active-s: 100%;
283
328
  --dt-theme-topbar-button-color-background-active-l: 44.3%;
329
+ --dt-theme-topbar-button-color-background-active-a: 10%;
284
330
  --dt-theme-topbar-button-color-background-active-hsl: var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l);
285
- --dt-theme-topbar-button-color-background-active-hsla: hsla(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 100%));
331
+ --dt-theme-topbar-button-color-background-active-hsla: hsl(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 10%));
286
332
  --dt-theme-topbar-button-color-background-active: hsl(329 100% 44.3% / 0.1);
287
333
  --dt-theme-topbar-button-color-background-hover-h: 329;
288
334
  --dt-theme-topbar-button-color-background-hover-s: 100%;
289
335
  --dt-theme-topbar-button-color-background-hover-l: 44.3%;
336
+ --dt-theme-topbar-button-color-background-hover-a: 5%;
290
337
  --dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
291
- --dt-theme-topbar-button-color-background-hover-hsla: hsla(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 100%));
338
+ --dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 5%));
292
339
  --dt-theme-topbar-button-color-background-hover: hsl(329 100% 44.3% / 0.05);
293
340
  --dt-theme-topbar-button-color-background-h: 329;
294
341
  --dt-theme-topbar-button-color-background-s: 100%;
295
342
  --dt-theme-topbar-button-color-background-l: 44.3%;
343
+ --dt-theme-topbar-button-color-background-a: 0%;
296
344
  --dt-theme-topbar-button-color-background-hsl: var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l);
297
- --dt-theme-topbar-button-color-background-hsla: hsla(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 100%));
345
+ --dt-theme-topbar-button-color-background-hsla: hsl(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 0%));
298
346
  --dt-theme-topbar-button-color-background: hsl(329 100% 44.3% / 0);
299
- --dt-theme-topbar-button-color-foreground-hover-h: 0;
300
- --dt-theme-topbar-button-color-foreground-hover-s: 0%;
301
- --dt-theme-topbar-button-color-foreground-hover-l: 0%;
302
- --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-topbar-button-color-foreground-hover-h) var(--dt-theme-topbar-button-color-foreground-hover-s) var(--dt-theme-topbar-button-color-foreground-hover-l);
303
- --dt-theme-topbar-button-color-foreground-hover-hsla: hsla(var(--dt-theme-topbar-button-color-foreground-hover-h) var(--dt-theme-topbar-button-color-foreground-hover-s) var(--dt-theme-topbar-button-color-foreground-hover-l) / var(--alpha, 100%));
347
+ --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
348
+ --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
349
+ --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
350
+ --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-theme-color-base-a);
351
+ --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
352
+ --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
304
353
  --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
305
354
  --dt-theme-topbar-button-color-foreground-h: 329;
306
355
  --dt-theme-topbar-button-color-foreground-s: 100%;
307
356
  --dt-theme-topbar-button-color-foreground-l: 44.3%;
357
+ --dt-theme-topbar-button-color-foreground-a: 65%;
308
358
  --dt-theme-topbar-button-color-foreground-hsl: var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l);
309
- --dt-theme-topbar-button-color-foreground-hsla: hsla(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 100%));
359
+ --dt-theme-topbar-button-color-foreground-hsla: hsl(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 65%));
310
360
  --dt-theme-topbar-button-color-foreground: hsl(329 100% 44.3% / 0.65);
311
361
  --dt-theme-topbar-field-color-border-active-h: 329;
312
362
  --dt-theme-topbar-field-color-border-active-s: 100%;
313
363
  --dt-theme-topbar-field-color-border-active-l: 44.3%;
364
+ --dt-theme-topbar-field-color-border-active-a: 20%;
314
365
  --dt-theme-topbar-field-color-border-active-hsl: var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l);
315
- --dt-theme-topbar-field-color-border-active-hsla: hsla(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 100%));
366
+ --dt-theme-topbar-field-color-border-active-hsla: hsl(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 20%));
316
367
  --dt-theme-topbar-field-color-border-active: hsl(329 100% 44.3% / 0.2);
317
368
  --dt-theme-topbar-field-color-border-hover-h: 329;
318
369
  --dt-theme-topbar-field-color-border-hover-s: 100%;
319
370
  --dt-theme-topbar-field-color-border-hover-l: 44.3%;
371
+ --dt-theme-topbar-field-color-border-hover-a: 10%;
320
372
  --dt-theme-topbar-field-color-border-hover-hsl: var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l);
321
- --dt-theme-topbar-field-color-border-hover-hsla: hsla(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 100%));
373
+ --dt-theme-topbar-field-color-border-hover-hsla: hsl(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 10%));
322
374
  --dt-theme-topbar-field-color-border-hover: hsl(329 100% 44.3% / 0.1);
323
375
  --dt-theme-topbar-field-color-border-h: 329;
324
376
  --dt-theme-topbar-field-color-border-s: 100%;
325
377
  --dt-theme-topbar-field-color-border-l: 44.3%;
378
+ --dt-theme-topbar-field-color-border-a: 0%;
326
379
  --dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
327
- --dt-theme-topbar-field-color-border-hsla: hsla(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 100%));
380
+ --dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
328
381
  --dt-theme-topbar-field-color-border: hsl(329 100% 44.3% / 0);
329
382
  --dt-theme-topbar-field-color-background-hover-h: 0;
330
383
  --dt-theme-topbar-field-color-background-hover-s: 0%;
331
384
  --dt-theme-topbar-field-color-background-hover-l: 100%;
385
+ --dt-theme-topbar-field-color-background-hover-a: 100%;
332
386
  --dt-theme-topbar-field-color-background-hover-hsl: var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l);
333
- --dt-theme-topbar-field-color-background-hover-hsla: hsla(var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
387
+ --dt-theme-topbar-field-color-background-hover-hsla: hsl(var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
334
388
  --dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
335
389
  --dt-theme-topbar-field-color-background-h: 329;
336
390
  --dt-theme-topbar-field-color-background-s: 100%;
337
391
  --dt-theme-topbar-field-color-background-l: 44.3%;
392
+ --dt-theme-topbar-field-color-background-a: 5%;
338
393
  --dt-theme-topbar-field-color-background-hsl: var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l);
339
- --dt-theme-topbar-field-color-background-hsla: hsla(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 100%));
394
+ --dt-theme-topbar-field-color-background-hsla: hsl(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 5%));
340
395
  --dt-theme-topbar-field-color-background: hsl(329 100% 44.3% / 0.05);
341
396
  --dt-theme-topbar-field-color-foreground-hover-h: 329;
342
397
  --dt-theme-topbar-field-color-foreground-hover-s: 100%;
343
398
  --dt-theme-topbar-field-color-foreground-hover-l: 44.3%;
399
+ --dt-theme-topbar-field-color-foreground-hover-a: 75%;
344
400
  --dt-theme-topbar-field-color-foreground-hover-hsl: var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l);
345
- --dt-theme-topbar-field-color-foreground-hover-hsla: hsla(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 100%));
401
+ --dt-theme-topbar-field-color-foreground-hover-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 75%));
346
402
  --dt-theme-topbar-field-color-foreground-hover: hsl(329 100% 44.3% / 0.75);
347
403
  --dt-theme-topbar-field-color-foreground-h: 329;
348
404
  --dt-theme-topbar-field-color-foreground-s: 100%;
349
405
  --dt-theme-topbar-field-color-foreground-l: 44.3%;
406
+ --dt-theme-topbar-field-color-foreground-a: 50%;
350
407
  --dt-theme-topbar-field-color-foreground-hsl: var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l);
351
- --dt-theme-topbar-field-color-foreground-hsla: hsla(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 100%));
408
+ --dt-theme-topbar-field-color-foreground-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 50%));
352
409
  --dt-theme-topbar-field-color-foreground: hsl(329 100% 44.3% / 0.5);
353
410
  --dt-theme-topbar-color-foreground-h: 329;
354
411
  --dt-theme-topbar-color-foreground-s: 100%;
355
412
  --dt-theme-topbar-color-foreground-l: 44.3%;
413
+ --dt-theme-topbar-color-foreground-a: 75%;
356
414
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
357
- --dt-theme-topbar-color-foreground-hsla: hsla(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 100%));
415
+ --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
358
416
  --dt-theme-topbar-color-foreground: hsl(329 100% 44.3% / 0.75);
359
- --dt-action-color-border-base-outlined-default-h: 0;
360
- --dt-action-color-border-base-outlined-default-s: 0%;
361
- --dt-action-color-border-base-outlined-default-l: 0%;
362
- --dt-action-color-border-base-outlined-default-hsl: var(--dt-action-color-border-base-outlined-default-h) var(--dt-action-color-border-base-outlined-default-s) var(--dt-action-color-border-base-outlined-default-l);
363
- --dt-action-color-border-base-outlined-default-hsla: hsla(var(--dt-action-color-border-base-outlined-default-h) var(--dt-action-color-border-base-outlined-default-s) var(--dt-action-color-border-base-outlined-default-l) / var(--alpha, 100%));
417
+ --dt-action-color-border-base-outlined-default-h: var(--dt-color-purple-400-h);
418
+ --dt-action-color-border-base-outlined-default-s: var(--dt-color-purple-400-s);
419
+ --dt-action-color-border-base-outlined-default-l: var(--dt-color-purple-400-l);
420
+ --dt-action-color-border-base-outlined-default-a: var(--dt-color-purple-400-a);
421
+ --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-purple-400-hsl);
422
+ --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-purple-400-hsla);
364
423
  --dt-action-color-border-base-outlined-default: var(--dt-color-purple-400);
365
- --dt-action-color-background-positive-primary-default-h: 0;
366
- --dt-action-color-background-positive-primary-default-s: 0%;
367
- --dt-action-color-background-positive-primary-default-l: 0%;
368
- --dt-action-color-background-positive-primary-default-hsl: var(--dt-action-color-background-positive-primary-default-h) var(--dt-action-color-background-positive-primary-default-s) var(--dt-action-color-background-positive-primary-default-l);
369
- --dt-action-color-background-positive-primary-default-hsla: hsla(var(--dt-action-color-background-positive-primary-default-h) var(--dt-action-color-background-positive-primary-default-s) var(--dt-action-color-background-positive-primary-default-l) / var(--alpha, 100%));
424
+ --dt-action-color-background-positive-primary-default-h: var(--dt-color-green-400-h);
425
+ --dt-action-color-background-positive-primary-default-s: var(--dt-color-green-400-s);
426
+ --dt-action-color-background-positive-primary-default-l: var(--dt-color-green-400-l);
427
+ --dt-action-color-background-positive-primary-default-a: var(--dt-color-green-400-a);
428
+ --dt-action-color-background-positive-primary-default-hsl: var(--dt-color-green-400-hsl);
429
+ --dt-action-color-background-positive-primary-default-hsla: var(--dt-color-green-400-hsla);
370
430
  --dt-action-color-background-positive-primary-default: var(--dt-color-green-400);
371
431
  --dt-action-color-background-positive-active-h: 137;
372
- --dt-action-color-background-positive-active-s: 72.50000000000001%;
432
+ --dt-action-color-background-positive-active-s: 72.5%;
373
433
  --dt-action-color-background-positive-active-l: 37.1%;
434
+ --dt-action-color-background-positive-active-a: 8%;
374
435
  --dt-action-color-background-positive-active-hsl: var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l);
375
- --dt-action-color-background-positive-active-hsla: hsla(var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l) / var(--alpha, 100%));
436
+ --dt-action-color-background-positive-active-hsla: hsl(var(--dt-action-color-background-positive-active-h) var(--dt-action-color-background-positive-active-s) var(--dt-action-color-background-positive-active-l) / var(--alpha, 8%));
376
437
  --dt-action-color-background-positive-active: hsl(137 72.5% 37.1% / 0.08);
377
- --dt-action-color-background-positive-hover-h: 110.99999999999987;
378
- --dt-action-color-background-positive-hover-s: 53.79999999999936%;
438
+ --dt-action-color-background-positive-hover-h: 111;
439
+ --dt-action-color-background-positive-hover-s: 53.79999999999999%;
379
440
  --dt-action-color-background-positive-hover-l: 98%;
441
+ --dt-action-color-background-positive-hover-a: 100%;
380
442
  --dt-action-color-background-positive-hover-hsl: var(--dt-action-color-background-positive-hover-h) var(--dt-action-color-background-positive-hover-s) var(--dt-action-color-background-positive-hover-l);
381
- --dt-action-color-background-positive-hover-hsla: hsla(var(--dt-action-color-background-positive-hover-h) var(--dt-action-color-background-positive-hover-s) var(--dt-action-color-background-positive-hover-l) / var(--alpha, 100%));
443
+ --dt-action-color-background-positive-hover-hsla: hsl(var(--dt-action-color-background-positive-hover-h) var(--dt-action-color-background-positive-hover-s) var(--dt-action-color-background-positive-hover-l) / var(--alpha, 100%));
382
444
  --dt-action-color-background-positive-hover: hsl(111 53.8% 98%);
383
- --dt-action-color-background-positive-default-h: 0;
384
- --dt-action-color-background-positive-default-s: 0%;
385
- --dt-action-color-background-positive-default-l: 0%;
386
- --dt-action-color-background-positive-default-hsl: var(--dt-action-color-background-positive-default-h) var(--dt-action-color-background-positive-default-s) var(--dt-action-color-background-positive-default-l);
387
- --dt-action-color-background-positive-default-hsla: hsla(var(--dt-action-color-background-positive-default-h) var(--dt-action-color-background-positive-default-s) var(--dt-action-color-background-positive-default-l) / var(--alpha, 100%));
445
+ --dt-action-color-background-positive-default-h: var(--dt-color-neutral-transparent-h);
446
+ --dt-action-color-background-positive-default-s: var(--dt-color-neutral-transparent-s);
447
+ --dt-action-color-background-positive-default-l: var(--dt-color-neutral-transparent-l);
448
+ --dt-action-color-background-positive-default-a: var(--dt-color-neutral-transparent-a);
449
+ --dt-action-color-background-positive-default-hsl: var(--dt-color-neutral-transparent-hsl);
450
+ --dt-action-color-background-positive-default-hsla: var(--dt-color-neutral-transparent-hsla);
388
451
  --dt-action-color-background-positive-default: var(--dt-color-neutral-transparent);
389
- --dt-action-color-background-disabled-default-h: 0;
390
- --dt-action-color-background-disabled-default-s: 0%;
391
- --dt-action-color-background-disabled-default-l: 0%;
392
- --dt-action-color-background-disabled-default-hsl: var(--dt-action-color-background-disabled-default-h) var(--dt-action-color-background-disabled-default-s) var(--dt-action-color-background-disabled-default-l);
393
- --dt-action-color-background-disabled-default-hsla: hsla(var(--dt-action-color-background-disabled-default-h) var(--dt-action-color-background-disabled-default-s) var(--dt-action-color-background-disabled-default-l) / var(--alpha, 100%));
452
+ --dt-action-color-background-disabled-default-h: var(--dt-color-black-300-h);
453
+ --dt-action-color-background-disabled-default-s: var(--dt-color-black-300-s);
454
+ --dt-action-color-background-disabled-default-l: var(--dt-color-black-300-l);
455
+ --dt-action-color-background-disabled-default-a: var(--dt-color-black-300-a);
456
+ --dt-action-color-background-disabled-default-hsl: var(--dt-color-black-300-hsl);
457
+ --dt-action-color-background-disabled-default-hsla: var(--dt-color-black-300-hsla);
394
458
  --dt-action-color-background-disabled-default: var(--dt-color-black-300);
395
459
  --dt-action-color-background-muted-active-h: 0;
396
460
  --dt-action-color-background-muted-active-s: 0%;
397
461
  --dt-action-color-background-muted-active-l: 13.3%;
462
+ --dt-action-color-background-muted-active-a: 16%;
398
463
  --dt-action-color-background-muted-active-hsl: var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l);
399
- --dt-action-color-background-muted-active-hsla: hsla(var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l) / var(--alpha, 100%));
464
+ --dt-action-color-background-muted-active-hsla: hsl(var(--dt-action-color-background-muted-active-h) var(--dt-action-color-background-muted-active-s) var(--dt-action-color-background-muted-active-l) / var(--alpha, 16%));
400
465
  --dt-action-color-background-muted-active: hsl(0 0% 13.3% / 0.16);
401
466
  --dt-action-color-background-muted-hover-h: 0;
402
467
  --dt-action-color-background-muted-hover-s: 0%;
403
468
  --dt-action-color-background-muted-hover-l: 13.3%;
469
+ --dt-action-color-background-muted-hover-a: 10%;
404
470
  --dt-action-color-background-muted-hover-hsl: var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l);
405
- --dt-action-color-background-muted-hover-hsla: hsla(var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l) / var(--alpha, 100%));
471
+ --dt-action-color-background-muted-hover-hsla: hsl(var(--dt-action-color-background-muted-hover-h) var(--dt-action-color-background-muted-hover-s) var(--dt-action-color-background-muted-hover-l) / var(--alpha, 10%));
406
472
  --dt-action-color-background-muted-hover: hsl(0 0% 13.3% / 0.1);
407
- --dt-action-color-background-muted-default-h: 0;
408
- --dt-action-color-background-muted-default-s: 0%;
409
- --dt-action-color-background-muted-default-l: 0%;
410
- --dt-action-color-background-muted-default-hsl: var(--dt-action-color-background-muted-default-h) var(--dt-action-color-background-muted-default-s) var(--dt-action-color-background-muted-default-l);
411
- --dt-action-color-background-muted-default-hsla: hsla(var(--dt-action-color-background-muted-default-h) var(--dt-action-color-background-muted-default-s) var(--dt-action-color-background-muted-default-l) / var(--alpha, 100%));
473
+ --dt-action-color-background-muted-default-h: var(--dt-color-neutral-transparent-h);
474
+ --dt-action-color-background-muted-default-s: var(--dt-color-neutral-transparent-s);
475
+ --dt-action-color-background-muted-default-l: var(--dt-color-neutral-transparent-l);
476
+ --dt-action-color-background-muted-default-a: var(--dt-color-neutral-transparent-a);
477
+ --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
478
+ --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
412
479
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
413
- --dt-action-color-background-inverted-primary-hover-h: 0;
414
- --dt-action-color-background-inverted-primary-hover-s: 0%;
415
- --dt-action-color-background-inverted-primary-hover-l: 0%;
416
- --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-action-color-background-inverted-primary-hover-h) var(--dt-action-color-background-inverted-primary-hover-s) var(--dt-action-color-background-inverted-primary-hover-l);
417
- --dt-action-color-background-inverted-primary-hover-hsla: hsla(var(--dt-action-color-background-inverted-primary-hover-h) var(--dt-action-color-background-inverted-primary-hover-s) var(--dt-action-color-background-inverted-primary-hover-l) / var(--alpha, 100%));
480
+ --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-purple-100-h);
481
+ --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-purple-100-s);
482
+ --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-purple-100-l);
483
+ --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-purple-100-a);
484
+ --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-purple-100-hsl);
485
+ --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-purple-100-hsla);
418
486
  --dt-action-color-background-inverted-primary-hover: var(--dt-color-purple-100);
419
- --dt-action-color-background-inverted-default-h: 0;
420
- --dt-action-color-background-inverted-default-s: 0%;
421
- --dt-action-color-background-inverted-default-l: 0%;
422
- --dt-action-color-background-inverted-default-hsl: var(--dt-action-color-background-inverted-default-h) var(--dt-action-color-background-inverted-default-s) var(--dt-action-color-background-inverted-default-l);
423
- --dt-action-color-background-inverted-default-hsla: hsla(var(--dt-action-color-background-inverted-default-h) var(--dt-action-color-background-inverted-default-s) var(--dt-action-color-background-inverted-default-l) / var(--alpha, 100%));
487
+ --dt-action-color-background-inverted-default-h: var(--dt-color-neutral-transparent-h);
488
+ --dt-action-color-background-inverted-default-s: var(--dt-color-neutral-transparent-s);
489
+ --dt-action-color-background-inverted-default-l: var(--dt-color-neutral-transparent-l);
490
+ --dt-action-color-background-inverted-default-a: var(--dt-color-neutral-transparent-a);
491
+ --dt-action-color-background-inverted-default-hsl: var(--dt-color-neutral-transparent-hsl);
492
+ --dt-action-color-background-inverted-default-hsla: var(--dt-color-neutral-transparent-hsla);
424
493
  --dt-action-color-background-inverted-default: var(--dt-color-neutral-transparent);
425
- --dt-action-color-background-critical-primary-default-h: 0;
426
- --dt-action-color-background-critical-primary-default-s: 0%;
427
- --dt-action-color-background-critical-primary-default-l: 0%;
428
- --dt-action-color-background-critical-primary-default-hsl: var(--dt-action-color-background-critical-primary-default-h) var(--dt-action-color-background-critical-primary-default-s) var(--dt-action-color-background-critical-primary-default-l);
429
- --dt-action-color-background-critical-primary-default-hsla: hsla(var(--dt-action-color-background-critical-primary-default-h) var(--dt-action-color-background-critical-primary-default-s) var(--dt-action-color-background-critical-primary-default-l) / var(--alpha, 100%));
494
+ --dt-action-color-background-critical-primary-default-h: var(--dt-color-red-300-h);
495
+ --dt-action-color-background-critical-primary-default-s: var(--dt-color-red-300-s);
496
+ --dt-action-color-background-critical-primary-default-l: var(--dt-color-red-300-l);
497
+ --dt-action-color-background-critical-primary-default-a: var(--dt-color-red-300-a);
498
+ --dt-action-color-background-critical-primary-default-hsl: var(--dt-color-red-300-hsl);
499
+ --dt-action-color-background-critical-primary-default-hsla: var(--dt-color-red-300-hsla);
430
500
  --dt-action-color-background-critical-primary-default: var(--dt-color-red-300);
431
501
  --dt-action-color-background-critical-active-h: 0;
432
- --dt-action-color-background-critical-active-s: 88.79999999999998%;
502
+ --dt-action-color-background-critical-active-s: 88.8%;
433
503
  --dt-action-color-background-critical-active-l: 49%;
504
+ --dt-action-color-background-critical-active-a: 12%;
434
505
  --dt-action-color-background-critical-active-hsl: var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l);
435
- --dt-action-color-background-critical-active-hsla: hsla(var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l) / var(--alpha, 100%));
506
+ --dt-action-color-background-critical-active-hsla: hsl(var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l) / var(--alpha, 12%));
436
507
  --dt-action-color-background-critical-active: hsl(0 88.8% 49% / 0.12);
437
508
  --dt-action-color-background-critical-hover-h: 0;
438
- --dt-action-color-background-critical-hover-s: 88.79999999999998%;
509
+ --dt-action-color-background-critical-hover-s: 88.8%;
439
510
  --dt-action-color-background-critical-hover-l: 49%;
511
+ --dt-action-color-background-critical-hover-a: 7%;
440
512
  --dt-action-color-background-critical-hover-hsl: var(--dt-action-color-background-critical-hover-h) var(--dt-action-color-background-critical-hover-s) var(--dt-action-color-background-critical-hover-l);
441
- --dt-action-color-background-critical-hover-hsla: hsla(var(--dt-action-color-background-critical-hover-h) var(--dt-action-color-background-critical-hover-s) var(--dt-action-color-background-critical-hover-l) / var(--alpha, 100%));
513
+ --dt-action-color-background-critical-hover-hsla: hsl(var(--dt-action-color-background-critical-hover-h) var(--dt-action-color-background-critical-hover-s) var(--dt-action-color-background-critical-hover-l) / var(--alpha, 7%));
442
514
  --dt-action-color-background-critical-hover: hsl(0 88.8% 49% / 0.07);
443
- --dt-action-color-background-critical-default-h: 0;
444
- --dt-action-color-background-critical-default-s: 0%;
445
- --dt-action-color-background-critical-default-l: 0%;
446
- --dt-action-color-background-critical-default-hsl: var(--dt-action-color-background-critical-default-h) var(--dt-action-color-background-critical-default-s) var(--dt-action-color-background-critical-default-l);
447
- --dt-action-color-background-critical-default-hsla: hsla(var(--dt-action-color-background-critical-default-h) var(--dt-action-color-background-critical-default-s) var(--dt-action-color-background-critical-default-l) / var(--alpha, 100%));
515
+ --dt-action-color-background-critical-default-h: var(--dt-color-neutral-transparent-h);
516
+ --dt-action-color-background-critical-default-s: var(--dt-color-neutral-transparent-s);
517
+ --dt-action-color-background-critical-default-l: var(--dt-color-neutral-transparent-l);
518
+ --dt-action-color-background-critical-default-a: var(--dt-color-neutral-transparent-a);
519
+ --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
520
+ --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
448
521
  --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
449
- --dt-action-color-background-base-primary-default-h: 0;
450
- --dt-action-color-background-base-primary-default-s: 0%;
451
- --dt-action-color-background-base-primary-default-l: 0%;
452
- --dt-action-color-background-base-primary-default-hsl: var(--dt-action-color-background-base-primary-default-h) var(--dt-action-color-background-base-primary-default-s) var(--dt-action-color-background-base-primary-default-l);
453
- --dt-action-color-background-base-primary-default-hsla: hsla(var(--dt-action-color-background-base-primary-default-h) var(--dt-action-color-background-base-primary-default-s) var(--dt-action-color-background-base-primary-default-l) / var(--alpha, 100%));
522
+ --dt-action-color-background-base-primary-default-h: var(--dt-color-brand-purple-h);
523
+ --dt-action-color-background-base-primary-default-s: var(--dt-color-brand-purple-s);
524
+ --dt-action-color-background-base-primary-default-l: var(--dt-color-brand-purple-l);
525
+ --dt-action-color-background-base-primary-default-a: var(--dt-color-brand-purple-a);
526
+ --dt-action-color-background-base-primary-default-hsl: var(--dt-color-brand-purple-hsl);
527
+ --dt-action-color-background-base-primary-default-hsla: var(--dt-color-brand-purple-hsla);
454
528
  --dt-action-color-background-base-primary-default: var(--dt-color-brand-purple);
455
- --dt-action-color-background-base-active-h: 255.00000000000006;
529
+ --dt-action-color-background-base-active-h: 255;
456
530
  --dt-action-color-background-base-active-s: 100%;
457
- --dt-action-color-background-base-active-l: 66.09%;
531
+ --dt-action-color-background-base-active-l: 66.1%;
532
+ --dt-action-color-background-base-active-a: 18%;
458
533
  --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
459
- --dt-action-color-background-base-active-hsla: hsla(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 100%));
534
+ --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 18%));
460
535
  --dt-action-color-background-base-active: hsl(255 100% 66.1% / 0.18);
461
- --dt-action-color-background-base-hover-h: 255.00000000000006;
536
+ --dt-action-color-background-base-hover-h: 255;
462
537
  --dt-action-color-background-base-hover-s: 100%;
463
- --dt-action-color-background-base-hover-l: 66.09%;
538
+ --dt-action-color-background-base-hover-l: 66.1%;
539
+ --dt-action-color-background-base-hover-a: 14%;
464
540
  --dt-action-color-background-base-hover-hsl: var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l);
465
- --dt-action-color-background-base-hover-hsla: hsla(var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l) / var(--alpha, 100%));
541
+ --dt-action-color-background-base-hover-hsla: hsl(var(--dt-action-color-background-base-hover-h) var(--dt-action-color-background-base-hover-s) var(--dt-action-color-background-base-hover-l) / var(--alpha, 14%));
466
542
  --dt-action-color-background-base-hover: hsl(255 100% 66.1% / 0.14);
467
- --dt-action-color-background-base-default-h: 0;
468
- --dt-action-color-background-base-default-s: 0%;
469
- --dt-action-color-background-base-default-l: 0%;
470
- --dt-action-color-background-base-default-hsl: var(--dt-action-color-background-base-default-h) var(--dt-action-color-background-base-default-s) var(--dt-action-color-background-base-default-l);
471
- --dt-action-color-background-base-default-hsla: hsla(var(--dt-action-color-background-base-default-h) var(--dt-action-color-background-base-default-s) var(--dt-action-color-background-base-default-l) / var(--alpha, 100%));
543
+ --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
544
+ --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
545
+ --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
546
+ --dt-action-color-background-base-default-a: var(--dt-color-neutral-transparent-a);
547
+ --dt-action-color-background-base-default-hsl: var(--dt-color-neutral-transparent-hsl);
548
+ --dt-action-color-background-base-default-hsla: var(--dt-color-neutral-transparent-hsla);
472
549
  --dt-action-color-background-base-default: var(--dt-color-neutral-transparent);
473
- --dt-action-color-foreground-positive-primary-default-h: 0;
474
- --dt-action-color-foreground-positive-primary-default-s: 0%;
475
- --dt-action-color-foreground-positive-primary-default-l: 0%;
476
- --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-action-color-foreground-positive-primary-default-h) var(--dt-action-color-foreground-positive-primary-default-s) var(--dt-action-color-foreground-positive-primary-default-l);
477
- --dt-action-color-foreground-positive-primary-default-hsla: hsla(var(--dt-action-color-foreground-positive-primary-default-h) var(--dt-action-color-foreground-positive-primary-default-s) var(--dt-action-color-foreground-positive-primary-default-l) / var(--alpha, 100%));
550
+ --dt-action-color-foreground-positive-primary-default-h: var(--dt-color-neutral-white-h);
551
+ --dt-action-color-foreground-positive-primary-default-s: var(--dt-color-neutral-white-s);
552
+ --dt-action-color-foreground-positive-primary-default-l: var(--dt-color-neutral-white-l);
553
+ --dt-action-color-foreground-positive-primary-default-a: var(--dt-color-neutral-white-a);
554
+ --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-neutral-white-hsl);
555
+ --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-neutral-white-hsla);
478
556
  --dt-action-color-foreground-positive-primary-default: var(--dt-color-neutral-white);
479
- --dt-action-color-foreground-inverted-primary-hover-h: 0;
480
- --dt-action-color-foreground-inverted-primary-hover-s: 0%;
481
- --dt-action-color-foreground-inverted-primary-hover-l: 0%;
482
- --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-action-color-foreground-inverted-primary-hover-h) var(--dt-action-color-foreground-inverted-primary-hover-s) var(--dt-action-color-foreground-inverted-primary-hover-l);
483
- --dt-action-color-foreground-inverted-primary-hover-hsla: hsla(var(--dt-action-color-foreground-inverted-primary-hover-h) var(--dt-action-color-foreground-inverted-primary-hover-s) var(--dt-action-color-foreground-inverted-primary-hover-l) / var(--alpha, 100%));
557
+ --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-purple-500-h);
558
+ --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-purple-500-s);
559
+ --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-purple-500-l);
560
+ --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-purple-500-a);
561
+ --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-purple-500-hsl);
562
+ --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-purple-500-hsla);
484
563
  --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-purple-500);
485
- --dt-action-color-foreground-inverted-primary-default-h: 0;
486
- --dt-action-color-foreground-inverted-primary-default-s: 0%;
487
- --dt-action-color-foreground-inverted-primary-default-l: 0%;
488
- --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-action-color-foreground-inverted-primary-default-h) var(--dt-action-color-foreground-inverted-primary-default-s) var(--dt-action-color-foreground-inverted-primary-default-l);
489
- --dt-action-color-foreground-inverted-primary-default-hsla: hsla(var(--dt-action-color-foreground-inverted-primary-default-h) var(--dt-action-color-foreground-inverted-primary-default-s) var(--dt-action-color-foreground-inverted-primary-default-l) / var(--alpha, 100%));
564
+ --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-purple-400-h);
565
+ --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-purple-400-s);
566
+ --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-purple-400-l);
567
+ --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-purple-400-a);
568
+ --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-purple-400-hsl);
569
+ --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-purple-400-hsla);
490
570
  --dt-action-color-foreground-inverted-primary-default: var(--dt-color-purple-400);
491
- --dt-action-color-foreground-critical-primary-default-h: 0;
492
- --dt-action-color-foreground-critical-primary-default-s: 0%;
493
- --dt-action-color-foreground-critical-primary-default-l: 0%;
494
- --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-action-color-foreground-critical-primary-default-h) var(--dt-action-color-foreground-critical-primary-default-s) var(--dt-action-color-foreground-critical-primary-default-l);
495
- --dt-action-color-foreground-critical-primary-default-hsla: hsla(var(--dt-action-color-foreground-critical-primary-default-h) var(--dt-action-color-foreground-critical-primary-default-s) var(--dt-action-color-foreground-critical-primary-default-l) / var(--alpha, 100%));
571
+ --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-neutral-white-h);
572
+ --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-neutral-white-s);
573
+ --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-neutral-white-l);
574
+ --dt-action-color-foreground-critical-primary-default-a: var(--dt-color-neutral-white-a);
575
+ --dt-action-color-foreground-critical-primary-default-hsl: var(--dt-color-neutral-white-hsl);
576
+ --dt-action-color-foreground-critical-primary-default-hsla: var(--dt-color-neutral-white-hsla);
496
577
  --dt-action-color-foreground-critical-primary-default: var(--dt-color-neutral-white);
497
- --dt-action-color-foreground-base-primary-default-h: 0;
498
- --dt-action-color-foreground-base-primary-default-s: 0%;
499
- --dt-action-color-foreground-base-primary-default-l: 0%;
500
- --dt-action-color-foreground-base-primary-default-hsl: var(--dt-action-color-foreground-base-primary-default-h) var(--dt-action-color-foreground-base-primary-default-s) var(--dt-action-color-foreground-base-primary-default-l);
501
- --dt-action-color-foreground-base-primary-default-hsla: hsla(var(--dt-action-color-foreground-base-primary-default-h) var(--dt-action-color-foreground-base-primary-default-s) var(--dt-action-color-foreground-base-primary-default-l) / var(--alpha, 100%));
578
+ --dt-action-color-foreground-base-primary-default-h: var(--dt-color-neutral-white-h);
579
+ --dt-action-color-foreground-base-primary-default-s: var(--dt-color-neutral-white-s);
580
+ --dt-action-color-foreground-base-primary-default-l: var(--dt-color-neutral-white-l);
581
+ --dt-action-color-foreground-base-primary-default-a: var(--dt-color-neutral-white-a);
582
+ --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-neutral-white-hsl);
583
+ --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-neutral-white-hsla);
502
584
  --dt-action-color-foreground-base-primary-default: var(--dt-color-neutral-white);
503
- --dt-action-color-foreground-base-default-h: 0;
504
- --dt-action-color-foreground-base-default-s: 0%;
505
- --dt-action-color-foreground-base-default-l: 0%;
506
- --dt-action-color-foreground-base-default-hsl: var(--dt-action-color-foreground-base-default-h) var(--dt-action-color-foreground-base-default-s) var(--dt-action-color-foreground-base-default-l);
507
- --dt-action-color-foreground-base-default-hsla: hsla(var(--dt-action-color-foreground-base-default-h) var(--dt-action-color-foreground-base-default-s) var(--dt-action-color-foreground-base-default-l) / var(--alpha, 100%));
585
+ --dt-action-color-foreground-base-default-h: var(--dt-color-purple-400-h);
586
+ --dt-action-color-foreground-base-default-s: var(--dt-color-purple-400-s);
587
+ --dt-action-color-foreground-base-default-l: var(--dt-color-purple-400-l);
588
+ --dt-action-color-foreground-base-default-a: var(--dt-color-purple-400-a);
589
+ --dt-action-color-foreground-base-default-hsl: var(--dt-color-purple-400-hsl);
590
+ --dt-action-color-foreground-base-default-hsla: var(--dt-color-purple-400-hsla);
508
591
  --dt-action-color-foreground-base-default: var(--dt-color-purple-400);
509
592
  --dt-inputs-color-background-disabled-h: 0;
510
593
  --dt-inputs-color-background-disabled-s: 0%;
511
594
  --dt-inputs-color-background-disabled-l: 0%;
595
+ --dt-inputs-color-background-disabled-a: 12%;
512
596
  --dt-inputs-color-background-disabled-hsl: var(--dt-inputs-color-background-disabled-h) var(--dt-inputs-color-background-disabled-s) var(--dt-inputs-color-background-disabled-l);
513
- --dt-inputs-color-background-disabled-hsla: hsla(var(--dt-inputs-color-background-disabled-h) var(--dt-inputs-color-background-disabled-s) var(--dt-inputs-color-background-disabled-l) / var(--alpha, 100%));
597
+ --dt-inputs-color-background-disabled-hsla: hsl(var(--dt-inputs-color-background-disabled-h) var(--dt-inputs-color-background-disabled-s) var(--dt-inputs-color-background-disabled-l) / var(--alpha, 12%));
514
598
  --dt-inputs-color-background-disabled: hsl(0 0% 0% / 0.12);
515
599
  --dt-inputs-color-background-focus-h: 0;
516
600
  --dt-inputs-color-background-focus-s: 0%;
517
601
  --dt-inputs-color-background-focus-l: 0%;
602
+ --dt-inputs-color-background-focus-a: 1%;
518
603
  --dt-inputs-color-background-focus-hsl: var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l);
519
- --dt-inputs-color-background-focus-hsla: hsla(var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l) / var(--alpha, 100%));
604
+ --dt-inputs-color-background-focus-hsla: hsl(var(--dt-inputs-color-background-focus-h) var(--dt-inputs-color-background-focus-s) var(--dt-inputs-color-background-focus-l) / var(--alpha, 1%));
520
605
  --dt-inputs-color-background-focus: hsl(0 0% 0% / 0.01);
521
606
  --dt-inputs-color-background-default-h: 0;
522
607
  --dt-inputs-color-background-default-s: 0%;
523
608
  --dt-inputs-color-background-default-l: 0%;
609
+ --dt-inputs-color-background-default-a: 3%;
524
610
  --dt-inputs-color-background-default-hsl: var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l);
525
- --dt-inputs-color-background-default-hsla: hsla(var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l) / var(--alpha, 100%));
611
+ --dt-inputs-color-background-default-hsla: hsl(var(--dt-inputs-color-background-default-h) var(--dt-inputs-color-background-default-s) var(--dt-inputs-color-background-default-l) / var(--alpha, 3%));
526
612
  --dt-inputs-color-background-default: hsl(0 0% 0% / 0.03);
527
- --dt-inputs-color-border-disabled-h: 0;
528
- --dt-inputs-color-border-disabled-s: 0%;
529
- --dt-inputs-color-border-disabled-l: 0%;
530
- --dt-inputs-color-border-disabled-hsl: var(--dt-inputs-color-border-disabled-h) var(--dt-inputs-color-border-disabled-s) var(--dt-inputs-color-border-disabled-l);
531
- --dt-inputs-color-border-disabled-hsla: hsla(var(--dt-inputs-color-border-disabled-h) var(--dt-inputs-color-border-disabled-s) var(--dt-inputs-color-border-disabled-l) / var(--alpha, 100%));
613
+ --dt-inputs-color-border-disabled-h: var(--dt-color-neutral-transparent-h);
614
+ --dt-inputs-color-border-disabled-s: var(--dt-color-neutral-transparent-s);
615
+ --dt-inputs-color-border-disabled-l: var(--dt-color-neutral-transparent-l);
616
+ --dt-inputs-color-border-disabled-a: var(--dt-color-neutral-transparent-a);
617
+ --dt-inputs-color-border-disabled-hsl: var(--dt-color-neutral-transparent-hsl);
618
+ --dt-inputs-color-border-disabled-hsla: var(--dt-color-neutral-transparent-hsla);
532
619
  --dt-inputs-color-border-disabled: var(--dt-color-neutral-transparent);
533
620
  --dt-inputs-font-weight-xl: var(--dt-font-weight-normal); /* Font weight for extra large inputs (e.g. input and textarea) */
534
621
  --dt-inputs-font-weight-lg: var(--dt-font-weight-normal); /* Font weight for large inputs (e.g. input and textarea) */
@@ -676,582 +763,678 @@
676
763
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
677
764
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
678
765
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
679
- --dt-color-border-brand-strong-inverted-h: 0;
680
- --dt-color-border-brand-strong-inverted-s: 0%;
681
- --dt-color-border-brand-strong-inverted-l: 0%;
682
- --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l);
683
- --dt-color-border-brand-strong-inverted-hsla: hsla(var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l) / var(--alpha, 100%));
766
+ --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-200-h);
767
+ --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-200-s);
768
+ --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-200-l);
769
+ --dt-color-border-brand-strong-inverted-a: var(--dt-color-purple-200-a);
770
+ --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
771
+ --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
684
772
  --dt-color-border-brand-strong-inverted: var(--dt-color-purple-200);
685
- --dt-color-border-brand-subtle-inverted-h: 0;
686
- --dt-color-border-brand-subtle-inverted-s: 0%;
687
- --dt-color-border-brand-subtle-inverted-l: 0%;
688
- --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l);
689
- --dt-color-border-brand-subtle-inverted-hsla: hsla(var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l) / var(--alpha, 100%));
773
+ --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-500-h);
774
+ --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-500-s);
775
+ --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-500-l);
776
+ --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-500-a);
777
+ --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-500-hsl);
778
+ --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-500-hsla);
690
779
  --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-500);
691
- --dt-color-border-warning-strong-inverted-h: 0;
692
- --dt-color-border-warning-strong-inverted-s: 0%;
693
- --dt-color-border-warning-strong-inverted-l: 0%;
694
- --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-border-warning-strong-inverted-h) var(--dt-color-border-warning-strong-inverted-s) var(--dt-color-border-warning-strong-inverted-l);
695
- --dt-color-border-warning-strong-inverted-hsla: hsla(var(--dt-color-border-warning-strong-inverted-h) var(--dt-color-border-warning-strong-inverted-s) var(--dt-color-border-warning-strong-inverted-l) / var(--alpha, 100%));
780
+ --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-100-h);
781
+ --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-100-s);
782
+ --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-100-l);
783
+ --dt-color-border-warning-strong-inverted-a: var(--dt-color-gold-100-a);
784
+ --dt-color-border-warning-strong-inverted-hsl: var(--dt-color-gold-100-hsl);
785
+ --dt-color-border-warning-strong-inverted-hsla: var(--dt-color-gold-100-hsla);
696
786
  --dt-color-border-warning-strong-inverted: var(--dt-color-gold-100);
697
- --dt-color-border-warning-subtle-inverted-h: 0;
698
- --dt-color-border-warning-subtle-inverted-s: 0%;
699
- --dt-color-border-warning-subtle-inverted-l: 0%;
700
- --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-border-warning-subtle-inverted-h) var(--dt-color-border-warning-subtle-inverted-s) var(--dt-color-border-warning-subtle-inverted-l);
701
- --dt-color-border-warning-subtle-inverted-hsla: hsla(var(--dt-color-border-warning-subtle-inverted-h) var(--dt-color-border-warning-subtle-inverted-s) var(--dt-color-border-warning-subtle-inverted-l) / var(--alpha, 100%));
787
+ --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-400-h);
788
+ --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-400-s);
789
+ --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-400-l);
790
+ --dt-color-border-warning-subtle-inverted-a: var(--dt-color-gold-400-a);
791
+ --dt-color-border-warning-subtle-inverted-hsl: var(--dt-color-gold-400-hsl);
792
+ --dt-color-border-warning-subtle-inverted-hsla: var(--dt-color-gold-400-hsla);
702
793
  --dt-color-border-warning-subtle-inverted: var(--dt-color-gold-400);
703
- --dt-color-border-success-strong-inverted-h: 0;
704
- --dt-color-border-success-strong-inverted-s: 0%;
705
- --dt-color-border-success-strong-inverted-l: 0%;
706
- --dt-color-border-success-strong-inverted-hsl: var(--dt-color-border-success-strong-inverted-h) var(--dt-color-border-success-strong-inverted-s) var(--dt-color-border-success-strong-inverted-l);
707
- --dt-color-border-success-strong-inverted-hsla: hsla(var(--dt-color-border-success-strong-inverted-h) var(--dt-color-border-success-strong-inverted-s) var(--dt-color-border-success-strong-inverted-l) / var(--alpha, 100%));
794
+ --dt-color-border-success-strong-inverted-h: var(--dt-color-green-100-h);
795
+ --dt-color-border-success-strong-inverted-s: var(--dt-color-green-100-s);
796
+ --dt-color-border-success-strong-inverted-l: var(--dt-color-green-100-l);
797
+ --dt-color-border-success-strong-inverted-a: var(--dt-color-green-100-a);
798
+ --dt-color-border-success-strong-inverted-hsl: var(--dt-color-green-100-hsl);
799
+ --dt-color-border-success-strong-inverted-hsla: var(--dt-color-green-100-hsla);
708
800
  --dt-color-border-success-strong-inverted: var(--dt-color-green-100);
709
- --dt-color-border-success-subtle-inverted-h: 0;
710
- --dt-color-border-success-subtle-inverted-s: 0%;
711
- --dt-color-border-success-subtle-inverted-l: 0%;
712
- --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-border-success-subtle-inverted-h) var(--dt-color-border-success-subtle-inverted-s) var(--dt-color-border-success-subtle-inverted-l);
713
- --dt-color-border-success-subtle-inverted-hsla: hsla(var(--dt-color-border-success-subtle-inverted-h) var(--dt-color-border-success-subtle-inverted-s) var(--dt-color-border-success-subtle-inverted-l) / var(--alpha, 100%));
801
+ --dt-color-border-success-subtle-inverted-h: var(--dt-color-green-400-h);
802
+ --dt-color-border-success-subtle-inverted-s: var(--dt-color-green-400-s);
803
+ --dt-color-border-success-subtle-inverted-l: var(--dt-color-green-400-l);
804
+ --dt-color-border-success-subtle-inverted-a: var(--dt-color-green-400-a);
805
+ --dt-color-border-success-subtle-inverted-hsl: var(--dt-color-green-400-hsl);
806
+ --dt-color-border-success-subtle-inverted-hsla: var(--dt-color-green-400-hsla);
714
807
  --dt-color-border-success-subtle-inverted: var(--dt-color-green-400);
715
- --dt-color-border-critical-strong-inverted-h: 0;
716
- --dt-color-border-critical-strong-inverted-s: 0%;
717
- --dt-color-border-critical-strong-inverted-l: 0%;
718
- --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-border-critical-strong-inverted-h) var(--dt-color-border-critical-strong-inverted-s) var(--dt-color-border-critical-strong-inverted-l);
719
- --dt-color-border-critical-strong-inverted-hsla: hsla(var(--dt-color-border-critical-strong-inverted-h) var(--dt-color-border-critical-strong-inverted-s) var(--dt-color-border-critical-strong-inverted-l) / var(--alpha, 100%));
808
+ --dt-color-border-critical-strong-inverted-h: var(--dt-color-red-100-h);
809
+ --dt-color-border-critical-strong-inverted-s: var(--dt-color-red-100-s);
810
+ --dt-color-border-critical-strong-inverted-l: var(--dt-color-red-100-l);
811
+ --dt-color-border-critical-strong-inverted-a: var(--dt-color-red-100-a);
812
+ --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-100-hsl);
813
+ --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-100-hsla);
720
814
  --dt-color-border-critical-strong-inverted: var(--dt-color-red-100);
721
- --dt-color-border-critical-subtle-inverted-h: 0;
722
- --dt-color-border-critical-subtle-inverted-s: 0%;
723
- --dt-color-border-critical-subtle-inverted-l: 0%;
724
- --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-border-critical-subtle-inverted-h) var(--dt-color-border-critical-subtle-inverted-s) var(--dt-color-border-critical-subtle-inverted-l);
725
- --dt-color-border-critical-subtle-inverted-hsla: hsla(var(--dt-color-border-critical-subtle-inverted-h) var(--dt-color-border-critical-subtle-inverted-s) var(--dt-color-border-critical-subtle-inverted-l) / var(--alpha, 100%));
815
+ --dt-color-border-critical-subtle-inverted-h: var(--dt-color-red-400-h);
816
+ --dt-color-border-critical-subtle-inverted-s: var(--dt-color-red-400-s);
817
+ --dt-color-border-critical-subtle-inverted-l: var(--dt-color-red-400-l);
818
+ --dt-color-border-critical-subtle-inverted-a: var(--dt-color-red-400-a);
819
+ --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-400-hsl);
820
+ --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-400-hsla);
726
821
  --dt-color-border-critical-subtle-inverted: var(--dt-color-red-400);
727
- --dt-color-border-brand-inverted-h: 0;
728
- --dt-color-border-brand-inverted-s: 0%;
729
- --dt-color-border-brand-inverted-l: 0%;
730
- --dt-color-border-brand-inverted-hsl: var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l);
731
- --dt-color-border-brand-inverted-hsla: hsla(var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l) / var(--alpha, 100%));
822
+ --dt-color-border-brand-inverted-h: var(--dt-color-brand-purple-h);
823
+ --dt-color-border-brand-inverted-s: var(--dt-color-brand-purple-s);
824
+ --dt-color-border-brand-inverted-l: var(--dt-color-brand-purple-l);
825
+ --dt-color-border-brand-inverted-a: var(--dt-color-brand-purple-a);
826
+ --dt-color-border-brand-inverted-hsl: var(--dt-color-brand-purple-hsl);
827
+ --dt-color-border-brand-inverted-hsla: var(--dt-color-brand-purple-hsla);
732
828
  --dt-color-border-brand-inverted: var(--dt-color-brand-purple);
733
- --dt-color-border-warning-inverted-h: 0;
734
- --dt-color-border-warning-inverted-s: 0%;
735
- --dt-color-border-warning-inverted-l: 0%;
736
- --dt-color-border-warning-inverted-hsl: var(--dt-color-border-warning-inverted-h) var(--dt-color-border-warning-inverted-s) var(--dt-color-border-warning-inverted-l);
737
- --dt-color-border-warning-inverted-hsla: hsla(var(--dt-color-border-warning-inverted-h) var(--dt-color-border-warning-inverted-s) var(--dt-color-border-warning-inverted-l) / var(--alpha, 100%));
829
+ --dt-color-border-warning-inverted-h: var(--dt-color-gold-200-h);
830
+ --dt-color-border-warning-inverted-s: var(--dt-color-gold-200-s);
831
+ --dt-color-border-warning-inverted-l: var(--dt-color-gold-200-l);
832
+ --dt-color-border-warning-inverted-a: var(--dt-color-gold-200-a);
833
+ --dt-color-border-warning-inverted-hsl: var(--dt-color-gold-200-hsl);
834
+ --dt-color-border-warning-inverted-hsla: var(--dt-color-gold-200-hsla);
738
835
  --dt-color-border-warning-inverted: var(--dt-color-gold-200);
739
- --dt-color-border-success-inverted-h: 0;
740
- --dt-color-border-success-inverted-s: 0%;
741
- --dt-color-border-success-inverted-l: 0%;
742
- --dt-color-border-success-inverted-hsl: var(--dt-color-border-success-inverted-h) var(--dt-color-border-success-inverted-s) var(--dt-color-border-success-inverted-l);
743
- --dt-color-border-success-inverted-hsla: hsla(var(--dt-color-border-success-inverted-h) var(--dt-color-border-success-inverted-s) var(--dt-color-border-success-inverted-l) / var(--alpha, 100%));
836
+ --dt-color-border-success-inverted-h: var(--dt-color-green-200-h);
837
+ --dt-color-border-success-inverted-s: var(--dt-color-green-200-s);
838
+ --dt-color-border-success-inverted-l: var(--dt-color-green-200-l);
839
+ --dt-color-border-success-inverted-a: var(--dt-color-green-200-a);
840
+ --dt-color-border-success-inverted-hsl: var(--dt-color-green-200-hsl);
841
+ --dt-color-border-success-inverted-hsla: var(--dt-color-green-200-hsla);
744
842
  --dt-color-border-success-inverted: var(--dt-color-green-200);
745
- --dt-color-border-critical-inverted-h: 0;
746
- --dt-color-border-critical-inverted-s: 0%;
747
- --dt-color-border-critical-inverted-l: 0%;
748
- --dt-color-border-critical-inverted-hsl: var(--dt-color-border-critical-inverted-h) var(--dt-color-border-critical-inverted-s) var(--dt-color-border-critical-inverted-l);
749
- --dt-color-border-critical-inverted-hsla: hsla(var(--dt-color-border-critical-inverted-h) var(--dt-color-border-critical-inverted-s) var(--dt-color-border-critical-inverted-l) / var(--alpha, 100%));
843
+ --dt-color-border-critical-inverted-h: var(--dt-color-red-200-h);
844
+ --dt-color-border-critical-inverted-s: var(--dt-color-red-200-s);
845
+ --dt-color-border-critical-inverted-l: var(--dt-color-red-200-l);
846
+ --dt-color-border-critical-inverted-a: var(--dt-color-red-200-a);
847
+ --dt-color-border-critical-inverted-hsl: var(--dt-color-red-200-hsl);
848
+ --dt-color-border-critical-inverted-hsla: var(--dt-color-red-200-hsla);
750
849
  --dt-color-border-critical-inverted: var(--dt-color-red-200);
751
- --dt-color-border-brand-strong-h: 0;
752
- --dt-color-border-brand-strong-s: 0%;
753
- --dt-color-border-brand-strong-l: 0%;
754
- --dt-color-border-brand-strong-hsl: var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l);
755
- --dt-color-border-brand-strong-hsla: hsla(var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l) / var(--alpha, 100%));
850
+ --dt-color-border-brand-strong-h: var(--dt-color-purple-500-h);
851
+ --dt-color-border-brand-strong-s: var(--dt-color-purple-500-s);
852
+ --dt-color-border-brand-strong-l: var(--dt-color-purple-500-l);
853
+ --dt-color-border-brand-strong-a: var(--dt-color-purple-500-a);
854
+ --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
855
+ --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
756
856
  --dt-color-border-brand-strong: var(--dt-color-purple-500);
757
- --dt-color-border-brand-subtle-h: 0;
758
- --dt-color-border-brand-subtle-s: 0%;
759
- --dt-color-border-brand-subtle-l: 0%;
760
- --dt-color-border-brand-subtle-hsl: var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l);
761
- --dt-color-border-brand-subtle-hsla: hsla(var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l) / var(--alpha, 100%));
857
+ --dt-color-border-brand-subtle-h: var(--dt-color-purple-200-h);
858
+ --dt-color-border-brand-subtle-s: var(--dt-color-purple-200-s);
859
+ --dt-color-border-brand-subtle-l: var(--dt-color-purple-200-l);
860
+ --dt-color-border-brand-subtle-a: var(--dt-color-purple-200-a);
861
+ --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-200-hsl);
862
+ --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-200-hsla);
762
863
  --dt-color-border-brand-subtle: var(--dt-color-purple-200);
763
864
  --dt-color-border-warning-strong-h: 35.7;
764
- --dt-color-border-warning-strong-s: 88.30000000000001%;
865
+ --dt-color-border-warning-strong-s: 88.3%;
765
866
  --dt-color-border-warning-strong-l: 21.5%;
867
+ --dt-color-border-warning-strong-a: 100%;
766
868
  --dt-color-border-warning-strong-hsl: var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l);
767
- --dt-color-border-warning-strong-hsla: hsla(var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l) / var(--alpha, 100%));
869
+ --dt-color-border-warning-strong-hsla: hsl(var(--dt-color-border-warning-strong-h) var(--dt-color-border-warning-strong-s) var(--dt-color-border-warning-strong-l) / var(--alpha, 100%));
768
870
  --dt-color-border-warning-strong: hsl(35.7 88.3% 21.5%);
769
- --dt-color-border-warning-subtle-h: 0;
770
- --dt-color-border-warning-subtle-s: 0%;
771
- --dt-color-border-warning-subtle-l: 0%;
772
- --dt-color-border-warning-subtle-hsl: var(--dt-color-border-warning-subtle-h) var(--dt-color-border-warning-subtle-s) var(--dt-color-border-warning-subtle-l);
773
- --dt-color-border-warning-subtle-hsla: hsla(var(--dt-color-border-warning-subtle-h) var(--dt-color-border-warning-subtle-s) var(--dt-color-border-warning-subtle-l) / var(--alpha, 100%));
871
+ --dt-color-border-warning-subtle-h: var(--dt-color-gold-200-h);
872
+ --dt-color-border-warning-subtle-s: var(--dt-color-gold-200-s);
873
+ --dt-color-border-warning-subtle-l: var(--dt-color-gold-200-l);
874
+ --dt-color-border-warning-subtle-a: var(--dt-color-gold-200-a);
875
+ --dt-color-border-warning-subtle-hsl: var(--dt-color-gold-200-hsl);
876
+ --dt-color-border-warning-subtle-hsla: var(--dt-color-gold-200-hsla);
774
877
  --dt-color-border-warning-subtle: var(--dt-color-gold-200);
775
- --dt-color-border-success-strong-h: 0;
776
- --dt-color-border-success-strong-s: 0%;
777
- --dt-color-border-success-strong-l: 0%;
778
- --dt-color-border-success-strong-hsl: var(--dt-color-border-success-strong-h) var(--dt-color-border-success-strong-s) var(--dt-color-border-success-strong-l);
779
- --dt-color-border-success-strong-hsla: hsla(var(--dt-color-border-success-strong-h) var(--dt-color-border-success-strong-s) var(--dt-color-border-success-strong-l) / var(--alpha, 100%));
878
+ --dt-color-border-success-strong-h: var(--dt-color-green-500-h);
879
+ --dt-color-border-success-strong-s: var(--dt-color-green-500-s);
880
+ --dt-color-border-success-strong-l: var(--dt-color-green-500-l);
881
+ --dt-color-border-success-strong-a: var(--dt-color-green-500-a);
882
+ --dt-color-border-success-strong-hsl: var(--dt-color-green-500-hsl);
883
+ --dt-color-border-success-strong-hsla: var(--dt-color-green-500-hsla);
780
884
  --dt-color-border-success-strong: var(--dt-color-green-500);
781
- --dt-color-border-success-subtle-h: 0;
782
- --dt-color-border-success-subtle-s: 0%;
783
- --dt-color-border-success-subtle-l: 0%;
784
- --dt-color-border-success-subtle-hsl: var(--dt-color-border-success-subtle-h) var(--dt-color-border-success-subtle-s) var(--dt-color-border-success-subtle-l);
785
- --dt-color-border-success-subtle-hsla: hsla(var(--dt-color-border-success-subtle-h) var(--dt-color-border-success-subtle-s) var(--dt-color-border-success-subtle-l) / var(--alpha, 100%));
885
+ --dt-color-border-success-subtle-h: var(--dt-color-green-200-h);
886
+ --dt-color-border-success-subtle-s: var(--dt-color-green-200-s);
887
+ --dt-color-border-success-subtle-l: var(--dt-color-green-200-l);
888
+ --dt-color-border-success-subtle-a: var(--dt-color-green-200-a);
889
+ --dt-color-border-success-subtle-hsl: var(--dt-color-green-200-hsl);
890
+ --dt-color-border-success-subtle-hsla: var(--dt-color-green-200-hsla);
786
891
  --dt-color-border-success-subtle: var(--dt-color-green-200);
787
- --dt-color-border-critical-strong-h: 0;
788
- --dt-color-border-critical-strong-s: 0%;
789
- --dt-color-border-critical-strong-l: 0%;
790
- --dt-color-border-critical-strong-hsl: var(--dt-color-border-critical-strong-h) var(--dt-color-border-critical-strong-s) var(--dt-color-border-critical-strong-l);
791
- --dt-color-border-critical-strong-hsla: hsla(var(--dt-color-border-critical-strong-h) var(--dt-color-border-critical-strong-s) var(--dt-color-border-critical-strong-l) / var(--alpha, 100%));
892
+ --dt-color-border-critical-strong-h: var(--dt-color-red-400-h);
893
+ --dt-color-border-critical-strong-s: var(--dt-color-red-400-s);
894
+ --dt-color-border-critical-strong-l: var(--dt-color-red-400-l);
895
+ --dt-color-border-critical-strong-a: var(--dt-color-red-400-a);
896
+ --dt-color-border-critical-strong-hsl: var(--dt-color-red-400-hsl);
897
+ --dt-color-border-critical-strong-hsla: var(--dt-color-red-400-hsla);
792
898
  --dt-color-border-critical-strong: var(--dt-color-red-400);
793
- --dt-color-border-critical-subtle-h: 0;
794
- --dt-color-border-critical-subtle-s: 0%;
795
- --dt-color-border-critical-subtle-l: 0%;
796
- --dt-color-border-critical-subtle-hsl: var(--dt-color-border-critical-subtle-h) var(--dt-color-border-critical-subtle-s) var(--dt-color-border-critical-subtle-l);
797
- --dt-color-border-critical-subtle-hsla: hsla(var(--dt-color-border-critical-subtle-h) var(--dt-color-border-critical-subtle-s) var(--dt-color-border-critical-subtle-l) / var(--alpha, 100%));
899
+ --dt-color-border-critical-subtle-h: var(--dt-color-red-200-h);
900
+ --dt-color-border-critical-subtle-s: var(--dt-color-red-200-s);
901
+ --dt-color-border-critical-subtle-l: var(--dt-color-red-200-l);
902
+ --dt-color-border-critical-subtle-a: var(--dt-color-red-200-a);
903
+ --dt-color-border-critical-subtle-hsl: var(--dt-color-red-200-hsl);
904
+ --dt-color-border-critical-subtle-hsla: var(--dt-color-red-200-hsla);
798
905
  --dt-color-border-critical-subtle: var(--dt-color-red-200);
799
- --dt-color-border-accent-h: 0;
800
- --dt-color-border-accent-s: 0%;
801
- --dt-color-border-accent-l: 0%;
802
- --dt-color-border-accent-hsl: var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l);
803
- --dt-color-border-accent-hsla: hsla(var(--dt-color-border-accent-h) var(--dt-color-border-accent-s) var(--dt-color-border-accent-l) / var(--alpha, 100%));
906
+ --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
907
+ --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
908
+ --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
909
+ --dt-color-border-accent-a: var(--dt-color-brand-magenta-a);
910
+ --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
911
+ --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
804
912
  --dt-color-border-accent: var(--dt-color-brand-magenta);
805
- --dt-color-border-brand-h: 0;
806
- --dt-color-border-brand-s: 0%;
807
- --dt-color-border-brand-l: 0%;
808
- --dt-color-border-brand-hsl: var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l);
809
- --dt-color-border-brand-hsla: hsla(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--alpha, 100%));
913
+ --dt-color-border-brand-h: var(--dt-color-brand-purple-h);
914
+ --dt-color-border-brand-s: var(--dt-color-brand-purple-s);
915
+ --dt-color-border-brand-l: var(--dt-color-brand-purple-l);
916
+ --dt-color-border-brand-a: var(--dt-color-brand-purple-a);
917
+ --dt-color-border-brand-hsl: var(--dt-color-brand-purple-hsl);
918
+ --dt-color-border-brand-hsla: var(--dt-color-brand-purple-hsla);
810
919
  --dt-color-border-brand: var(--dt-color-brand-purple);
811
- --dt-color-border-warning-h: 0;
812
- --dt-color-border-warning-s: 0%;
813
- --dt-color-border-warning-l: 0%;
814
- --dt-color-border-warning-hsl: var(--dt-color-border-warning-h) var(--dt-color-border-warning-s) var(--dt-color-border-warning-l);
815
- --dt-color-border-warning-hsla: hsla(var(--dt-color-border-warning-h) var(--dt-color-border-warning-s) var(--dt-color-border-warning-l) / var(--alpha, 100%));
920
+ --dt-color-border-warning-h: var(--dt-color-gold-400-h);
921
+ --dt-color-border-warning-s: var(--dt-color-gold-400-s);
922
+ --dt-color-border-warning-l: var(--dt-color-gold-400-l);
923
+ --dt-color-border-warning-a: var(--dt-color-gold-400-a);
924
+ --dt-color-border-warning-hsl: var(--dt-color-gold-400-hsl);
925
+ --dt-color-border-warning-hsla: var(--dt-color-gold-400-hsla);
816
926
  --dt-color-border-warning: var(--dt-color-gold-400);
817
- --dt-color-border-success-h: 0;
818
- --dt-color-border-success-s: 0%;
819
- --dt-color-border-success-l: 0%;
820
- --dt-color-border-success-hsl: var(--dt-color-border-success-h) var(--dt-color-border-success-s) var(--dt-color-border-success-l);
821
- --dt-color-border-success-hsla: hsla(var(--dt-color-border-success-h) var(--dt-color-border-success-s) var(--dt-color-border-success-l) / var(--alpha, 100%));
927
+ --dt-color-border-success-h: var(--dt-color-green-400-h);
928
+ --dt-color-border-success-s: var(--dt-color-green-400-s);
929
+ --dt-color-border-success-l: var(--dt-color-green-400-l);
930
+ --dt-color-border-success-a: var(--dt-color-green-400-a);
931
+ --dt-color-border-success-hsl: var(--dt-color-green-400-hsl);
932
+ --dt-color-border-success-hsla: var(--dt-color-green-400-hsla);
822
933
  --dt-color-border-success: var(--dt-color-green-400);
823
- --dt-color-border-critical-h: 0;
824
- --dt-color-border-critical-s: 0%;
825
- --dt-color-border-critical-l: 0%;
826
- --dt-color-border-critical-hsl: var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l);
827
- --dt-color-border-critical-hsla: hsla(var(--dt-color-border-critical-h) var(--dt-color-border-critical-s) var(--dt-color-border-critical-l) / var(--alpha, 100%));
934
+ --dt-color-border-critical-h: var(--dt-color-red-300-h);
935
+ --dt-color-border-critical-s: var(--dt-color-red-300-s);
936
+ --dt-color-border-critical-l: var(--dt-color-red-300-l);
937
+ --dt-color-border-critical-a: var(--dt-color-red-300-a);
938
+ --dt-color-border-critical-hsl: var(--dt-color-red-300-hsl);
939
+ --dt-color-border-critical-hsla: var(--dt-color-red-300-hsla);
828
940
  --dt-color-border-critical: var(--dt-color-red-300);
829
- --dt-color-border-focus-h: 0;
830
- --dt-color-border-focus-s: 0%;
831
- --dt-color-border-focus-l: 0%;
832
- --dt-color-border-focus-hsl: var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l);
833
- --dt-color-border-focus-hsla: hsla(var(--dt-color-border-focus-h) var(--dt-color-border-focus-s) var(--dt-color-border-focus-l) / var(--alpha, 100%));
941
+ --dt-color-border-focus-h: var(--dt-color-blue-300-h);
942
+ --dt-color-border-focus-s: var(--dt-color-blue-300-s);
943
+ --dt-color-border-focus-l: var(--dt-color-blue-300-l);
944
+ --dt-color-border-focus-a: var(--dt-color-blue-300-a);
945
+ --dt-color-border-focus-hsl: var(--dt-color-blue-300-hsl);
946
+ --dt-color-border-focus-hsla: var(--dt-color-blue-300-hsla);
834
947
  --dt-color-border-focus: var(--dt-color-blue-300);
835
948
  --dt-color-border-bold-inverted-h: 0;
836
949
  --dt-color-border-bold-inverted-s: 0%;
837
950
  --dt-color-border-bold-inverted-l: 100%;
951
+ --dt-color-border-bold-inverted-a: 50%;
838
952
  --dt-color-border-bold-inverted-hsl: var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l);
839
- --dt-color-border-bold-inverted-hsla: hsla(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--alpha, 100%));
953
+ --dt-color-border-bold-inverted-hsla: hsl(var(--dt-color-border-bold-inverted-h) var(--dt-color-border-bold-inverted-s) var(--dt-color-border-bold-inverted-l) / var(--alpha, 50%));
840
954
  --dt-color-border-bold-inverted: hsl(0 0% 100% / 0.5);
841
955
  --dt-color-border-moderate-inverted-h: 0;
842
956
  --dt-color-border-moderate-inverted-s: 0%;
843
957
  --dt-color-border-moderate-inverted-l: 100%;
958
+ --dt-color-border-moderate-inverted-a: 38%;
844
959
  --dt-color-border-moderate-inverted-hsl: var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l);
845
- --dt-color-border-moderate-inverted-hsla: hsla(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--alpha, 100%));
960
+ --dt-color-border-moderate-inverted-hsla: hsl(var(--dt-color-border-moderate-inverted-h) var(--dt-color-border-moderate-inverted-s) var(--dt-color-border-moderate-inverted-l) / var(--alpha, 38%));
846
961
  --dt-color-border-moderate-inverted: hsl(0 0% 100% / 0.38);
847
962
  --dt-color-border-default-inverted-h: 0;
848
963
  --dt-color-border-default-inverted-s: 0%;
849
964
  --dt-color-border-default-inverted-l: 100%;
965
+ --dt-color-border-default-inverted-a: 22%;
850
966
  --dt-color-border-default-inverted-hsl: var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l);
851
- --dt-color-border-default-inverted-hsla: hsla(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--alpha, 100%));
967
+ --dt-color-border-default-inverted-hsla: hsl(var(--dt-color-border-default-inverted-h) var(--dt-color-border-default-inverted-s) var(--dt-color-border-default-inverted-l) / var(--alpha, 22%));
852
968
  --dt-color-border-default-inverted: hsl(0 0% 100% / 0.22);
853
969
  --dt-color-border-subtle-inverted-h: 0;
854
970
  --dt-color-border-subtle-inverted-s: 0%;
855
971
  --dt-color-border-subtle-inverted-l: 100%;
972
+ --dt-color-border-subtle-inverted-a: 14%;
856
973
  --dt-color-border-subtle-inverted-hsl: var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l);
857
- --dt-color-border-subtle-inverted-hsla: hsla(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 100%));
974
+ --dt-color-border-subtle-inverted-hsla: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 14%));
858
975
  --dt-color-border-subtle-inverted: hsl(0 0% 100% / 0.14);
859
976
  --dt-color-border-bold-h: 0;
860
977
  --dt-color-border-bold-s: 0%;
861
978
  --dt-color-border-bold-l: 0%;
979
+ --dt-color-border-bold-a: 50%;
862
980
  --dt-color-border-bold-hsl: var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l);
863
- --dt-color-border-bold-hsla: hsla(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--alpha, 100%));
981
+ --dt-color-border-bold-hsla: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--alpha, 50%));
864
982
  --dt-color-border-bold: hsl(0 0% 0% / 0.5);
865
983
  --dt-color-border-moderate-h: 0;
866
984
  --dt-color-border-moderate-s: 0%;
867
985
  --dt-color-border-moderate-l: 0%;
986
+ --dt-color-border-moderate-a: 34%;
868
987
  --dt-color-border-moderate-hsl: var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l);
869
- --dt-color-border-moderate-hsla: hsla(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--alpha, 100%));
988
+ --dt-color-border-moderate-hsla: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--alpha, 34%));
870
989
  --dt-color-border-moderate: hsl(0 0% 0% / 0.34);
871
990
  --dt-color-border-default-h: 0;
872
991
  --dt-color-border-default-s: 0%;
873
992
  --dt-color-border-default-l: 0%;
993
+ --dt-color-border-default-a: 18%;
874
994
  --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
875
- --dt-color-border-default-hsla: hsla(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--alpha, 100%));
995
+ --dt-color-border-default-hsla: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--alpha, 18%));
876
996
  --dt-color-border-default: hsl(0 0% 0% / 0.18);
877
997
  --dt-color-border-subtle-h: 0;
878
998
  --dt-color-border-subtle-s: 0%;
879
999
  --dt-color-border-subtle-l: 0%;
1000
+ --dt-color-border-subtle-a: 10%;
880
1001
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
881
- --dt-color-border-subtle-hsla: hsla(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 100%));
1002
+ --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 10%));
882
1003
  --dt-color-border-subtle: hsl(0 0% 0% / 0.1);
883
- --dt-color-surface-info-strong-h: 0;
884
- --dt-color-surface-info-strong-s: 0%;
885
- --dt-color-surface-info-strong-l: 0%;
886
- --dt-color-surface-info-strong-hsl: var(--dt-color-surface-info-strong-h) var(--dt-color-surface-info-strong-s) var(--dt-color-surface-info-strong-l);
887
- --dt-color-surface-info-strong-hsla: hsla(var(--dt-color-surface-info-strong-h) var(--dt-color-surface-info-strong-s) var(--dt-color-surface-info-strong-l) / var(--alpha, 100%));
1004
+ --dt-color-surface-info-strong-h: var(--dt-color-blue-400-h);
1005
+ --dt-color-surface-info-strong-s: var(--dt-color-blue-400-s);
1006
+ --dt-color-surface-info-strong-l: var(--dt-color-blue-400-l);
1007
+ --dt-color-surface-info-strong-a: var(--dt-color-blue-400-a);
1008
+ --dt-color-surface-info-strong-hsl: var(--dt-color-blue-400-hsl);
1009
+ --dt-color-surface-info-strong-hsla: var(--dt-color-blue-400-hsla);
888
1010
  --dt-color-surface-info-strong: var(--dt-color-blue-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
889
1011
  --dt-color-surface-info-subtle-h: 210;
890
- --dt-color-surface-info-subtle-s: 61.499999999999474%;
1012
+ --dt-color-surface-info-subtle-s: 61.5%;
891
1013
  --dt-color-surface-info-subtle-l: 97.5%;
1014
+ --dt-color-surface-info-subtle-a: 100%;
892
1015
  --dt-color-surface-info-subtle-hsl: var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l);
893
- --dt-color-surface-info-subtle-hsla: hsla(var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l) / var(--alpha, 100%));
1016
+ --dt-color-surface-info-subtle-hsla: hsl(var(--dt-color-surface-info-subtle-h) var(--dt-color-surface-info-subtle-s) var(--dt-color-surface-info-subtle-l) / var(--alpha, 100%));
894
1017
  --dt-color-surface-info-subtle: hsl(210 61.5% 97.5%); /* A softer version of the default informational surface. */
895
- --dt-color-surface-info-h: 0;
896
- --dt-color-surface-info-s: 0%;
897
- --dt-color-surface-info-l: 0%;
898
- --dt-color-surface-info-hsl: var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l);
899
- --dt-color-surface-info-hsla: hsla(var(--dt-color-surface-info-h) var(--dt-color-surface-info-s) var(--dt-color-surface-info-l) / var(--alpha, 100%));
1018
+ --dt-color-surface-info-h: var(--dt-color-blue-100-h);
1019
+ --dt-color-surface-info-s: var(--dt-color-blue-100-s);
1020
+ --dt-color-surface-info-l: var(--dt-color-blue-100-l);
1021
+ --dt-color-surface-info-a: var(--dt-color-blue-100-a);
1022
+ --dt-color-surface-info-hsl: var(--dt-color-blue-100-hsl);
1023
+ --dt-color-surface-info-hsla: var(--dt-color-blue-100-hsla);
900
1024
  --dt-color-surface-info: var(--dt-color-blue-100); /* Background surface color containing messaging or elements communicated as generally informational. */
901
- --dt-color-surface-success-strong-h: 0;
902
- --dt-color-surface-success-strong-s: 0%;
903
- --dt-color-surface-success-strong-l: 0%;
904
- --dt-color-surface-success-strong-hsl: var(--dt-color-surface-success-strong-h) var(--dt-color-surface-success-strong-s) var(--dt-color-surface-success-strong-l);
905
- --dt-color-surface-success-strong-hsla: hsla(var(--dt-color-surface-success-strong-h) var(--dt-color-surface-success-strong-s) var(--dt-color-surface-success-strong-l) / var(--alpha, 100%));
1025
+ --dt-color-surface-success-strong-h: var(--dt-color-green-400-h);
1026
+ --dt-color-surface-success-strong-s: var(--dt-color-green-400-s);
1027
+ --dt-color-surface-success-strong-l: var(--dt-color-green-400-l);
1028
+ --dt-color-surface-success-strong-a: var(--dt-color-green-400-a);
1029
+ --dt-color-surface-success-strong-hsl: var(--dt-color-green-400-hsl);
1030
+ --dt-color-surface-success-strong-hsla: var(--dt-color-green-400-hsla);
906
1031
  --dt-color-surface-success-strong: var(--dt-color-green-400); /* A contrasting positive state surface, most likely paired with inverted foreground colors. */
907
- --dt-color-surface-success-subtle-h: 110.99999999999987;
908
- --dt-color-surface-success-subtle-s: 53.79999999999936%;
1032
+ --dt-color-surface-success-subtle-h: 111;
1033
+ --dt-color-surface-success-subtle-s: 53.79999999999999%;
909
1034
  --dt-color-surface-success-subtle-l: 98%;
1035
+ --dt-color-surface-success-subtle-a: 100%;
910
1036
  --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
911
- --dt-color-surface-success-subtle-hsla: hsla(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
1037
+ --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
912
1038
  --dt-color-surface-success-subtle: hsl(111 53.8% 98%); /* A softer version of the default success surface. */
913
- --dt-color-surface-success-h: 0;
914
- --dt-color-surface-success-s: 0%;
915
- --dt-color-surface-success-l: 0%;
916
- --dt-color-surface-success-hsl: var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l);
917
- --dt-color-surface-success-hsla: hsla(var(--dt-color-surface-success-h) var(--dt-color-surface-success-s) var(--dt-color-surface-success-l) / var(--alpha, 100%));
1039
+ --dt-color-surface-success-h: var(--dt-color-green-100-h);
1040
+ --dt-color-surface-success-s: var(--dt-color-green-100-s);
1041
+ --dt-color-surface-success-l: var(--dt-color-green-100-l);
1042
+ --dt-color-surface-success-a: var(--dt-color-green-100-a);
1043
+ --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1044
+ --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
918
1045
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
919
- --dt-color-surface-warning-strong-h: 0;
920
- --dt-color-surface-warning-strong-s: 0%;
921
- --dt-color-surface-warning-strong-l: 0%;
922
- --dt-color-surface-warning-strong-hsl: var(--dt-color-surface-warning-strong-h) var(--dt-color-surface-warning-strong-s) var(--dt-color-surface-warning-strong-l);
923
- --dt-color-surface-warning-strong-hsla: hsla(var(--dt-color-surface-warning-strong-h) var(--dt-color-surface-warning-strong-s) var(--dt-color-surface-warning-strong-l) / var(--alpha, 100%));
1046
+ --dt-color-surface-warning-strong-h: var(--dt-color-gold-200-h);
1047
+ --dt-color-surface-warning-strong-s: var(--dt-color-gold-200-s);
1048
+ --dt-color-surface-warning-strong-l: var(--dt-color-gold-200-l);
1049
+ --dt-color-surface-warning-strong-a: var(--dt-color-gold-200-a);
1050
+ --dt-color-surface-warning-strong-hsl: var(--dt-color-gold-200-hsl);
1051
+ --dt-color-surface-warning-strong-hsla: var(--dt-color-gold-200-hsla);
924
1052
  --dt-color-surface-warning-strong: var(--dt-color-gold-200); /* A contrasting warning surface, most likely paired with inverted foreground colors. */
925
- --dt-color-surface-warning-subtle-h: 47.099999999999966;
1053
+ --dt-color-surface-warning-subtle-h: 47.1;
926
1054
  --dt-color-surface-warning-subtle-s: 100%;
927
1055
  --dt-color-surface-warning-subtle-l: 95%;
1056
+ --dt-color-surface-warning-subtle-a: 100%;
928
1057
  --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
929
- --dt-color-surface-warning-subtle-hsla: hsla(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
1058
+ --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
930
1059
  --dt-color-surface-warning-subtle: hsl(47.1 100% 95%); /* A softer version of the default warning surface. */
931
- --dt-color-surface-warning-h: 0;
932
- --dt-color-surface-warning-s: 0%;
933
- --dt-color-surface-warning-l: 0%;
934
- --dt-color-surface-warning-hsl: var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l);
935
- --dt-color-surface-warning-hsla: hsla(var(--dt-color-surface-warning-h) var(--dt-color-surface-warning-s) var(--dt-color-surface-warning-l) / var(--alpha, 100%));
1060
+ --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1061
+ --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1062
+ --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
1063
+ --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
1064
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1065
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
936
1066
  --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
937
- --dt-color-surface-critical-strong-h: 0;
938
- --dt-color-surface-critical-strong-s: 0%;
939
- --dt-color-surface-critical-strong-l: 0%;
940
- --dt-color-surface-critical-strong-hsl: var(--dt-color-surface-critical-strong-h) var(--dt-color-surface-critical-strong-s) var(--dt-color-surface-critical-strong-l);
941
- --dt-color-surface-critical-strong-hsla: hsla(var(--dt-color-surface-critical-strong-h) var(--dt-color-surface-critical-strong-s) var(--dt-color-surface-critical-strong-l) / var(--alpha, 100%));
1067
+ --dt-color-surface-critical-strong-h: var(--dt-color-red-400-h);
1068
+ --dt-color-surface-critical-strong-s: var(--dt-color-red-400-s);
1069
+ --dt-color-surface-critical-strong-l: var(--dt-color-red-400-l);
1070
+ --dt-color-surface-critical-strong-a: var(--dt-color-red-400-a);
1071
+ --dt-color-surface-critical-strong-hsl: var(--dt-color-red-400-hsl);
1072
+ --dt-color-surface-critical-strong-hsla: var(--dt-color-red-400-hsla);
942
1073
  --dt-color-surface-critical-strong: var(--dt-color-red-400); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
943
- --dt-color-surface-critical-subtle-h: 358.0000000000001;
1074
+ --dt-color-surface-critical-subtle-h: 358;
944
1075
  --dt-color-surface-critical-subtle-s: 100%;
945
1076
  --dt-color-surface-critical-subtle-l: 97.5%;
1077
+ --dt-color-surface-critical-subtle-a: 100%;
946
1078
  --dt-color-surface-critical-subtle-hsl: var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l);
947
- --dt-color-surface-critical-subtle-hsla: hsla(var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l) / var(--alpha, 100%));
1079
+ --dt-color-surface-critical-subtle-hsla: hsl(var(--dt-color-surface-critical-subtle-h) var(--dt-color-surface-critical-subtle-s) var(--dt-color-surface-critical-subtle-l) / var(--alpha, 100%));
948
1080
  --dt-color-surface-critical-subtle: hsl(358 100% 97.5%); /* A softer version of the Critical surface. */
949
- --dt-color-surface-critical-h: 0;
950
- --dt-color-surface-critical-s: 0%;
951
- --dt-color-surface-critical-l: 0%;
952
- --dt-color-surface-critical-hsl: var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l);
953
- --dt-color-surface-critical-hsla: hsla(var(--dt-color-surface-critical-h) var(--dt-color-surface-critical-s) var(--dt-color-surface-critical-l) / var(--alpha, 100%));
1081
+ --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1082
+ --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1083
+ --dt-color-surface-critical-l: var(--dt-color-red-100-l);
1084
+ --dt-color-surface-critical-a: var(--dt-color-red-100-a);
1085
+ --dt-color-surface-critical-hsl: var(--dt-color-red-100-hsl);
1086
+ --dt-color-surface-critical-hsla: var(--dt-color-red-100-hsla);
954
1087
  --dt-color-surface-critical: var(--dt-color-red-100); /* Background surface color containing error, danger, or otherwise critical messaging or elements. */
955
- --dt-color-surface-contrast-h: 0;
956
- --dt-color-surface-contrast-s: 0%;
957
- --dt-color-surface-contrast-l: 0%;
958
- --dt-color-surface-contrast-hsl: var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l);
959
- --dt-color-surface-contrast-hsla: hsla(var(--dt-color-surface-contrast-h) var(--dt-color-surface-contrast-s) var(--dt-color-surface-contrast-l) / var(--alpha, 100%));
1088
+ --dt-color-surface-contrast-h: var(--dt-color-black-800-h);
1089
+ --dt-color-surface-contrast-s: var(--dt-color-black-800-s);
1090
+ --dt-color-surface-contrast-l: var(--dt-color-black-800-l);
1091
+ --dt-color-surface-contrast-a: var(--dt-color-black-800-a);
1092
+ --dt-color-surface-contrast-hsl: var(--dt-color-black-800-hsl);
1093
+ --dt-color-surface-contrast-hsla: var(--dt-color-black-800-hsla);
960
1094
  --dt-color-surface-contrast: var(--dt-color-black-800); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
961
- --dt-color-surface-strong-h: 0;
962
- --dt-color-surface-strong-s: 0%;
963
- --dt-color-surface-strong-l: 0%;
964
- --dt-color-surface-strong-hsl: var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l);
965
- --dt-color-surface-strong-hsla: hsla(var(--dt-color-surface-strong-h) var(--dt-color-surface-strong-s) var(--dt-color-surface-strong-l) / var(--alpha, 100%));
1095
+ --dt-color-surface-strong-h: var(--dt-color-black-600-h);
1096
+ --dt-color-surface-strong-s: var(--dt-color-black-600-s);
1097
+ --dt-color-surface-strong-l: var(--dt-color-black-600-l);
1098
+ --dt-color-surface-strong-a: var(--dt-color-black-600-a);
1099
+ --dt-color-surface-strong-hsl: var(--dt-color-black-600-hsl);
1100
+ --dt-color-surface-strong-hsla: var(--dt-color-black-600-hsla);
966
1101
  --dt-color-surface-strong: var(--dt-color-black-600); /* Use sparingly to draw the eye to a relatively important region. */
967
- --dt-color-surface-bold-h: 0;
968
- --dt-color-surface-bold-s: 0%;
969
- --dt-color-surface-bold-l: 0%;
970
- --dt-color-surface-bold-hsl: var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l);
971
- --dt-color-surface-bold-hsla: hsla(var(--dt-color-surface-bold-h) var(--dt-color-surface-bold-s) var(--dt-color-surface-bold-l) / var(--alpha, 100%));
1102
+ --dt-color-surface-bold-h: var(--dt-color-black-300-h);
1103
+ --dt-color-surface-bold-s: var(--dt-color-black-300-s);
1104
+ --dt-color-surface-bold-l: var(--dt-color-black-300-l);
1105
+ --dt-color-surface-bold-a: var(--dt-color-black-300-a);
1106
+ --dt-color-surface-bold-hsl: var(--dt-color-black-300-hsl);
1107
+ --dt-color-surface-bold-hsla: var(--dt-color-black-300-hsla);
972
1108
  --dt-color-surface-bold: var(--dt-color-black-300); /* Highlight or call attention to specific areas of the interface. */
973
- --dt-color-surface-moderate-h: 0;
974
- --dt-color-surface-moderate-s: 0%;
975
- --dt-color-surface-moderate-l: 0%;
976
- --dt-color-surface-moderate-hsl: var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l);
977
- --dt-color-surface-moderate-hsla: hsla(var(--dt-color-surface-moderate-h) var(--dt-color-surface-moderate-s) var(--dt-color-surface-moderate-l) / var(--alpha, 100%));
1109
+ --dt-color-surface-moderate-h: var(--dt-color-black-200-h);
1110
+ --dt-color-surface-moderate-s: var(--dt-color-black-200-s);
1111
+ --dt-color-surface-moderate-l: var(--dt-color-black-200-l);
1112
+ --dt-color-surface-moderate-a: var(--dt-color-black-200-a);
1113
+ --dt-color-surface-moderate-hsl: var(--dt-color-black-200-hsl);
1114
+ --dt-color-surface-moderate-hsla: var(--dt-color-black-200-hsla);
978
1115
  --dt-color-surface-moderate: var(--dt-color-black-200); /* A tertiary surface level, prominent without being too overpowering. */
979
- --dt-color-surface-secondary-h: 0;
980
- --dt-color-surface-secondary-s: 0%;
981
- --dt-color-surface-secondary-l: 0%;
982
- --dt-color-surface-secondary-hsl: var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l);
983
- --dt-color-surface-secondary-hsla: hsla(var(--dt-color-surface-secondary-h) var(--dt-color-surface-secondary-s) var(--dt-color-surface-secondary-l) / var(--alpha, 100%));
1116
+ --dt-color-surface-secondary-h: var(--dt-color-black-100-h);
1117
+ --dt-color-surface-secondary-s: var(--dt-color-black-100-s);
1118
+ --dt-color-surface-secondary-l: var(--dt-color-black-100-l);
1119
+ --dt-color-surface-secondary-a: var(--dt-color-black-100-a);
1120
+ --dt-color-surface-secondary-hsl: var(--dt-color-black-100-hsl);
1121
+ --dt-color-surface-secondary-hsla: var(--dt-color-black-100-hsla);
984
1122
  --dt-color-surface-secondary: var(--dt-color-black-100); /* For adjacent or complementary regions. */
985
- --dt-color-surface-primary-h: 0;
986
- --dt-color-surface-primary-s: 0%;
987
- --dt-color-surface-primary-l: 0%;
988
- --dt-color-surface-primary-hsl: var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l);
989
- --dt-color-surface-primary-hsla: hsla(var(--dt-color-surface-primary-h) var(--dt-color-surface-primary-s) var(--dt-color-surface-primary-l) / var(--alpha, 100%));
1123
+ --dt-color-surface-primary-h: var(--dt-color-neutral-white-h);
1124
+ --dt-color-surface-primary-s: var(--dt-color-neutral-white-s);
1125
+ --dt-color-surface-primary-l: var(--dt-color-neutral-white-l);
1126
+ --dt-color-surface-primary-a: var(--dt-color-neutral-white-a);
1127
+ --dt-color-surface-primary-hsl: var(--dt-color-neutral-white-hsl);
1128
+ --dt-color-surface-primary-hsla: var(--dt-color-neutral-white-hsla);
990
1129
  --dt-color-surface-primary: var(--dt-color-neutral-white); /* Default surface color for the majority of surfaces. */
991
1130
  --dt-color-surface-info-subtle-opaque-h: 212;
992
- --dt-color-surface-info-subtle-opaque-s: 79.19999999999999%;
1131
+ --dt-color-surface-info-subtle-opaque-s: 79.2%;
993
1132
  --dt-color-surface-info-subtle-opaque-l: 43.3%;
1133
+ --dt-color-surface-info-subtle-opaque-a: 4%;
994
1134
  --dt-color-surface-info-subtle-opaque-hsl: var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l);
995
- --dt-color-surface-info-subtle-opaque-hsla: hsla(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--alpha, 100%));
1135
+ --dt-color-surface-info-subtle-opaque-hsla: hsl(var(--dt-color-surface-info-subtle-opaque-h) var(--dt-color-surface-info-subtle-opaque-s) var(--dt-color-surface-info-subtle-opaque-l) / var(--alpha, 4%));
996
1136
  --dt-color-surface-info-subtle-opaque: hsl(212 79.2% 43.3% / 0.04); /* Info surface as opaque background color. */
997
1137
  --dt-color-surface-info-opaque-h: 212;
998
- --dt-color-surface-info-opaque-s: 79.19999999999999%;
1138
+ --dt-color-surface-info-opaque-s: 79.2%;
999
1139
  --dt-color-surface-info-opaque-l: 43.3%;
1140
+ --dt-color-surface-info-opaque-a: 9%;
1000
1141
  --dt-color-surface-info-opaque-hsl: var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l);
1001
- --dt-color-surface-info-opaque-hsla: hsla(var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l) / var(--alpha, 100%));
1142
+ --dt-color-surface-info-opaque-hsla: hsl(var(--dt-color-surface-info-opaque-h) var(--dt-color-surface-info-opaque-s) var(--dt-color-surface-info-opaque-l) / var(--alpha, 9%));
1002
1143
  --dt-color-surface-info-opaque: hsl(212 79.2% 43.3% / 0.09); /* Info surface as opaque background color. */
1003
1144
  --dt-color-surface-success-subtle-opaque-h: 137;
1004
- --dt-color-surface-success-subtle-opaque-s: 72.50000000000001%;
1145
+ --dt-color-surface-success-subtle-opaque-s: 72.5%;
1005
1146
  --dt-color-surface-success-subtle-opaque-l: 37.1%;
1147
+ --dt-color-surface-success-subtle-opaque-a: 3%;
1006
1148
  --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
1007
- --dt-color-surface-success-subtle-opaque-hsla: hsla(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 100%));
1149
+ --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 3%));
1008
1150
  --dt-color-surface-success-subtle-opaque: hsl(137 72.5% 37.1% / 0.03); /* Success subtle surface as opaque background color. */
1009
1151
  --dt-color-surface-success-opaque-h: 137;
1010
- --dt-color-surface-success-opaque-s: 72.50000000000001%;
1152
+ --dt-color-surface-success-opaque-s: 72.5%;
1011
1153
  --dt-color-surface-success-opaque-l: 37.1%;
1154
+ --dt-color-surface-success-opaque-a: 8%;
1012
1155
  --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
1013
- --dt-color-surface-success-opaque-hsla: hsla(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 100%));
1156
+ --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 8%));
1014
1157
  --dt-color-surface-success-opaque: hsl(137 72.5% 37.1% / 0.08); /* Success surface as opaque background color. */
1015
- --dt-color-surface-warning-subtle-opaque-h: 43.00000000000001;
1158
+ --dt-color-surface-warning-subtle-opaque-h: 43;
1016
1159
  --dt-color-surface-warning-subtle-opaque-s: 100%;
1017
- --dt-color-surface-warning-subtle-opaque-l: 75.09%;
1160
+ --dt-color-surface-warning-subtle-opaque-l: 75.1%;
1161
+ --dt-color-surface-warning-subtle-opaque-a: 18%;
1018
1162
  --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
1019
- --dt-color-surface-warning-subtle-opaque-hsla: hsla(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 100%));
1163
+ --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 18%));
1020
1164
  --dt-color-surface-warning-subtle-opaque: hsl(43 100% 75.1% / 0.18); /* Warning subtle surface as opaque background color */
1021
- --dt-color-surface-warning-opaque-h: 43.00000000000001;
1165
+ --dt-color-surface-warning-opaque-h: 43;
1022
1166
  --dt-color-surface-warning-opaque-s: 100%;
1023
- --dt-color-surface-warning-opaque-l: 75.09%;
1167
+ --dt-color-surface-warning-opaque-l: 75.1%;
1168
+ --dt-color-surface-warning-opaque-a: 38%;
1024
1169
  --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
1025
- --dt-color-surface-warning-opaque-hsla: hsla(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 100%));
1170
+ --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 38%));
1026
1171
  --dt-color-surface-warning-opaque: hsl(43 100% 75.1% / 0.38); /* Warning surface as opaque background color */
1027
1172
  --dt-color-surface-critical-subtle-opaque-h: 0;
1028
- --dt-color-surface-critical-subtle-opaque-s: 88.79999999999998%;
1173
+ --dt-color-surface-critical-subtle-opaque-s: 88.8%;
1029
1174
  --dt-color-surface-critical-subtle-opaque-l: 49%;
1175
+ --dt-color-surface-critical-subtle-opaque-a: 5%;
1030
1176
  --dt-color-surface-critical-subtle-opaque-hsl: var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l);
1031
- --dt-color-surface-critical-subtle-opaque-hsla: hsla(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--alpha, 100%));
1177
+ --dt-color-surface-critical-subtle-opaque-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--alpha, 5%));
1032
1178
  --dt-color-surface-critical-subtle-opaque: hsl(0 88.8% 49% / 0.05); /* Critical subtle surface as opaque background color. */
1033
1179
  --dt-color-surface-critical-opaque-h: 0;
1034
- --dt-color-surface-critical-opaque-s: 88.79999999999998%;
1180
+ --dt-color-surface-critical-opaque-s: 88.8%;
1035
1181
  --dt-color-surface-critical-opaque-l: 49%;
1182
+ --dt-color-surface-critical-opaque-a: 11%;
1036
1183
  --dt-color-surface-critical-opaque-hsl: var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l);
1037
- --dt-color-surface-critical-opaque-hsla: hsla(var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l) / var(--alpha, 100%));
1184
+ --dt-color-surface-critical-opaque-hsla: hsl(var(--dt-color-surface-critical-opaque-h) var(--dt-color-surface-critical-opaque-s) var(--dt-color-surface-critical-opaque-l) / var(--alpha, 11%));
1038
1185
  --dt-color-surface-critical-opaque: hsl(0 88.8% 49% / 0.11); /* Critical surface as opaque background color. */
1039
1186
  --dt-color-surface-backdrop-h: 0;
1040
1187
  --dt-color-surface-backdrop-s: 0%;
1041
1188
  --dt-color-surface-backdrop-l: 0%;
1189
+ --dt-color-surface-backdrop-a: 70%;
1042
1190
  --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
1043
- --dt-color-surface-backdrop-hsla: hsla(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 100%));
1191
+ --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 70%));
1044
1192
  --dt-color-surface-backdrop: hsl(0 0% 0% / 0.7); /* Background color for a modal-like backdrop. */
1045
1193
  --dt-color-surface-contrast-opaque-h: 0;
1046
1194
  --dt-color-surface-contrast-opaque-s: 0%;
1047
1195
  --dt-color-surface-contrast-opaque-l: 0%;
1196
+ --dt-color-surface-contrast-opaque-a: 87%;
1048
1197
  --dt-color-surface-contrast-opaque-hsl: var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l);
1049
- --dt-color-surface-contrast-opaque-hsla: hsla(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--alpha, 100%));
1198
+ --dt-color-surface-contrast-opaque-hsla: hsl(var(--dt-color-surface-contrast-opaque-h) var(--dt-color-surface-contrast-opaque-s) var(--dt-color-surface-contrast-opaque-l) / var(--alpha, 87%));
1050
1199
  --dt-color-surface-contrast-opaque: hsl(0 0% 0% / 0.87); /* Contrast surface as opaque background color. */
1051
1200
  --dt-color-surface-strong-opaque-h: 0;
1052
1201
  --dt-color-surface-strong-opaque-s: 0%;
1053
1202
  --dt-color-surface-strong-opaque-l: 0%;
1203
+ --dt-color-surface-strong-opaque-a: 67%;
1054
1204
  --dt-color-surface-strong-opaque-hsl: var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l);
1055
- --dt-color-surface-strong-opaque-hsla: hsla(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--alpha, 100%));
1205
+ --dt-color-surface-strong-opaque-hsla: hsl(var(--dt-color-surface-strong-opaque-h) var(--dt-color-surface-strong-opaque-s) var(--dt-color-surface-strong-opaque-l) / var(--alpha, 67%));
1056
1206
  --dt-color-surface-strong-opaque: hsl(0 0% 0% / 0.67); /* Strong surface as opaque background color. */
1057
1207
  --dt-color-surface-bold-opaque-h: 0;
1058
1208
  --dt-color-surface-bold-opaque-s: 0%;
1059
1209
  --dt-color-surface-bold-opaque-l: 0%;
1210
+ --dt-color-surface-bold-opaque-a: 18%;
1060
1211
  --dt-color-surface-bold-opaque-hsl: var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l);
1061
- --dt-color-surface-bold-opaque-hsla: hsla(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--alpha, 100%));
1212
+ --dt-color-surface-bold-opaque-hsla: hsl(var(--dt-color-surface-bold-opaque-h) var(--dt-color-surface-bold-opaque-s) var(--dt-color-surface-bold-opaque-l) / var(--alpha, 18%));
1062
1213
  --dt-color-surface-bold-opaque: hsl(0 0% 0% / 0.18); /* Bold surface as opaque background color. */
1063
1214
  --dt-color-surface-moderate-opaque-h: 0;
1064
1215
  --dt-color-surface-moderate-opaque-s: 0%;
1065
1216
  --dt-color-surface-moderate-opaque-l: 0%;
1217
+ --dt-color-surface-moderate-opaque-a: 9%;
1066
1218
  --dt-color-surface-moderate-opaque-hsl: var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l);
1067
- --dt-color-surface-moderate-opaque-hsla: hsla(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--alpha, 100%));
1219
+ --dt-color-surface-moderate-opaque-hsla: hsl(var(--dt-color-surface-moderate-opaque-h) var(--dt-color-surface-moderate-opaque-s) var(--dt-color-surface-moderate-opaque-l) / var(--alpha, 9%));
1068
1220
  --dt-color-surface-moderate-opaque: hsl(0 0% 0% / 0.09); /* Moderate surface as opaque background color. */
1069
1221
  --dt-color-surface-secondary-opaque-h: 0;
1070
1222
  --dt-color-surface-secondary-opaque-s: 0%;
1071
1223
  --dt-color-surface-secondary-opaque-l: 0%;
1224
+ --dt-color-surface-secondary-opaque-a: 2%;
1072
1225
  --dt-color-surface-secondary-opaque-hsl: var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l);
1073
- --dt-color-surface-secondary-opaque-hsla: hsla(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 100%));
1226
+ --dt-color-surface-secondary-opaque-hsla: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 2%));
1074
1227
  --dt-color-surface-secondary-opaque: hsl(0 0% 0% / 0.02); /* Secondary surface as opaque background color. */
1075
- --dt-color-link-muted-inverted-hover-h: 0;
1076
- --dt-color-link-muted-inverted-hover-s: 0%;
1077
- --dt-color-link-muted-inverted-hover-l: 0%;
1078
- --dt-color-link-muted-inverted-hover-hsl: var(--dt-color-link-muted-inverted-hover-h) var(--dt-color-link-muted-inverted-hover-s) var(--dt-color-link-muted-inverted-hover-l);
1079
- --dt-color-link-muted-inverted-hover-hsla: hsla(var(--dt-color-link-muted-inverted-hover-h) var(--dt-color-link-muted-inverted-hover-s) var(--dt-color-link-muted-inverted-hover-l) / var(--alpha, 100%));
1228
+ --dt-color-link-muted-inverted-hover-h: var(--dt-color-black-100-h);
1229
+ --dt-color-link-muted-inverted-hover-s: var(--dt-color-black-100-s);
1230
+ --dt-color-link-muted-inverted-hover-l: var(--dt-color-black-100-l);
1231
+ --dt-color-link-muted-inverted-hover-a: var(--dt-color-black-100-a);
1232
+ --dt-color-link-muted-inverted-hover-hsl: var(--dt-color-black-100-hsl);
1233
+ --dt-color-link-muted-inverted-hover-hsla: var(--dt-color-black-100-hsla);
1080
1234
  --dt-color-link-muted-inverted-hover: var(--dt-color-black-100);
1081
- --dt-color-link-warning-inverted-hover-h: 0;
1082
- --dt-color-link-warning-inverted-hover-s: 0%;
1083
- --dt-color-link-warning-inverted-hover-l: 0%;
1084
- --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-link-warning-inverted-hover-h) var(--dt-color-link-warning-inverted-hover-s) var(--dt-color-link-warning-inverted-hover-l);
1085
- --dt-color-link-warning-inverted-hover-hsla: hsla(var(--dt-color-link-warning-inverted-hover-h) var(--dt-color-link-warning-inverted-hover-s) var(--dt-color-link-warning-inverted-hover-l) / var(--alpha, 100%));
1235
+ --dt-color-link-warning-inverted-hover-h: var(--dt-color-black-100-h);
1236
+ --dt-color-link-warning-inverted-hover-s: var(--dt-color-black-100-s);
1237
+ --dt-color-link-warning-inverted-hover-l: var(--dt-color-black-100-l);
1238
+ --dt-color-link-warning-inverted-hover-a: var(--dt-color-black-100-a);
1239
+ --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-black-100-hsl);
1240
+ --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-black-100-hsla);
1086
1241
  --dt-color-link-warning-inverted-hover: var(--dt-color-black-100);
1087
- --dt-color-link-primary-inverted-hover-h: 0;
1088
- --dt-color-link-primary-inverted-hover-s: 0%;
1089
- --dt-color-link-primary-inverted-hover-l: 0%;
1090
- --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-link-primary-inverted-hover-h) var(--dt-color-link-primary-inverted-hover-s) var(--dt-color-link-primary-inverted-hover-l);
1091
- --dt-color-link-primary-inverted-hover-hsla: hsla(var(--dt-color-link-primary-inverted-hover-h) var(--dt-color-link-primary-inverted-hover-s) var(--dt-color-link-primary-inverted-hover-l) / var(--alpha, 100%));
1242
+ --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-200-h);
1243
+ --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-200-s);
1244
+ --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-200-l);
1245
+ --dt-color-link-primary-inverted-hover-a: var(--dt-color-purple-200-a);
1246
+ --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
1247
+ --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
1092
1248
  --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
1093
- --dt-color-link-warning-hover-h: 0;
1094
- --dt-color-link-warning-hover-s: 0%;
1095
- --dt-color-link-warning-hover-l: 0%;
1096
- --dt-color-link-warning-hover-hsl: var(--dt-color-link-warning-hover-h) var(--dt-color-link-warning-hover-s) var(--dt-color-link-warning-hover-l);
1097
- --dt-color-link-warning-hover-hsla: hsla(var(--dt-color-link-warning-hover-h) var(--dt-color-link-warning-hover-s) var(--dt-color-link-warning-hover-l) / var(--alpha, 100%));
1249
+ --dt-color-link-warning-hover-h: var(--dt-color-black-600-h);
1250
+ --dt-color-link-warning-hover-s: var(--dt-color-black-600-s);
1251
+ --dt-color-link-warning-hover-l: var(--dt-color-black-600-l);
1252
+ --dt-color-link-warning-hover-a: var(--dt-color-black-600-a);
1253
+ --dt-color-link-warning-hover-hsl: var(--dt-color-black-600-hsl);
1254
+ --dt-color-link-warning-hover-hsla: var(--dt-color-black-600-hsla);
1098
1255
  --dt-color-link-warning-hover: var(--dt-color-black-600);
1099
- --dt-color-link-success-hover-h: 0;
1100
- --dt-color-link-success-hover-s: 0%;
1101
- --dt-color-link-success-hover-l: 0%;
1102
- --dt-color-link-success-hover-hsl: var(--dt-color-link-success-hover-h) var(--dt-color-link-success-hover-s) var(--dt-color-link-success-hover-l);
1103
- --dt-color-link-success-hover-hsla: hsla(var(--dt-color-link-success-hover-h) var(--dt-color-link-success-hover-s) var(--dt-color-link-success-hover-l) / var(--alpha, 100%));
1256
+ --dt-color-link-success-hover-h: var(--dt-color-green-500-h);
1257
+ --dt-color-link-success-hover-s: var(--dt-color-green-500-s);
1258
+ --dt-color-link-success-hover-l: var(--dt-color-green-500-l);
1259
+ --dt-color-link-success-hover-a: var(--dt-color-green-500-a);
1260
+ --dt-color-link-success-hover-hsl: var(--dt-color-green-500-hsl);
1261
+ --dt-color-link-success-hover-hsla: var(--dt-color-green-500-hsla);
1104
1262
  --dt-color-link-success-hover: var(--dt-color-green-500);
1105
- --dt-color-link-critical-hover-h: 0;
1106
- --dt-color-link-critical-hover-s: 0%;
1107
- --dt-color-link-critical-hover-l: 0%;
1108
- --dt-color-link-critical-hover-hsl: var(--dt-color-link-critical-hover-h) var(--dt-color-link-critical-hover-s) var(--dt-color-link-critical-hover-l);
1109
- --dt-color-link-critical-hover-hsla: hsla(var(--dt-color-link-critical-hover-h) var(--dt-color-link-critical-hover-s) var(--dt-color-link-critical-hover-l) / var(--alpha, 100%));
1263
+ --dt-color-link-critical-hover-h: var(--dt-color-red-400-h);
1264
+ --dt-color-link-critical-hover-s: var(--dt-color-red-400-s);
1265
+ --dt-color-link-critical-hover-l: var(--dt-color-red-400-l);
1266
+ --dt-color-link-critical-hover-a: var(--dt-color-red-400-a);
1267
+ --dt-color-link-critical-hover-hsl: var(--dt-color-red-400-hsl);
1268
+ --dt-color-link-critical-hover-hsla: var(--dt-color-red-400-hsla);
1110
1269
  --dt-color-link-critical-hover: var(--dt-color-red-400);
1111
- --dt-color-link-primary-hover-h: 0;
1112
- --dt-color-link-primary-hover-s: 0%;
1113
- --dt-color-link-primary-hover-l: 0%;
1114
- --dt-color-link-primary-hover-hsl: var(--dt-color-link-primary-hover-h) var(--dt-color-link-primary-hover-s) var(--dt-color-link-primary-hover-l);
1115
- --dt-color-link-primary-hover-hsla: hsla(var(--dt-color-link-primary-hover-h) var(--dt-color-link-primary-hover-s) var(--dt-color-link-primary-hover-l) / var(--alpha, 100%));
1270
+ --dt-color-link-primary-hover-h: var(--dt-color-purple-500-h);
1271
+ --dt-color-link-primary-hover-s: var(--dt-color-purple-500-s);
1272
+ --dt-color-link-primary-hover-l: var(--dt-color-purple-500-l);
1273
+ --dt-color-link-primary-hover-a: var(--dt-color-purple-500-a);
1274
+ --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
1275
+ --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
1116
1276
  --dt-color-link-primary-hover: var(--dt-color-purple-500);
1117
- --dt-color-link-primary-inverted-h: 0;
1118
- --dt-color-link-primary-inverted-s: 0%;
1119
- --dt-color-link-primary-inverted-l: 0%;
1120
- --dt-color-link-primary-inverted-hsl: var(--dt-color-link-primary-inverted-h) var(--dt-color-link-primary-inverted-s) var(--dt-color-link-primary-inverted-l);
1121
- --dt-color-link-primary-inverted-hsla: hsla(var(--dt-color-link-primary-inverted-h) var(--dt-color-link-primary-inverted-s) var(--dt-color-link-primary-inverted-l) / var(--alpha, 100%));
1277
+ --dt-color-link-primary-inverted-h: var(--dt-color-purple-300-h);
1278
+ --dt-color-link-primary-inverted-s: var(--dt-color-purple-300-s);
1279
+ --dt-color-link-primary-inverted-l: var(--dt-color-purple-300-l);
1280
+ --dt-color-link-primary-inverted-a: var(--dt-color-purple-300-a);
1281
+ --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-300-hsl);
1282
+ --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-300-hsla);
1122
1283
  --dt-color-link-primary-inverted: var(--dt-color-purple-300);
1123
- --dt-color-link-primary-h: 0;
1124
- --dt-color-link-primary-s: 0%;
1125
- --dt-color-link-primary-l: 0%;
1126
- --dt-color-link-primary-hsl: var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l);
1127
- --dt-color-link-primary-hsla: hsla(var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l) / var(--alpha, 100%));
1284
+ --dt-color-link-primary-h: var(--dt-color-purple-400-h);
1285
+ --dt-color-link-primary-s: var(--dt-color-purple-400-s);
1286
+ --dt-color-link-primary-l: var(--dt-color-purple-400-l);
1287
+ --dt-color-link-primary-a: var(--dt-color-purple-400-a);
1288
+ --dt-color-link-primary-hsl: var(--dt-color-purple-400-hsl);
1289
+ --dt-color-link-primary-hsla: var(--dt-color-purple-400-hsla);
1128
1290
  --dt-color-link-primary: var(--dt-color-purple-400);
1129
- --dt-color-foreground-warning-inverted-h: 0;
1130
- --dt-color-foreground-warning-inverted-s: 0%;
1131
- --dt-color-foreground-warning-inverted-l: 0%;
1132
- --dt-color-foreground-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-h) var(--dt-color-foreground-warning-inverted-s) var(--dt-color-foreground-warning-inverted-l);
1133
- --dt-color-foreground-warning-inverted-hsla: hsla(var(--dt-color-foreground-warning-inverted-h) var(--dt-color-foreground-warning-inverted-s) var(--dt-color-foreground-warning-inverted-l) / var(--alpha, 100%));
1291
+ --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-100-h);
1292
+ --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-100-s);
1293
+ --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-100-l);
1294
+ --dt-color-foreground-warning-inverted-a: var(--dt-color-gold-100-a);
1295
+ --dt-color-foreground-warning-inverted-hsl: var(--dt-color-gold-100-hsl);
1296
+ --dt-color-foreground-warning-inverted-hsla: var(--dt-color-gold-100-hsla);
1134
1297
  --dt-color-foreground-warning-inverted: var(--dt-color-gold-100); /* Warning text that sits on high-contrast surfaces or backgrounds */
1135
- --dt-color-foreground-success-inverted-h: 0;
1136
- --dt-color-foreground-success-inverted-s: 0%;
1137
- --dt-color-foreground-success-inverted-l: 0%;
1138
- --dt-color-foreground-success-inverted-hsl: var(--dt-color-foreground-success-inverted-h) var(--dt-color-foreground-success-inverted-s) var(--dt-color-foreground-success-inverted-l);
1139
- --dt-color-foreground-success-inverted-hsla: hsla(var(--dt-color-foreground-success-inverted-h) var(--dt-color-foreground-success-inverted-s) var(--dt-color-foreground-success-inverted-l) / var(--alpha, 100%));
1298
+ --dt-color-foreground-success-inverted-h: var(--dt-color-green-200-h);
1299
+ --dt-color-foreground-success-inverted-s: var(--dt-color-green-200-s);
1300
+ --dt-color-foreground-success-inverted-l: var(--dt-color-green-200-l);
1301
+ --dt-color-foreground-success-inverted-a: var(--dt-color-green-200-a);
1302
+ --dt-color-foreground-success-inverted-hsl: var(--dt-color-green-200-hsl);
1303
+ --dt-color-foreground-success-inverted-hsla: var(--dt-color-green-200-hsla);
1140
1304
  --dt-color-foreground-success-inverted: var(--dt-color-green-200); /* Success text that sits on high-contrast surfaces or backgrounds */
1141
- --dt-color-foreground-critical-inverted-h: 0;
1142
- --dt-color-foreground-critical-inverted-s: 0%;
1143
- --dt-color-foreground-critical-inverted-l: 0%;
1144
- --dt-color-foreground-critical-inverted-hsl: var(--dt-color-foreground-critical-inverted-h) var(--dt-color-foreground-critical-inverted-s) var(--dt-color-foreground-critical-inverted-l);
1145
- --dt-color-foreground-critical-inverted-hsla: hsla(var(--dt-color-foreground-critical-inverted-h) var(--dt-color-foreground-critical-inverted-s) var(--dt-color-foreground-critical-inverted-l) / var(--alpha, 100%));
1305
+ --dt-color-foreground-critical-inverted-h: var(--dt-color-red-200-h);
1306
+ --dt-color-foreground-critical-inverted-s: var(--dt-color-red-200-s);
1307
+ --dt-color-foreground-critical-inverted-l: var(--dt-color-red-200-l);
1308
+ --dt-color-foreground-critical-inverted-a: var(--dt-color-red-200-a);
1309
+ --dt-color-foreground-critical-inverted-hsl: var(--dt-color-red-200-hsl);
1310
+ --dt-color-foreground-critical-inverted-hsla: var(--dt-color-red-200-hsla);
1146
1311
  --dt-color-foreground-critical-inverted: var(--dt-color-red-200); /* Critical text that sits on high-contrast surfaces or backgrounds */
1147
- --dt-color-foreground-disabled-inverted-h: 0;
1148
- --dt-color-foreground-disabled-inverted-s: 0%;
1149
- --dt-color-foreground-disabled-inverted-l: 0%;
1150
- --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-foreground-disabled-inverted-h) var(--dt-color-foreground-disabled-inverted-s) var(--dt-color-foreground-disabled-inverted-l);
1151
- --dt-color-foreground-disabled-inverted-hsla: hsla(var(--dt-color-foreground-disabled-inverted-h) var(--dt-color-foreground-disabled-inverted-s) var(--dt-color-foreground-disabled-inverted-l) / var(--alpha, 100%));
1312
+ --dt-color-foreground-disabled-inverted-h: var(--dt-color-black-500-h);
1313
+ --dt-color-foreground-disabled-inverted-s: var(--dt-color-black-500-s);
1314
+ --dt-color-foreground-disabled-inverted-l: var(--dt-color-black-500-l);
1315
+ --dt-color-foreground-disabled-inverted-a: var(--dt-color-black-500-a);
1316
+ --dt-color-foreground-disabled-inverted-hsl: var(--dt-color-black-500-hsl);
1317
+ --dt-color-foreground-disabled-inverted-hsla: var(--dt-color-black-500-hsla);
1152
1318
  --dt-color-foreground-disabled-inverted: var(--dt-color-black-500); /* Disabled text color that sits on high-contrast surfaces or backgrounds. */
1153
- --dt-color-foreground-placeholder-inverted-h: 0;
1154
- --dt-color-foreground-placeholder-inverted-s: 0%;
1155
- --dt-color-foreground-placeholder-inverted-l: 0%;
1156
- --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-foreground-placeholder-inverted-h) var(--dt-color-foreground-placeholder-inverted-s) var(--dt-color-foreground-placeholder-inverted-l);
1157
- --dt-color-foreground-placeholder-inverted-hsla: hsla(var(--dt-color-foreground-placeholder-inverted-h) var(--dt-color-foreground-placeholder-inverted-s) var(--dt-color-foreground-placeholder-inverted-l) / var(--alpha, 100%));
1319
+ --dt-color-foreground-placeholder-inverted-h: var(--dt-color-black-500-h);
1320
+ --dt-color-foreground-placeholder-inverted-s: var(--dt-color-black-500-s);
1321
+ --dt-color-foreground-placeholder-inverted-l: var(--dt-color-black-500-l);
1322
+ --dt-color-foreground-placeholder-inverted-a: var(--dt-color-black-500-a);
1323
+ --dt-color-foreground-placeholder-inverted-hsl: var(--dt-color-black-500-hsl);
1324
+ --dt-color-foreground-placeholder-inverted-hsla: var(--dt-color-black-500-hsla);
1158
1325
  --dt-color-foreground-placeholder-inverted: var(--dt-color-black-500); /* Placeholder text color that sits on high-contrast surfaces or backgrounds. */
1159
1326
  --dt-color-foreground-muted-inverted-h: 0;
1160
1327
  --dt-color-foreground-muted-inverted-s: 0%;
1161
1328
  --dt-color-foreground-muted-inverted-l: 91.4%;
1329
+ --dt-color-foreground-muted-inverted-a: 60%;
1162
1330
  --dt-color-foreground-muted-inverted-hsl: var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l);
1163
- --dt-color-foreground-muted-inverted-hsla: hsla(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--alpha, 100%));
1331
+ --dt-color-foreground-muted-inverted-hsla: hsl(var(--dt-color-foreground-muted-inverted-h) var(--dt-color-foreground-muted-inverted-s) var(--dt-color-foreground-muted-inverted-l) / var(--alpha, 60%));
1164
1332
  --dt-color-foreground-muted-inverted: hsl(0 0% 91.4% / 0.6); /* Muted text color that sits on high-contrast surfaces or backgrounds. */
1165
- --dt-color-foreground-tertiary-inverted-h: 0;
1166
- --dt-color-foreground-tertiary-inverted-s: 0%;
1167
- --dt-color-foreground-tertiary-inverted-l: 0%;
1168
- --dt-color-foreground-tertiary-inverted-hsl: var(--dt-color-foreground-tertiary-inverted-h) var(--dt-color-foreground-tertiary-inverted-s) var(--dt-color-foreground-tertiary-inverted-l);
1169
- --dt-color-foreground-tertiary-inverted-hsla: hsla(var(--dt-color-foreground-tertiary-inverted-h) var(--dt-color-foreground-tertiary-inverted-s) var(--dt-color-foreground-tertiary-inverted-l) / var(--alpha, 100%));
1333
+ --dt-color-foreground-tertiary-inverted-h: var(--dt-color-black-300-h);
1334
+ --dt-color-foreground-tertiary-inverted-s: var(--dt-color-black-300-s);
1335
+ --dt-color-foreground-tertiary-inverted-l: var(--dt-color-black-300-l);
1336
+ --dt-color-foreground-tertiary-inverted-a: var(--dt-color-black-300-a);
1337
+ --dt-color-foreground-tertiary-inverted-hsl: var(--dt-color-black-300-hsl);
1338
+ --dt-color-foreground-tertiary-inverted-hsla: var(--dt-color-black-300-hsla);
1170
1339
  --dt-color-foreground-tertiary-inverted: var(--dt-color-black-300); /* Tertiary text color that sits on high-contrast surfaces or backgrounds. */
1171
- --dt-color-foreground-secondary-inverted-h: 0;
1172
- --dt-color-foreground-secondary-inverted-s: 0%;
1173
- --dt-color-foreground-secondary-inverted-l: 0%;
1174
- --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-foreground-secondary-inverted-h) var(--dt-color-foreground-secondary-inverted-s) var(--dt-color-foreground-secondary-inverted-l);
1175
- --dt-color-foreground-secondary-inverted-hsla: hsla(var(--dt-color-foreground-secondary-inverted-h) var(--dt-color-foreground-secondary-inverted-s) var(--dt-color-foreground-secondary-inverted-l) / var(--alpha, 100%));
1340
+ --dt-color-foreground-secondary-inverted-h: var(--dt-color-black-200-h);
1341
+ --dt-color-foreground-secondary-inverted-s: var(--dt-color-black-200-s);
1342
+ --dt-color-foreground-secondary-inverted-l: var(--dt-color-black-200-l);
1343
+ --dt-color-foreground-secondary-inverted-a: var(--dt-color-black-200-a);
1344
+ --dt-color-foreground-secondary-inverted-hsl: var(--dt-color-black-200-hsl);
1345
+ --dt-color-foreground-secondary-inverted-hsla: var(--dt-color-black-200-hsla);
1176
1346
  --dt-color-foreground-secondary-inverted: var(--dt-color-black-200); /* Secondary text color that sits on high-contrast surfaces or backgrounds. */
1177
- --dt-color-foreground-primary-inverted-h: 0;
1178
- --dt-color-foreground-primary-inverted-s: 0%;
1179
- --dt-color-foreground-primary-inverted-l: 0%;
1180
- --dt-color-foreground-primary-inverted-hsl: var(--dt-color-foreground-primary-inverted-h) var(--dt-color-foreground-primary-inverted-s) var(--dt-color-foreground-primary-inverted-l);
1181
- --dt-color-foreground-primary-inverted-hsla: hsla(var(--dt-color-foreground-primary-inverted-h) var(--dt-color-foreground-primary-inverted-s) var(--dt-color-foreground-primary-inverted-l) / var(--alpha, 100%));
1347
+ --dt-color-foreground-primary-inverted-h: var(--dt-color-neutral-white-h);
1348
+ --dt-color-foreground-primary-inverted-s: var(--dt-color-neutral-white-s);
1349
+ --dt-color-foreground-primary-inverted-l: var(--dt-color-neutral-white-l);
1350
+ --dt-color-foreground-primary-inverted-a: var(--dt-color-neutral-white-a);
1351
+ --dt-color-foreground-primary-inverted-hsl: var(--dt-color-neutral-white-hsl);
1352
+ --dt-color-foreground-primary-inverted-hsla: var(--dt-color-neutral-white-hsla);
1182
1353
  --dt-color-foreground-primary-inverted: var(--dt-color-neutral-white); /* Primary text that sits on high-contrast surfaces or backgrounds. */
1183
- --dt-color-foreground-warning-h: 0;
1184
- --dt-color-foreground-warning-s: 0%;
1185
- --dt-color-foreground-warning-l: 0%;
1186
- --dt-color-foreground-warning-hsl: var(--dt-color-foreground-warning-h) var(--dt-color-foreground-warning-s) var(--dt-color-foreground-warning-l);
1187
- --dt-color-foreground-warning-hsla: hsla(var(--dt-color-foreground-warning-h) var(--dt-color-foreground-warning-s) var(--dt-color-foreground-warning-l) / var(--alpha, 100%));
1354
+ --dt-color-foreground-warning-h: var(--dt-color-gold-500-h);
1355
+ --dt-color-foreground-warning-s: var(--dt-color-gold-500-s);
1356
+ --dt-color-foreground-warning-l: var(--dt-color-gold-500-l);
1357
+ --dt-color-foreground-warning-a: var(--dt-color-gold-500-a);
1358
+ --dt-color-foreground-warning-hsl: var(--dt-color-gold-500-hsl);
1359
+ --dt-color-foreground-warning-hsla: var(--dt-color-gold-500-hsla);
1188
1360
  --dt-color-foreground-warning: var(--dt-color-gold-500); /* Indicates information that requires user’s attention and further action may be necessary. */
1189
- --dt-color-foreground-success-strong-h: 0;
1190
- --dt-color-foreground-success-strong-s: 0%;
1191
- --dt-color-foreground-success-strong-l: 0%;
1192
- --dt-color-foreground-success-strong-hsl: var(--dt-color-foreground-success-strong-h) var(--dt-color-foreground-success-strong-s) var(--dt-color-foreground-success-strong-l);
1193
- --dt-color-foreground-success-strong-hsla: hsla(var(--dt-color-foreground-success-strong-h) var(--dt-color-foreground-success-strong-s) var(--dt-color-foreground-success-strong-l) / var(--alpha, 100%));
1361
+ --dt-color-foreground-success-strong-h: var(--dt-color-green-500-h);
1362
+ --dt-color-foreground-success-strong-s: var(--dt-color-green-500-s);
1363
+ --dt-color-foreground-success-strong-l: var(--dt-color-green-500-l);
1364
+ --dt-color-foreground-success-strong-a: var(--dt-color-green-500-a);
1365
+ --dt-color-foreground-success-strong-hsl: var(--dt-color-green-500-hsl);
1366
+ --dt-color-foreground-success-strong-hsla: var(--dt-color-green-500-hsla);
1194
1367
  --dt-color-foreground-success-strong: var(--dt-color-green-500); /* Indicates a strong positive state on surfaces that require a stronger contrast. */
1195
- --dt-color-foreground-success-h: 0;
1196
- --dt-color-foreground-success-s: 0%;
1197
- --dt-color-foreground-success-l: 0%;
1198
- --dt-color-foreground-success-hsl: var(--dt-color-foreground-success-h) var(--dt-color-foreground-success-s) var(--dt-color-foreground-success-l);
1199
- --dt-color-foreground-success-hsla: hsla(var(--dt-color-foreground-success-h) var(--dt-color-foreground-success-s) var(--dt-color-foreground-success-l) / var(--alpha, 100%));
1368
+ --dt-color-foreground-success-h: var(--dt-color-green-400-h);
1369
+ --dt-color-foreground-success-s: var(--dt-color-green-400-s);
1370
+ --dt-color-foreground-success-l: var(--dt-color-green-400-l);
1371
+ --dt-color-foreground-success-a: var(--dt-color-green-400-a);
1372
+ --dt-color-foreground-success-hsl: var(--dt-color-green-400-hsl);
1373
+ --dt-color-foreground-success-hsla: var(--dt-color-green-400-hsla);
1200
1374
  --dt-color-foreground-success: var(--dt-color-green-400); /* Indicates a positive state. */
1201
- --dt-color-foreground-critical-strong-h: 0;
1202
- --dt-color-foreground-critical-strong-s: 0%;
1203
- --dt-color-foreground-critical-strong-l: 0%;
1204
- --dt-color-foreground-critical-strong-hsl: var(--dt-color-foreground-critical-strong-h) var(--dt-color-foreground-critical-strong-s) var(--dt-color-foreground-critical-strong-l);
1205
- --dt-color-foreground-critical-strong-hsla: hsla(var(--dt-color-foreground-critical-strong-h) var(--dt-color-foreground-critical-strong-s) var(--dt-color-foreground-critical-strong-l) / var(--alpha, 100%));
1375
+ --dt-color-foreground-critical-strong-h: var(--dt-color-red-400-h);
1376
+ --dt-color-foreground-critical-strong-s: var(--dt-color-red-400-s);
1377
+ --dt-color-foreground-critical-strong-l: var(--dt-color-red-400-l);
1378
+ --dt-color-foreground-critical-strong-a: var(--dt-color-red-400-a);
1379
+ --dt-color-foreground-critical-strong-hsl: var(--dt-color-red-400-hsl);
1380
+ --dt-color-foreground-critical-strong-hsla: var(--dt-color-red-400-hsla);
1206
1381
  --dt-color-foreground-critical-strong: var(--dt-color-red-400); /* Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast. */
1207
- --dt-color-foreground-critical-h: 0;
1208
- --dt-color-foreground-critical-s: 0%;
1209
- --dt-color-foreground-critical-l: 0%;
1210
- --dt-color-foreground-critical-hsl: var(--dt-color-foreground-critical-h) var(--dt-color-foreground-critical-s) var(--dt-color-foreground-critical-l);
1211
- --dt-color-foreground-critical-hsla: hsla(var(--dt-color-foreground-critical-h) var(--dt-color-foreground-critical-s) var(--dt-color-foreground-critical-l) / var(--alpha, 100%));
1382
+ --dt-color-foreground-critical-h: var(--dt-color-red-300-h);
1383
+ --dt-color-foreground-critical-s: var(--dt-color-red-300-s);
1384
+ --dt-color-foreground-critical-l: var(--dt-color-red-300-l);
1385
+ --dt-color-foreground-critical-a: var(--dt-color-red-300-a);
1386
+ --dt-color-foreground-critical-hsl: var(--dt-color-red-300-hsl);
1387
+ --dt-color-foreground-critical-hsla: var(--dt-color-red-300-hsla);
1212
1388
  --dt-color-foreground-critical: var(--dt-color-red-300); /* Expresses an error, danger, or otherwise critical state. */
1213
- --dt-color-foreground-disabled-h: 0;
1214
- --dt-color-foreground-disabled-s: 0%;
1215
- --dt-color-foreground-disabled-l: 0%;
1216
- --dt-color-foreground-disabled-hsl: var(--dt-color-foreground-disabled-h) var(--dt-color-foreground-disabled-s) var(--dt-color-foreground-disabled-l);
1217
- --dt-color-foreground-disabled-hsla: hsla(var(--dt-color-foreground-disabled-h) var(--dt-color-foreground-disabled-s) var(--dt-color-foreground-disabled-l) / var(--alpha, 100%));
1389
+ --dt-color-foreground-disabled-h: var(--dt-color-black-500-h);
1390
+ --dt-color-foreground-disabled-s: var(--dt-color-black-500-s);
1391
+ --dt-color-foreground-disabled-l: var(--dt-color-black-500-l);
1392
+ --dt-color-foreground-disabled-a: var(--dt-color-black-500-a);
1393
+ --dt-color-foreground-disabled-hsl: var(--dt-color-black-500-hsl);
1394
+ --dt-color-foreground-disabled-hsla: var(--dt-color-black-500-hsla);
1218
1395
  --dt-color-foreground-disabled: var(--dt-color-black-500); /* Used for text paired with disabled content or components, like the form elements. */
1219
- --dt-color-foreground-placeholder-h: 0;
1220
- --dt-color-foreground-placeholder-s: 0%;
1221
- --dt-color-foreground-placeholder-l: 0%;
1222
- --dt-color-foreground-placeholder-hsl: var(--dt-color-foreground-placeholder-h) var(--dt-color-foreground-placeholder-s) var(--dt-color-foreground-placeholder-l);
1223
- --dt-color-foreground-placeholder-hsla: hsla(var(--dt-color-foreground-placeholder-h) var(--dt-color-foreground-placeholder-s) var(--dt-color-foreground-placeholder-l) / var(--alpha, 100%));
1396
+ --dt-color-foreground-placeholder-h: var(--dt-color-black-500-h);
1397
+ --dt-color-foreground-placeholder-s: var(--dt-color-black-500-s);
1398
+ --dt-color-foreground-placeholder-l: var(--dt-color-black-500-l);
1399
+ --dt-color-foreground-placeholder-a: var(--dt-color-black-500-a);
1400
+ --dt-color-foreground-placeholder-hsl: var(--dt-color-black-500-hsl);
1401
+ --dt-color-foreground-placeholder-hsla: var(--dt-color-black-500-hsla);
1224
1402
  --dt-color-foreground-placeholder: var(--dt-color-black-500); /* Text color for placeholder text within form elements. */
1225
1403
  --dt-color-foreground-muted-h: 0;
1226
1404
  --dt-color-foreground-muted-s: 0%;
1227
1405
  --dt-color-foreground-muted-l: 13.3%;
1406
+ --dt-color-foreground-muted-a: 50%;
1228
1407
  --dt-color-foreground-muted-hsl: var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l);
1229
- --dt-color-foreground-muted-hsla: hsla(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--alpha, 100%));
1408
+ --dt-color-foreground-muted-hsla: hsl(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--alpha, 50%));
1230
1409
  --dt-color-foreground-muted: hsl(0 0% 13.3% / 0.5);
1231
- --dt-color-foreground-tertiary-h: 0;
1232
- --dt-color-foreground-tertiary-s: 0%;
1233
- --dt-color-foreground-tertiary-l: 0%;
1234
- --dt-color-foreground-tertiary-hsl: var(--dt-color-foreground-tertiary-h) var(--dt-color-foreground-tertiary-s) var(--dt-color-foreground-tertiary-l);
1235
- --dt-color-foreground-tertiary-hsla: hsla(var(--dt-color-foreground-tertiary-h) var(--dt-color-foreground-tertiary-s) var(--dt-color-foreground-tertiary-l) / var(--alpha, 100%));
1410
+ --dt-color-foreground-tertiary-h: var(--dt-color-black-600-h);
1411
+ --dt-color-foreground-tertiary-s: var(--dt-color-black-600-s);
1412
+ --dt-color-foreground-tertiary-l: var(--dt-color-black-600-l);
1413
+ --dt-color-foreground-tertiary-a: var(--dt-color-black-600-a);
1414
+ --dt-color-foreground-tertiary-hsl: var(--dt-color-black-600-hsl);
1415
+ --dt-color-foreground-tertiary-hsla: var(--dt-color-black-600-hsla);
1236
1416
  --dt-color-foreground-tertiary: var(--dt-color-black-600); /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
1237
- --dt-color-foreground-secondary-h: 0;
1238
- --dt-color-foreground-secondary-s: 0%;
1239
- --dt-color-foreground-secondary-l: 0%;
1240
- --dt-color-foreground-secondary-hsl: var(--dt-color-foreground-secondary-h) var(--dt-color-foreground-secondary-s) var(--dt-color-foreground-secondary-l);
1241
- --dt-color-foreground-secondary-hsla: hsla(var(--dt-color-foreground-secondary-h) var(--dt-color-foreground-secondary-s) var(--dt-color-foreground-secondary-l) / var(--alpha, 100%));
1417
+ --dt-color-foreground-secondary-h: var(--dt-color-black-700-h);
1418
+ --dt-color-foreground-secondary-s: var(--dt-color-black-700-s);
1419
+ --dt-color-foreground-secondary-l: var(--dt-color-black-700-l);
1420
+ --dt-color-foreground-secondary-a: var(--dt-color-black-700-a);
1421
+ --dt-color-foreground-secondary-hsl: var(--dt-color-black-700-hsl);
1422
+ --dt-color-foreground-secondary-hsla: var(--dt-color-black-700-hsla);
1242
1423
  --dt-color-foreground-secondary: var(--dt-color-black-700); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
1243
- --dt-color-foreground-primary-h: 0;
1244
- --dt-color-foreground-primary-s: 0%;
1245
- --dt-color-foreground-primary-l: 0%;
1246
- --dt-color-foreground-primary-hsl: var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l);
1247
- --dt-color-foreground-primary-hsla: hsla(var(--dt-color-foreground-primary-h) var(--dt-color-foreground-primary-s) var(--dt-color-foreground-primary-l) / var(--alpha, 100%));
1424
+ --dt-color-foreground-primary-h: var(--dt-color-black-900-h);
1425
+ --dt-color-foreground-primary-s: var(--dt-color-black-900-s);
1426
+ --dt-color-foreground-primary-l: var(--dt-color-black-900-l);
1427
+ --dt-color-foreground-primary-a: var(--dt-color-black-900-a);
1428
+ --dt-color-foreground-primary-hsl: var(--dt-color-black-900-hsl);
1429
+ --dt-color-foreground-primary-hsla: var(--dt-color-black-900-hsla);
1248
1430
  --dt-color-foreground-primary: var(--dt-color-black-900); /* Default text color throughout the UI. */
1249
1431
  --dt-size-border-focus: calc(var(--dt-size-border-200) + var(--dt-size-border-100));
1250
- --dt-radio-color-border-checked-h: 0;
1251
- --dt-radio-color-border-checked-s: 0%;
1252
- --dt-radio-color-border-checked-l: 0%;
1253
- --dt-radio-color-border-checked-hsl: var(--dt-radio-color-border-checked-h) var(--dt-radio-color-border-checked-s) var(--dt-radio-color-border-checked-l);
1254
- --dt-radio-color-border-checked-hsla: hsla(var(--dt-radio-color-border-checked-h) var(--dt-radio-color-border-checked-s) var(--dt-radio-color-border-checked-l) / var(--alpha, 100%));
1432
+ --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1433
+ --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1434
+ --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
1435
+ --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
1436
+ --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1437
+ --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1255
1438
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1256
1439
  --dt-radio-size-height: var(--dt-radio-size-width);
1257
1440
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
@@ -1268,283 +1451,323 @@
1268
1451
  --dt-icon-size-300: calc(var(--dt-size-base) * 2.25);
1269
1452
  --dt-icon-size-200: calc(var(--dt-size-base) * 1.75);
1270
1453
  --dt-icon-size-100: calc(var(--dt-size-base) * 1.5);
1271
- --dt-checkbox-color-border-checked-h: 0;
1272
- --dt-checkbox-color-border-checked-s: 0%;
1273
- --dt-checkbox-color-border-checked-l: 0%;
1274
- --dt-checkbox-color-border-checked-hsl: var(--dt-checkbox-color-border-checked-h) var(--dt-checkbox-color-border-checked-s) var(--dt-checkbox-color-border-checked-l);
1275
- --dt-checkbox-color-border-checked-hsla: hsla(var(--dt-checkbox-color-border-checked-h) var(--dt-checkbox-color-border-checked-s) var(--dt-checkbox-color-border-checked-l) / var(--alpha, 100%));
1454
+ --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
1455
+ --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
1456
+ --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
1457
+ --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
1458
+ --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1459
+ --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1276
1460
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1277
1461
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1278
1462
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1279
- --dt-badge-color-border-default-h: 0;
1280
- --dt-badge-color-border-default-s: 0%;
1281
- --dt-badge-color-border-default-l: 0%;
1282
- --dt-badge-color-border-default-hsl: var(--dt-badge-color-border-default-h) var(--dt-badge-color-border-default-s) var(--dt-badge-color-border-default-l);
1283
- --dt-badge-color-border-default-hsla: hsla(var(--dt-badge-color-border-default-h) var(--dt-badge-color-border-default-s) var(--dt-badge-color-border-default-l) / var(--alpha, 100%));
1463
+ --dt-badge-color-border-default-h: var(--dt-color-border-subtle-h);
1464
+ --dt-badge-color-border-default-s: var(--dt-color-border-subtle-s);
1465
+ --dt-badge-color-border-default-l: var(--dt-color-border-subtle-l);
1466
+ --dt-badge-color-border-default-a: var(--dt-color-border-subtle-a);
1467
+ --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1468
+ --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1284
1469
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1285
- --dt-badge-color-foreground-default-h: 0;
1286
- --dt-badge-color-foreground-default-s: 0%;
1287
- --dt-badge-color-foreground-default-l: 0%;
1288
- --dt-badge-color-foreground-default-hsl: var(--dt-badge-color-foreground-default-h) var(--dt-badge-color-foreground-default-s) var(--dt-badge-color-foreground-default-l);
1289
- --dt-badge-color-foreground-default-hsla: hsla(var(--dt-badge-color-foreground-default-h) var(--dt-badge-color-foreground-default-s) var(--dt-badge-color-foreground-default-l) / var(--alpha, 100%));
1470
+ --dt-badge-color-foreground-default-h: var(--dt-color-foreground-primary-h);
1471
+ --dt-badge-color-foreground-default-s: var(--dt-color-foreground-primary-s);
1472
+ --dt-badge-color-foreground-default-l: var(--dt-color-foreground-primary-l);
1473
+ --dt-badge-color-foreground-default-a: var(--dt-color-foreground-primary-a);
1474
+ --dt-badge-color-foreground-default-hsl: var(--dt-color-foreground-primary-hsl);
1475
+ --dt-badge-color-foreground-default-hsla: var(--dt-color-foreground-primary-hsla);
1290
1476
  --dt-badge-color-foreground-default: var(--dt-color-foreground-primary);
1291
- --dt-badge-color-background-ai-h: 0;
1292
- --dt-badge-color-background-ai-s: 0%;
1293
- --dt-badge-color-background-ai-l: 0%;
1294
- --dt-badge-color-background-ai-hsl: var(--dt-badge-color-background-ai-h) var(--dt-badge-color-background-ai-s) var(--dt-badge-color-background-ai-l);
1295
- --dt-badge-color-background-ai-hsla: hsla(var(--dt-badge-color-background-ai-h) var(--dt-badge-color-background-ai-s) var(--dt-badge-color-background-ai-l) / var(--alpha, 100%));
1296
1477
  --dt-badge-color-background-ai: var(--dt-color-gradient-magenta-purple);
1297
- --dt-badge-color-background-critical-h: 0;
1298
- --dt-badge-color-background-critical-s: 0%;
1299
- --dt-badge-color-background-critical-l: 0%;
1300
- --dt-badge-color-background-critical-hsl: var(--dt-badge-color-background-critical-h) var(--dt-badge-color-background-critical-s) var(--dt-badge-color-background-critical-l);
1301
- --dt-badge-color-background-critical-hsla: hsla(var(--dt-badge-color-background-critical-h) var(--dt-badge-color-background-critical-s) var(--dt-badge-color-background-critical-l) / var(--alpha, 100%));
1478
+ --dt-badge-color-background-critical-h: var(--dt-color-surface-critical-h);
1479
+ --dt-badge-color-background-critical-s: var(--dt-color-surface-critical-s);
1480
+ --dt-badge-color-background-critical-l: var(--dt-color-surface-critical-l);
1481
+ --dt-badge-color-background-critical-a: var(--dt-color-surface-critical-a);
1482
+ --dt-badge-color-background-critical-hsl: var(--dt-color-surface-critical-hsl);
1483
+ --dt-badge-color-background-critical-hsla: var(--dt-color-surface-critical-hsla);
1302
1484
  --dt-badge-color-background-critical: var(--dt-color-surface-critical);
1303
- --dt-badge-color-background-warning-h: 0;
1304
- --dt-badge-color-background-warning-s: 0%;
1305
- --dt-badge-color-background-warning-l: 0%;
1306
- --dt-badge-color-background-warning-hsl: var(--dt-badge-color-background-warning-h) var(--dt-badge-color-background-warning-s) var(--dt-badge-color-background-warning-l);
1307
- --dt-badge-color-background-warning-hsla: hsla(var(--dt-badge-color-background-warning-h) var(--dt-badge-color-background-warning-s) var(--dt-badge-color-background-warning-l) / var(--alpha, 100%));
1485
+ --dt-badge-color-background-warning-h: var(--dt-color-surface-warning-h);
1486
+ --dt-badge-color-background-warning-s: var(--dt-color-surface-warning-s);
1487
+ --dt-badge-color-background-warning-l: var(--dt-color-surface-warning-l);
1488
+ --dt-badge-color-background-warning-a: var(--dt-color-surface-warning-a);
1489
+ --dt-badge-color-background-warning-hsl: var(--dt-color-surface-warning-hsl);
1490
+ --dt-badge-color-background-warning-hsla: var(--dt-color-surface-warning-hsla);
1308
1491
  --dt-badge-color-background-warning: var(--dt-color-surface-warning);
1309
- --dt-badge-color-background-success-h: 0;
1310
- --dt-badge-color-background-success-s: 0%;
1311
- --dt-badge-color-background-success-l: 0%;
1312
- --dt-badge-color-background-success-hsl: var(--dt-badge-color-background-success-h) var(--dt-badge-color-background-success-s) var(--dt-badge-color-background-success-l);
1313
- --dt-badge-color-background-success-hsla: hsla(var(--dt-badge-color-background-success-h) var(--dt-badge-color-background-success-s) var(--dt-badge-color-background-success-l) / var(--alpha, 100%));
1492
+ --dt-badge-color-background-success-h: var(--dt-color-surface-success-h);
1493
+ --dt-badge-color-background-success-s: var(--dt-color-surface-success-s);
1494
+ --dt-badge-color-background-success-l: var(--dt-color-surface-success-l);
1495
+ --dt-badge-color-background-success-a: var(--dt-color-surface-success-a);
1496
+ --dt-badge-color-background-success-hsl: var(--dt-color-surface-success-hsl);
1497
+ --dt-badge-color-background-success-hsla: var(--dt-color-surface-success-hsla);
1314
1498
  --dt-badge-color-background-success: var(--dt-color-surface-success);
1315
- --dt-badge-color-background-info-h: 0;
1316
- --dt-badge-color-background-info-s: 0%;
1317
- --dt-badge-color-background-info-l: 0%;
1318
- --dt-badge-color-background-info-hsl: var(--dt-badge-color-background-info-h) var(--dt-badge-color-background-info-s) var(--dt-badge-color-background-info-l);
1319
- --dt-badge-color-background-info-hsla: hsla(var(--dt-badge-color-background-info-h) var(--dt-badge-color-background-info-s) var(--dt-badge-color-background-info-l) / var(--alpha, 100%));
1499
+ --dt-badge-color-background-info-h: var(--dt-color-surface-info-h);
1500
+ --dt-badge-color-background-info-s: var(--dt-color-surface-info-s);
1501
+ --dt-badge-color-background-info-l: var(--dt-color-surface-info-l);
1502
+ --dt-badge-color-background-info-a: var(--dt-color-surface-info-a);
1503
+ --dt-badge-color-background-info-hsl: var(--dt-color-surface-info-hsl);
1504
+ --dt-badge-color-background-info-hsla: var(--dt-color-surface-info-hsla);
1320
1505
  --dt-badge-color-background-info: var(--dt-color-surface-info);
1321
- --dt-badge-color-background-default-h: 0;
1322
- --dt-badge-color-background-default-s: 0%;
1323
- --dt-badge-color-background-default-l: 0%;
1324
- --dt-badge-color-background-default-hsl: var(--dt-badge-color-background-default-h) var(--dt-badge-color-background-default-s) var(--dt-badge-color-background-default-l);
1325
- --dt-badge-color-background-default-hsla: hsla(var(--dt-badge-color-background-default-h) var(--dt-badge-color-background-default-s) var(--dt-badge-color-background-default-l) / var(--alpha, 100%));
1506
+ --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
1507
+ --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
1508
+ --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
1509
+ --dt-badge-color-background-default-a: var(--dt-color-surface-moderate-opaque-a);
1510
+ --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1511
+ --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1326
1512
  --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
1327
- --dt-theme-mention-color-foreground-strong-h: 0;
1328
- --dt-theme-mention-color-foreground-strong-s: 0%;
1329
- --dt-theme-mention-color-foreground-strong-l: 0%;
1330
- --dt-theme-mention-color-foreground-strong-hsl: var(--dt-theme-mention-color-foreground-strong-h) var(--dt-theme-mention-color-foreground-strong-s) var(--dt-theme-mention-color-foreground-strong-l);
1331
- --dt-theme-mention-color-foreground-strong-hsla: hsla(var(--dt-theme-mention-color-foreground-strong-h) var(--dt-theme-mention-color-foreground-strong-s) var(--dt-theme-mention-color-foreground-strong-l) / var(--alpha, 100%));
1513
+ --dt-theme-mention-color-foreground-strong-h: var(--dt-color-foreground-primary-inverted-h);
1514
+ --dt-theme-mention-color-foreground-strong-s: var(--dt-color-foreground-primary-inverted-s);
1515
+ --dt-theme-mention-color-foreground-strong-l: var(--dt-color-foreground-primary-inverted-l);
1516
+ --dt-theme-mention-color-foreground-strong-a: var(--dt-color-foreground-primary-inverted-a);
1517
+ --dt-theme-mention-color-foreground-strong-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1518
+ --dt-theme-mention-color-foreground-strong-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1332
1519
  --dt-theme-mention-color-foreground-strong: var(--dt-color-foreground-primary-inverted);
1333
- --dt-theme-sidebar-section-color-foreground-h: 0;
1334
- --dt-theme-sidebar-section-color-foreground-s: 0%;
1335
- --dt-theme-sidebar-section-color-foreground-l: 0%;
1336
- --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-theme-sidebar-section-color-foreground-h) var(--dt-theme-sidebar-section-color-foreground-s) var(--dt-theme-sidebar-section-color-foreground-l);
1337
- --dt-theme-sidebar-section-color-foreground-hsla: hsla(var(--dt-theme-sidebar-section-color-foreground-h) var(--dt-theme-sidebar-section-color-foreground-s) var(--dt-theme-sidebar-section-color-foreground-l) / var(--alpha, 100%));
1520
+ --dt-theme-sidebar-section-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1521
+ --dt-theme-sidebar-section-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1522
+ --dt-theme-sidebar-section-color-foreground-l: var(--dt-color-foreground-tertiary-l);
1523
+ --dt-theme-sidebar-section-color-foreground-a: var(--dt-color-foreground-tertiary-a);
1524
+ --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1525
+ --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1338
1526
  --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
1339
- --dt-theme-sidebar-selected-row-color-foreground-h: 0;
1340
- --dt-theme-sidebar-selected-row-color-foreground-s: 0%;
1341
- --dt-theme-sidebar-selected-row-color-foreground-l: 0%;
1342
- --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-theme-sidebar-selected-row-color-foreground-h) var(--dt-theme-sidebar-selected-row-color-foreground-s) var(--dt-theme-sidebar-selected-row-color-foreground-l);
1343
- --dt-theme-sidebar-selected-row-color-foreground-hsla: hsla(var(--dt-theme-sidebar-selected-row-color-foreground-h) var(--dt-theme-sidebar-selected-row-color-foreground-s) var(--dt-theme-sidebar-selected-row-color-foreground-l) / var(--alpha, 100%));
1527
+ --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
1528
+ --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
1529
+ --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
1530
+ --dt-theme-sidebar-selected-row-color-foreground-a: var(--dt-color-foreground-primary-a);
1531
+ --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
1532
+ --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
1344
1533
  --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
1345
- --dt-theme-sidebar-status-color-foreground-h: 0;
1346
- --dt-theme-sidebar-status-color-foreground-s: 0%;
1347
- --dt-theme-sidebar-status-color-foreground-l: 0%;
1348
- --dt-theme-sidebar-status-color-foreground-hsl: var(--dt-theme-sidebar-status-color-foreground-h) var(--dt-theme-sidebar-status-color-foreground-s) var(--dt-theme-sidebar-status-color-foreground-l);
1349
- --dt-theme-sidebar-status-color-foreground-hsla: hsla(var(--dt-theme-sidebar-status-color-foreground-h) var(--dt-theme-sidebar-status-color-foreground-s) var(--dt-theme-sidebar-status-color-foreground-l) / var(--alpha, 100%));
1534
+ --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1535
+ --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1536
+ --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
1537
+ --dt-theme-sidebar-status-color-foreground-a: var(--dt-color-foreground-tertiary-a);
1538
+ --dt-theme-sidebar-status-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1539
+ --dt-theme-sidebar-status-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1350
1540
  --dt-theme-sidebar-status-color-foreground: var(--dt-color-foreground-tertiary);
1351
- --dt-theme-sidebar-color-foreground-unread-h: 0;
1352
- --dt-theme-sidebar-color-foreground-unread-s: 0%;
1353
- --dt-theme-sidebar-color-foreground-unread-l: 0%;
1354
- --dt-theme-sidebar-color-foreground-unread-hsl: var(--dt-theme-sidebar-color-foreground-unread-h) var(--dt-theme-sidebar-color-foreground-unread-s) var(--dt-theme-sidebar-color-foreground-unread-l);
1355
- --dt-theme-sidebar-color-foreground-unread-hsla: hsla(var(--dt-theme-sidebar-color-foreground-unread-h) var(--dt-theme-sidebar-color-foreground-unread-s) var(--dt-theme-sidebar-color-foreground-unread-l) / var(--alpha, 100%));
1541
+ --dt-theme-sidebar-color-foreground-unread-h: var(--dt-color-foreground-primary-h);
1542
+ --dt-theme-sidebar-color-foreground-unread-s: var(--dt-color-foreground-primary-s);
1543
+ --dt-theme-sidebar-color-foreground-unread-l: var(--dt-color-foreground-primary-l);
1544
+ --dt-theme-sidebar-color-foreground-unread-a: var(--dt-color-foreground-primary-a);
1545
+ --dt-theme-sidebar-color-foreground-unread-hsl: var(--dt-color-foreground-primary-hsl);
1546
+ --dt-theme-sidebar-color-foreground-unread-hsla: var(--dt-color-foreground-primary-hsla);
1356
1547
  --dt-theme-sidebar-color-foreground-unread: var(--dt-color-foreground-primary);
1357
- --dt-theme-sidebar-color-foreground-h: 0;
1358
- --dt-theme-sidebar-color-foreground-s: 0%;
1359
- --dt-theme-sidebar-color-foreground-l: 0%;
1360
- --dt-theme-sidebar-color-foreground-hsl: var(--dt-theme-sidebar-color-foreground-h) var(--dt-theme-sidebar-color-foreground-s) var(--dt-theme-sidebar-color-foreground-l);
1361
- --dt-theme-sidebar-color-foreground-hsla: hsla(var(--dt-theme-sidebar-color-foreground-h) var(--dt-theme-sidebar-color-foreground-s) var(--dt-theme-sidebar-color-foreground-l) / var(--alpha, 100%));
1548
+ --dt-theme-sidebar-color-foreground-h: var(--dt-color-foreground-secondary-h);
1549
+ --dt-theme-sidebar-color-foreground-s: var(--dt-color-foreground-secondary-s);
1550
+ --dt-theme-sidebar-color-foreground-l: var(--dt-color-foreground-secondary-l);
1551
+ --dt-theme-sidebar-color-foreground-a: var(--dt-color-foreground-secondary-a);
1552
+ --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
1553
+ --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
1362
1554
  --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
1363
1555
  --dt-theme-topbar-profile-color-foreground-inverted-h: 0;
1364
1556
  --dt-theme-topbar-profile-color-foreground-inverted-s: 0%;
1365
1557
  --dt-theme-topbar-profile-color-foreground-inverted-l: 100%;
1558
+ --dt-theme-topbar-profile-color-foreground-inverted-a: 75%;
1366
1559
  --dt-theme-topbar-profile-color-foreground-inverted-hsl: var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l);
1367
- --dt-theme-topbar-profile-color-foreground-inverted-hsla: hsla(var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l) / var(--alpha, 100%));
1560
+ --dt-theme-topbar-profile-color-foreground-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l) / var(--alpha, 75%));
1368
1561
  --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 100% / 0.75);
1369
- --dt-theme-topbar-profile-color-foreground-h: 0;
1370
- --dt-theme-topbar-profile-color-foreground-s: 0%;
1371
- --dt-theme-topbar-profile-color-foreground-l: 0%;
1372
- --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-profile-color-foreground-h) var(--dt-theme-topbar-profile-color-foreground-s) var(--dt-theme-topbar-profile-color-foreground-l);
1373
- --dt-theme-topbar-profile-color-foreground-hsla: hsla(var(--dt-theme-topbar-profile-color-foreground-h) var(--dt-theme-topbar-profile-color-foreground-s) var(--dt-theme-topbar-profile-color-foreground-l) / var(--alpha, 100%));
1562
+ --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
1563
+ --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
1564
+ --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
1565
+ --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
1566
+ --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
1567
+ --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
1374
1568
  --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
1375
- --dt-theme-topbar-color-background-h: 0;
1376
- --dt-theme-topbar-color-background-s: 0%;
1377
- --dt-theme-topbar-color-background-l: 0%;
1378
- --dt-theme-topbar-color-background-hsl: var(--dt-theme-topbar-color-background-h) var(--dt-theme-topbar-color-background-s) var(--dt-theme-topbar-color-background-l);
1379
- --dt-theme-topbar-color-background-hsla: hsla(var(--dt-theme-topbar-color-background-h) var(--dt-theme-topbar-color-background-s) var(--dt-theme-topbar-color-background-l) / var(--alpha, 100%));
1569
+ --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
1570
+ --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
1571
+ --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
1572
+ --dt-theme-topbar-color-background-a: var(--dt-color-surface-secondary-a);
1573
+ --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
1574
+ --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
1380
1575
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
1381
- --dt-action-color-border-muted-outlined-default-h: 0;
1382
- --dt-action-color-border-muted-outlined-default-s: 0%;
1383
- --dt-action-color-border-muted-outlined-default-l: 0%;
1384
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-action-color-border-muted-outlined-default-h) var(--dt-action-color-border-muted-outlined-default-s) var(--dt-action-color-border-muted-outlined-default-l);
1385
- --dt-action-color-border-muted-outlined-default-hsla: hsla(var(--dt-action-color-border-muted-outlined-default-h) var(--dt-action-color-border-muted-outlined-default-s) var(--dt-action-color-border-muted-outlined-default-l) / var(--alpha, 100%));
1576
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1577
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1578
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1579
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
1580
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1581
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1386
1582
  --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1387
- --dt-action-color-border-inverted-outlined-default-h: 0;
1388
- --dt-action-color-border-inverted-outlined-default-s: 0%;
1389
- --dt-action-color-border-inverted-outlined-default-l: 0%;
1390
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-action-color-border-inverted-outlined-default-h) var(--dt-action-color-border-inverted-outlined-default-s) var(--dt-action-color-border-inverted-outlined-default-l);
1391
- --dt-action-color-border-inverted-outlined-default-hsla: hsla(var(--dt-action-color-border-inverted-outlined-default-h) var(--dt-action-color-border-inverted-outlined-default-s) var(--dt-action-color-border-inverted-outlined-default-l) / var(--alpha, 100%));
1583
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1584
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1585
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1586
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
1587
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1588
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1392
1589
  --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1393
- --dt-action-color-border-critical-outlined-default-h: 0;
1394
- --dt-action-color-border-critical-outlined-default-s: 0%;
1395
- --dt-action-color-border-critical-outlined-default-l: 0%;
1396
- --dt-action-color-border-critical-outlined-default-hsl: var(--dt-action-color-border-critical-outlined-default-h) var(--dt-action-color-border-critical-outlined-default-s) var(--dt-action-color-border-critical-outlined-default-l);
1397
- --dt-action-color-border-critical-outlined-default-hsla: hsla(var(--dt-action-color-border-critical-outlined-default-h) var(--dt-action-color-border-critical-outlined-default-s) var(--dt-action-color-border-critical-outlined-default-l) / var(--alpha, 100%));
1590
+ --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1591
+ --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1592
+ --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
1593
+ --dt-action-color-border-critical-outlined-default-a: var(--dt-color-border-critical-a);
1594
+ --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
1595
+ --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
1398
1596
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
1399
1597
  --dt-action-color-background-positive-primary-active-h: 137;
1400
- --dt-action-color-background-positive-primary-active-s: 72.50000000000001%;
1598
+ --dt-action-color-background-positive-primary-active-s: 72.5%;
1401
1599
  --dt-action-color-background-positive-primary-active-l: 31.1%;
1600
+ --dt-action-color-background-positive-primary-active-a: 100%;
1402
1601
  --dt-action-color-background-positive-primary-active-hsl: var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l);
1403
- --dt-action-color-background-positive-primary-active-hsla: hsla(var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l) / var(--alpha, 100%));
1602
+ --dt-action-color-background-positive-primary-active-hsla: hsl(var(--dt-action-color-background-positive-primary-active-h) var(--dt-action-color-background-positive-primary-active-s) var(--dt-action-color-background-positive-primary-active-l) / var(--alpha, 100%));
1404
1603
  --dt-action-color-background-positive-primary-active: hsl(137 72.5% 31.1%);
1405
1604
  --dt-action-color-background-positive-primary-hover-h: 137;
1406
1605
  --dt-action-color-background-positive-primary-hover-s: 72.5%;
1407
1606
  --dt-action-color-background-positive-primary-hover-l: 33.4%;
1607
+ --dt-action-color-background-positive-primary-hover-a: 100%;
1408
1608
  --dt-action-color-background-positive-primary-hover-hsl: var(--dt-action-color-background-positive-primary-hover-h) var(--dt-action-color-background-positive-primary-hover-s) var(--dt-action-color-background-positive-primary-hover-l);
1409
- --dt-action-color-background-positive-primary-hover-hsla: hsla(var(--dt-action-color-background-positive-primary-hover-h) var(--dt-action-color-background-positive-primary-hover-s) var(--dt-action-color-background-positive-primary-hover-l) / var(--alpha, 100%));
1609
+ --dt-action-color-background-positive-primary-hover-hsla: hsl(var(--dt-action-color-background-positive-primary-hover-h) var(--dt-action-color-background-positive-primary-hover-s) var(--dt-action-color-background-positive-primary-hover-l) / var(--alpha, 100%));
1410
1610
  --dt-action-color-background-positive-primary-hover: hsl(137 72.5% 33.4%);
1411
1611
  --dt-action-color-background-inverted-primary-active-h: 260;
1412
1612
  --dt-action-color-background-inverted-primary-active-s: 100%;
1413
- --dt-action-color-background-inverted-primary-active-l: 93.20000000000002%;
1613
+ --dt-action-color-background-inverted-primary-active-l: 93.2%;
1614
+ --dt-action-color-background-inverted-primary-active-a: 100%;
1414
1615
  --dt-action-color-background-inverted-primary-active-hsl: var(--dt-action-color-background-inverted-primary-active-h) var(--dt-action-color-background-inverted-primary-active-s) var(--dt-action-color-background-inverted-primary-active-l);
1415
- --dt-action-color-background-inverted-primary-active-hsla: hsla(var(--dt-action-color-background-inverted-primary-active-h) var(--dt-action-color-background-inverted-primary-active-s) var(--dt-action-color-background-inverted-primary-active-l) / var(--alpha, 100%));
1616
+ --dt-action-color-background-inverted-primary-active-hsla: hsl(var(--dt-action-color-background-inverted-primary-active-h) var(--dt-action-color-background-inverted-primary-active-s) var(--dt-action-color-background-inverted-primary-active-l) / var(--alpha, 100%));
1416
1617
  --dt-action-color-background-inverted-primary-active: hsl(260 100% 93.2%);
1417
- --dt-action-color-background-inverted-primary-default-h: 0;
1418
- --dt-action-color-background-inverted-primary-default-s: 0%;
1419
- --dt-action-color-background-inverted-primary-default-l: 0%;
1420
- --dt-action-color-background-inverted-primary-default-hsl: var(--dt-action-color-background-inverted-primary-default-h) var(--dt-action-color-background-inverted-primary-default-s) var(--dt-action-color-background-inverted-primary-default-l);
1421
- --dt-action-color-background-inverted-primary-default-hsla: hsla(var(--dt-action-color-background-inverted-primary-default-h) var(--dt-action-color-background-inverted-primary-default-s) var(--dt-action-color-background-inverted-primary-default-l) / var(--alpha, 100%));
1618
+ --dt-action-color-background-inverted-primary-default-h: var(--dt-color-surface-primary-h);
1619
+ --dt-action-color-background-inverted-primary-default-s: var(--dt-color-surface-primary-s);
1620
+ --dt-action-color-background-inverted-primary-default-l: var(--dt-color-surface-primary-l);
1621
+ --dt-action-color-background-inverted-primary-default-a: var(--dt-color-surface-primary-a);
1622
+ --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-surface-primary-hsl);
1623
+ --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-surface-primary-hsla);
1422
1624
  --dt-action-color-background-inverted-primary-default: var(--dt-color-surface-primary);
1423
1625
  --dt-action-color-background-inverted-active-h: 0;
1424
1626
  --dt-action-color-background-inverted-active-s: 0%;
1425
1627
  --dt-action-color-background-inverted-active-l: 100%;
1628
+ --dt-action-color-background-inverted-active-a: 30%;
1426
1629
  --dt-action-color-background-inverted-active-hsl: var(--dt-action-color-background-inverted-active-h) var(--dt-action-color-background-inverted-active-s) var(--dt-action-color-background-inverted-active-l);
1427
- --dt-action-color-background-inverted-active-hsla: hsla(var(--dt-action-color-background-inverted-active-h) var(--dt-action-color-background-inverted-active-s) var(--dt-action-color-background-inverted-active-l) / var(--alpha, 100%));
1630
+ --dt-action-color-background-inverted-active-hsla: hsl(var(--dt-action-color-background-inverted-active-h) var(--dt-action-color-background-inverted-active-s) var(--dt-action-color-background-inverted-active-l) / var(--alpha, 30%));
1428
1631
  --dt-action-color-background-inverted-active: hsl(0 0% 100% / 0.3);
1429
1632
  --dt-action-color-background-inverted-hover-h: 0;
1430
1633
  --dt-action-color-background-inverted-hover-s: 0%;
1431
1634
  --dt-action-color-background-inverted-hover-l: 100%;
1635
+ --dt-action-color-background-inverted-hover-a: 15%;
1432
1636
  --dt-action-color-background-inverted-hover-hsl: var(--dt-action-color-background-inverted-hover-h) var(--dt-action-color-background-inverted-hover-s) var(--dt-action-color-background-inverted-hover-l);
1433
- --dt-action-color-background-inverted-hover-hsla: hsla(var(--dt-action-color-background-inverted-hover-h) var(--dt-action-color-background-inverted-hover-s) var(--dt-action-color-background-inverted-hover-l) / var(--alpha, 100%));
1637
+ --dt-action-color-background-inverted-hover-hsla: hsl(var(--dt-action-color-background-inverted-hover-h) var(--dt-action-color-background-inverted-hover-s) var(--dt-action-color-background-inverted-hover-l) / var(--alpha, 15%));
1434
1638
  --dt-action-color-background-inverted-hover: hsl(0 0% 100% / 0.15);
1435
1639
  --dt-action-color-background-critical-primary-active-h: 0;
1436
- --dt-action-color-background-critical-primary-active-s: 88.79999999999998%;
1640
+ --dt-action-color-background-critical-primary-active-s: 88.8%;
1437
1641
  --dt-action-color-background-critical-primary-active-l: 43.1%;
1642
+ --dt-action-color-background-critical-primary-active-a: 100%;
1438
1643
  --dt-action-color-background-critical-primary-active-hsl: var(--dt-action-color-background-critical-primary-active-h) var(--dt-action-color-background-critical-primary-active-s) var(--dt-action-color-background-critical-primary-active-l);
1439
- --dt-action-color-background-critical-primary-active-hsla: hsla(var(--dt-action-color-background-critical-primary-active-h) var(--dt-action-color-background-critical-primary-active-s) var(--dt-action-color-background-critical-primary-active-l) / var(--alpha, 100%));
1644
+ --dt-action-color-background-critical-primary-active-hsla: hsl(var(--dt-action-color-background-critical-primary-active-h) var(--dt-action-color-background-critical-primary-active-s) var(--dt-action-color-background-critical-primary-active-l) / var(--alpha, 100%));
1440
1645
  --dt-action-color-background-critical-primary-active: hsl(0 88.8% 43.1%);
1441
1646
  --dt-action-color-background-critical-primary-hover-h: 0;
1442
1647
  --dt-action-color-background-critical-primary-hover-s: 88.8%;
1443
1648
  --dt-action-color-background-critical-primary-hover-l: 45.1%;
1649
+ --dt-action-color-background-critical-primary-hover-a: 100%;
1444
1650
  --dt-action-color-background-critical-primary-hover-hsl: var(--dt-action-color-background-critical-primary-hover-h) var(--dt-action-color-background-critical-primary-hover-s) var(--dt-action-color-background-critical-primary-hover-l);
1445
- --dt-action-color-background-critical-primary-hover-hsla: hsla(var(--dt-action-color-background-critical-primary-hover-h) var(--dt-action-color-background-critical-primary-hover-s) var(--dt-action-color-background-critical-primary-hover-l) / var(--alpha, 100%));
1651
+ --dt-action-color-background-critical-primary-hover-hsla: hsl(var(--dt-action-color-background-critical-primary-hover-h) var(--dt-action-color-background-critical-primary-hover-s) var(--dt-action-color-background-critical-primary-hover-l) / var(--alpha, 100%));
1446
1652
  --dt-action-color-background-critical-primary-hover: hsl(0 88.8% 45.1%);
1447
- --dt-action-color-background-base-primary-active-h: 255.00000000000006;
1653
+ --dt-action-color-background-base-primary-active-h: 255;
1448
1654
  --dt-action-color-background-base-primary-active-s: 100%;
1449
1655
  --dt-action-color-background-base-primary-active-l: 60.8%;
1656
+ --dt-action-color-background-base-primary-active-a: 100%;
1450
1657
  --dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l);
1451
- --dt-action-color-background-base-primary-active-hsla: hsla(var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l) / var(--alpha, 100%));
1658
+ --dt-action-color-background-base-primary-active-hsla: hsl(var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l) / var(--alpha, 100%));
1452
1659
  --dt-action-color-background-base-primary-active: hsl(255 100% 60.8%);
1453
1660
  --dt-action-color-background-base-primary-hover-h: 255;
1454
1661
  --dt-action-color-background-base-primary-hover-s: 100%;
1455
- --dt-action-color-background-base-primary-hover-l: 63.40000000000001%;
1662
+ --dt-action-color-background-base-primary-hover-l: 63.4%;
1663
+ --dt-action-color-background-base-primary-hover-a: 100%;
1456
1664
  --dt-action-color-background-base-primary-hover-hsl: var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l);
1457
- --dt-action-color-background-base-primary-hover-hsla: hsla(var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l) / var(--alpha, 100%));
1665
+ --dt-action-color-background-base-primary-hover-hsla: hsl(var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l) / var(--alpha, 100%));
1458
1666
  --dt-action-color-background-base-primary-hover: hsl(255 100% 63.4%);
1459
- --dt-action-color-foreground-positive-default-h: 0;
1460
- --dt-action-color-foreground-positive-default-s: 0%;
1461
- --dt-action-color-foreground-positive-default-l: 0%;
1462
- --dt-action-color-foreground-positive-default-hsl: var(--dt-action-color-foreground-positive-default-h) var(--dt-action-color-foreground-positive-default-s) var(--dt-action-color-foreground-positive-default-l);
1463
- --dt-action-color-foreground-positive-default-hsla: hsla(var(--dt-action-color-foreground-positive-default-h) var(--dt-action-color-foreground-positive-default-s) var(--dt-action-color-foreground-positive-default-l) / var(--alpha, 100%));
1667
+ --dt-action-color-foreground-positive-default-h: var(--dt-color-foreground-success-h);
1668
+ --dt-action-color-foreground-positive-default-s: var(--dt-color-foreground-success-s);
1669
+ --dt-action-color-foreground-positive-default-l: var(--dt-color-foreground-success-l);
1670
+ --dt-action-color-foreground-positive-default-a: var(--dt-color-foreground-success-a);
1671
+ --dt-action-color-foreground-positive-default-hsl: var(--dt-color-foreground-success-hsl);
1672
+ --dt-action-color-foreground-positive-default-hsla: var(--dt-color-foreground-success-hsla);
1464
1673
  --dt-action-color-foreground-positive-default: var(--dt-color-foreground-success);
1465
- --dt-action-color-foreground-disabled-default-h: 0;
1466
- --dt-action-color-foreground-disabled-default-s: 0%;
1467
- --dt-action-color-foreground-disabled-default-l: 0%;
1468
- --dt-action-color-foreground-disabled-default-hsl: var(--dt-action-color-foreground-disabled-default-h) var(--dt-action-color-foreground-disabled-default-s) var(--dt-action-color-foreground-disabled-default-l);
1469
- --dt-action-color-foreground-disabled-default-hsla: hsla(var(--dt-action-color-foreground-disabled-default-h) var(--dt-action-color-foreground-disabled-default-s) var(--dt-action-color-foreground-disabled-default-l) / var(--alpha, 100%));
1674
+ --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
1675
+ --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
1676
+ --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
1677
+ --dt-action-color-foreground-disabled-default-a: var(--dt-color-foreground-disabled-a);
1678
+ --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
1679
+ --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
1470
1680
  --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
1471
- --dt-action-color-foreground-muted-default-h: 0;
1472
- --dt-action-color-foreground-muted-default-s: 0%;
1473
- --dt-action-color-foreground-muted-default-l: 0%;
1474
- --dt-action-color-foreground-muted-default-hsl: var(--dt-action-color-foreground-muted-default-h) var(--dt-action-color-foreground-muted-default-s) var(--dt-action-color-foreground-muted-default-l);
1475
- --dt-action-color-foreground-muted-default-hsla: hsla(var(--dt-action-color-foreground-muted-default-h) var(--dt-action-color-foreground-muted-default-s) var(--dt-action-color-foreground-muted-default-l) / var(--alpha, 100%));
1681
+ --dt-action-color-foreground-muted-default-h: var(--dt-color-foreground-secondary-h);
1682
+ --dt-action-color-foreground-muted-default-s: var(--dt-color-foreground-secondary-s);
1683
+ --dt-action-color-foreground-muted-default-l: var(--dt-color-foreground-secondary-l);
1684
+ --dt-action-color-foreground-muted-default-a: var(--dt-color-foreground-secondary-a);
1685
+ --dt-action-color-foreground-muted-default-hsl: var(--dt-color-foreground-secondary-hsl);
1686
+ --dt-action-color-foreground-muted-default-hsla: var(--dt-color-foreground-secondary-hsla);
1476
1687
  --dt-action-color-foreground-muted-default: var(--dt-color-foreground-secondary);
1477
- --dt-action-color-foreground-inverted-primary-active-h: 0;
1478
- --dt-action-color-foreground-inverted-primary-active-s: 0%;
1479
- --dt-action-color-foreground-inverted-primary-active-l: 0%;
1480
- --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-active-h) var(--dt-action-color-foreground-inverted-primary-active-s) var(--dt-action-color-foreground-inverted-primary-active-l);
1481
- --dt-action-color-foreground-inverted-primary-active-hsla: hsla(var(--dt-action-color-foreground-inverted-primary-active-h) var(--dt-action-color-foreground-inverted-primary-active-s) var(--dt-action-color-foreground-inverted-primary-active-l) / var(--alpha, 100%));
1688
+ --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
1689
+ --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
1690
+ --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
1691
+ --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
1692
+ --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
1693
+ --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
1482
1694
  --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
1483
- --dt-action-color-foreground-inverted-default-h: 0;
1484
- --dt-action-color-foreground-inverted-default-s: 0%;
1485
- --dt-action-color-foreground-inverted-default-l: 0%;
1486
- --dt-action-color-foreground-inverted-default-hsl: var(--dt-action-color-foreground-inverted-default-h) var(--dt-action-color-foreground-inverted-default-s) var(--dt-action-color-foreground-inverted-default-l);
1487
- --dt-action-color-foreground-inverted-default-hsla: hsla(var(--dt-action-color-foreground-inverted-default-h) var(--dt-action-color-foreground-inverted-default-s) var(--dt-action-color-foreground-inverted-default-l) / var(--alpha, 100%));
1695
+ --dt-action-color-foreground-inverted-default-h: var(--dt-color-foreground-primary-inverted-h);
1696
+ --dt-action-color-foreground-inverted-default-s: var(--dt-color-foreground-primary-inverted-s);
1697
+ --dt-action-color-foreground-inverted-default-l: var(--dt-color-foreground-primary-inverted-l);
1698
+ --dt-action-color-foreground-inverted-default-a: var(--dt-color-foreground-primary-inverted-a);
1699
+ --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1700
+ --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1488
1701
  --dt-action-color-foreground-inverted-default: var(--dt-color-foreground-primary-inverted);
1489
- --dt-action-color-foreground-critical-default-h: 0;
1490
- --dt-action-color-foreground-critical-default-s: 0%;
1491
- --dt-action-color-foreground-critical-default-l: 0%;
1492
- --dt-action-color-foreground-critical-default-hsl: var(--dt-action-color-foreground-critical-default-h) var(--dt-action-color-foreground-critical-default-s) var(--dt-action-color-foreground-critical-default-l);
1493
- --dt-action-color-foreground-critical-default-hsla: hsla(var(--dt-action-color-foreground-critical-default-h) var(--dt-action-color-foreground-critical-default-s) var(--dt-action-color-foreground-critical-default-l) / var(--alpha, 100%));
1702
+ --dt-action-color-foreground-critical-default-h: var(--dt-color-foreground-critical-h);
1703
+ --dt-action-color-foreground-critical-default-s: var(--dt-color-foreground-critical-s);
1704
+ --dt-action-color-foreground-critical-default-l: var(--dt-color-foreground-critical-l);
1705
+ --dt-action-color-foreground-critical-default-a: var(--dt-color-foreground-critical-a);
1706
+ --dt-action-color-foreground-critical-default-hsl: var(--dt-color-foreground-critical-hsl);
1707
+ --dt-action-color-foreground-critical-default-hsla: var(--dt-color-foreground-critical-hsla);
1494
1708
  --dt-action-color-foreground-critical-default: var(--dt-color-foreground-critical);
1495
1709
  --dt-action-color-foreground-base-hover-h: 255;
1496
1710
  --dt-action-color-foreground-base-hover-s: 100%;
1497
- --dt-action-color-foreground-base-hover-l: 63.40000000000001%;
1711
+ --dt-action-color-foreground-base-hover-l: 63.4%;
1712
+ --dt-action-color-foreground-base-hover-a: 100%;
1498
1713
  --dt-action-color-foreground-base-hover-hsl: var(--dt-action-color-foreground-base-hover-h) var(--dt-action-color-foreground-base-hover-s) var(--dt-action-color-foreground-base-hover-l);
1499
- --dt-action-color-foreground-base-hover-hsla: hsla(var(--dt-action-color-foreground-base-hover-h) var(--dt-action-color-foreground-base-hover-s) var(--dt-action-color-foreground-base-hover-l) / var(--alpha, 100%));
1714
+ --dt-action-color-foreground-base-hover-hsla: hsl(var(--dt-action-color-foreground-base-hover-h) var(--dt-action-color-foreground-base-hover-s) var(--dt-action-color-foreground-base-hover-l) / var(--alpha, 100%));
1500
1715
  --dt-action-color-foreground-base-hover: hsl(255 100% 63.4%);
1501
- --dt-inputs-color-border-warning-h: 0;
1502
- --dt-inputs-color-border-warning-s: 0%;
1503
- --dt-inputs-color-border-warning-l: 0%;
1504
- --dt-inputs-color-border-warning-hsl: var(--dt-inputs-color-border-warning-h) var(--dt-inputs-color-border-warning-s) var(--dt-inputs-color-border-warning-l);
1505
- --dt-inputs-color-border-warning-hsla: hsla(var(--dt-inputs-color-border-warning-h) var(--dt-inputs-color-border-warning-s) var(--dt-inputs-color-border-warning-l) / var(--alpha, 100%));
1716
+ --dt-inputs-color-border-warning-h: var(--dt-color-border-warning-h);
1717
+ --dt-inputs-color-border-warning-s: var(--dt-color-border-warning-s);
1718
+ --dt-inputs-color-border-warning-l: var(--dt-color-border-warning-l);
1719
+ --dt-inputs-color-border-warning-a: var(--dt-color-border-warning-a);
1720
+ --dt-inputs-color-border-warning-hsl: var(--dt-color-border-warning-hsl);
1721
+ --dt-inputs-color-border-warning-hsla: var(--dt-color-border-warning-hsla);
1506
1722
  --dt-inputs-color-border-warning: var(--dt-color-border-warning);
1507
- --dt-inputs-color-border-success-h: 0;
1508
- --dt-inputs-color-border-success-s: 0%;
1509
- --dt-inputs-color-border-success-l: 0%;
1510
- --dt-inputs-color-border-success-hsl: var(--dt-inputs-color-border-success-h) var(--dt-inputs-color-border-success-s) var(--dt-inputs-color-border-success-l);
1511
- --dt-inputs-color-border-success-hsla: hsla(var(--dt-inputs-color-border-success-h) var(--dt-inputs-color-border-success-s) var(--dt-inputs-color-border-success-l) / var(--alpha, 100%));
1723
+ --dt-inputs-color-border-success-h: var(--dt-color-border-success-h);
1724
+ --dt-inputs-color-border-success-s: var(--dt-color-border-success-s);
1725
+ --dt-inputs-color-border-success-l: var(--dt-color-border-success-l);
1726
+ --dt-inputs-color-border-success-a: var(--dt-color-border-success-a);
1727
+ --dt-inputs-color-border-success-hsl: var(--dt-color-border-success-hsl);
1728
+ --dt-inputs-color-border-success-hsla: var(--dt-color-border-success-hsla);
1512
1729
  --dt-inputs-color-border-success: var(--dt-color-border-success);
1513
- --dt-inputs-color-border-critical-h: 0;
1514
- --dt-inputs-color-border-critical-s: 0%;
1515
- --dt-inputs-color-border-critical-l: 0%;
1516
- --dt-inputs-color-border-critical-hsl: var(--dt-inputs-color-border-critical-h) var(--dt-inputs-color-border-critical-s) var(--dt-inputs-color-border-critical-l);
1517
- --dt-inputs-color-border-critical-hsla: hsla(var(--dt-inputs-color-border-critical-h) var(--dt-inputs-color-border-critical-s) var(--dt-inputs-color-border-critical-l) / var(--alpha, 100%));
1730
+ --dt-inputs-color-border-critical-h: var(--dt-color-border-critical-h);
1731
+ --dt-inputs-color-border-critical-s: var(--dt-color-border-critical-s);
1732
+ --dt-inputs-color-border-critical-l: var(--dt-color-border-critical-l);
1733
+ --dt-inputs-color-border-critical-a: var(--dt-color-border-critical-a);
1734
+ --dt-inputs-color-border-critical-hsl: var(--dt-color-border-critical-hsl);
1735
+ --dt-inputs-color-border-critical-hsla: var(--dt-color-border-critical-hsla);
1518
1736
  --dt-inputs-color-border-critical: var(--dt-color-border-critical);
1519
- --dt-inputs-color-border-focus-h: 0;
1520
- --dt-inputs-color-border-focus-s: 0%;
1521
- --dt-inputs-color-border-focus-l: 0%;
1522
- --dt-inputs-color-border-focus-hsl: var(--dt-inputs-color-border-focus-h) var(--dt-inputs-color-border-focus-s) var(--dt-inputs-color-border-focus-l);
1523
- --dt-inputs-color-border-focus-hsla: hsla(var(--dt-inputs-color-border-focus-h) var(--dt-inputs-color-border-focus-s) var(--dt-inputs-color-border-focus-l) / var(--alpha, 100%));
1737
+ --dt-inputs-color-border-focus-h: var(--dt-color-border-focus-h);
1738
+ --dt-inputs-color-border-focus-s: var(--dt-color-border-focus-s);
1739
+ --dt-inputs-color-border-focus-l: var(--dt-color-border-focus-l);
1740
+ --dt-inputs-color-border-focus-a: var(--dt-color-border-focus-a);
1741
+ --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1742
+ --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1524
1743
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1525
- --dt-inputs-color-border-default-h: 0;
1526
- --dt-inputs-color-border-default-s: 0%;
1527
- --dt-inputs-color-border-default-l: 0%;
1528
- --dt-inputs-color-border-default-hsl: var(--dt-inputs-color-border-default-h) var(--dt-inputs-color-border-default-s) var(--dt-inputs-color-border-default-l);
1529
- --dt-inputs-color-border-default-hsla: hsla(var(--dt-inputs-color-border-default-h) var(--dt-inputs-color-border-default-s) var(--dt-inputs-color-border-default-l) / var(--alpha, 100%));
1744
+ --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1745
+ --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1746
+ --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1747
+ --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
1748
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1749
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1530
1750
  --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1531
- --dt-inputs-color-foreground-disabled-h: 0;
1532
- --dt-inputs-color-foreground-disabled-s: 0%;
1533
- --dt-inputs-color-foreground-disabled-l: 0%;
1534
- --dt-inputs-color-foreground-disabled-hsl: var(--dt-inputs-color-foreground-disabled-h) var(--dt-inputs-color-foreground-disabled-s) var(--dt-inputs-color-foreground-disabled-l);
1535
- --dt-inputs-color-foreground-disabled-hsla: hsla(var(--dt-inputs-color-foreground-disabled-h) var(--dt-inputs-color-foreground-disabled-s) var(--dt-inputs-color-foreground-disabled-l) / var(--alpha, 100%));
1751
+ --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1752
+ --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1753
+ --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
1754
+ --dt-inputs-color-foreground-disabled-a: var(--dt-color-foreground-disabled-a);
1755
+ --dt-inputs-color-foreground-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
1756
+ --dt-inputs-color-foreground-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
1536
1757
  --dt-inputs-color-foreground-disabled: var(--dt-color-foreground-disabled);
1537
- --dt-inputs-color-foreground-placeholder-h: 0;
1538
- --dt-inputs-color-foreground-placeholder-s: 0%;
1539
- --dt-inputs-color-foreground-placeholder-l: 0%;
1540
- --dt-inputs-color-foreground-placeholder-hsl: var(--dt-inputs-color-foreground-placeholder-h) var(--dt-inputs-color-foreground-placeholder-s) var(--dt-inputs-color-foreground-placeholder-l);
1541
- --dt-inputs-color-foreground-placeholder-hsla: hsla(var(--dt-inputs-color-foreground-placeholder-h) var(--dt-inputs-color-foreground-placeholder-s) var(--dt-inputs-color-foreground-placeholder-l) / var(--alpha, 100%));
1758
+ --dt-inputs-color-foreground-placeholder-h: var(--dt-color-foreground-placeholder-h);
1759
+ --dt-inputs-color-foreground-placeholder-s: var(--dt-color-foreground-placeholder-s);
1760
+ --dt-inputs-color-foreground-placeholder-l: var(--dt-color-foreground-placeholder-l);
1761
+ --dt-inputs-color-foreground-placeholder-a: var(--dt-color-foreground-placeholder-a);
1762
+ --dt-inputs-color-foreground-placeholder-hsl: var(--dt-color-foreground-placeholder-hsl);
1763
+ --dt-inputs-color-foreground-placeholder-hsla: var(--dt-color-foreground-placeholder-hsla);
1542
1764
  --dt-inputs-color-foreground-placeholder: var(--dt-color-foreground-placeholder);
1543
- --dt-inputs-color-foreground-default-h: 0;
1544
- --dt-inputs-color-foreground-default-s: 0%;
1545
- --dt-inputs-color-foreground-default-l: 0%;
1546
- --dt-inputs-color-foreground-default-hsl: var(--dt-inputs-color-foreground-default-h) var(--dt-inputs-color-foreground-default-s) var(--dt-inputs-color-foreground-default-l);
1547
- --dt-inputs-color-foreground-default-hsla: hsla(var(--dt-inputs-color-foreground-default-h) var(--dt-inputs-color-foreground-default-s) var(--dt-inputs-color-foreground-default-l) / var(--alpha, 100%));
1765
+ --dt-inputs-color-foreground-default-h: var(--dt-color-foreground-secondary-h);
1766
+ --dt-inputs-color-foreground-default-s: var(--dt-color-foreground-secondary-s);
1767
+ --dt-inputs-color-foreground-default-l: var(--dt-color-foreground-secondary-l);
1768
+ --dt-inputs-color-foreground-default-a: var(--dt-color-foreground-secondary-a);
1769
+ --dt-inputs-color-foreground-default-hsl: var(--dt-color-foreground-secondary-hsl);
1770
+ --dt-inputs-color-foreground-default-hsla: var(--dt-color-foreground-secondary-hsla);
1548
1771
  --dt-inputs-color-foreground-default: var(--dt-color-foreground-secondary);
1549
1772
  --dt-inputs-font-size-xl: var(--dt-font-size-400); /* Font size for extra large inputs (e.g. input and textarea) */
1550
1773
  --dt-inputs-font-size-lg: var(--dt-font-size-300); /* Font size for large inputs (e.g. input and textarea) */
@@ -1592,132 +1815,147 @@
1592
1815
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
1593
1816
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
1594
1817
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
1595
- --dt-color-border-ai-h: 0;
1596
- --dt-color-border-ai-s: 0%;
1597
- --dt-color-border-ai-l: 0%;
1598
- --dt-color-border-ai-hsl: var(--dt-color-border-ai-h) var(--dt-color-border-ai-s) var(--dt-color-border-ai-l);
1599
- --dt-color-border-ai-hsla: hsla(var(--dt-color-border-ai-h) var(--dt-color-border-ai-s) var(--dt-color-border-ai-l) / var(--alpha, 100%));
1600
1818
  --dt-color-border-ai: var(--dt-color-gradient-magenta-purple);
1601
- --dt-color-link-muted-hover-h: 0;
1602
- --dt-color-link-muted-hover-s: 0%;
1603
- --dt-color-link-muted-hover-l: 0%;
1604
- --dt-color-link-muted-hover-hsl: var(--dt-color-link-muted-hover-h) var(--dt-color-link-muted-hover-s) var(--dt-color-link-muted-hover-l);
1605
- --dt-color-link-muted-hover-hsla: hsla(var(--dt-color-link-muted-hover-h) var(--dt-color-link-muted-hover-s) var(--dt-color-link-muted-hover-l) / var(--alpha, 100%));
1819
+ --dt-color-link-muted-hover-h: var(--dt-color-foreground-primary-h);
1820
+ --dt-color-link-muted-hover-s: var(--dt-color-foreground-primary-s);
1821
+ --dt-color-link-muted-hover-l: var(--dt-color-foreground-primary-l);
1822
+ --dt-color-link-muted-hover-a: var(--dt-color-foreground-primary-a);
1823
+ --dt-color-link-muted-hover-hsl: var(--dt-color-foreground-primary-hsl);
1824
+ --dt-color-link-muted-hover-hsla: var(--dt-color-foreground-primary-hsla);
1606
1825
  --dt-color-link-muted-hover: var(--dt-color-foreground-primary);
1607
- --dt-color-link-disabled-inverted-h: 0;
1608
- --dt-color-link-disabled-inverted-s: 0%;
1609
- --dt-color-link-disabled-inverted-l: 0%;
1610
- --dt-color-link-disabled-inverted-hsl: var(--dt-color-link-disabled-inverted-h) var(--dt-color-link-disabled-inverted-s) var(--dt-color-link-disabled-inverted-l);
1611
- --dt-color-link-disabled-inverted-hsla: hsla(var(--dt-color-link-disabled-inverted-h) var(--dt-color-link-disabled-inverted-s) var(--dt-color-link-disabled-inverted-l) / var(--alpha, 100%));
1826
+ --dt-color-link-disabled-inverted-h: var(--dt-color-foreground-disabled-inverted-h);
1827
+ --dt-color-link-disabled-inverted-s: var(--dt-color-foreground-disabled-inverted-s);
1828
+ --dt-color-link-disabled-inverted-l: var(--dt-color-foreground-disabled-inverted-l);
1829
+ --dt-color-link-disabled-inverted-a: var(--dt-color-foreground-disabled-inverted-a);
1830
+ --dt-color-link-disabled-inverted-hsl: var(--dt-color-foreground-disabled-inverted-hsl);
1831
+ --dt-color-link-disabled-inverted-hsla: var(--dt-color-foreground-disabled-inverted-hsla);
1612
1832
  --dt-color-link-disabled-inverted: var(--dt-color-foreground-disabled-inverted);
1613
- --dt-color-link-muted-inverted-h: 0;
1614
- --dt-color-link-muted-inverted-s: 0%;
1615
- --dt-color-link-muted-inverted-l: 0%;
1616
- --dt-color-link-muted-inverted-hsl: var(--dt-color-link-muted-inverted-h) var(--dt-color-link-muted-inverted-s) var(--dt-color-link-muted-inverted-l);
1617
- --dt-color-link-muted-inverted-hsla: hsla(var(--dt-color-link-muted-inverted-h) var(--dt-color-link-muted-inverted-s) var(--dt-color-link-muted-inverted-l) / var(--alpha, 100%));
1833
+ --dt-color-link-muted-inverted-h: var(--dt-color-foreground-secondary-inverted-h);
1834
+ --dt-color-link-muted-inverted-s: var(--dt-color-foreground-secondary-inverted-s);
1835
+ --dt-color-link-muted-inverted-l: var(--dt-color-foreground-secondary-inverted-l);
1836
+ --dt-color-link-muted-inverted-a: var(--dt-color-foreground-secondary-inverted-a);
1837
+ --dt-color-link-muted-inverted-hsl: var(--dt-color-foreground-secondary-inverted-hsl);
1838
+ --dt-color-link-muted-inverted-hsla: var(--dt-color-foreground-secondary-inverted-hsla);
1618
1839
  --dt-color-link-muted-inverted: var(--dt-color-foreground-secondary-inverted);
1619
- --dt-color-link-warning-inverted-h: 0;
1620
- --dt-color-link-warning-inverted-s: 0%;
1621
- --dt-color-link-warning-inverted-l: 0%;
1622
- --dt-color-link-warning-inverted-hsl: var(--dt-color-link-warning-inverted-h) var(--dt-color-link-warning-inverted-s) var(--dt-color-link-warning-inverted-l);
1623
- --dt-color-link-warning-inverted-hsla: hsla(var(--dt-color-link-warning-inverted-h) var(--dt-color-link-warning-inverted-s) var(--dt-color-link-warning-inverted-l) / var(--alpha, 100%));
1840
+ --dt-color-link-warning-inverted-h: var(--dt-color-foreground-warning-inverted-h);
1841
+ --dt-color-link-warning-inverted-s: var(--dt-color-foreground-warning-inverted-s);
1842
+ --dt-color-link-warning-inverted-l: var(--dt-color-foreground-warning-inverted-l);
1843
+ --dt-color-link-warning-inverted-a: var(--dt-color-foreground-warning-inverted-a);
1844
+ --dt-color-link-warning-inverted-hsl: var(--dt-color-foreground-warning-inverted-hsl);
1845
+ --dt-color-link-warning-inverted-hsla: var(--dt-color-foreground-warning-inverted-hsla);
1624
1846
  --dt-color-link-warning-inverted: var(--dt-color-foreground-warning-inverted);
1625
- --dt-color-link-success-inverted-h: 0;
1626
- --dt-color-link-success-inverted-s: 0%;
1627
- --dt-color-link-success-inverted-l: 0%;
1628
- --dt-color-link-success-inverted-hsl: var(--dt-color-link-success-inverted-h) var(--dt-color-link-success-inverted-s) var(--dt-color-link-success-inverted-l);
1629
- --dt-color-link-success-inverted-hsla: hsla(var(--dt-color-link-success-inverted-h) var(--dt-color-link-success-inverted-s) var(--dt-color-link-success-inverted-l) / var(--alpha, 100%));
1847
+ --dt-color-link-success-inverted-h: var(--dt-color-foreground-success-inverted-h);
1848
+ --dt-color-link-success-inverted-s: var(--dt-color-foreground-success-inverted-s);
1849
+ --dt-color-link-success-inverted-l: var(--dt-color-foreground-success-inverted-l);
1850
+ --dt-color-link-success-inverted-a: var(--dt-color-foreground-success-inverted-a);
1851
+ --dt-color-link-success-inverted-hsl: var(--dt-color-foreground-success-inverted-hsl);
1852
+ --dt-color-link-success-inverted-hsla: var(--dt-color-foreground-success-inverted-hsla);
1630
1853
  --dt-color-link-success-inverted: var(--dt-color-foreground-success-inverted);
1631
- --dt-color-link-critical-inverted-h: 0;
1632
- --dt-color-link-critical-inverted-s: 0%;
1633
- --dt-color-link-critical-inverted-l: 0%;
1634
- --dt-color-link-critical-inverted-hsl: var(--dt-color-link-critical-inverted-h) var(--dt-color-link-critical-inverted-s) var(--dt-color-link-critical-inverted-l);
1635
- --dt-color-link-critical-inverted-hsla: hsla(var(--dt-color-link-critical-inverted-h) var(--dt-color-link-critical-inverted-s) var(--dt-color-link-critical-inverted-l) / var(--alpha, 100%));
1854
+ --dt-color-link-critical-inverted-h: var(--dt-color-foreground-critical-inverted-h);
1855
+ --dt-color-link-critical-inverted-s: var(--dt-color-foreground-critical-inverted-s);
1856
+ --dt-color-link-critical-inverted-l: var(--dt-color-foreground-critical-inverted-l);
1857
+ --dt-color-link-critical-inverted-a: var(--dt-color-foreground-critical-inverted-a);
1858
+ --dt-color-link-critical-inverted-hsl: var(--dt-color-foreground-critical-inverted-hsl);
1859
+ --dt-color-link-critical-inverted-hsla: var(--dt-color-foreground-critical-inverted-hsla);
1636
1860
  --dt-color-link-critical-inverted: var(--dt-color-foreground-critical-inverted);
1637
- --dt-color-link-disabled-h: 0;
1638
- --dt-color-link-disabled-s: 0%;
1639
- --dt-color-link-disabled-l: 0%;
1640
- --dt-color-link-disabled-hsl: var(--dt-color-link-disabled-h) var(--dt-color-link-disabled-s) var(--dt-color-link-disabled-l);
1641
- --dt-color-link-disabled-hsla: hsla(var(--dt-color-link-disabled-h) var(--dt-color-link-disabled-s) var(--dt-color-link-disabled-l) / var(--alpha, 100%));
1861
+ --dt-color-link-disabled-h: var(--dt-color-foreground-disabled-h);
1862
+ --dt-color-link-disabled-s: var(--dt-color-foreground-disabled-s);
1863
+ --dt-color-link-disabled-l: var(--dt-color-foreground-disabled-l);
1864
+ --dt-color-link-disabled-a: var(--dt-color-foreground-disabled-a);
1865
+ --dt-color-link-disabled-hsl: var(--dt-color-foreground-disabled-hsl);
1866
+ --dt-color-link-disabled-hsla: var(--dt-color-foreground-disabled-hsla);
1642
1867
  --dt-color-link-disabled: var(--dt-color-foreground-disabled);
1643
- --dt-color-link-muted-h: 0;
1644
- --dt-color-link-muted-s: 0%;
1645
- --dt-color-link-muted-l: 0%;
1646
- --dt-color-link-muted-hsl: var(--dt-color-link-muted-h) var(--dt-color-link-muted-s) var(--dt-color-link-muted-l);
1647
- --dt-color-link-muted-hsla: hsla(var(--dt-color-link-muted-h) var(--dt-color-link-muted-s) var(--dt-color-link-muted-l) / var(--alpha, 100%));
1868
+ --dt-color-link-muted-h: var(--dt-color-foreground-secondary-h);
1869
+ --dt-color-link-muted-s: var(--dt-color-foreground-secondary-s);
1870
+ --dt-color-link-muted-l: var(--dt-color-foreground-secondary-l);
1871
+ --dt-color-link-muted-a: var(--dt-color-foreground-secondary-a);
1872
+ --dt-color-link-muted-hsl: var(--dt-color-foreground-secondary-hsl);
1873
+ --dt-color-link-muted-hsla: var(--dt-color-foreground-secondary-hsla);
1648
1874
  --dt-color-link-muted: var(--dt-color-foreground-secondary);
1649
- --dt-color-link-warning-h: 0;
1650
- --dt-color-link-warning-s: 0%;
1651
- --dt-color-link-warning-l: 0%;
1652
- --dt-color-link-warning-hsl: var(--dt-color-link-warning-h) var(--dt-color-link-warning-s) var(--dt-color-link-warning-l);
1653
- --dt-color-link-warning-hsla: hsla(var(--dt-color-link-warning-h) var(--dt-color-link-warning-s) var(--dt-color-link-warning-l) / var(--alpha, 100%));
1875
+ --dt-color-link-warning-h: var(--dt-color-foreground-warning-h);
1876
+ --dt-color-link-warning-s: var(--dt-color-foreground-warning-s);
1877
+ --dt-color-link-warning-l: var(--dt-color-foreground-warning-l);
1878
+ --dt-color-link-warning-a: var(--dt-color-foreground-warning-a);
1879
+ --dt-color-link-warning-hsl: var(--dt-color-foreground-warning-hsl);
1880
+ --dt-color-link-warning-hsla: var(--dt-color-foreground-warning-hsla);
1654
1881
  --dt-color-link-warning: var(--dt-color-foreground-warning);
1655
- --dt-color-link-success-h: 0;
1656
- --dt-color-link-success-s: 0%;
1657
- --dt-color-link-success-l: 0%;
1658
- --dt-color-link-success-hsl: var(--dt-color-link-success-h) var(--dt-color-link-success-s) var(--dt-color-link-success-l);
1659
- --dt-color-link-success-hsla: hsla(var(--dt-color-link-success-h) var(--dt-color-link-success-s) var(--dt-color-link-success-l) / var(--alpha, 100%));
1882
+ --dt-color-link-success-h: var(--dt-color-foreground-success-h);
1883
+ --dt-color-link-success-s: var(--dt-color-foreground-success-s);
1884
+ --dt-color-link-success-l: var(--dt-color-foreground-success-l);
1885
+ --dt-color-link-success-a: var(--dt-color-foreground-success-a);
1886
+ --dt-color-link-success-hsl: var(--dt-color-foreground-success-hsl);
1887
+ --dt-color-link-success-hsla: var(--dt-color-foreground-success-hsla);
1660
1888
  --dt-color-link-success: var(--dt-color-foreground-success); /* positive */
1661
- --dt-color-link-critical-h: 0;
1662
- --dt-color-link-critical-s: 0%;
1663
- --dt-color-link-critical-l: 0%;
1664
- --dt-color-link-critical-hsl: var(--dt-color-link-critical-h) var(--dt-color-link-critical-s) var(--dt-color-link-critical-l);
1665
- --dt-color-link-critical-hsla: hsla(var(--dt-color-link-critical-h) var(--dt-color-link-critical-s) var(--dt-color-link-critical-l) / var(--alpha, 100%));
1889
+ --dt-color-link-critical-h: var(--dt-color-foreground-critical-h);
1890
+ --dt-color-link-critical-s: var(--dt-color-foreground-critical-s);
1891
+ --dt-color-link-critical-l: var(--dt-color-foreground-critical-l);
1892
+ --dt-color-link-critical-a: var(--dt-color-foreground-critical-a);
1893
+ --dt-color-link-critical-hsl: var(--dt-color-foreground-critical-hsl);
1894
+ --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
1666
1895
  --dt-color-link-critical: var(--dt-color-foreground-critical);
1667
- --dt-color-foreground-success-strong-inverted-h: 111.99999999999999;
1896
+ --dt-color-foreground-success-strong-inverted-h: 112;
1668
1897
  --dt-color-foreground-success-strong-inverted-s: 100%;
1669
- --dt-color-foreground-success-strong-inverted-l: 90.10000000000001%;
1898
+ --dt-color-foreground-success-strong-inverted-l: 90.1%;
1899
+ --dt-color-foreground-success-strong-inverted-a: 100%;
1670
1900
  --dt-color-foreground-success-strong-inverted-hsl: var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l);
1671
- --dt-color-foreground-success-strong-inverted-hsla: hsla(var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l) / var(--alpha, 100%));
1901
+ --dt-color-foreground-success-strong-inverted-hsla: hsl(var(--dt-color-foreground-success-strong-inverted-h) var(--dt-color-foreground-success-strong-inverted-s) var(--dt-color-foreground-success-strong-inverted-l) / var(--alpha, 100%));
1672
1902
  --dt-color-foreground-success-strong-inverted: hsl(112 100% 90.1%); /* Success strong text that sits on high-contrast surfaces or backgrounds */
1673
1903
  --dt-color-foreground-critical-strong-inverted-h: 0;
1674
1904
  --dt-color-foreground-critical-strong-inverted-s: 100%;
1675
1905
  --dt-color-foreground-critical-strong-inverted-l: 82.1%;
1906
+ --dt-color-foreground-critical-strong-inverted-a: 100%;
1676
1907
  --dt-color-foreground-critical-strong-inverted-hsl: var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l);
1677
- --dt-color-foreground-critical-strong-inverted-hsla: hsla(var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l) / var(--alpha, 100%));
1908
+ --dt-color-foreground-critical-strong-inverted-hsla: hsl(var(--dt-color-foreground-critical-strong-inverted-h) var(--dt-color-foreground-critical-strong-inverted-s) var(--dt-color-foreground-critical-strong-inverted-l) / var(--alpha, 100%));
1678
1909
  --dt-color-foreground-critical-strong-inverted: hsl(0 100% 82.1%); /* Critical strong text that sits on high-contrast surfaces or backgrounds */
1679
1910
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
1680
- --dt-theme-sidebar-icon-color-foreground-h: 0;
1681
- --dt-theme-sidebar-icon-color-foreground-s: 0%;
1682
- --dt-theme-sidebar-icon-color-foreground-l: 0%;
1683
- --dt-theme-sidebar-icon-color-foreground-hsl: var(--dt-theme-sidebar-icon-color-foreground-h) var(--dt-theme-sidebar-icon-color-foreground-s) var(--dt-theme-sidebar-icon-color-foreground-l);
1684
- --dt-theme-sidebar-icon-color-foreground-hsla: hsla(var(--dt-theme-sidebar-icon-color-foreground-h) var(--dt-theme-sidebar-icon-color-foreground-s) var(--dt-theme-sidebar-icon-color-foreground-l) / var(--alpha, 100%));
1911
+ --dt-theme-sidebar-icon-color-foreground-h: var(--dt-theme-sidebar-color-foreground-h);
1912
+ --dt-theme-sidebar-icon-color-foreground-s: var(--dt-theme-sidebar-color-foreground-s);
1913
+ --dt-theme-sidebar-icon-color-foreground-l: var(--dt-theme-sidebar-color-foreground-l);
1914
+ --dt-theme-sidebar-icon-color-foreground-a: var(--dt-theme-sidebar-color-foreground-a);
1915
+ --dt-theme-sidebar-icon-color-foreground-hsl: var(--dt-theme-sidebar-color-foreground-hsl);
1916
+ --dt-theme-sidebar-icon-color-foreground-hsla: var(--dt-theme-sidebar-color-foreground-hsla);
1685
1917
  --dt-theme-sidebar-icon-color-foreground: var(--dt-theme-sidebar-color-foreground);
1686
- --dt-theme-sidebar-color-background-h: 0;
1687
- --dt-theme-sidebar-color-background-s: 0%;
1688
- --dt-theme-sidebar-color-background-l: 0%;
1689
- --dt-theme-sidebar-color-background-hsl: var(--dt-theme-sidebar-color-background-h) var(--dt-theme-sidebar-color-background-s) var(--dt-theme-sidebar-color-background-l);
1690
- --dt-theme-sidebar-color-background-hsla: hsla(var(--dt-theme-sidebar-color-background-h) var(--dt-theme-sidebar-color-background-s) var(--dt-theme-sidebar-color-background-l) / var(--alpha, 100%));
1918
+ --dt-theme-sidebar-color-background-h: var(--dt-theme-topbar-color-background-h);
1919
+ --dt-theme-sidebar-color-background-s: var(--dt-theme-topbar-color-background-s);
1920
+ --dt-theme-sidebar-color-background-l: var(--dt-theme-topbar-color-background-l);
1921
+ --dt-theme-sidebar-color-background-a: var(--dt-theme-topbar-color-background-a);
1922
+ --dt-theme-sidebar-color-background-hsl: var(--dt-theme-topbar-color-background-hsl);
1923
+ --dt-theme-sidebar-color-background-hsla: var(--dt-theme-topbar-color-background-hsla);
1691
1924
  --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
1692
1925
  --dt-action-color-foreground-positive-hover-h: 137;
1693
- --dt-action-color-foreground-positive-hover-s: 72.49999999999999%;
1694
- --dt-action-color-foreground-positive-hover-l: 30.399999999999995%;
1926
+ --dt-action-color-foreground-positive-hover-s: 72.5%;
1927
+ --dt-action-color-foreground-positive-hover-l: 30.4%;
1928
+ --dt-action-color-foreground-positive-hover-a: 100%;
1695
1929
  --dt-action-color-foreground-positive-hover-hsl: var(--dt-action-color-foreground-positive-hover-h) var(--dt-action-color-foreground-positive-hover-s) var(--dt-action-color-foreground-positive-hover-l);
1696
- --dt-action-color-foreground-positive-hover-hsla: hsla(var(--dt-action-color-foreground-positive-hover-h) var(--dt-action-color-foreground-positive-hover-s) var(--dt-action-color-foreground-positive-hover-l) / var(--alpha, 100%));
1930
+ --dt-action-color-foreground-positive-hover-hsla: hsl(var(--dt-action-color-foreground-positive-hover-h) var(--dt-action-color-foreground-positive-hover-s) var(--dt-action-color-foreground-positive-hover-l) / var(--alpha, 100%));
1697
1931
  --dt-action-color-foreground-positive-hover: hsl(137 72.5% 30.4%);
1698
- --dt-action-color-foreground-muted-hover-h: 0;
1699
- --dt-action-color-foreground-muted-hover-s: 0%;
1700
- --dt-action-color-foreground-muted-hover-l: 0%;
1701
- --dt-action-color-foreground-muted-hover-hsl: var(--dt-action-color-foreground-muted-hover-h) var(--dt-action-color-foreground-muted-hover-s) var(--dt-action-color-foreground-muted-hover-l);
1702
- --dt-action-color-foreground-muted-hover-hsla: hsla(var(--dt-action-color-foreground-muted-hover-h) var(--dt-action-color-foreground-muted-hover-s) var(--dt-action-color-foreground-muted-hover-l) / var(--alpha, 100%));
1932
+ --dt-action-color-foreground-muted-hover-h: var(--dt-action-color-foreground-muted-default-h);
1933
+ --dt-action-color-foreground-muted-hover-s: var(--dt-action-color-foreground-muted-default-s);
1934
+ --dt-action-color-foreground-muted-hover-l: var(--dt-action-color-foreground-muted-default-l);
1935
+ --dt-action-color-foreground-muted-hover-a: var(--dt-action-color-foreground-muted-default-a);
1936
+ --dt-action-color-foreground-muted-hover-hsl: var(--dt-action-color-foreground-muted-default-hsl);
1937
+ --dt-action-color-foreground-muted-hover-hsla: var(--dt-action-color-foreground-muted-default-hsla);
1703
1938
  --dt-action-color-foreground-muted-hover: var(--dt-action-color-foreground-muted-default);
1704
- --dt-action-color-foreground-inverted-hover-h: 0;
1705
- --dt-action-color-foreground-inverted-hover-s: 0%;
1706
- --dt-action-color-foreground-inverted-hover-l: 0%;
1707
- --dt-action-color-foreground-inverted-hover-hsl: var(--dt-action-color-foreground-inverted-hover-h) var(--dt-action-color-foreground-inverted-hover-s) var(--dt-action-color-foreground-inverted-hover-l);
1708
- --dt-action-color-foreground-inverted-hover-hsla: hsla(var(--dt-action-color-foreground-inverted-hover-h) var(--dt-action-color-foreground-inverted-hover-s) var(--dt-action-color-foreground-inverted-hover-l) / var(--alpha, 100%));
1939
+ --dt-action-color-foreground-inverted-hover-h: var(--dt-action-color-foreground-inverted-default-h);
1940
+ --dt-action-color-foreground-inverted-hover-s: var(--dt-action-color-foreground-inverted-default-s);
1941
+ --dt-action-color-foreground-inverted-hover-l: var(--dt-action-color-foreground-inverted-default-l);
1942
+ --dt-action-color-foreground-inverted-hover-a: var(--dt-action-color-foreground-inverted-default-a);
1943
+ --dt-action-color-foreground-inverted-hover-hsl: var(--dt-action-color-foreground-inverted-default-hsl);
1944
+ --dt-action-color-foreground-inverted-hover-hsla: var(--dt-action-color-foreground-inverted-default-hsla);
1709
1945
  --dt-action-color-foreground-inverted-hover: var(--dt-action-color-foreground-inverted-default);
1710
1946
  --dt-action-color-foreground-critical-hover-h: 0;
1711
1947
  --dt-action-color-foreground-critical-hover-s: 88.8%;
1712
1948
  --dt-action-color-foreground-critical-hover-l: 45.1%;
1949
+ --dt-action-color-foreground-critical-hover-a: 100%;
1713
1950
  --dt-action-color-foreground-critical-hover-hsl: var(--dt-action-color-foreground-critical-hover-h) var(--dt-action-color-foreground-critical-hover-s) var(--dt-action-color-foreground-critical-hover-l);
1714
- --dt-action-color-foreground-critical-hover-hsla: hsla(var(--dt-action-color-foreground-critical-hover-h) var(--dt-action-color-foreground-critical-hover-s) var(--dt-action-color-foreground-critical-hover-l) / var(--alpha, 100%));
1951
+ --dt-action-color-foreground-critical-hover-hsla: hsl(var(--dt-action-color-foreground-critical-hover-h) var(--dt-action-color-foreground-critical-hover-s) var(--dt-action-color-foreground-critical-hover-l) / var(--alpha, 100%));
1715
1952
  --dt-action-color-foreground-critical-hover: hsl(0 88.8% 45.1%);
1716
- --dt-action-color-foreground-base-active-h: 0;
1717
- --dt-action-color-foreground-base-active-s: 0%;
1718
- --dt-action-color-foreground-base-active-l: 0%;
1719
- --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-active-h) var(--dt-action-color-foreground-base-active-s) var(--dt-action-color-foreground-base-active-l);
1720
- --dt-action-color-foreground-base-active-hsla: hsla(var(--dt-action-color-foreground-base-active-h) var(--dt-action-color-foreground-base-active-s) var(--dt-action-color-foreground-base-active-l) / var(--alpha, 100%));
1953
+ --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
1954
+ --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
1955
+ --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
1956
+ --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
1957
+ --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
1958
+ --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
1721
1959
  --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
1722
1960
  --dt-typography-inputs-xl-font-size: var(--dt-inputs-font-size-xl); /* Text style for extra large inputs (e.g. input and textarea) */
1723
1961
  --dt-typography-inputs-lg-font-size: var(--dt-inputs-font-size-lg); /* Text style for large inputs (e.g. input and textarea) */
@@ -1760,53 +1998,61 @@
1760
1998
  --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
1761
1999
  --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
1762
2000
  --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family); /* Text style for extra small inputs (e.g. input and textarea) */
1763
- --dt-color-link-disabled-inverted-hover-h: 0;
1764
- --dt-color-link-disabled-inverted-hover-s: 0%;
1765
- --dt-color-link-disabled-inverted-hover-l: 0%;
1766
- --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-link-disabled-inverted-hover-h) var(--dt-color-link-disabled-inverted-hover-s) var(--dt-color-link-disabled-inverted-hover-l);
1767
- --dt-color-link-disabled-inverted-hover-hsla: hsla(var(--dt-color-link-disabled-inverted-hover-h) var(--dt-color-link-disabled-inverted-hover-s) var(--dt-color-link-disabled-inverted-hover-l) / var(--alpha, 100%));
2001
+ --dt-color-link-disabled-inverted-hover-h: var(--dt-color-link-disabled-h);
2002
+ --dt-color-link-disabled-inverted-hover-s: var(--dt-color-link-disabled-s);
2003
+ --dt-color-link-disabled-inverted-hover-l: var(--dt-color-link-disabled-l);
2004
+ --dt-color-link-disabled-inverted-hover-a: var(--dt-color-link-disabled-a);
2005
+ --dt-color-link-disabled-inverted-hover-hsl: var(--dt-color-link-disabled-hsl);
2006
+ --dt-color-link-disabled-inverted-hover-hsla: var(--dt-color-link-disabled-hsla);
1768
2007
  --dt-color-link-disabled-inverted-hover: var(--dt-color-link-disabled);
1769
- --dt-color-link-success-inverted-hover-h: 0;
1770
- --dt-color-link-success-inverted-hover-s: 0%;
1771
- --dt-color-link-success-inverted-hover-l: 0%;
1772
- --dt-color-link-success-inverted-hover-hsl: var(--dt-color-link-success-inverted-hover-h) var(--dt-color-link-success-inverted-hover-s) var(--dt-color-link-success-inverted-hover-l);
1773
- --dt-color-link-success-inverted-hover-hsla: hsla(var(--dt-color-link-success-inverted-hover-h) var(--dt-color-link-success-inverted-hover-s) var(--dt-color-link-success-inverted-hover-l) / var(--alpha, 100%));
2008
+ --dt-color-link-success-inverted-hover-h: var(--dt-color-foreground-success-strong-inverted-h);
2009
+ --dt-color-link-success-inverted-hover-s: var(--dt-color-foreground-success-strong-inverted-s);
2010
+ --dt-color-link-success-inverted-hover-l: var(--dt-color-foreground-success-strong-inverted-l);
2011
+ --dt-color-link-success-inverted-hover-a: var(--dt-color-foreground-success-strong-inverted-a);
2012
+ --dt-color-link-success-inverted-hover-hsl: var(--dt-color-foreground-success-strong-inverted-hsl);
2013
+ --dt-color-link-success-inverted-hover-hsla: var(--dt-color-foreground-success-strong-inverted-hsla);
1774
2014
  --dt-color-link-success-inverted-hover: var(--dt-color-foreground-success-strong-inverted);
1775
- --dt-color-link-critical-inverted-hover-h: 0;
1776
- --dt-color-link-critical-inverted-hover-s: 0%;
1777
- --dt-color-link-critical-inverted-hover-l: 0%;
1778
- --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-link-critical-inverted-hover-h) var(--dt-color-link-critical-inverted-hover-s) var(--dt-color-link-critical-inverted-hover-l);
1779
- --dt-color-link-critical-inverted-hover-hsla: hsla(var(--dt-color-link-critical-inverted-hover-h) var(--dt-color-link-critical-inverted-hover-s) var(--dt-color-link-critical-inverted-hover-l) / var(--alpha, 100%));
2015
+ --dt-color-link-critical-inverted-hover-h: var(--dt-color-foreground-critical-strong-inverted-h);
2016
+ --dt-color-link-critical-inverted-hover-s: var(--dt-color-foreground-critical-strong-inverted-s);
2017
+ --dt-color-link-critical-inverted-hover-l: var(--dt-color-foreground-critical-strong-inverted-l);
2018
+ --dt-color-link-critical-inverted-hover-a: var(--dt-color-foreground-critical-strong-inverted-a);
2019
+ --dt-color-link-critical-inverted-hover-hsl: var(--dt-color-foreground-critical-strong-inverted-hsl);
2020
+ --dt-color-link-critical-inverted-hover-hsla: var(--dt-color-foreground-critical-strong-inverted-hsla);
1780
2021
  --dt-color-link-critical-inverted-hover: var(--dt-color-foreground-critical-strong-inverted);
1781
- --dt-color-link-disabled-hover-h: 0;
1782
- --dt-color-link-disabled-hover-s: 0%;
1783
- --dt-color-link-disabled-hover-l: 0%;
1784
- --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hover-h) var(--dt-color-link-disabled-hover-s) var(--dt-color-link-disabled-hover-l);
1785
- --dt-color-link-disabled-hover-hsla: hsla(var(--dt-color-link-disabled-hover-h) var(--dt-color-link-disabled-hover-s) var(--dt-color-link-disabled-hover-l) / var(--alpha, 100%));
2022
+ --dt-color-link-disabled-hover-h: var(--dt-color-link-disabled-h);
2023
+ --dt-color-link-disabled-hover-s: var(--dt-color-link-disabled-s);
2024
+ --dt-color-link-disabled-hover-l: var(--dt-color-link-disabled-l);
2025
+ --dt-color-link-disabled-hover-a: var(--dt-color-link-disabled-a);
2026
+ --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
2027
+ --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
1786
2028
  --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
1787
- --dt-action-color-foreground-positive-active-h: 0;
1788
- --dt-action-color-foreground-positive-active-s: 0%;
1789
- --dt-action-color-foreground-positive-active-l: 0%;
1790
- --dt-action-color-foreground-positive-active-hsl: var(--dt-action-color-foreground-positive-active-h) var(--dt-action-color-foreground-positive-active-s) var(--dt-action-color-foreground-positive-active-l);
1791
- --dt-action-color-foreground-positive-active-hsla: hsla(var(--dt-action-color-foreground-positive-active-h) var(--dt-action-color-foreground-positive-active-s) var(--dt-action-color-foreground-positive-active-l) / var(--alpha, 100%));
2029
+ --dt-action-color-foreground-positive-active-h: var(--dt-action-color-foreground-positive-hover-h);
2030
+ --dt-action-color-foreground-positive-active-s: var(--dt-action-color-foreground-positive-hover-s);
2031
+ --dt-action-color-foreground-positive-active-l: var(--dt-action-color-foreground-positive-hover-l);
2032
+ --dt-action-color-foreground-positive-active-a: var(--dt-action-color-foreground-positive-hover-a);
2033
+ --dt-action-color-foreground-positive-active-hsl: var(--dt-action-color-foreground-positive-hover-hsl);
2034
+ --dt-action-color-foreground-positive-active-hsla: var(--dt-action-color-foreground-positive-hover-hsla);
1792
2035
  --dt-action-color-foreground-positive-active: var(--dt-action-color-foreground-positive-hover);
1793
- --dt-action-color-foreground-muted-active-h: 0;
1794
- --dt-action-color-foreground-muted-active-s: 0%;
1795
- --dt-action-color-foreground-muted-active-l: 0%;
1796
- --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-active-h) var(--dt-action-color-foreground-muted-active-s) var(--dt-action-color-foreground-muted-active-l);
1797
- --dt-action-color-foreground-muted-active-hsla: hsla(var(--dt-action-color-foreground-muted-active-h) var(--dt-action-color-foreground-muted-active-s) var(--dt-action-color-foreground-muted-active-l) / var(--alpha, 100%));
2036
+ --dt-action-color-foreground-muted-active-h: var(--dt-action-color-foreground-muted-hover-h);
2037
+ --dt-action-color-foreground-muted-active-s: var(--dt-action-color-foreground-muted-hover-s);
2038
+ --dt-action-color-foreground-muted-active-l: var(--dt-action-color-foreground-muted-hover-l);
2039
+ --dt-action-color-foreground-muted-active-a: var(--dt-action-color-foreground-muted-hover-a);
2040
+ --dt-action-color-foreground-muted-active-hsl: var(--dt-action-color-foreground-muted-hover-hsl);
2041
+ --dt-action-color-foreground-muted-active-hsla: var(--dt-action-color-foreground-muted-hover-hsla);
1798
2042
  --dt-action-color-foreground-muted-active: var(--dt-action-color-foreground-muted-hover);
1799
- --dt-action-color-foreground-inverted-active-h: 0;
1800
- --dt-action-color-foreground-inverted-active-s: 0%;
1801
- --dt-action-color-foreground-inverted-active-l: 0%;
1802
- --dt-action-color-foreground-inverted-active-hsl: var(--dt-action-color-foreground-inverted-active-h) var(--dt-action-color-foreground-inverted-active-s) var(--dt-action-color-foreground-inverted-active-l);
1803
- --dt-action-color-foreground-inverted-active-hsla: hsla(var(--dt-action-color-foreground-inverted-active-h) var(--dt-action-color-foreground-inverted-active-s) var(--dt-action-color-foreground-inverted-active-l) / var(--alpha, 100%));
2043
+ --dt-action-color-foreground-inverted-active-h: var(--dt-action-color-foreground-inverted-hover-h);
2044
+ --dt-action-color-foreground-inverted-active-s: var(--dt-action-color-foreground-inverted-hover-s);
2045
+ --dt-action-color-foreground-inverted-active-l: var(--dt-action-color-foreground-inverted-hover-l);
2046
+ --dt-action-color-foreground-inverted-active-a: var(--dt-action-color-foreground-inverted-hover-a);
2047
+ --dt-action-color-foreground-inverted-active-hsl: var(--dt-action-color-foreground-inverted-hover-hsl);
2048
+ --dt-action-color-foreground-inverted-active-hsla: var(--dt-action-color-foreground-inverted-hover-hsla);
1804
2049
  --dt-action-color-foreground-inverted-active: var(--dt-action-color-foreground-inverted-hover);
1805
- --dt-action-color-foreground-critical-active-h: 0;
1806
- --dt-action-color-foreground-critical-active-s: 0%;
1807
- --dt-action-color-foreground-critical-active-l: 0%;
1808
- --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-active-h) var(--dt-action-color-foreground-critical-active-s) var(--dt-action-color-foreground-critical-active-l);
1809
- --dt-action-color-foreground-critical-active-hsla: hsla(var(--dt-action-color-foreground-critical-active-h) var(--dt-action-color-foreground-critical-active-s) var(--dt-action-color-foreground-critical-active-l) / var(--alpha, 100%));
2050
+ --dt-action-color-foreground-critical-active-h: var(--dt-action-color-foreground-critical-hover-h);
2051
+ --dt-action-color-foreground-critical-active-s: var(--dt-action-color-foreground-critical-hover-s);
2052
+ --dt-action-color-foreground-critical-active-l: var(--dt-action-color-foreground-critical-hover-l);
2053
+ --dt-action-color-foreground-critical-active-a: var(--dt-action-color-foreground-critical-hover-a);
2054
+ --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
2055
+ --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
1810
2056
  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
1811
2057
  --dt-font-size-100-mobile: 1.2rem;
1812
2058
  --dt-font-size-200-mobile: 1.6rem;