@dialpad/dialtone 9.60.0 → 9.61.0

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 (79) hide show
  1. package/README.md +63 -32
  2. package/dist/chunks/tokens-base-dark-BC3U5KoN.js +4 -0
  3. package/dist/chunks/tokens-base-dark-zbBpWlfP.js +1 -0
  4. package/dist/chunks/tokens-base-light-PCrr7t8W.js +4 -0
  5. package/dist/chunks/tokens-base-light-dvWvBHbM.js +1 -0
  6. package/dist/css/dialtone-default-theme.css +26906 -0
  7. package/dist/css/dialtone-default-theme.min.css +1 -0
  8. package/dist/css/dialtone.css +171 -4734
  9. package/dist/css/dialtone.min.css +1 -1
  10. package/dist/css/tokens/tokens-base-dark.css +937 -0
  11. package/dist/css/tokens/tokens-base-light.css +717 -0
  12. package/dist/css/tokens/tokens-dp-dark.css +1794 -0
  13. package/dist/css/tokens/tokens-dp-light.css +1794 -0
  14. package/dist/css/tokens/tokens-expressive-dark.css +1800 -0
  15. package/dist/css/tokens/tokens-expressive-light.css +1800 -0
  16. package/dist/css/tokens/tokens-expressive-sm-dark.css +1800 -0
  17. package/dist/css/tokens/tokens-expressive-sm-light.css +1800 -0
  18. package/dist/css/tokens/tokens-tmo-dark.css +1794 -0
  19. package/dist/css/tokens/tokens-tmo-light.css +1794 -0
  20. package/dist/themes/config.cjs +1 -0
  21. package/dist/themes/config.js +17 -0
  22. package/dist/themes/dp-dark.cjs +1 -0
  23. package/dist/themes/dp-dark.js +14 -0
  24. package/dist/themes/dp-light.cjs +1 -0
  25. package/dist/themes/dp-light.js +14 -0
  26. package/dist/themes/expressive-dark.cjs +1 -0
  27. package/dist/themes/expressive-dark.js +14 -0
  28. package/dist/themes/expressive-light.cjs +1 -0
  29. package/dist/themes/expressive-light.js +14 -0
  30. package/dist/themes/expressive-sm-dark.cjs +1 -0
  31. package/dist/themes/expressive-sm-dark.js +14 -0
  32. package/dist/themes/expressive-sm-light.cjs +1 -0
  33. package/dist/themes/expressive-sm-light.js +14 -0
  34. package/dist/themes/tmo-dark.cjs +1 -0
  35. package/dist/themes/tmo-dark.js +14 -0
  36. package/dist/themes/tmo-light.cjs +1 -0
  37. package/dist/themes/tmo-light.js +14 -0
  38. package/dist/tokens/css/tokens-base-dark.css +937 -0
  39. package/dist/tokens/css/tokens-base-light.css +717 -0
  40. package/dist/tokens/css/tokens-dp-dark.css +1794 -0
  41. package/dist/tokens/css/tokens-dp-light.css +1794 -0
  42. package/dist/tokens/css/tokens-expressive-dark.css +1800 -0
  43. package/dist/tokens/css/tokens-expressive-light.css +1800 -0
  44. package/dist/tokens/css/tokens-expressive-sm-dark.css +1800 -0
  45. package/dist/tokens/css/tokens-expressive-sm-light.css +1800 -0
  46. package/dist/tokens/css/tokens-tmo-dark.css +1794 -0
  47. package/dist/tokens/css/tokens-tmo-light.css +1794 -0
  48. package/dist/tokens/doc.json +89655 -77327
  49. package/dist/tokens/less/tokens-base-dark.less +487 -0
  50. package/dist/tokens/less/tokens-base-light.less +367 -0
  51. package/dist/tokens/less/{variables-dark.less → tokens-dp-dark.less} +82 -570
  52. package/dist/tokens/less/{variables-light.less → tokens-dp-light.less} +45 -413
  53. package/dist/tokens/less/{variables-expressive-dark.less → tokens-expressive-dark.less} +88 -571
  54. package/dist/tokens/less/{variables-expressive-light.less → tokens-expressive-light.less} +51 -414
  55. package/dist/tokens/less/{variables-expressive-sm-dark.less → tokens-expressive-sm-dark.less} +88 -571
  56. package/dist/tokens/less/{variables-expressive-sm-light.less → tokens-expressive-sm-light.less} +51 -414
  57. package/dist/tokens/less/{variables-tmo-dark.less → tokens-tmo-dark.less} +82 -570
  58. package/dist/tokens/less/{variables-tmo-light.less → tokens-tmo-light.less} +45 -413
  59. package/dist/tokens/tokens-base-dark.json +486 -0
  60. package/dist/tokens/tokens-base-light.json +366 -0
  61. package/dist/tokens/tokens-dp-dark.json +449 -0
  62. package/dist/tokens/tokens-dp-light.json +449 -0
  63. package/dist/tokens/tokens-expressive-dark.json +455 -0
  64. package/dist/tokens/tokens-expressive-light.json +455 -0
  65. package/dist/tokens/tokens-expressive-sm-dark.json +455 -0
  66. package/dist/tokens/tokens-expressive-sm-light.json +455 -0
  67. package/dist/tokens/tokens-tmo-dark.json +449 -0
  68. package/dist/tokens/tokens-tmo-light.json +449 -0
  69. package/package.json +9 -1
  70. package/dist/tokens/css/variables-dark.css +0 -941
  71. package/dist/tokens/css/variables-expressive-dark.css +0 -942
  72. package/dist/tokens/css/variables-expressive-light.css +0 -822
  73. package/dist/tokens/css/variables-expressive-sm-dark.css +0 -942
  74. package/dist/tokens/css/variables-expressive-sm-light.css +0 -822
  75. package/dist/tokens/css/variables-light.css +0 -821
  76. package/dist/tokens/css/variables-tmo-dark.css +0 -941
  77. package/dist/tokens/css/variables-tmo-light.css +0 -821
  78. package/dist/tokens/tokens-dark.json +0 -933
  79. package/dist/tokens/tokens-light.json +0 -813
@@ -0,0 +1,717 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ color-scheme: light;
7
+ --dt-font-size-100: 12px; /* small */
8
+ --dt-font-size-200: 15px; /* medium / base */
9
+ --dt-font-size-300: 19px; /* large */
10
+ --dt-font-size-400: 27px; /* extra large / xl */
11
+ --dt-font-size-500: 38px; /* extra large / xxl */
12
+ --dt-font-family-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
13
+ --dt-font-family-expressive: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
14
+ --dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
15
+ --dt-font-line-height-100: 1;
16
+ --dt-font-line-height-200: 1.2;
17
+ --dt-font-line-height-300: 1.4;
18
+ --dt-font-line-height-400: 1.6;
19
+ --dt-font-line-height-500: 1.8;
20
+ --dt-font-line-height-600: 2;
21
+ --dt-font-weight-normal: 400;
22
+ --dt-font-weight-medium: 500;
23
+ --dt-font-weight-semi-bold: 600;
24
+ --dt-font-weight-bold: 700;
25
+ --dt-font-text-case-uppercase: uppercase;
26
+ --dt-font-text-case-lowercase: lowercase;
27
+ --dt-font-text-case-capitalize: capitalize;
28
+ --dt-font-text-case-none: none;
29
+ --dt-size-0: 0rem;
30
+ --dt-size-50: 0.05rem;
31
+ --dt-size-100: 0.1rem;
32
+ --dt-size-200: 0.2rem;
33
+ --dt-size-300: 0.4rem;
34
+ --dt-size-350: 0.6rem;
35
+ --dt-size-400: 0.8rem;
36
+ --dt-size-450: 1.2rem;
37
+ --dt-size-500: 1.6rem;
38
+ --dt-size-525: 2rem;
39
+ --dt-size-550: 2.4rem;
40
+ --dt-size-600: 3.2rem;
41
+ --dt-size-625: 4.2rem;
42
+ --dt-size-650: 4.8rem;
43
+ --dt-size-700: 6.4rem;
44
+ --dt-size-720: 7.2rem;
45
+ --dt-size-730: 8.4rem;
46
+ --dt-size-750: 9.6rem;
47
+ --dt-size-760: 10.2rem;
48
+ --dt-size-775: 11.4rem;
49
+ --dt-size-800: 12.8rem;
50
+ --dt-size-825: 16.4rem;
51
+ --dt-size-850: 19.2rem;
52
+ --dt-size-875: 21.6rem;
53
+ --dt-size-900: 25.6rem;
54
+ --dt-size-905: 26.4rem;
55
+ --dt-size-925: 33.2rem;
56
+ --dt-size-950: 38.4rem;
57
+ --dt-size-975: 46.4rem;
58
+ --dt-size-1000: 51.2rem;
59
+ --dt-size-1020: 62.8rem;
60
+ --dt-size-1040: 76.4rem;
61
+ --dt-size-1050: 76.8rem;
62
+ --dt-size-1060: 82.8rem;
63
+ --dt-size-1080: 91.2rem;
64
+ --dt-size-1100: 102.4rem;
65
+ --dt-size-1115: 114rem;
66
+ --dt-size-1120: 126.8rem;
67
+ --dt-size-1125: 128rem;
68
+ --dt-size-1130: 134rem;
69
+ --dt-size-1150: 153.6rem;
70
+ --dt-size-1200: 204.8rem;
71
+ --dt-size-border-0: 0rem;
72
+ --dt-size-border-50: 0.05rem;
73
+ --dt-size-border-100: 0.1rem;
74
+ --dt-size-border-150: 0.15rem;
75
+ --dt-size-border-200: 0.2rem;
76
+ --dt-size-border-300: 0.4rem;
77
+ --dt-size-border-400: 0.8rem;
78
+ --dt-size-50-negative: -0.05rem;
79
+ --dt-size-100-negative: -0.1rem;
80
+ --dt-size-200-negative: -0.2rem;
81
+ --dt-size-300-negative: -0.4rem;
82
+ --dt-size-350-negative: -0.6rem;
83
+ --dt-size-400-negative: -0.8rem;
84
+ --dt-size-450-negative: -1.2rem;
85
+ --dt-size-500-negative: -1.6rem;
86
+ --dt-size-525-negative: -2rem;
87
+ --dt-size-550-negative: -2.4rem;
88
+ --dt-size-600-negative: -3.2rem;
89
+ --dt-size-625-negative: -4.2rem;
90
+ --dt-size-650-negative: -4.8rem;
91
+ --dt-size-700-negative: -6.4rem;
92
+ --dt-size-720-negative: -7.2rem;
93
+ --dt-size-730-negative: -8.4rem;
94
+ --dt-size-750-negative: -9.6rem;
95
+ --dt-size-760-negative: -10.2rem;
96
+ --dt-size-775-negative: -11.4rem;
97
+ --dt-size-800-negative: -12.8rem;
98
+ --dt-size-825-negative: -16.4rem;
99
+ --dt-size-850-negative: -19.2rem;
100
+ --dt-size-875-negative: -21.6rem;
101
+ --dt-size-900-negative: -25.6rem;
102
+ --dt-size-905-negative: -26.4rem;
103
+ --dt-size-925-negative: -33.2rem;
104
+ --dt-size-950-negative: -38.4rem;
105
+ --dt-size-975-negative: -46.4rem;
106
+ --dt-size-1000-negative: -51.2rem;
107
+ --dt-size-1020-negative: -62.8rem;
108
+ --dt-size-1040-negative: -76.4rem;
109
+ --dt-size-1050-negative: -76.8rem;
110
+ --dt-size-1060-negative: -82.8rem;
111
+ --dt-size-1080-negative: -91.2rem;
112
+ --dt-size-1100-negative: -102.4rem;
113
+ --dt-size-1115-negative: -114rem;
114
+ --dt-size-1120-negative: -126.8rem;
115
+ --dt-size-1125-negative: -128rem;
116
+ --dt-size-1130-negative: -134rem;
117
+ --dt-size-1150-negative: -153.6rem;
118
+ --dt-size-1200-negative: -204.8rem;
119
+ --dt-size-0-percent: 0%;
120
+ --dt-size-5-percent: 5%;
121
+ --dt-size-10-percent: 10%;
122
+ --dt-size-20-percent: 20%;
123
+ --dt-size-25-percent: 25%;
124
+ --dt-size-30-percent: 30%;
125
+ --dt-size-33-percent: 33.333%;
126
+ --dt-size-40-percent: 40%;
127
+ --dt-size-50-percent: 50%;
128
+ --dt-size-60-percent: 60%;
129
+ --dt-size-66-percent: 66.7%;
130
+ --dt-size-70-percent: 70%;
131
+ --dt-size-75-percent: 75%;
132
+ --dt-size-80-percent: 80%;
133
+ --dt-size-90-percent: 90%;
134
+ --dt-size-95-percent: 95%;
135
+ --dt-size-100-percent: 100%;
136
+ --dt-size-radius-0: 0rem;
137
+ --dt-size-radius-100: 0.1rem;
138
+ --dt-size-radius-200: 0.2rem;
139
+ --dt-size-radius-300: 0.4rem;
140
+ --dt-size-radius-400: 0.8rem;
141
+ --dt-size-radius-500: 1.6rem;
142
+ --dt-size-radius-600: 3.2rem;
143
+ --dt-size-radius-pill: 10.2rem;
144
+ --dt-size-radius-circle: 50%;
145
+ --dt-space-0: 0rem;
146
+ --dt-space-50: 0.05rem;
147
+ --dt-space-100: 0.1rem;
148
+ --dt-space-200: 0.2rem;
149
+ --dt-space-300: 0.4rem;
150
+ --dt-space-350: 0.6rem;
151
+ --dt-space-400: 0.8rem;
152
+ --dt-space-450: 1.2rem;
153
+ --dt-space-500: 1.6rem;
154
+ --dt-space-525: 2rem;
155
+ --dt-space-550: 2.4rem;
156
+ --dt-space-600: 3.2rem;
157
+ --dt-space-625: 4.2rem;
158
+ --dt-space-650: 4.8rem;
159
+ --dt-space-700: 6.4rem;
160
+ --dt-space-720: 7.2rem;
161
+ --dt-space-730: 8.4rem;
162
+ --dt-space-750: 9.6rem;
163
+ --dt-space-760: 10.2rem;
164
+ --dt-space-775: 11.4rem;
165
+ --dt-space-800: 12.8rem;
166
+ --dt-space-825: 16.4rem;
167
+ --dt-space-850: 19.2rem;
168
+ --dt-space-875: 21.6rem;
169
+ --dt-space-900: 25.6rem;
170
+ --dt-space-905: 26.4rem;
171
+ --dt-space-925: 33.2rem;
172
+ --dt-space-950: 38.4rem;
173
+ --dt-space-975: 46.4rem;
174
+ --dt-space-1000: 51.2rem;
175
+ --dt-space-1020: 62.8rem;
176
+ --dt-space-1040: 76.4rem;
177
+ --dt-space-1050: 76.8rem;
178
+ --dt-space-1060: 82.8rem;
179
+ --dt-space-1080: 91.2rem;
180
+ --dt-space-1100: 102.4rem;
181
+ --dt-space-1115: 114rem;
182
+ --dt-space-1120: 126.8rem;
183
+ --dt-space-1125: 128rem;
184
+ --dt-space-1130: 134rem;
185
+ --dt-space-1150: 153.6rem;
186
+ --dt-space-1200: 204.8rem;
187
+ --dt-space-50-negative: -0.05rem;
188
+ --dt-space-100-negative: -0.1rem;
189
+ --dt-space-200-negative: -0.2rem;
190
+ --dt-space-300-negative: -0.4rem;
191
+ --dt-space-350-negative: -0.6rem;
192
+ --dt-space-400-negative: -0.8rem;
193
+ --dt-space-450-negative: -1.2rem;
194
+ --dt-space-500-negative: -1.6rem;
195
+ --dt-space-525-negative: -2rem;
196
+ --dt-space-550-negative: -2.4rem;
197
+ --dt-space-600-negative: -3.2rem;
198
+ --dt-space-625-negative: -4.2rem;
199
+ --dt-space-650-negative: -4.8rem;
200
+ --dt-space-700-negative: -6.4rem;
201
+ --dt-space-720-negative: -7.2rem;
202
+ --dt-space-730-negative: -8.4rem;
203
+ --dt-space-750-negative: -9.6rem;
204
+ --dt-space-760-negative: -10.2rem;
205
+ --dt-space-775-negative: -11.4rem;
206
+ --dt-space-800-negative: -12.8rem;
207
+ --dt-space-825-negative: -16.4rem;
208
+ --dt-space-850-negative: -19.2rem;
209
+ --dt-space-875-negative: -21.6rem;
210
+ --dt-space-900-negative: -25.6rem;
211
+ --dt-space-905-negative: -26.4rem;
212
+ --dt-space-925-negative: -33.2rem;
213
+ --dt-space-950-negative: -38.4rem;
214
+ --dt-space-975-negative: -46.4rem;
215
+ --dt-space-1000-negative: -51.2rem;
216
+ --dt-space-1020-negative: -62.8rem;
217
+ --dt-space-1040-negative: -76.4rem;
218
+ --dt-space-1050-negative: -76.8rem;
219
+ --dt-space-1060-negative: -82.8rem;
220
+ --dt-space-1080-negative: -91.2rem;
221
+ --dt-space-1100-negative: -102.4rem;
222
+ --dt-space-1115-negative: -114rem;
223
+ --dt-space-1120-negative: -126.8rem;
224
+ --dt-space-1125-negative: -128rem;
225
+ --dt-space-1130-negative: -134rem;
226
+ --dt-space-1150-negative: -153.6rem;
227
+ --dt-space-1200-negative: -204.8rem;
228
+ --dt-space-0-percent: 0%;
229
+ --dt-space-5-percent: 5%;
230
+ --dt-space-10-percent: 10%;
231
+ --dt-space-20-percent: 20%;
232
+ --dt-space-25-percent: 25%;
233
+ --dt-space-30-percent: 30%;
234
+ --dt-space-33-percent: 33.333%;
235
+ --dt-space-40-percent: 40%;
236
+ --dt-space-50-percent: 50%;
237
+ --dt-space-60-percent: 60%;
238
+ --dt-space-66-percent: 66.7%;
239
+ --dt-space-70-percent: 70%;
240
+ --dt-space-75-percent: 75%;
241
+ --dt-space-80-percent: 80%;
242
+ --dt-space-90-percent: 90%;
243
+ --dt-space-95-percent: 95%;
244
+ --dt-space-100-percent: 100%;
245
+ --dt-color-neutral-white-h: 0;
246
+ --dt-color-neutral-white-s: 0%;
247
+ --dt-color-neutral-white-l: 100%;
248
+ --dt-color-neutral-white-hsl: var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l);
249
+ --dt-color-neutral-white-hsla: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));
250
+ --dt-color-neutral-white: #ffffff; /* White color independent of any theme. */
251
+ --dt-color-neutral-black-h: 0;
252
+ --dt-color-neutral-black-s: 0%;
253
+ --dt-color-neutral-black-l: 0%;
254
+ --dt-color-neutral-black-hsl: var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l);
255
+ --dt-color-neutral-black-hsla: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--alpha, 100%));
256
+ --dt-color-neutral-black: #000000; /* Black color independent of any theme. */
257
+ --dt-color-neutral-transparent-h: 0;
258
+ --dt-color-neutral-transparent-s: 0%;
259
+ --dt-color-neutral-transparent-l: 0%;
260
+ --dt-color-neutral-transparent-hsl: var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l);
261
+ --dt-color-neutral-transparent-hsla: hsla(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--alpha, 100%));
262
+ --dt-color-neutral-transparent: transparent; /* Transparent color independent of any theme. */
263
+ --dt-color-black-100-h: 0;
264
+ --dt-color-black-100-s: 0%;
265
+ --dt-color-black-100-l: 97.6470588235294%;
266
+ --dt-color-black-100-hsl: var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l);
267
+ --dt-color-black-100-hsla: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--alpha, 100%));
268
+ --dt-color-black-100: #F9F9F9;
269
+ --dt-color-black-200-h: 0;
270
+ --dt-color-black-200-s: 0%;
271
+ --dt-color-black-200-l: 91.37254901960785%;
272
+ --dt-color-black-200-hsl: var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l);
273
+ --dt-color-black-200-hsla: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--alpha, 100%));
274
+ --dt-color-black-200: #E9E9E9;
275
+ --dt-color-black-300-h: 0;
276
+ --dt-color-black-300-s: 0%;
277
+ --dt-color-black-300-l: 82.35294117647058%;
278
+ --dt-color-black-300-hsl: var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l);
279
+ --dt-color-black-300-hsla: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--alpha, 100%));
280
+ --dt-color-black-300: #D2D2D2;
281
+ --dt-color-black-400-h: 0;
282
+ --dt-color-black-400-s: 0%;
283
+ --dt-color-black-400-l: 66.66666666666666%;
284
+ --dt-color-black-400-hsl: var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l);
285
+ --dt-color-black-400-hsla: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--alpha, 100%));
286
+ --dt-color-black-400: #AAAAAA;
287
+ --dt-color-black-500-h: 0;
288
+ --dt-color-black-500-s: 0%;
289
+ --dt-color-black-500-l: 50.19607843137255%;
290
+ --dt-color-black-500-hsl: var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l);
291
+ --dt-color-black-500-hsla: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--alpha, 100%));
292
+ --dt-color-black-500: #808080;
293
+ --dt-color-black-600-h: 0;
294
+ --dt-color-black-600-s: 0%;
295
+ --dt-color-black-600-l: 33.33333333333333%;
296
+ --dt-color-black-600-hsl: var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l);
297
+ --dt-color-black-600-hsla: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--alpha, 100%));
298
+ --dt-color-black-600: #555555;
299
+ --dt-color-black-700-h: 0;
300
+ --dt-color-black-700-s: 0%;
301
+ --dt-color-black-700-l: 22.745098039215687%;
302
+ --dt-color-black-700-hsl: var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l);
303
+ --dt-color-black-700-hsla: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--alpha, 100%));
304
+ --dt-color-black-700: #3A3A3A;
305
+ --dt-color-black-800-h: 0;
306
+ --dt-color-black-800-s: 0%;
307
+ --dt-color-black-800-l: 13.333333333333334%;
308
+ --dt-color-black-800-hsl: var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l);
309
+ --dt-color-black-800-hsla: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--alpha, 100%));
310
+ --dt-color-black-800: #222222;
311
+ --dt-color-black-900-h: 0;
312
+ --dt-color-black-900-s: 0%;
313
+ --dt-color-black-900-l: 0%;
314
+ --dt-color-black-900-hsl: var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l);
315
+ --dt-color-black-900-hsla: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--alpha, 100%));
316
+ --dt-color-black-900: #000000;
317
+ --dt-color-purple-100-h: 260.00000000000006;
318
+ --dt-color-purple-100-s: 100%;
319
+ --dt-color-purple-100-l: 97.05882352941177%;
320
+ --dt-color-purple-100-hsl: var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l);
321
+ --dt-color-purple-100-hsla: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--alpha, 100%));
322
+ --dt-color-purple-100: #F5F0FF;
323
+ --dt-color-purple-200-h: 260.35714285714283;
324
+ --dt-color-purple-200-s: 100%;
325
+ --dt-color-purple-200-l: 89.01960784313725%;
326
+ --dt-color-purple-200-hsl: var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l);
327
+ --dt-color-purple-200-hsla: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--alpha, 100%));
328
+ --dt-color-purple-200: #DAC7FF;
329
+ --dt-color-purple-300-h: 260.9302325581395;
330
+ --dt-color-purple-300-s: 100%;
331
+ --dt-color-purple-300-l: 74.70588235294117%;
332
+ --dt-color-purple-300-hsl: var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l);
333
+ --dt-color-purple-300-hsla: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--alpha, 100%));
334
+ --dt-color-purple-300: #AB7EFF;
335
+ --dt-color-purple-400-h: 254.5664739884393;
336
+ --dt-color-purple-400-s: 100%;
337
+ --dt-color-purple-400-l: 66.07843137254902%;
338
+ --dt-color-purple-400-hsl: var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l);
339
+ --dt-color-purple-400-hsla: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--alpha, 100%));
340
+ --dt-color-purple-400: #7C52FF;
341
+ --dt-color-purple-500-h: 254.49999999999997;
342
+ --dt-color-purple-500-s: 67.41573033707866%;
343
+ --dt-color-purple-500-l: 34.90196078431373%;
344
+ --dt-color-purple-500-hsl: var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l);
345
+ --dt-color-purple-500-hsla: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--alpha, 100%));
346
+ --dt-color-purple-500: #3A1D95;
347
+ --dt-color-purple-600-h: 260;
348
+ --dt-color-purple-600-s: 91.30434782608695%;
349
+ --dt-color-purple-600-l: 9.019607843137255%;
350
+ --dt-color-purple-600-hsl: var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l);
351
+ --dt-color-purple-600-hsla: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--alpha, 100%));
352
+ --dt-color-purple-600: #10022C;
353
+ --dt-color-blue-100-h: 210;
354
+ --dt-color-blue-100-s: 61.538461538461554%;
355
+ --dt-color-blue-100-l: 94.90196078431372%;
356
+ --dt-color-blue-100-hsl: var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l);
357
+ --dt-color-blue-100-hsla: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--alpha, 100%));
358
+ --dt-color-blue-100: #EAF2FA;
359
+ --dt-color-blue-200-h: 212.35294117647058;
360
+ --dt-color-blue-200-s: 100%;
361
+ --dt-color-blue-200-l: 80%;
362
+ --dt-color-blue-200-hsl: var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l);
363
+ --dt-color-blue-200-hsla: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--alpha, 100%));
364
+ --dt-color-blue-200: #99C8FF;
365
+ --dt-color-blue-300-h: 212.60115606936418;
366
+ --dt-color-blue-300-s: 98.85714285714286%;
367
+ --dt-color-blue-300-l: 65.68627450980392%;
368
+ --dt-color-blue-300-hsl: var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l);
369
+ --dt-color-blue-300-hsla: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--alpha, 100%));
370
+ --dt-color-blue-300: #51A0FE;
371
+ --dt-color-blue-400-h: 212.22857142857146;
372
+ --dt-color-blue-400-s: 79.18552036199095%;
373
+ --dt-color-blue-400-l: 43.333333333333336%;
374
+ --dt-color-blue-400-hsl: var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l);
375
+ --dt-color-blue-400-hsla: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--alpha, 100%));
376
+ --dt-color-blue-400: #1768C6;
377
+ --dt-color-blue-500-h: 212.77777777777777;
378
+ --dt-color-blue-500-s: 98.18181818181819%;
379
+ --dt-color-blue-500-l: 21.56862745098039%;
380
+ --dt-color-blue-500-hsl: var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l);
381
+ --dt-color-blue-500-hsla: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--alpha, 100%));
382
+ --dt-color-blue-500: #01326D;
383
+ --dt-color-magenta-100-h: 325.16129032258067;
384
+ --dt-color-magenta-100-s: 100%;
385
+ --dt-color-magenta-100-l: 93.92156862745098%;
386
+ --dt-color-magenta-100-hsl: var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l);
387
+ --dt-color-magenta-100-hsla: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--alpha, 100%));
388
+ --dt-color-magenta-100: #FFE0F2;
389
+ --dt-color-magenta-200-h: 325.86206896551727;
390
+ --dt-color-magenta-200-s: 90.62500000000001%;
391
+ --dt-color-magenta-200-l: 74.90196078431373%;
392
+ --dt-color-magenta-200-hsl: var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l);
393
+ --dt-color-magenta-200-hsla: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--alpha, 100%));
394
+ --dt-color-magenta-200: #F985C7;
395
+ --dt-color-magenta-300-h: 325.7831325301205;
396
+ --dt-color-magenta-300-s: 100%;
397
+ --dt-color-magenta-300-l: 48.8235294117647%;
398
+ --dt-color-magenta-300-hsl: var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l);
399
+ --dt-color-magenta-300-hsla: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--alpha, 100%));
400
+ --dt-color-magenta-300: #F9008E;
401
+ --dt-color-magenta-400-h: 325.7142857142857;
402
+ --dt-color-magenta-400-s: 81.81818181818181%;
403
+ --dt-color-magenta-400-l: 30.196078431372552%;
404
+ --dt-color-magenta-400-hsl: var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l);
405
+ --dt-color-magenta-400-hsla: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--alpha, 100%));
406
+ --dt-color-magenta-400: #8C0E56;
407
+ --dt-color-magenta-500-h: 325.86206896551727;
408
+ --dt-color-magenta-500-s: 52.72727272727272%;
409
+ --dt-color-magenta-500-l: 21.568627450980394%;
410
+ --dt-color-magenta-500-hsl: var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l);
411
+ --dt-color-magenta-500-hsla: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--alpha, 100%));
412
+ --dt-color-magenta-500: #541A3B;
413
+ --dt-color-gold-100-h: 47.058823529411775;
414
+ --dt-color-gold-100-s: 100%;
415
+ --dt-color-gold-100-l: 90%;
416
+ --dt-color-gold-100-hsl: var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l);
417
+ --dt-color-gold-100-hsla: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--alpha, 100%));
418
+ --dt-color-gold-100: #FFF4CC;
419
+ --dt-color-gold-200-h: 42.99212598425196;
420
+ --dt-color-gold-200-s: 100%;
421
+ --dt-color-gold-200-l: 75.09803921568627%;
422
+ --dt-color-gold-200-hsl: var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l);
423
+ --dt-color-gold-200-hsla: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--alpha, 100%));
424
+ --dt-color-gold-200: #FFDB80;
425
+ --dt-color-gold-300-h: 35.80645161290322;
426
+ --dt-color-gold-300-s: 91.17647058823533%;
427
+ --dt-color-gold-300-l: 60%;
428
+ --dt-color-gold-300-hsl: var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l);
429
+ --dt-color-gold-300-hsla: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--alpha, 100%));
430
+ --dt-color-gold-300: #F6AB3C;
431
+ --dt-color-gold-400-h: 35.92814371257486;
432
+ --dt-color-gold-400-s: 66.00790513833991%;
433
+ --dt-color-gold-400-l: 49.6078431372549%;
434
+ --dt-color-gold-400-hsl: var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l);
435
+ --dt-color-gold-400-hsla: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--alpha, 100%));
436
+ --dt-color-gold-400: #D28F2B;
437
+ --dt-color-gold-500-h: 35.70247933884298;
438
+ --dt-color-gold-500-s: 88.32116788321169%;
439
+ --dt-color-gold-500-l: 26.862745098039216%;
440
+ --dt-color-gold-500-hsl: var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l);
441
+ --dt-color-gold-500-hsla: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--alpha, 100%));
442
+ --dt-color-gold-500: #815008;
443
+ --dt-color-green-100-h: 111.42857142857133;
444
+ --dt-color-green-100-s: 53.84615384615389%;
445
+ --dt-color-green-100-l: 94.90196078431372%;
446
+ --dt-color-green-100-hsl: var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l);
447
+ --dt-color-green-100-hsla: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--alpha, 100%));
448
+ --dt-color-green-100: #EDF9EB;
449
+ --dt-color-green-200-h: 111.52173913043478;
450
+ --dt-color-green-200-s: 100%;
451
+ --dt-color-green-200-l: 81.96078431372548%;
452
+ --dt-color-green-200-hsl: var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l);
453
+ --dt-color-green-200-hsla: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--alpha, 100%));
454
+ --dt-color-green-200: #B0FFA3;
455
+ --dt-color-green-300-h: 136.85393258426967;
456
+ --dt-color-green-300-s: 91.75257731958763%;
457
+ --dt-color-green-300-l: 61.96078431372549%;
458
+ --dt-color-green-300-hsl: var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l);
459
+ --dt-color-green-300-hsla: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--alpha, 100%));
460
+ --dt-color-green-300: #45F777;
461
+ --dt-color-green-400-h: 136.64233576642334;
462
+ --dt-color-green-400-s: 72.4867724867725%;
463
+ --dt-color-green-400-l: 37.05882352941176%;
464
+ --dt-color-green-400-hsl: var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l);
465
+ --dt-color-green-400-hsla: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--alpha, 100%));
466
+ --dt-color-green-400: #1AA340;
467
+ --dt-color-green-500-h: 136.15384615384616;
468
+ --dt-color-green-500-s: 59.09090909090909%;
469
+ --dt-color-green-500-l: 17.254901960784313%;
470
+ --dt-color-green-500-hsl: var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l);
471
+ --dt-color-green-500-hsla: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--alpha, 100%));
472
+ --dt-color-green-500: #124620;
473
+ --dt-color-red-100-h: 357.6923076923077;
474
+ --dt-color-red-100-s: 100%;
475
+ --dt-color-red-100-l: 94.90196078431372%;
476
+ --dt-color-red-100-hsl: var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l);
477
+ --dt-color-red-100-hsla: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--alpha, 100%));
478
+ --dt-color-red-100: #FFE5E6;
479
+ --dt-color-red-200-h: 0;
480
+ --dt-color-red-200-s: 100%;
481
+ --dt-color-red-200-l: 76.07843137254902%;
482
+ --dt-color-red-200-hsl: var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l);
483
+ --dt-color-red-200-hsla: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--alpha, 100%));
484
+ --dt-color-red-200: #FF8585;
485
+ --dt-color-red-300-h: 0;
486
+ --dt-color-red-300-s: 88.79999999999998%;
487
+ --dt-color-red-300-l: 49.01960784313726%;
488
+ --dt-color-red-300-hsl: var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l);
489
+ --dt-color-red-300-hsla: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--alpha, 100%));
490
+ --dt-color-red-300: #EC0E0E;
491
+ --dt-color-red-400-h: 0;
492
+ --dt-color-red-400-s: 88.659793814433%;
493
+ --dt-color-red-400-l: 38.03921568627451%;
494
+ --dt-color-red-400-hsl: var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l);
495
+ --dt-color-red-400-hsla: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--alpha, 100%));
496
+ --dt-color-red-400: #B70B0B;
497
+ --dt-color-red-500-h: 0;
498
+ --dt-color-red-500-s: 89.58333333333334%;
499
+ --dt-color-red-500-l: 18.823529411764707%;
500
+ --dt-color-red-500-hsl: var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l);
501
+ --dt-color-red-500-hsla: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--alpha, 100%));
502
+ --dt-color-red-500: #5B0505;
503
+ --dt-color-tan-100-h: 30;
504
+ --dt-color-tan-100-s: 13.333333333333282%;
505
+ --dt-color-tan-100-l: 94.11764705882352%;
506
+ --dt-color-tan-100-hsl: var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l);
507
+ --dt-color-tan-100-hsla: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--alpha, 100%));
508
+ --dt-color-tan-100: #F2F0EE;
509
+ --dt-color-tan-200-h: 23.99999999999993;
510
+ --dt-color-tan-200-s: 9.259259259259254%;
511
+ --dt-color-tan-200-l: 78.82352941176471%;
512
+ --dt-color-tan-200-hsl: var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l);
513
+ --dt-color-tan-200-hsla: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--alpha, 100%));
514
+ --dt-color-tan-200: #CEC8C4;
515
+ --dt-color-tan-300-h: 24.999999999999982;
516
+ --dt-color-tan-300-s: 4.761904761904762%;
517
+ --dt-color-tan-300-l: 50.588235294117645%;
518
+ --dt-color-tan-300-hsl: var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l);
519
+ --dt-color-tan-300-hsla: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--alpha, 100%));
520
+ --dt-color-tan-300: #87807B;
521
+ --dt-color-tan-400-h: 20.000000000000046;
522
+ --dt-color-tan-400-s: 2.4390243902439055%;
523
+ --dt-color-tan-400-l: 24.11764705882353%;
524
+ --dt-color-tan-400-hsl: var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l);
525
+ --dt-color-tan-400-hsla: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--alpha, 100%));
526
+ --dt-color-tan-400: #3F3D3C;
527
+ --dt-color-tan-500-h: 0;
528
+ --dt-color-tan-500-s: 0%;
529
+ --dt-color-tan-500-l: 7.0588235294117645%;
530
+ --dt-color-tan-500-hsl: var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l);
531
+ --dt-color-tan-500-hsla: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--alpha, 100%));
532
+ --dt-color-tan-500: #121212;
533
+ --dt-color-gradient-magenta-purple-h: 0;
534
+ --dt-color-gradient-magenta-purple-s: 0%;
535
+ --dt-color-gradient-magenta-purple-l: 0%;
536
+ --dt-color-gradient-magenta-purple-hsl: var(--dt-color-gradient-magenta-purple-h) var(--dt-color-gradient-magenta-purple-s) var(--dt-color-gradient-magenta-purple-l);
537
+ --dt-color-gradient-magenta-purple-hsla: hsla(var(--dt-color-gradient-magenta-purple-h) var(--dt-color-gradient-magenta-purple-s) var(--dt-color-gradient-magenta-purple-l) / var(--alpha, 100%));
538
+ --dt-color-gradient-magenta-purple: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%); /* Gradient for Ai-oriented treatments. */
539
+ --dt-color-brand-purple-h: 254.5664739884393;
540
+ --dt-color-brand-purple-s: 100%;
541
+ --dt-color-brand-purple-l: 66.07843137254902%;
542
+ --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
543
+ --dt-color-brand-purple-hsla: hsla(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
544
+ --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
545
+ --dt-color-brand-magenta-h: 325.7831325301205;
546
+ --dt-color-brand-magenta-s: 100%;
547
+ --dt-color-brand-magenta-l: 48.8235294117647%;
548
+ --dt-color-brand-magenta-hsl: var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l);
549
+ --dt-color-brand-magenta-hsla: hsla(var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l) / var(--alpha, 100%));
550
+ --dt-color-brand-magenta: #F9008E; /* Secondary brand color, typically used as an accent color. */
551
+ --dt-color-brand-gold-h: 35.80645161290322;
552
+ --dt-color-brand-gold-s: 91.17647058823533%;
553
+ --dt-color-brand-gold-l: 60%;
554
+ --dt-color-brand-gold-hsl: var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l);
555
+ --dt-color-brand-gold-hsla: hsla(var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l) / var(--alpha, 100%));
556
+ --dt-color-brand-gold: #F6AB3C; /* Secondary brand color, typically used as an accent color. */
557
+ --dt-opacity-0: 0;
558
+ --dt-opacity-100: 0.05;
559
+ --dt-opacity-200: 0.1;
560
+ --dt-opacity-300: 0.2;
561
+ --dt-opacity-400: 0.25;
562
+ --dt-opacity-500: 0.3;
563
+ --dt-opacity-600: 0.4;
564
+ --dt-opacity-700: 0.5;
565
+ --dt-opacity-800: 0.6;
566
+ --dt-opacity-900: 0.7;
567
+ --dt-opacity-1000: 0.75;
568
+ --dt-opacity-1100: 0.8;
569
+ --dt-opacity-1200: 0.9;
570
+ --dt-opacity-1300: 1;
571
+ --dt-shadow-small-blur: 0.4rem;
572
+ --dt-shadow-small-spread: 0rem;
573
+ --dt-shadow-small-color-h: 0;
574
+ --dt-shadow-small-color-s: 0%;
575
+ --dt-shadow-small-color-l: 0%;
576
+ --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
577
+ --dt-shadow-small-color-hsla: hsla(var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l) / var(--alpha, 100%));
578
+ --dt-shadow-small-color: rgba(0, 0, 0, 0.15);
579
+ --dt-shadow-small-type: dropShadow;
580
+ --dt-shadow-small-offset-x: 0rem;
581
+ --dt-shadow-small-offset-y: 0.2rem;
582
+ --dt-shadow-medium-blur: 0.8rem;
583
+ --dt-shadow-medium-spread: 0rem;
584
+ --dt-shadow-medium-color-h: 0;
585
+ --dt-shadow-medium-color-s: 0%;
586
+ --dt-shadow-medium-color-l: 0%;
587
+ --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
588
+ --dt-shadow-medium-color-hsla: hsla(var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l) / var(--alpha, 100%));
589
+ --dt-shadow-medium-color: rgba(0, 0, 0, 0.25);
590
+ --dt-shadow-medium-type: dropShadow;
591
+ --dt-shadow-medium-offset-x: 0rem;
592
+ --dt-shadow-medium-offset-y: 0.2rem;
593
+ --dt-shadow-large-blur: 1.6rem;
594
+ --dt-shadow-large-spread: 0rem;
595
+ --dt-shadow-large-color-h: 0;
596
+ --dt-shadow-large-color-s: 0%;
597
+ --dt-shadow-large-color-l: 0%;
598
+ --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
599
+ --dt-shadow-large-color-hsla: hsla(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 100%));
600
+ --dt-shadow-large-color: rgba(0, 0, 0, 0.3);
601
+ --dt-shadow-large-type: dropShadow;
602
+ --dt-shadow-large-offset-x: 0rem;
603
+ --dt-shadow-large-offset-y: 0.2rem;
604
+ --dt-shadow-extra-large-blur: 3.2rem;
605
+ --dt-shadow-extra-large-spread: 0rem;
606
+ --dt-shadow-extra-large-color-h: 0;
607
+ --dt-shadow-extra-large-color-s: 0%;
608
+ --dt-shadow-extra-large-color-l: 0%;
609
+ --dt-shadow-extra-large-color-hsl: var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l);
610
+ --dt-shadow-extra-large-color-hsla: hsla(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 100%));
611
+ --dt-shadow-extra-large-color: rgba(0, 0, 0, 0.3);
612
+ --dt-shadow-extra-large-type: dropShadow;
613
+ --dt-shadow-extra-large-offset-x: 0rem;
614
+ --dt-shadow-extra-large-offset-y: 0.2rem;
615
+ --dt-shadow-card-1-blur: 0.2rem;
616
+ --dt-shadow-card-1-spread: 0rem;
617
+ --dt-shadow-card-1-color-h: 0;
618
+ --dt-shadow-card-1-color-s: 0%;
619
+ --dt-shadow-card-1-color-l: 0%;
620
+ --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
621
+ --dt-shadow-card-1-color-hsla: hsla(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 100%));
622
+ --dt-shadow-card-1-color: rgba(0, 0, 0, 0.03);
623
+ --dt-shadow-card-1-type: dropShadow;
624
+ --dt-shadow-card-1-offset-x: 0rem;
625
+ --dt-shadow-card-1-offset-y: 0.1rem;
626
+ --dt-shadow-card-2-blur: 0.4rem;
627
+ --dt-shadow-card-2-spread: 0rem;
628
+ --dt-shadow-card-2-color-h: 0;
629
+ --dt-shadow-card-2-color-s: 0%;
630
+ --dt-shadow-card-2-color-l: 0%;
631
+ --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
632
+ --dt-shadow-card-2-color-hsla: hsla(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 100%));
633
+ --dt-shadow-card-2-color: rgba(0, 0, 0, 0.04);
634
+ --dt-shadow-card-2-type: dropShadow;
635
+ --dt-shadow-card-2-offset-x: 0rem;
636
+ --dt-shadow-card-2-offset-y: 0.2rem;
637
+ --dt-shadow-card-3-blur: 1.6rem;
638
+ --dt-shadow-card-3-spread: 0rem;
639
+ --dt-shadow-card-3-color-h: 0;
640
+ --dt-shadow-card-3-color-s: 0%;
641
+ --dt-shadow-card-3-color-l: 0%;
642
+ --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
643
+ --dt-shadow-card-3-color-hsla: hsla(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 100%));
644
+ --dt-shadow-card-3-color: rgba(0, 0, 0, 0.08);
645
+ --dt-shadow-card-3-type: dropShadow;
646
+ --dt-shadow-card-3-offset-x: 0rem;
647
+ --dt-shadow-card-3-offset-y: 0.2rem;
648
+ --dt-shadow-focus-1-blur: 0rem;
649
+ --dt-shadow-focus-1-spread: 0.1rem;
650
+ --dt-shadow-focus-1-color-h: 0;
651
+ --dt-shadow-focus-1-color-s: 0%;
652
+ --dt-shadow-focus-1-color-l: 97.6470588235294%;
653
+ --dt-shadow-focus-1-color-hsl: var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l);
654
+ --dt-shadow-focus-1-color-hsla: hsla(var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l) / var(--alpha, 100%));
655
+ --dt-shadow-focus-1-color: #F9F9F9;
656
+ --dt-shadow-focus-1-type: dropShadow;
657
+ --dt-shadow-focus-1-offset-x: 0rem;
658
+ --dt-shadow-focus-1-offset-y: 0rem;
659
+ --dt-shadow-focus-2-blur: 0rem;
660
+ --dt-shadow-focus-2-spread: 0.3rem;
661
+ --dt-shadow-focus-2-color-h: 212.60115606936418;
662
+ --dt-shadow-focus-2-color-s: 98.85714285714286%;
663
+ --dt-shadow-focus-2-color-l: 65.68627450980392%;
664
+ --dt-shadow-focus-2-color-hsl: var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l);
665
+ --dt-shadow-focus-2-color-hsla: hsla(var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l) / var(--alpha, 100%));
666
+ --dt-shadow-focus-2-color: #51A0FE;
667
+ --dt-shadow-focus-2-type: dropShadow;
668
+ --dt-shadow-focus-2-offset-x: 0rem;
669
+ --dt-shadow-focus-2-offset-y: 0rem;
670
+ --dt-shadow-focus-inset-blur: 0rem;
671
+ --dt-shadow-focus-inset-spread: 0.2rem;
672
+ --dt-shadow-focus-inset-color-h: 212.60115606936418;
673
+ --dt-shadow-focus-inset-color-s: 98.85714285714286%;
674
+ --dt-shadow-focus-inset-color-l: 65.68627450980392%;
675
+ --dt-shadow-focus-inset-color-hsl: var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l);
676
+ --dt-shadow-focus-inset-color-hsla: hsla(var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l) / var(--alpha, 100%));
677
+ --dt-shadow-focus-inset-color: #51A0FE;
678
+ --dt-shadow-focus-inset-type: innerShadow;
679
+ --dt-shadow-focus-inset-offset-x: 0rem;
680
+ --dt-shadow-focus-inset-offset-y: 0rem;
681
+ --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;
682
+ --dt-shadow-focus: var(--dt-shadow-focus-1-offset-x) var(--dt-shadow-focus-1-offset-y) var(--dt-shadow-focus-1-blur) var(--dt-shadow-focus-1-spread) var(--dt-shadow-focus-1-color), var(--dt-shadow-focus-2-offset-x) var(--dt-shadow-focus-2-offset-y) var(--dt-shadow-focus-2-blur) var(--dt-shadow-focus-2-spread) var(--dt-shadow-focus-2-color);
683
+ --dt-shadow-card: var(--dt-shadow-card-1-offset-x) var(--dt-shadow-card-1-offset-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-offset-x) var(--dt-shadow-card-2-offset-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-offset-x) var(--dt-shadow-card-3-offset-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color);
684
+ --dt-shadow-extra-large: var(--dt-shadow-extra-large-offset-x) var(--dt-shadow-extra-large-offset-y) var(--dt-shadow-extra-large-blur) var(--dt-shadow-extra-large-spread) var(--dt-shadow-extra-large-color);
685
+ --dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
686
+ --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
687
+ --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
688
+ --dt-font-size-100-mobile: 1.2rem;
689
+ --dt-font-size-200-mobile: 1.6rem;
690
+ --dt-font-size-300-mobile: 2rem;
691
+ --dt-font-size-400-mobile: 2.9rem;
692
+ --dt-font-size-500-mobile: 4.1rem;
693
+ --dt-font-size-100-tc8: 1.7rem;
694
+ --dt-font-size-200-tc8: 2.1rem;
695
+ --dt-font-size-300-tc8: 2.7rem;
696
+ --dt-font-size-400-tc8: 3.8rem;
697
+ --dt-font-size-500-tc8: 5.4rem;
698
+ --dt-font-size-100-tv: 2.5rem;
699
+ --dt-font-size-200-tv: 3.2rem;
700
+ --dt-font-size-300-tv: 4.1rem;
701
+ --dt-font-size-400-tv: 5.8rem;
702
+ --dt-font-size-500-tv: 8.2rem;
703
+ --zi-hide: -1;
704
+ --zi-base: 0;
705
+ --zi-base1: 1;
706
+ --zi-selected: 25;
707
+ --zi-active: 50;
708
+ --zi-navigation: 100;
709
+ --zi-navigation-fixed: 150;
710
+ --zi-dropdown: 200;
711
+ --zi-popover: 300;
712
+ --zi-tooltip: 400;
713
+ --zi-drawer: 500;
714
+ --zi-modal: 600;
715
+ --zi-modal-element: 650;
716
+ --zi-notification: 700;
717
+ }