@etus/tokens 0.4.0-beta.2 → 0.4.0-beta.3

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.
@@ -0,0 +1,3178 @@
1
+ @import 'tailwindcss';
2
+
3
+ /* ============================================
4
+ Seven Design System - Design Tokens
5
+ Generated by Style Dictionary
6
+ ============================================ */
7
+
8
+ /* Light Theme & Global Tokens */
9
+ :root {
10
+ --accent-dark-input-50: oklch(95.21% 0.0467 171.12);
11
+ --accent-dark: oklch(26.30% 0.0630 151.19);
12
+ --accent-foreground-dark: oklch(95.66% 0.0052 67.76);
13
+ --accent-foreground-light: oklch(19.53% 0.0020 106.58);
14
+ --accent-foreground: oklch(26.88% 0.0527 163.85);
15
+ --accent-light: oklch(97.74% 0.0368 137.83);
16
+ --accent: oklch(95.21% 0.0467 171.12);
17
+ --accordion-content-padding-bottom-lg: 24px;
18
+ --accordion-content-padding-bottom-md: 16px;
19
+ --accordion-content-padding-bottom-sm: 8px;
20
+ --accordion-icon-size: 16px;
21
+ --accordion-icon-transition-duration: 200ms;
22
+ --accordion-item-border-width: 1px;
23
+ --accordion-item-padding-x: 16px;
24
+ --accordion-item-radius: 0.5rem;
25
+ --accordion-root-gap: 8px;
26
+ --accordion-trigger-gap: 16px;
27
+ --accordion-trigger-padding-y-lg: 24px;
28
+ --accordion-trigger-padding-y-md: 16px;
29
+ --accordion-trigger-padding-y-sm: 8px;
30
+ --accordion-trigger-text-size-lg: 1rem;
31
+ --accordion-trigger-text-size-md: 0.875rem;
32
+ --accordion-trigger-text-size-sm: 0.75rem;
33
+ --alert-icon-size: 16px;
34
+ --alert-root-gap: 12px;
35
+ --alert-root-padding-x: 16px;
36
+ --alert-root-padding-y: 12px;
37
+ --alert-root-radius: 0.5rem;
38
+ --alert-variant-default-bg: oklch(100.00% 0.0000 0);
39
+ --alert-variant-default-border: oklch(92.19% 0.0000 0);
40
+ --alert-variant-default-fg: oklch(14.48% 0.0000 0);
41
+ --alert-variant-destructive-bg: oklch(100.00% 0.0000 0);
42
+ --alert-variant-destructive-border: oklch(57.71% 0.2152 27.33);
43
+ --alert-variant-destructive-fg: oklch(57.71% 0.2152 27.33);
44
+ --alpha-10: oklch(100.00% 0.0000 0 / 90.2%);
45
+ --alpha-20: oklch(100.00% 0.0000 0 / 80.0%);
46
+ --alpha-30: oklch(100.00% 0.0000 0 / 70.2%);
47
+ --alpha-40: oklch(100.00% 0.0000 0 / 60.0%);
48
+ --alpha-50: oklch(100.00% 0.0000 0 / 50.2%);
49
+ --alpha-5: oklch(100.00% 0.0000 0 / 94.9%);
50
+ --alpha-60: oklch(100.00% 0.0000 0 / 40.0%);
51
+ --alpha-70: oklch(100.00% 0.0000 0 / 30.2%);
52
+ --alpha-80: oklch(100.00% 0.0000 0 / 20.0%);
53
+ --alpha-90: oklch(100.00% 0.0000 0 / 10.2%);
54
+ --asset-manager-grid-columns: minmax(200px, 1fr);
55
+ --asset-manager-grid-gap: 16px;
56
+ --asset-manager-item-background: oklch(100.00% 0.0000 0);
57
+ --asset-manager-item-border: oklch(92.19% 0.0000 0);
58
+ --asset-manager-item-radius: 0.375rem;
59
+ --asset-manager-preview-background: oklch(97.02% 0.0000 0);
60
+ --asset-manager-preview-height: 150px;
61
+ --autocomplete-content-bg: oklch(100.00% 0.0000 0);
62
+ --autocomplete-content-border: oklch(92.19% 0.0000 0);
63
+ --autocomplete-content-fg: oklch(14.48% 0.0000 0);
64
+ --autocomplete-content-margin-top: 4px;
65
+ --autocomplete-content-radius: 0.375rem;
66
+ --autocomplete-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
67
+ --autocomplete-empty-fg: oklch(71.55% 0.0000 0);
68
+ --autocomplete-empty-padding: 8px;
69
+ --autocomplete-empty-text: 0.875rem;
70
+ --autocomplete-input-height-lg: 40px;
71
+ --autocomplete-input-height-md: 36px;
72
+ --autocomplete-input-height-sm: 32px;
73
+ --autocomplete-input-padding-x-lg: 14px;
74
+ --autocomplete-input-padding-x-md: 12px;
75
+ --autocomplete-input-padding-x-sm: 10px;
76
+ --autocomplete-input-padding-y-lg: 8px;
77
+ --autocomplete-input-padding-y-md: 8px;
78
+ --autocomplete-input-padding-y-sm: 4px;
79
+ --autocomplete-input-radius: 0.375rem;
80
+ --autocomplete-input-text-lg: 1rem;
81
+ --autocomplete-input-text-md: 0.875rem;
82
+ --autocomplete-input-text-sm: 0.875rem;
83
+ --autocomplete-item-highlighted-bg: oklch(95.21% 0.0467 171.12);
84
+ --autocomplete-item-highlighted-fg: oklch(26.88% 0.0527 163.85);
85
+ --autocomplete-item-padding-x: 8px;
86
+ --autocomplete-item-padding-y: 6px;
87
+ --autocomplete-item-radius: 0.125rem;
88
+ --autocomplete-item-text: 0.875rem;
89
+ --autocomplete-loading-fg: oklch(71.55% 0.0000 0);
90
+ --autocomplete-loading-padding: 8px;
91
+ --autocomplete-loading-text: 0.875rem;
92
+ --avatar-border-contrast: rgba(0, 0, 0, 0.08);
93
+ --avatar-fallback-bg-default: oklch(97.02% 0.0000 0);
94
+ --avatar-fallback-bg-destructive: oklch(57.71% 0.2152 27.33);
95
+ --avatar-fallback-bg-primary: oklch(69.20% 0.1533 159.90);
96
+ --avatar-fallback-bg-secondary: oklch(97.98% 0.0312 139.44);
97
+ --avatar-fallback-bg-success: oklch(62.71% 0.1699 149.21);
98
+ --avatar-fallback-bg-warning: oklch(68.06% 0.1423 75.83);
99
+ --avatar-fallback-text-default: oklch(71.55% 0.0000 0);
100
+ --avatar-fallback-text-destructive: oklch(100.00% 0.0000 0);
101
+ --avatar-fallback-text-primary: oklch(100.00% 0.0000 0);
102
+ --avatar-fallback-text-secondary: oklch(28.73% 0.0661 137.75);
103
+ --avatar-fallback-text-success: oklch(100.00% 0.0000 0);
104
+ --avatar-fallback-text-warning: oklch(100.00% 0.0000 0);
105
+ --avatar-radius-circle: 9999px;
106
+ --avatar-radius-square: 0.375rem;
107
+ --avatar-size-2xl: 64px;
108
+ --avatar-size-default: 40px;
109
+ --avatar-size-lg: 48px;
110
+ --avatar-size-sm: 32px;
111
+ --avatar-size-xl: 56px;
112
+ --avatar-size-xs: 24px;
113
+ --avatar-text-2xl: 1.5rem;
114
+ --avatar-text-default: 1rem;
115
+ --avatar-text-lg: 1.125rem;
116
+ --avatar-text-sm: 0.875rem;
117
+ --avatar-text-xl: 1.25rem;
118
+ --avatar-text-xs: 0.75rem;
119
+ --background-dark-input-30: oklch(100.00% 0.0000 0);
120
+ --background-dark: oklch(13.39% 0.0026 106.74);
121
+ --background-light: oklch(100.00% 0.0000 0);
122
+ --background: oklch(100.00% 0.0000 0);
123
+ --badge-bg-alert: oklch(90.39% 0.1726 107.97);
124
+ --badge-bg-hover-alert: oklch(81.68% 0.1721 107.82);
125
+ --badge-color-destructive-bg: oklch(57.71% 0.2152 27.33);
126
+ --badge-color-destructive-border: oklch(57.71% 0.2152 27.33);
127
+ --badge-color-destructive-fg: oklch(100.00% 0.0000 0);
128
+ --badge-color-outline-bg: transparent;
129
+ --badge-color-outline-border: oklch(92.19% 0.0000 0);
130
+ --badge-color-outline-fg: oklch(14.48% 0.0000 0);
131
+ --badge-color-primary-bg: oklch(69.20% 0.1533 159.90);
132
+ --badge-color-primary-border: oklch(69.20% 0.1533 159.90);
133
+ --badge-color-primary-fg: oklch(100.00% 0.0000 0);
134
+ --badge-color-secondary-bg: oklch(97.98% 0.0312 139.44);
135
+ --badge-color-secondary-border: oklch(92.19% 0.0000 0);
136
+ --badge-color-secondary-fg: oklch(28.73% 0.0661 137.75);
137
+ --badge-radius-default: 0.375rem;
138
+ --badge-radius-pill: 9999px;
139
+ --badge-size-lg-h: 28px;
140
+ --badge-size-lg-px: 12px;
141
+ --badge-size-lg-text: 0.875rem;
142
+ --badge-size-md-h: 24px;
143
+ --badge-size-md-px: 0.625rem;
144
+ --badge-size-md-text: 0.875rem;
145
+ --badge-size-sm-h: 22px;
146
+ --badge-size-sm-px: 8px;
147
+ --badge-size-sm-text: 0.75rem;
148
+ --badge-text-alert: oklch(19.53% 0.0020 106.58);
149
+ --banner-root-gap: 8px;
150
+ --banner-root-padding-x: 16px;
151
+ --banner-root-padding-y: 12px;
152
+ --banner-text-size: 0.875rem;
153
+ --base-black: oklch(0.00% 0.0000 0);
154
+ --base-transparent: oklch(100.00% 0.0000 0 / 0.0%);
155
+ --base-white: oklch(100.00% 0.0000 0);
156
+ --border-dark: oklch(100.00% 0.0000 0 / 10.2%);
157
+ --border-light: oklch(92.82% 0.0029 84.56);
158
+ --border-radius-rounded-2xl: 10px;
159
+ --border-radius-rounded-3xl: 12px;
160
+ --border-radius-rounded-4xl: 14px;
161
+ --border-radius-rounded-full: 9999px;
162
+ --border-radius-rounded-lg: 6px;
163
+ --border-radius-rounded-md: 4px;
164
+ --border-radius-rounded-none: 0px;
165
+ --border-radius-rounded-sm: 2px;
166
+ --border-radius-rounded-xl: 8px;
167
+ --border-radius-rounded-xs: 1px;
168
+ --border-semantic-default: oklch(92.19% 0.0000 0);
169
+ --border-semantic-disabled: oklch(92.19% 0.0000 0);
170
+ --border-semantic-error: oklch(88.45% 0.0593 18.33);
171
+ --border-semantic-focus: oklch(81.75% 0.1821 159.79);
172
+ --border-semantic-strong: oklch(71.55% 0.0000 0);
173
+ --border-semantic-subtle: oklch(97.02% 0.0000 0);
174
+ --border-semantic-success: oklch(92.50% 0.0806 155.99);
175
+ --border-semantic-warning: oklch(94.51% 0.1243 101.54);
176
+ --border-width-border-3: 3px;
177
+ --border-width-border-5: 5px;
178
+ --border-width-border-6: 6px;
179
+ --border-width-border-7: 6px;
180
+ --border: oklch(92.19% 0.0000 0);
181
+ --brand-green-dark: oklch(47.37% 0.1147 155.11);
182
+ --brand-green-light: oklch(91.50% 0.1458 137.94);
183
+ --brand-green-primary: oklch(88.23% 0.2057 138.41);
184
+ --brand-green-secondary: oklch(81.06% 0.2032 150.12);
185
+ --brand-green-soft: oklch(95.70% 0.0719 137.74);
186
+ --brand-neutral-black: oklch(19.53% 0.0020 106.58);
187
+ --brand-neutral-dark: oklch(36.32% 0.0034 106.57);
188
+ --brand-neutral-gray-01: oklch(53.41% 0.0078 97.45);
189
+ --brand-neutral-gray-02: oklch(64.69% 0.0077 88.67);
190
+ --brand-neutral-gray-03: oklch(79.33% 0.0065 75.40);
191
+ --brand-neutral-gray-04: oklch(87.07% 0.0047 78.30);
192
+ --brand-neutral-gray-05: oklch(93.45% 0.0058 84.57);
193
+ --brand-neutral-gray-06: oklch(96.11% 0.0041 91.45);
194
+ --brand-neutral-off-white: oklch(98.56% 0.0017 67.80);
195
+ --brand-secondary-blue-01: oklch(87.65% 0.0705 214.23);
196
+ --brand-secondary-blue-02: oklch(91.74% 0.0496 213.90);
197
+ --brand-secondary-blue-03: oklch(94.53% 0.0369 213.51);
198
+ --brand-secondary-green-01: oklch(89.98% 0.1534 125.85);
199
+ --brand-secondary-green-02: oklch(92.74% 0.1074 124.65);
200
+ --brand-secondary-green-03: oklch(95.61% 0.0839 124.49);
201
+ --brand-secondary-pink-01: oklch(83.87% 0.0897 344.52);
202
+ --brand-secondary-pink-02: oklch(90.22% 0.0546 343.48);
203
+ --brand-secondary-pink-03: oklch(93.10% 0.0406 343.74);
204
+ --brand-secondary-yellow-01: oklch(92.74% 0.1387 107.93);
205
+ --brand-secondary-yellow-02: oklch(95.38% 0.0993 106.91);
206
+ --brand-secondary-yellow-03: oklch(97.51% 0.0778 106.19);
207
+ --breadcrumb-ellipsis-size: 36px;
208
+ --breadcrumb-link-hover: oklch(14.48% 0.0000 0);
209
+ --breadcrumb-list-gap-default: 0.375rem;
210
+ --breadcrumb-list-gap-sm: 0.625rem;
211
+ --breadcrumb-list-text: oklch(71.55% 0.0000 0);
212
+ --breadcrumb-page-text: oklch(14.48% 0.0000 0);
213
+ --breadcrumb-separator-size: 0.875rem;
214
+ --brius-100: oklch(90.45% 0.0460 263.71);
215
+ --brius-200: oklch(85.57% 0.0708 263.71);
216
+ --brius-300: oklch(76.68% 0.1183 266.15);
217
+ --brius-400: oklch(57.05% 0.2351 265.28);
218
+ --brius-500: oklch(51.91% 0.2165 261.59);
219
+ --brius-50: oklch(95.28% 0.0224 260.72);
220
+ --brius-600: oklch(48.26% 0.2196 261.78);
221
+ --brius-700: oklch(42.86% 0.1961 261.85);
222
+ --brius-800: oklch(36.79% 0.1730 262.22);
223
+ --brius-900: oklch(29.00% 0.1420 262.70);
224
+ --brius-950: oklch(20.09% 0.0947 262.24);
225
+ --button-box-shadow-default: 0 1px 2px 0 rgb(0 0 0 / 0.05), 0 1px 3px 0 rgb(0 0 0 / 0.1);
226
+ --button-box-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
227
+ --button-box-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
228
+ --button-disabled-bg: oklch(97.02% 0.0000 0);
229
+ --button-disabled-border: oklch(92.19% 0.0000 0);
230
+ --button-disabled-fg: oklch(71.55% 0.0000 0);
231
+ --button-group-item-background-active: oklch(97.02% 0.0000 0);
232
+ --button-group-item-background-hover: oklch(97.02% 0.0000 0);
233
+ --button-group-item-background: oklch(100.00% 0.0000 0);
234
+ --button-group-item-font-size: 0.875rem;
235
+ --button-group-item-font-weight: 600;
236
+ --button-group-item-gap: 8px;
237
+ --button-group-item-height: 40px;
238
+ --button-group-item-padding-x: 16px;
239
+ --button-group-item-padding-y: 8px;
240
+ --button-group-root-border-color: oklch(92.19% 0.0000 0);
241
+ --button-group-root-radius: 0.375rem;
242
+ --button-group-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
243
+ --button-group-separator-color: oklch(92.19% 0.0000 0);
244
+ --button-link-color-fg-default: oklch(69.20% 0.1533 159.90);
245
+ --button-link-color-fg-hover: oklch(69.20% 0.1533 159.90);
246
+ --button-link-gray-fg-default: oklch(71.55% 0.0000 0);
247
+ --button-link-gray-fg-hover: oklch(14.48% 0.0000 0);
248
+ --button-primary-bg-default: oklch(69.20% 0.1533 159.90);
249
+ --button-primary-bg-hover: oklch(72.03% 0.1822 150.05);
250
+ --button-primary-border-default: oklch(69.20% 0.1533 159.90);
251
+ --button-primary-border-hover: oklch(72.03% 0.1822 150.05);
252
+ --button-primary-fg-default: oklch(100.00% 0.0000 0);
253
+ --button-radius-default: 6px;
254
+ --button-radius-full: 9999px;
255
+ --button-radius-lg: 8px;
256
+ --button-radius-sm: 4px;
257
+ --button-radius-xl: 10px;
258
+ --button-ring-brand: oklch(69.20% 0.1533 159.90);
259
+ --button-ring-gray: oklch(81.75% 0.1821 159.79);
260
+ --button-secondary-color-bg-default: oklch(87.87% 0.1277 154.40);
261
+ --button-secondary-color-bg-hover: oklch(85.41% 0.1543 153.03);
262
+ --button-secondary-color-border-default: oklch(85.41% 0.1543 153.03);
263
+ --button-secondary-color-border-hover: oklch(84.08% 0.1705 152.55);
264
+ --button-secondary-color-fg-default: oklch(64.44% 0.1647 149.79);
265
+ --button-secondary-color-fg-hover: oklch(56.61% 0.1469 149.54);
266
+ --button-secondary-gray-bg-default: oklch(100.00% 0.0000 0);
267
+ --button-secondary-gray-bg-hover: oklch(95.21% 0.0467 171.12);
268
+ --button-secondary-gray-border-default: oklch(92.19% 0.0000 0);
269
+ --button-secondary-gray-border-hover: oklch(92.19% 0.0000 0);
270
+ --button-secondary-gray-fg-default: oklch(14.48% 0.0000 0);
271
+ --button-secondary-gray-fg-hover: oklch(26.88% 0.0527 163.85);
272
+ --button-shadow-bg-hover: oklch(97.74% 0.0368 137.83);
273
+ --button-shadow-bg-shadow: oklch(100.00% 0.0000 0 / 0.0%);
274
+ --button-shadow-ico-active: oklch(52.77% 0.0048 91.49);
275
+ --button-shadow-ico-hover: oklch(64.44% 0.1647 149.79);
276
+ --button-shadow-ico-inactive: oklch(79.33% 0.0065 75.40);
277
+ --button-shadow-text-hover: oklch(45.10% 0.1203 149.15);
278
+ --button-shadow-text-shadow: oklch(40.23% 0.0021 67.76);
279
+ --button-size-2xl-gap: 8px;
280
+ --button-size-2xl-h: 60px;
281
+ --button-size-2xl-leading: 28px;
282
+ --button-size-2xl-px: 40px;
283
+ --button-size-2xl-py: 16px;
284
+ --button-size-2xl-text: 18px;
285
+ --button-size-default-gap: 8px;
286
+ --button-size-default-h: 36px;
287
+ --button-size-default-leading: 20px;
288
+ --button-size-default-px: 16px;
289
+ --button-size-default-py: 8px;
290
+ --button-size-default-text: 14px;
291
+ --button-size-icon-2xl-size: 60px;
292
+ --button-size-icon-lg-size: 40px;
293
+ --button-size-icon-size: 36px;
294
+ --button-size-icon-sm-size: 32px;
295
+ --button-size-icon-xl-size: 48px;
296
+ --button-size-lg-gap: 8px;
297
+ --button-size-lg-h: 40px;
298
+ --button-size-lg-leading: 20px;
299
+ --button-size-lg-px: 32px;
300
+ --button-size-lg-py: 8px;
301
+ --button-size-lg-text: 14px;
302
+ --button-size-sm-gap: 6px;
303
+ --button-size-sm-h: 32px;
304
+ --button-size-sm-leading: 16px;
305
+ --button-size-sm-px: 12px;
306
+ --button-size-sm-py: 8px;
307
+ --button-size-sm-text: 12px;
308
+ --button-size-xl-gap: 8px;
309
+ --button-size-xl-h: 48px;
310
+ --button-size-xl-leading: 24px;
311
+ --button-size-xl-px: 32px;
312
+ --button-size-xl-py: 12px;
313
+ --button-size-xl-text: 16px;
314
+ --button-tertiary-color-bg-hover: oklch(97.02% 0.0000 0);
315
+ --button-tertiary-color-fg-default: oklch(69.20% 0.1533 159.90);
316
+ --button-tertiary-color-fg-hover: oklch(69.20% 0.1533 159.90);
317
+ --button-tertiary-gray-bg-hover: oklch(95.21% 0.0467 171.12);
318
+ --button-tertiary-gray-fg-default: oklch(71.55% 0.0000 0);
319
+ --button-tertiary-gray-fg-hover: oklch(14.48% 0.0000 0);
320
+ --calendar-cell-gap: 0.125rem;
321
+ --calendar-cell-size: 36px;
322
+ --calendar-container-cell-size-default: 32px;
323
+ --calendar-container-cell-size-lg: 36px;
324
+ --calendar-container-cell-size-sm: 28px;
325
+ --calendar-container-padding: 12px;
326
+ --calendar-day-font-size: 14px;
327
+ --calendar-day-gap: 4px;
328
+ --calendar-day-size: auto;
329
+ --calendar-indicator-size: 4px;
330
+ --calendar-today-indicator-offset: 0.125rem;
331
+ --calendar-today-indicator-size: 4px;
332
+ --calendar-week-gap: 8px;
333
+ --calendar-weekday-font-size: 12px;
334
+ --calendar-weekday-height: 21px;
335
+ --callout-icon-gap: 12px;
336
+ --callout-icon-size: 16px;
337
+ --callout-root-border-width: 4px;
338
+ --callout-root-padding-lg: 24px;
339
+ --callout-root-padding-md: 16px;
340
+ --callout-root-padding-sm: 12px;
341
+ --callout-root-radius: 0.5rem;
342
+ --callout-text-lg: 1rem;
343
+ --callout-text-md: 0.875rem;
344
+ --callout-text-sm: 0.75rem;
345
+ --card-content-padding-x: 24px;
346
+ --card-dark: oklch(19.53% 0.0020 106.58);
347
+ --card-description-color: oklch(71.55% 0.0000 0);
348
+ --card-description-text-size: 0.875rem;
349
+ --card-footer-padding-top: 24px;
350
+ --card-footer-padding-x: 24px;
351
+ --card-foreground-dark: oklch(98.56% 0.0017 67.80);
352
+ --card-foreground-light: oklch(13.39% 0.0026 106.74);
353
+ --card-foreground: oklch(14.48% 0.0000 0);
354
+ --card-header-gap: 8px;
355
+ --card-header-padding-bottom: 24px;
356
+ --card-header-padding-x: 24px;
357
+ --card-light: oklch(100.00% 0.0000 0);
358
+ --card-root-background: oklch(100.00% 0.0000 0);
359
+ --card-root-border-width: 1px;
360
+ --card-root-foreground: oklch(14.48% 0.0000 0);
361
+ --card-root-gap: 24px;
362
+ --card-root-padding-y: 24px;
363
+ --card-root-radius: 0.75rem;
364
+ --card-root-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
365
+ --card-root-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
366
+ --card-root-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
367
+ --card-title-weight: 600;
368
+ --card: oklch(100.00% 0.0000 0);
369
+ --carousel-button-offset: 48px;
370
+ --carousel-button-size: 32px;
371
+ --carousel-item-gap-default: 16px;
372
+ --carousel-item-gap-lg: 24px;
373
+ --carousel-item-gap-sm: 8px;
374
+ --chart-1-dark: oklch(48.82% 0.2172 264.38);
375
+ --chart-1-light: oklch(64.61% 0.1943 41.12);
376
+ --chart-1: oklch(81.75% 0.1821 159.79);
377
+ --chart-2-dark: oklch(69.59% 0.1491 162.48);
378
+ --chart-2-light: oklch(60.02% 0.1038 184.70);
379
+ --chart-2: oklch(66.68% 0.2591 322.15);
380
+ --chart-3-dark: oklch(76.86% 0.1647 70.08);
381
+ --chart-3-light: oklch(39.82% 0.0664 227.39);
382
+ --chart-3: oklch(62.31% 0.1880 259.81);
383
+ --chart-4-dark: oklch(62.68% 0.2325 303.90);
384
+ --chart-4-light: oklch(83.69% 0.1644 84.43);
385
+ --chart-4: oklch(86.06% 0.1731 91.94);
386
+ --chart-5-dark: oklch(56.65% 0.1994 21.83);
387
+ --chart-5-light: oklch(76.86% 0.1647 70.08);
388
+ --chart-5: oklch(63.68% 0.2078 25.33);
389
+ --chart-indicator-dot-size: 10px;
390
+ --chart-indicator-line-width: 4px;
391
+ --chart-legend-gap: 16px;
392
+ --chart-legend-padding: 12px;
393
+ --chart-tooltip-bg: oklch(100.00% 0.0000 0);
394
+ --chart-tooltip-border: oklch(92.19% 0.0000 0);
395
+ --chart-tooltip-gap: 6px;
396
+ --chart-tooltip-min-width: 8rem;
397
+ --chart-tooltip-padding-x: 10px;
398
+ --chart-tooltip-padding-y: 6px;
399
+ --chart-tooltip-radius: 0.5rem;
400
+ --chart-tooltip-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
401
+ --chart-tooltip-text: 0.75rem;
402
+ --checkbox-indicator-color: oklch(100.00% 0.0000 0);
403
+ --checkbox-root-bg-checked: oklch(69.20% 0.1533 159.90);
404
+ --checkbox-root-bg-default: oklch(100.00% 0.0000 0);
405
+ --checkbox-root-bg-disabled: oklch(97.02% 0.0000 0);
406
+ --checkbox-root-border-checked: oklch(69.20% 0.1533 159.90);
407
+ --checkbox-root-border-default: oklch(69.20% 0.1533 159.90);
408
+ --checkbox-root-border-focus: oklch(81.75% 0.1821 159.79);
409
+ --checkbox-root-radius: 0.375rem;
410
+ --checkbox-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
411
+ --checkbox-size-lg: 24px;
412
+ --checkbox-size-md: 20px;
413
+ --checkbox-size-sm: 16px;
414
+ --color-chrome: oklch(81.75% 0.1821 159.79);
415
+ --color-desktop: oklch(81.75% 0.1821 159.79);
416
+ --color-edge: oklch(86.06% 0.1731 91.94);
417
+ --color-firefox: oklch(62.31% 0.1880 259.81);
418
+ --color-mobile: oklch(66.68% 0.2591 322.15);
419
+ --color-other: oklch(63.68% 0.2078 25.33);
420
+ --color-picker-content-gap: 12px;
421
+ --color-picker-content-padding: 12px;
422
+ --color-picker-content-width: 260px;
423
+ --color-picker-swatch-radius: 0.125rem;
424
+ --color-picker-swatch-size: 24px;
425
+ --color-picker-trigger-border: oklch(92.19% 0.0000 0);
426
+ --color-picker-trigger-radius: 0.375rem;
427
+ --color-picker-trigger-size: 32px;
428
+ --color-safari: oklch(66.68% 0.2591 322.15);
429
+ --combobox-content-bg: oklch(100.00% 0.0000 0);
430
+ --combobox-content-border: oklch(92.19% 0.0000 0);
431
+ --combobox-content-fg: oklch(14.48% 0.0000 0);
432
+ --combobox-content-min-width: 8rem;
433
+ --combobox-content-radius: 0.375rem;
434
+ --combobox-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
435
+ --combobox-item-focus-bg: oklch(95.21% 0.0467 171.12);
436
+ --combobox-item-focus-fg: oklch(26.88% 0.0527 163.85);
437
+ --combobox-item-padding-x: 8px;
438
+ --combobox-item-padding-y: 6px;
439
+ --combobox-item-radius: 0.125rem;
440
+ --combobox-item-text: 0.875rem;
441
+ --combobox-trigger-border-default: oklch(92.19% 0.0000 0);
442
+ --combobox-trigger-border-focus: oklch(81.75% 0.1821 159.79);
443
+ --combobox-trigger-gap: 8px;
444
+ --combobox-trigger-height-lg: 40px;
445
+ --combobox-trigger-height-md: 36px;
446
+ --combobox-trigger-height-sm: 32px;
447
+ --combobox-trigger-padding-x-lg: 14px;
448
+ --combobox-trigger-padding-x-md: 12px;
449
+ --combobox-trigger-padding-x-sm: 10px;
450
+ --combobox-trigger-padding-y-lg: 8px;
451
+ --combobox-trigger-padding-y-md: 8px;
452
+ --combobox-trigger-padding-y-sm: 4px;
453
+ --combobox-trigger-radius: 0.375rem;
454
+ --combobox-trigger-text-lg: 1rem;
455
+ --combobox-trigger-text-md: 0.875rem;
456
+ --combobox-trigger-text-sm: 0.875rem;
457
+ --command-empty-padding-y-lg: 32px;
458
+ --command-empty-padding-y-md: 24px;
459
+ --command-empty-padding-y-sm: 16px;
460
+ --command-empty-text-size-lg: 1rem;
461
+ --command-empty-text-size-md: 0.875rem;
462
+ --command-empty-text-size-sm: 0.75rem;
463
+ --command-group-heading-padding-x-lg: 12px;
464
+ --command-group-heading-padding-x-md: 8px;
465
+ --command-group-heading-padding-x-sm: 0.375rem;
466
+ --command-group-heading-padding-y-lg: 8px;
467
+ --command-group-heading-padding-y-md: 0.375rem;
468
+ --command-group-heading-padding-y-sm: 4px;
469
+ --command-group-heading-text-size-lg: 0.875rem;
470
+ --command-group-heading-text-size-md: 0.75rem;
471
+ --command-group-heading-text-size-sm: 10px;
472
+ --command-group-padding: 4px;
473
+ --command-icon-size-lg: 20px;
474
+ --command-icon-size-md: 16px;
475
+ --command-icon-size-sm: 0.875rem;
476
+ --command-input-height-lg: 48px;
477
+ --command-input-height-md: 40px;
478
+ --command-input-height-sm: 32px;
479
+ --command-input-padding-y-lg: 16px;
480
+ --command-input-padding-y-md: 12px;
481
+ --command-input-padding-y-sm: 8px;
482
+ --command-input-text-size-lg: 1rem;
483
+ --command-input-text-size-md: 0.875rem;
484
+ --command-input-text-size-sm: 0.75rem;
485
+ --command-input-wrapper-border-width: 1px;
486
+ --command-input-wrapper-gap: 8px;
487
+ --command-input-wrapper-height-lg: 48px;
488
+ --command-input-wrapper-height-md: 36px;
489
+ --command-input-wrapper-height-sm: 32px;
490
+ --command-input-wrapper-padding-x: 12px;
491
+ --command-item-gap: 8px;
492
+ --command-item-icon-size-lg: 20px;
493
+ --command-item-icon-size-md: 16px;
494
+ --command-item-icon-size-sm: 0.875rem;
495
+ --command-item-padding-x-lg: 12px;
496
+ --command-item-padding-x-md: 8px;
497
+ --command-item-padding-x-sm: 0.375rem;
498
+ --command-item-padding-y-lg: 8px;
499
+ --command-item-padding-y-md: 0.375rem;
500
+ --command-item-padding-y-sm: 4px;
501
+ --command-item-radius: 0.125rem;
502
+ --command-item-text-size-lg: 1rem;
503
+ --command-item-text-size-md: 0.875rem;
504
+ --command-item-text-size-sm: 0.75rem;
505
+ --command-list-max-height-lg: 400px;
506
+ --command-list-max-height-md: 300px;
507
+ --command-list-max-height-sm: 200px;
508
+ --command-list-padding-y: 4px;
509
+ --command-separator-height: 1px;
510
+ --command-separator-margin-x: -4px;
511
+ --command-separator-margin-y-lg: 0.375rem;
512
+ --command-separator-margin-y-md: 4px;
513
+ --command-separator-margin-y-sm: 0.125rem;
514
+ --command-shortcut-text-size-lg: 0.875rem;
515
+ --command-shortcut-text-size-md: 0.75rem;
516
+ --command-shortcut-text-size-sm: 10px;
517
+ --comment-system-actions-gap: 8px;
518
+ --comment-system-actions-margin-top: 8px;
519
+ --comment-system-item-background: oklch(100.00% 0.0000 0);
520
+ --comment-system-item-border: oklch(92.19% 0.0000 0);
521
+ --comment-system-item-gap: 12px;
522
+ --comment-system-item-padding: 16px;
523
+ --comment-system-item-radius: 0.375rem;
524
+ --comment-system-root-gap: 16px;
525
+ --container-2xl: 672px;
526
+ --container-2xs: 288px;
527
+ --container-3xl: 768px;
528
+ --container-3xs: 256px;
529
+ --container-4xl: 896px;
530
+ --container-5xl: 1024px;
531
+ --container-6xl: 1152px;
532
+ --container-7xl: 1280px;
533
+ --container-lg: 512px;
534
+ --container-md: 448px;
535
+ --container-sm: 384px;
536
+ --container-xl: 576px;
537
+ --container-xs: 320px;
538
+ --context-menu-checkbox-size: 16px;
539
+ --context-menu-content-border-width: 1px;
540
+ --context-menu-content-min-width: 8rem;
541
+ --context-menu-content-padding: 4px;
542
+ --context-menu-content-radius: 0.375rem;
543
+ --context-menu-content-z-index: 50;
544
+ --context-menu-indicator-left: 8px;
545
+ --context-menu-indicator-size: 0.875rem;
546
+ --context-menu-item-gap: 8px;
547
+ --context-menu-item-icon-size: 16px;
548
+ --context-menu-item-inset-padding-left: 32px;
549
+ --context-menu-item-padding-x: 8px;
550
+ --context-menu-item-padding-y: 0.375rem;
551
+ --context-menu-item-radius: 0.125rem;
552
+ --context-menu-item-text-size: 0.875rem;
553
+ --context-menu-radio-size: 8px;
554
+ --context-menu-separator-height: 1px;
555
+ --context-menu-separator-margin-x: -4px;
556
+ --context-menu-separator-margin-y: 4px;
557
+ --context-menu-shortcut-text-size: 0.75rem;
558
+ --dark-input: oklch(100.00% 0.0000 0 / 0.0%);
559
+ --datatable-column-menu-trigger-size: 16px;
560
+ --datatable-error-state-icon-color: oklch(57.71% 0.2152 27.33);
561
+ --datatable-error-state-icon-size: 24px;
562
+ --datatable-header-padding-y-comfortable: 16px;
563
+ --datatable-header-padding-y-compact: 4px;
564
+ --datatable-header-padding-y-default: 12px;
565
+ --datatable-pagination-info-color: oklch(71.55% 0.0000 0);
566
+ --datatable-pagination-info-size: 0.875rem;
567
+ --datatable-pagination-padding-x: 8px;
568
+ --datatable-row-bg-highlighted: oklch(69.20% 0.1533 159.90);
569
+ --datatable-row-bg-hover: oklch(97.02% 0.0000 0);
570
+ --datatable-row-bg-selected: oklch(97.02% 0.0000 0);
571
+ --datatable-row-padding-y-comfortable: 16px;
572
+ --datatable-row-padding-y-compact: 4px;
573
+ --datatable-row-padding-y-default: 8px;
574
+ --datatable-sort-badge-bg: oklch(69.20% 0.1533 159.90);
575
+ --datatable-sort-badge-fg: oklch(100.00% 0.0000 0);
576
+ --datatable-sort-badge-font-size: 0.625rem;
577
+ --datatable-sort-badge-size: 14px;
578
+ --datatable-toolbar-gap: 8px;
579
+ --datatable-toolbar-search-icon-color: oklch(71.55% 0.0000 0);
580
+ --datatable-toolbar-search-icon-left: 12px;
581
+ --datatable-toolbar-search-icon-size: 1rem;
582
+ --datatable-toolbar-search-icon-top: 50%;
583
+ --datatable-toolbar-search-input-padding-left: 36px;
584
+ --date-picker-footer-gap: 8px;
585
+ --date-picker-footer-padding: 12px;
586
+ --date-picker-preset-item-height: 32px;
587
+ --date-picker-preset-min-width: 140px;
588
+ --date-picker-trigger-height-lg: 44px;
589
+ --date-picker-trigger-height-md: 40px;
590
+ --date-picker-trigger-height-sm: 36px;
591
+ --date-picker-trigger-min-width: 200px;
592
+ --date-picker-trigger-padding-x-lg: 0.875rem;
593
+ --date-picker-trigger-padding-x-md: 12px;
594
+ --date-picker-trigger-padding-x-sm: 0.625rem;
595
+ --date-picker-trigger-padding-y-lg: 0.625rem;
596
+ --date-picker-trigger-padding-y-md: 8px;
597
+ --date-picker-trigger-padding-y-sm: 6px;
598
+ --date-picker-trigger-text-lg: 16px;
599
+ --date-picker-trigger-text-md: 14px;
600
+ --date-picker-trigger-text-sm: 12px;
601
+ --date-range-picker-calendar-gap: 16px;
602
+ --date-range-picker-trigger-gap: 8px;
603
+ --date-range-picker-trigger-padding-x: 12px;
604
+ --date-range-picker-trigger-width: 300px;
605
+ --desktop-container-padding-x: 24px;
606
+ --desktop-heading-lg-font-family: Inter;
607
+ --desktop-heading-lg-font-size: 36px;
608
+ --desktop-heading-lg-font-weight: 700;
609
+ --desktop-heading-lg-letter-spacing: 0px;
610
+ --desktop-heading-lg-line-height: 40px;
611
+ --desktop-heading-md-font-family: Inter;
612
+ --desktop-heading-md-font-size: 30px;
613
+ --desktop-heading-md-font-weight: 700;
614
+ --desktop-heading-md-letter-spacing: 0px;
615
+ --desktop-heading-md-line-height: 36px;
616
+ --desktop-heading-sm-font-family: Inter;
617
+ --desktop-heading-sm-font-size: 24px;
618
+ --desktop-heading-sm-font-weight: 700;
619
+ --desktop-heading-sm-letter-spacing: 0px;
620
+ --desktop-heading-sm-line-height: 32px;
621
+ --desktop-heading-xl-font-family: Inter;
622
+ --desktop-heading-xl-font-size: 48px;
623
+ --desktop-heading-xl-font-weight: 700;
624
+ --desktop-heading-xl-letter-spacing: 0px;
625
+ --desktop-heading-xl-line-height: 48px;
626
+ --desktop-section-padding-y: 96px;
627
+ --desktop-section-title-gap-lg: 20px;
628
+ --desktop-section-title-gap-md: 20px;
629
+ --desktop-section-title-gap-sm: 16px;
630
+ --desktop-section-title-gap-xl: 24px;
631
+ --destructive-20-dark-destructive-40: oklch(57.71% 0.2152 27.33 / 20.0%);
632
+ --destructive-40-dark-destructive-60: oklch(57.71% 0.2152 27.33 / 40.0%);
633
+ --destructive-border: oklch(88.45% 0.0593 18.33);
634
+ --destructive-dark-destructive-60: oklch(57.71% 0.2152 27.33);
635
+ --destructive-dark-destructive-70: oklch(57.71% 0.2152 27.33);
636
+ --destructive-dark-destructive-90: oklch(57.71% 0.2152 27.33);
637
+ --destructive-dark: oklch(66.49% 0.1475 16.22);
638
+ --destructive-foreground-dark: oklch(95.00% 0.0174 13.10);
639
+ --destructive-foreground-light: oklch(95.00% 0.0174 13.10);
640
+ --destructive-foreground: oklch(100.00% 0.0000 0);
641
+ --destructive-light: oklch(56.65% 0.1994 21.83);
642
+ --destructive-subtle-fg: oklch(50.54% 0.1905 27.52);
643
+ --destructive-subtle: oklch(97.05% 0.0129 17.38);
644
+ --destructive: oklch(57.71% 0.2152 27.33);
645
+ --disabled-background: oklch(92.19% 0.0000 0);
646
+ --disabled-border: oklch(92.19% 0.0000 0);
647
+ --disabled-foreground: oklch(71.55% 0.0000 0);
648
+ --disabled: oklch(97.02% 0.0000 0);
649
+ --divider-color-default: oklch(92.19% 0.0000 0);
650
+ --divider-color-dual: oklch(92.19% 0.0000 0);
651
+ --divider-content-bg-default: oklch(100.00% 0.0000 0);
652
+ --divider-content-bg-fill: oklch(97.98% 0.0312 139.44);
653
+ --divider-content-text-default: oklch(71.55% 0.0000 0);
654
+ --divider-content-text-heading: oklch(14.48% 0.0000 0);
655
+ --drag-and-drop-draggable-opacity-dragging: 0.5;
656
+ --drag-and-drop-droppable-background-active: oklch(69.20% 0.1533 159.90);
657
+ --drag-and-drop-droppable-background-opacity: 0.05;
658
+ --drag-and-drop-droppable-border-active: oklch(69.20% 0.1533 159.90);
659
+ --drag-and-drop-handle-color-hover: oklch(14.48% 0.0000 0);
660
+ --drag-and-drop-handle-color: oklch(71.55% 0.0000 0);
661
+ --drag-and-drop-handle-padding: 8px;
662
+ --drag-and-drop-overlay-background: oklch(100.00% 0.0000 0);
663
+ --drag-and-drop-overlay-radius: 0.375rem;
664
+ --drag-and-drop-overlay-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
665
+ --drawer-content-bg: oklch(100.00% 0.0000 0);
666
+ --drawer-content-border: oklch(92.19% 0.0000 0);
667
+ --drawer-content-radius: 0.75rem;
668
+ --drawer-footer-gap: 8px;
669
+ --drawer-footer-padding: 16px;
670
+ --drawer-handle-bg: oklch(97.02% 0.0000 0);
671
+ --drawer-handle-height: 8px;
672
+ --drawer-handle-margin-top: 16px;
673
+ --drawer-handle-width: 96px;
674
+ --drawer-header-gap: 8px;
675
+ --drawer-header-padding: 16px;
676
+ --drawer-overlay-bg: oklch(0% 0 0 / 50%);
677
+ --drop-shadow-2xl-blur-radius: 25px;
678
+ --drop-shadow-2xl-color: oklch(0.00% 0.0000 0 / 14.9%);
679
+ --drop-shadow-2xl-offset-x: 0px;
680
+ --drop-shadow-2xl-offset-y: 25px;
681
+ --drop-shadow-2xl-spread-radius: 0px;
682
+ --drop-shadow-lg-blur-radius: 2px;
683
+ --drop-shadow-lg-color: oklch(0.00% 0.0000 0 / 5.1%);
684
+ --drop-shadow-lg-offset-x: 0px;
685
+ --drop-shadow-lg-offset-y: 2px;
686
+ --drop-shadow-lg-spread-radius: 0px;
687
+ --drop-shadow-md-blur-radius: 3px;
688
+ --drop-shadow-md-color: oklch(0.00% 0.0000 0 / 12.2%);
689
+ --drop-shadow-md-offset-x: 0px;
690
+ --drop-shadow-md-offset-y: 3px;
691
+ --drop-shadow-md-spread-radius: 0px;
692
+ --drop-shadow-sm-blur-radius: 2px;
693
+ --drop-shadow-sm-color: oklch(0.00% 0.0000 0 / 14.9%);
694
+ --drop-shadow-sm-offset-x: 0px;
695
+ --drop-shadow-sm-offset-y: 1px;
696
+ --drop-shadow-sm-spread-radius: 0px;
697
+ --drop-shadow-xl-blur-radius: 7px;
698
+ --drop-shadow-xl-color: oklch(0.00% 0.0000 0 / 10.2%);
699
+ --drop-shadow-xl-offset-x: 0px;
700
+ --drop-shadow-xl-offset-y: 9px;
701
+ --drop-shadow-xl-spread-radius: 0px;
702
+ --drop-shadow-xs-blur-radius: 1px;
703
+ --drop-shadow-xs-color: oklch(0.00% 0.0000 0 / 5.1%);
704
+ --drop-shadow-xs-offset-x: 0px;
705
+ --drop-shadow-xs-offset-y: 1px;
706
+ --drop-shadow-xs-spread-radius: 0px;
707
+ --dropdown-menu-checkbox-size: 16px;
708
+ --dropdown-menu-content-border-width: 1px;
709
+ --dropdown-menu-content-min-width: 8rem;
710
+ --dropdown-menu-content-padding: 4px;
711
+ --dropdown-menu-content-radius: 0.375rem;
712
+ --dropdown-menu-content-z-index: 50;
713
+ --dropdown-menu-indicator-left: 8px;
714
+ --dropdown-menu-indicator-size: 0.875rem;
715
+ --dropdown-menu-item-gap: 8px;
716
+ --dropdown-menu-item-icon-size: 16px;
717
+ --dropdown-menu-item-inset-padding-left: 32px;
718
+ --dropdown-menu-item-padding-x: 8px;
719
+ --dropdown-menu-item-padding-y: 0.375rem;
720
+ --dropdown-menu-item-radius: 0.125rem;
721
+ --dropdown-menu-item-text-size: 0.875rem;
722
+ --dropdown-menu-radio-size: 8px;
723
+ --dropdown-menu-separator-height: 1px;
724
+ --dropdown-menu-separator-margin-x: -4px;
725
+ --dropdown-menu-separator-margin-y: 4px;
726
+ --dropdown-menu-shortcut-text-size: 0.75rem;
727
+ --duration-fast: 100ms;
728
+ --duration-instant: 0ms;
729
+ --duration-normal: 200ms;
730
+ --duration-slow: 300ms;
731
+ --duration-slower: 500ms;
732
+ --easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
733
+ --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
734
+ --easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);
735
+ --easing-in: cubic-bezier(0.4, 0, 1, 1);
736
+ --easing-out: cubic-bezier(0, 0, 0.2, 1);
737
+ --easing-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
738
+ --empty-state-media-icon-bg: oklch(97.02% 0.0000 0);
739
+ --empty-state-media-icon-fg: oklch(14.48% 0.0000 0);
740
+ --empty-state-media-icon-icon-size: 24px;
741
+ --empty-state-media-icon-radius: 0.5rem;
742
+ --empty-state-media-icon-size: 40px;
743
+ --etus-100: oklch(93.90% 0.0322 161.27);
744
+ --etus-200: oklch(88.01% 0.0572 163.30);
745
+ --etus-300: oklch(79.72% 0.0874 164.17);
746
+ --etus-400: oklch(72.42% 0.1006 164.87);
747
+ --etus-500: oklch(60.80% 0.1099 164.26);
748
+ --etus-50: oklch(97.52% 0.0140 162.48);
749
+ --etus-600: oklch(51.66% 0.0955 164.93);
750
+ --etus-700: oklch(44.29% 0.0788 166.99);
751
+ --etus-800: oklch(37.95% 0.0641 167.08);
752
+ --etus-900: oklch(33.65% 0.0545 168.81);
753
+ --etus-950: oklch(23.75% 0.0348 172.89);
754
+ --etus-main-v1-100: oklch(94.66% 0.0344 314.10);
755
+ --etus-main-v1-200: oklch(91.92% 0.0500 314.56);
756
+ --etus-main-v1-300: oklch(89.15% 0.0664 313.27);
757
+ --etus-main-v1-400: oklch(86.25% 0.0839 313.87);
758
+ --etus-main-v1-500: oklch(83.48% 0.0994 313.40);
759
+ --etus-main-v1-600: oklch(73.49% 0.1205 313.26);
760
+ --etus-main-v1-700: oklch(63.11% 0.1518 312.06);
761
+ --etus-main-v1-800: oklch(53.12% 0.1771 311.48);
762
+ --etus-main-v1-900: oklch(43.46% 0.1774 310.49);
763
+ --etus-main-v2-100: oklch(95.19% 0.0114 71.90);
764
+ --etus-main-v2-200: oklch(83.18% 0.0493 65.03);
765
+ --etus-main-v2-300: oklch(71.17% 0.0861 55.71);
766
+ --etus-main-v2-400: oklch(59.29% 0.1192 46.06);
767
+ --etus-main-v2-500: oklch(47.74% 0.1537 34.54);
768
+ --etus-main-v2-600: oklch(43.69% 0.1437 32.51);
769
+ --etus-main-v2-700: oklch(39.57% 0.1337 30.33);
770
+ --etus-main-v2-800: oklch(34.71% 0.1207 26.21);
771
+ --etus-main-v2-900: oklch(31.24% 0.1114 26.59);
772
+ --etus-main-v3-100: oklch(95.40% 0.0199 154.90);
773
+ --etus-main-v3-200: oklch(89.52% 0.0504 146.04);
774
+ --etus-main-v3-300: oklch(82.92% 0.0827 145.82);
775
+ --etus-main-v3-400: oklch(76.60% 0.1179 145.30);
776
+ --etus-main-v3-500: oklch(67.31% 0.1624 144.21);
777
+ --etus-main-v3-600: oklch(62.91% 0.1543 144.20);
778
+ --etus-main-v3-700: oklch(57.52% 0.1446 144.18);
779
+ --etus-main-v3-800: oklch(52.34% 0.1347 144.17);
780
+ --etus-main-v3-900: oklch(42.54% 0.1159 144.31);
781
+ --etus-main-v4-100: oklch(95.60% 0.0187 25.60);
782
+ --etus-main-v4-200: oklch(87.12% 0.0619 18.41);
783
+ --etus-main-v4-300: oklch(78.39% 0.1118 19.89);
784
+ --etus-main-v4-400: oklch(69.28% 0.1670 22.43);
785
+ --etus-main-v4-500: oklch(69.28% 0.1670 22.43);
786
+ --etus-main-v4-600: oklch(60.83% 0.2090 27.03);
787
+ --etus-main-v4-700: oklch(56.80% 0.2002 26.41);
788
+ --etus-main-v4-800: oklch(53.86% 0.1937 26.72);
789
+ --etus-main-v4-900: oklch(50.16% 0.1887 27.48);
790
+ --etus-main-v5-100: oklch(97.85% 0.0310 92.94);
791
+ --etus-main-v5-200: oklch(94.48% 0.0756 91.82);
792
+ --etus-main-v5-300: oklch(91.31% 0.1188 91.67);
793
+ --etus-main-v5-400: oklch(88.59% 0.1539 91.23);
794
+ --etus-main-v5-500: oklch(86.22% 0.1681 88.31);
795
+ --etus-main-v5-600: oklch(81.79% 0.1705 77.95);
796
+ --etus-main-v5-700: oklch(78.39% 0.1719 68.09);
797
+ --etus-main-v5-800: oklch(75.54% 0.1777 59.69);
798
+ --etus-main-v5-900: oklch(70.76% 0.1975 46.46);
799
+ --etus-main-v6-100: oklch(95.32% 0.0218 239.43);
800
+ --etus-main-v6-200: oklch(88.48% 0.0546 243.39);
801
+ --etus-main-v6-300: oklch(81.63% 0.0896 243.62);
802
+ --etus-main-v6-400: oklch(74.82% 0.1235 244.75);
803
+ --etus-main-v6-500: oklch(65.82% 0.1690 248.81);
804
+ --etus-main-v6-600: oklch(61.79% 0.1668 250.87);
805
+ --etus-main-v6-700: oklch(56.45% 0.1633 253.27);
806
+ --etus-main-v6-800: oklch(51.34% 0.1603 255.67);
807
+ --etus-main-v6-900: oklch(42.17% 0.1569 259.91);
808
+ --etus-v2-100: oklch(96.73% 0.0455 145.21);
809
+ --etus-v2-200: oklch(93.25% 0.0917 146.61);
810
+ --etus-v2-300: oklch(89.73% 0.1353 148.18);
811
+ --etus-v2-400: oklch(86.29% 0.1803 149.53);
812
+ --etus-v2-500: oklch(82.82% 0.2224 150.79);
813
+ --etus-v2-600: oklch(73.17% 0.1953 151.24);
814
+ --etus-v2-700: oklch(63.76% 0.1695 151.54);
815
+ --etus-v2-800: oklch(54.29% 0.1436 151.75);
816
+ --etus-v2-900: oklch(44.70% 0.1169 152.27);
817
+ --evolution-100: oklch(96.67% 0.0469 173.09);
818
+ --evolution-200: oklch(94.01% 0.0881 170.71);
819
+ --evolution-300: oklch(90.85% 0.1422 168.16);
820
+ --evolution-400: oklch(88.23% 0.1844 162.72);
821
+ --evolution-500: oklch(88.18% 0.2017 159.34);
822
+ --evolution-50: oklch(98.49% 0.0209 170.64);
823
+ --evolution-600: oklch(71.16% 0.1661 158.13);
824
+ --evolution-700: oklch(59.39% 0.1342 160.06);
825
+ --evolution-800: oklch(49.80% 0.1069 162.41);
826
+ --evolution-900: oklch(43.43% 0.0894 164.54);
827
+ --evolution-950: oklch(29.83% 0.0631 164.52);
828
+ --feed-content-description-color: oklch(71.55% 0.0000 0);
829
+ --feed-content-description-size: 0.875rem;
830
+ --feed-content-title-weight: 500;
831
+ --feed-icon-background: oklch(97.02% 0.0000 0);
832
+ --feed-icon-color: oklch(71.55% 0.0000 0);
833
+ --feed-icon-radius: 9999px;
834
+ --feed-icon-size: 32px;
835
+ --feed-item-background-active: oklch(97.02% 0.0000 0);
836
+ --feed-item-background-highlight: oklch(100.00% 0.0000 0 / 94.9%);
837
+ --feed-item-border-color: oklch(92.19% 0.0000 0);
838
+ --feed-item-gap: 12px;
839
+ --feed-item-padding-x: 16px;
840
+ --feed-item-padding-y: 16px;
841
+ --feed-item-radius: 0.375rem;
842
+ --feed-root-gap: 16px;
843
+ --feed-timestamp-color: oklch(71.55% 0.0000 0);
844
+ --feed-timestamp-size: 0.75rem;
845
+ --file-upload-dropzone-background-hover: oklch(95.21% 0.0467 171.12);
846
+ --file-upload-dropzone-background: oklch(100.00% 0.0000 0);
847
+ --file-upload-dropzone-border-color: oklch(71.55% 0.0000 0);
848
+ --file-upload-dropzone-border-style: dashed;
849
+ --file-upload-dropzone-border-width: 2px;
850
+ --file-upload-dropzone-gap: 16px;
851
+ --file-upload-dropzone-padding: 40px;
852
+ --file-upload-dropzone-radius: 0.5rem;
853
+ --file-upload-icon-color: oklch(71.55% 0.0000 0);
854
+ --file-upload-icon-size: 40px;
855
+ --file-upload-item-border: oklch(92.19% 0.0000 0);
856
+ --file-upload-item-gap: 12px;
857
+ --file-upload-item-padding: 12px;
858
+ --file-upload-item-radius: 0.375rem;
859
+ --filter-builder-group-border-color: oklch(92.19% 0.0000 0);
860
+ --filter-builder-group-border-left-width: 2px;
861
+ --filter-builder-group-gap: 8px;
862
+ --filter-builder-group-margin-left: 16px;
863
+ --filter-builder-group-padding-left: 16px;
864
+ --filter-builder-row-gap: 8px;
865
+ --filter-builder-row-padding-y: 8px;
866
+ --focus-ring-color: oklch(81.75% 0.1821 159.79);
867
+ --focus-ring-offset: 2px;
868
+ --focus-ring-width: 2px;
869
+ --font-font-mono: Geist Mono;
870
+ --font-font-sans: Inter;
871
+ --font-font-serif: Georgia;
872
+ --font-leading-loose: 2;
873
+ --font-leading-none: 1;
874
+ --font-leading-normal: 1.5;
875
+ --font-leading-relaxed: 1.625;
876
+ --font-leading-snug: 1.375;
877
+ --font-leading-tight: 1.25;
878
+ --font-tracking-normal: 0em;
879
+ --font-tracking-tight: -0.025em;
880
+ --font-tracking-tighter: -0.05em;
881
+ --font-tracking-wide: 0.025em;
882
+ --font-tracking-wider: 0.05em;
883
+ --font-tracking-widest: 0.1em;
884
+ --font-weight-black: 900;
885
+ --font-weight-bold: 700;
886
+ --font-weight-extrabold: 800;
887
+ --font-weight-extralight: 200;
888
+ --font-weight-light: 300;
889
+ --font-weight-medium: 500;
890
+ --font-weight-normal: 400;
891
+ --font-weight-semibold: 600;
892
+ --font-weight-thin: 100;
893
+ --foreground-dark: oklch(98.56% 0.0017 67.80);
894
+ --foreground-light: oklch(19.53% 0.0020 106.58);
895
+ --foreground: oklch(14.48% 0.0000 0);
896
+ --form-error-fg: oklch(57.71% 0.2152 27.33);
897
+ --form-error-size: 12px;
898
+ --form-error-weight: 500;
899
+ --form-helper-fg: oklch(71.55% 0.0000 0);
900
+ --form-helper-margin-top: 8px;
901
+ --form-helper-size: 12px;
902
+ --form-label-fg: oklch(14.48% 0.0000 0);
903
+ --form-label-size: 14px;
904
+ --form-label-weight: 500;
905
+ --heading-base-color: oklch(14.48% 0.0000 0);
906
+ --heading-base-font-family: Inter;
907
+ --heading-base-font-weight: 600;
908
+ --heading-base-letter-spacing: -0.025em;
909
+ --heading-base-scroll-margin: 80px;
910
+ --heading-color-default: oklch(14.48% 0.0000 0);
911
+ --heading-color-destructive: oklch(57.71% 0.2152 27.33);
912
+ --heading-color-muted: oklch(71.55% 0.0000 0);
913
+ --heading-color-primary: oklch(69.20% 0.1533 159.90);
914
+ --heading-size-2xl-font-size: 24px;
915
+ --heading-size-2xl-line-height: 32px;
916
+ --heading-size-3xl-font-size: 30px;
917
+ --heading-size-3xl-line-height: 36px;
918
+ --heading-size-4xl-font-size: 36px;
919
+ --heading-size-4xl-line-height: 40px;
920
+ --heading-size-base-font-size: 16px;
921
+ --heading-size-base-line-height: 24px;
922
+ --heading-size-lg-font-size: 18px;
923
+ --heading-size-lg-line-height: 28px;
924
+ --heading-size-sm-font-size: 14px;
925
+ --heading-size-sm-line-height: 20px;
926
+ --heading-size-xl-font-size: 20px;
927
+ --heading-size-xl-line-height: 28px;
928
+ --heading-weight-bold: 700;
929
+ --heading-weight-extrabold: 800;
930
+ --heading-weight-medium: 500;
931
+ --heading-weight-normal: 400;
932
+ --heading-weight-semibold: 600;
933
+ --hover-card-content-border-width: 1px;
934
+ --hover-card-content-padding-default: 16px;
935
+ --hover-card-content-padding-lg: 20px;
936
+ --hover-card-content-padding-sm: 12px;
937
+ --hover-card-content-radius: 0.375rem;
938
+ --hover-card-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
939
+ --hover-card-content-width-default: 16rem;
940
+ --hover-card-content-width-lg: 20rem;
941
+ --hover-card-content-width-sm: 12rem;
942
+ --hover-card-content-z-index: 50;
943
+ --icon-color-default: currentColor;
944
+ --icon-color-destructive: oklch(57.71% 0.2152 27.33);
945
+ --icon-color-muted: oklch(71.55% 0.0000 0);
946
+ --icon-color-primary: oklch(69.20% 0.1533 159.90);
947
+ --icon-color-success: oklch(62.71% 0.1699 149.21);
948
+ --icon-color-warning: oklch(68.06% 0.1423 75.83);
949
+ --icon-size-2xl: 40px;
950
+ --icon-size-2xs: 10px;
951
+ --icon-size-3xl: 48px;
952
+ --icon-size-lg: 24px;
953
+ --icon-size-md: 20px;
954
+ --icon-size-sm: 16px;
955
+ --icon-size-xl: 32px;
956
+ --icon-size-xs: 12px;
957
+ --image-rounded-circle: 9999px;
958
+ --image-rounded-default: 0px;
959
+ --image-rounded-rounded: 0.375rem;
960
+ --image-size-lg: 96px;
961
+ --image-size-md: 64px;
962
+ --image-size-sm: 48px;
963
+ --image-size-xl: 128px;
964
+ --image-size-xs: 32px;
965
+ --image-skeleton-bg: oklch(97.02% 0.0000 0);
966
+ --info-border: oklch(88.23% 0.0571 254.13);
967
+ --info-foreground: oklch(100.00% 0.0000 0);
968
+ --info-subtle-fg: oklch(48.82% 0.2172 264.38);
969
+ --info-subtle: oklch(97.05% 0.0142 254.60);
970
+ --info: oklch(54.61% 0.2152 262.88);
971
+ --input-bg-default: oklch(100.00% 0.0000 0);
972
+ --input-bg-disabled: oklch(97.02% 0.0000 0);
973
+ --input-border-default: oklch(92.19% 0.0000 0);
974
+ --input-border-error: oklch(57.71% 0.2152 27.33);
975
+ --input-border-focus: oklch(81.75% 0.1821 159.79);
976
+ --input-border-width: 1px;
977
+ --input-dark-input-80: oklch(92.19% 0.0000 0);
978
+ --input-dark: oklch(100.00% 0.0000 0 / 14.9%);
979
+ --input-fg-default: oklch(14.48% 0.0000 0);
980
+ --input-fg-disabled: oklch(71.55% 0.0000 0);
981
+ --input-fg-icon: oklch(71.55% 0.0000 0);
982
+ --input-fg-placeholder: oklch(71.55% 0.0000 0);
983
+ --input-icon-padding-lg: 44px;
984
+ --input-icon-padding-md: 40px;
985
+ --input-icon-padding-sm: 36px;
986
+ --input-icon-padding-xl: 48px;
987
+ --input-icon-padding-xs: 28px;
988
+ --input-icon-position-lg: 14px;
989
+ --input-icon-position-md: 12px;
990
+ --input-icon-position-sm: 10px;
991
+ --input-icon-position-xl: 16px;
992
+ --input-icon-position-xs: 8px;
993
+ --input-icon-size-lg: 20px;
994
+ --input-icon-size-md: 20px;
995
+ --input-icon-size-sm: 16px;
996
+ --input-icon-size-xl: 24px;
997
+ --input-icon-size-xs: 16px;
998
+ --input-light: oklch(88.60% 0.0046 78.30);
999
+ --input-otp-caret-color: oklch(14.48% 0.0000 0);
1000
+ --input-otp-caret-height: 16px;
1001
+ --input-otp-caret-width: 1px;
1002
+ --input-otp-container-gap-lg: 8px;
1003
+ --input-otp-container-gap-md: 8px;
1004
+ --input-otp-container-gap-sm: 8px;
1005
+ --input-otp-slot-active-border: oklch(81.75% 0.1821 159.79);
1006
+ --input-otp-slot-active-ring: oklch(81.75% 0.1821 159.79);
1007
+ --input-otp-slot-bg: oklch(100.00% 0.0000 0);
1008
+ --input-otp-slot-border: oklch(92.19% 0.0000 0);
1009
+ --input-otp-slot-size-lg-radius: 0.375rem;
1010
+ --input-otp-slot-size-lg-size: 48px;
1011
+ --input-otp-slot-size-lg-text: 1.125rem;
1012
+ --input-otp-slot-size-md-radius: 0.375rem;
1013
+ --input-otp-slot-size-md-size: 40px;
1014
+ --input-otp-slot-size-md-text: 1rem;
1015
+ --input-otp-slot-size-sm-radius: 0.375rem;
1016
+ --input-otp-slot-size-sm-size: 36px;
1017
+ --input-otp-slot-size-sm-text: 0.875rem;
1018
+ --input-radius: 0.375rem;
1019
+ --input-size-lg-h: 40px;
1020
+ --input-size-lg-px: 0.875rem;
1021
+ --input-size-lg-py: 0.375rem;
1022
+ --input-size-lg-text: 1rem;
1023
+ --input-size-md-h: 36px;
1024
+ --input-size-md-px: 12px;
1025
+ --input-size-md-py: 4px;
1026
+ --input-size-md-text: 0.875rem;
1027
+ --input-size-sm-h: 32px;
1028
+ --input-size-sm-px: 0.625rem;
1029
+ --input-size-sm-py: 4px;
1030
+ --input-size-sm-text: 0.875rem;
1031
+ --input-size-xl-h: 48px;
1032
+ --input-size-xl-px: 16px;
1033
+ --input-size-xl-py: 8px;
1034
+ --input-size-xl-text: 1.125rem;
1035
+ --input-size-xs-h: 28px;
1036
+ --input-size-xs-px: 8px;
1037
+ --input-size-xs-py: 2px;
1038
+ --input-size-xs-text: 0.75rem;
1039
+ --input: oklch(92.19% 0.0000 0);
1040
+ --inset-shadow-2xs-blur-radius: 0px;
1041
+ --inset-shadow-2xs-color: oklch(0.00% 0.0000 0 / 5.1%);
1042
+ --inset-shadow-2xs-offset-x: 0px;
1043
+ --inset-shadow-2xs-offset-y: 1px;
1044
+ --inset-shadow-2xs-spread-radius: 0px;
1045
+ --inset-shadow-sm-blur-radius: 4px;
1046
+ --inset-shadow-sm-color: oklch(0.00% 0.0000 0 / 5.1%);
1047
+ --inset-shadow-sm-offset-x: 0px;
1048
+ --inset-shadow-sm-offset-y: 2px;
1049
+ --inset-shadow-sm-spread-radius: 0px;
1050
+ --inset-shadow-xs-blur-radius: 1px;
1051
+ --inset-shadow-xs-color: oklch(0.00% 0.0000 0 / 5.1%);
1052
+ --inset-shadow-xs-offset-x: 0px;
1053
+ --inset-shadow-xs-offset-y: 1px;
1054
+ --inset-shadow-xs-spread-radius: 0px;
1055
+ --kanban-board-gap: 16px;
1056
+ --kanban-board-height: 100%;
1057
+ --kanban-board-padding: 16px;
1058
+ --kanban-card-background: oklch(100.00% 0.0000 0);
1059
+ --kanban-card-foreground: oklch(14.48% 0.0000 0);
1060
+ --kanban-card-gap: 8px;
1061
+ --kanban-card-padding: 12px;
1062
+ --kanban-card-radius: 0.125rem;
1063
+ --kanban-card-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1064
+ --kanban-column-background: oklch(97.02% 0.0000 0);
1065
+ --kanban-column-gap: 12px;
1066
+ --kanban-column-padding: 12px;
1067
+ --kanban-column-radius: 0.375rem;
1068
+ --kanban-column-width: 300px;
1069
+ --kbd-root-align-items: center;
1070
+ --kbd-root-border-color: transparent;
1071
+ --kbd-root-border-width: 1px;
1072
+ --kbd-root-display: inline-flex;
1073
+ --kbd-root-font-family: Inter;
1074
+ --kbd-root-font-weight: 500;
1075
+ --kbd-root-gap: 4px;
1076
+ --kbd-root-justify-content: center;
1077
+ --kbd-root-user-select: none;
1078
+ --kbd-size-lg-border-radius: 8px;
1079
+ --kbd-size-lg-font-size: 16px;
1080
+ --kbd-size-lg-height: 28px;
1081
+ --kbd-size-lg-min-width: 28px;
1082
+ --kbd-size-lg-padding-x: 8px;
1083
+ --kbd-size-md-border-radius: 6px;
1084
+ --kbd-size-md-font-size: 14px;
1085
+ --kbd-size-md-height: 24px;
1086
+ --kbd-size-md-min-width: 24px;
1087
+ --kbd-size-md-padding-x: 6px;
1088
+ --kbd-size-sm-border-radius: 4px;
1089
+ --kbd-size-sm-font-size: 12px;
1090
+ --kbd-size-sm-height: 20px;
1091
+ --kbd-size-sm-min-width: 20px;
1092
+ --kbd-size-sm-padding-x: 4px;
1093
+ --kbd-size-xs-border-radius: 2px;
1094
+ --kbd-size-xs-font-size: 10px;
1095
+ --kbd-size-xs-height: 16px;
1096
+ --kbd-size-xs-min-width: 16px;
1097
+ --kbd-size-xs-padding-x: 2px;
1098
+ --kbd-variant-default-background: oklch(97.02% 0.0000 0);
1099
+ --kbd-variant-default-color: oklch(71.55% 0.0000 0);
1100
+ --kbd-variant-ghost-background: transparent;
1101
+ --kbd-variant-ghost-color: oklch(71.55% 0.0000 0);
1102
+ --kbd-variant-outline-background: transparent;
1103
+ --kbd-variant-outline-border-color: oklch(92.19% 0.0000 0);
1104
+ --kbd-variant-outline-color: oklch(14.48% 0.0000 0);
1105
+ --kpi-card-sparkline-down: oklch(57.71% 0.2152 27.33);
1106
+ --kpi-card-sparkline-neutral: oklch(71.55% 0.0000 0);
1107
+ --kpi-card-sparkline-opacity: 0.6;
1108
+ --kpi-card-sparkline-up: oklch(62.71% 0.1699 149.21);
1109
+ --kpi-card-trend-down: oklch(57.71% 0.2152 27.33);
1110
+ --kpi-card-trend-neutral: oklch(71.55% 0.0000 0);
1111
+ --kpi-card-trend-up: oklch(62.71% 0.1699 149.21);
1112
+ --kpi-card-value-size-lg: 2.25rem;
1113
+ --kpi-card-value-size-md: 1.875rem;
1114
+ --kpi-card-value-size-sm: 1.5rem;
1115
+ --kpi-card-value-weight: 700;
1116
+ --label-disabled-cursor: not-allowed;
1117
+ --label-disabled-opacity: 0.5;
1118
+ --label-optional-color: oklch(71.55% 0.0000 0);
1119
+ --label-optional-font-weight: 400;
1120
+ --label-required-color: oklch(57.71% 0.2152 27.33);
1121
+ --label-root-align-items: center;
1122
+ --label-root-display: flex;
1123
+ --label-root-font-size: 14px;
1124
+ --label-root-font-weight: 500;
1125
+ --label-root-gap: 8px;
1126
+ --label-root-line-height: 1;
1127
+ --label-root-user-select: none;
1128
+ --layout-breakpoint-desktop: 1280px;
1129
+ --layout-breakpoint-mobile: 768px;
1130
+ --layout-breakpoint-tablet: 1024px;
1131
+ --layout-container-2xl: 1536px;
1132
+ --layout-container-lg: 1024px;
1133
+ --layout-container-md: 768px;
1134
+ --layout-container-sm: 640px;
1135
+ --layout-container-xl: 1280px;
1136
+ --layout-content-max-width-lg: 1024px;
1137
+ --layout-content-max-width-md: 768px;
1138
+ --layout-content-max-width-sm: 640px;
1139
+ --layout-content-max-width-xl: 1280px;
1140
+ --layout-content-padding-lg: 32px;
1141
+ --layout-content-padding-md: 24px;
1142
+ --layout-content-padding-sm: 16px;
1143
+ --layout-grid-columns-lg: 12;
1144
+ --layout-grid-columns-md: 8;
1145
+ --layout-grid-columns-sm: 4;
1146
+ --layout-grid-columns-xl: 12;
1147
+ --layout-grid-gutter-lg: 32px;
1148
+ --layout-grid-gutter-md: 24px;
1149
+ --layout-grid-gutter-sm: 16px;
1150
+ --layout-grid-gutter-xl: 32px;
1151
+ --layout-grid-margin-lg: 48px;
1152
+ --layout-grid-margin-md: 32px;
1153
+ --layout-grid-margin-sm: 16px;
1154
+ --layout-grid-margin-xl: auto;
1155
+ --layout-header-background: oklch(100.00% 0.0000 0);
1156
+ --layout-header-border: oklch(92.19% 0.0000 0);
1157
+ --layout-header-height: 56px;
1158
+ --layout-rail-background: oklch(98.51% 0.0000 0);
1159
+ --layout-rail-border: oklch(92.19% 0.0000 0);
1160
+ --layout-rail-width: 48px;
1161
+ --layout-sidebar-background: oklch(98.51% 0.0000 0);
1162
+ --layout-sidebar-border: oklch(92.19% 0.0000 0);
1163
+ --layout-sidebar-collapsed-width: 64px;
1164
+ --layout-sidebar-width: 240px;
1165
+ --lightbox-button-background-hover: oklch(100.00% 0.0000 0 / 80.0%);
1166
+ --lightbox-button-background: oklch(100.00% 0.0000 0 / 90.2%);
1167
+ --lightbox-button-color: oklch(100.00% 0.0000 0);
1168
+ --lightbox-button-radius: 9999px;
1169
+ --lightbox-button-size-lg: 48px;
1170
+ --lightbox-button-size-sm: 40px;
1171
+ --lightbox-content-background: transparent;
1172
+ --lightbox-footer-gap: 12px;
1173
+ --lightbox-footer-padding: 16px;
1174
+ --lightbox-header-padding: 16px;
1175
+ --lightbox-header-text-color: oklch(100.00% 0.0000 0);
1176
+ --lightbox-overlay-background: oklch(100.00% 0.0000 0 / 10.2%);
1177
+ --lightbox-thumbnail-gap: 8px;
1178
+ --lightbox-thumbnail-opacity-inactive: 0.6;
1179
+ --lightbox-thumbnail-ring-color: oklch(100.00% 0.0000 0);
1180
+ --lightbox-thumbnail-size: 64px;
1181
+ --link-color-default: oklch(69.20% 0.1533 159.90);
1182
+ --link-color-muted: oklch(71.55% 0.0000 0);
1183
+ --link-color-nav-hover: oklch(69.20% 0.1533 159.90);
1184
+ --link-color-nav: oklch(14.48% 0.0000 0);
1185
+ --link-color-subtle: oklch(14.48% 0.0000 0);
1186
+ --link-text-default: 16px;
1187
+ --link-text-lg: 18px;
1188
+ --link-text-sm: 14px;
1189
+ --link-text-xs: 12px;
1190
+ --markdown-editor-area-background: transparent;
1191
+ --markdown-editor-area-foreground: oklch(14.48% 0.0000 0);
1192
+ --markdown-editor-area-padding: 16px;
1193
+ --markdown-editor-help-code-bg: oklch(97.02% 0.0000 0);
1194
+ --markdown-editor-help-code-padding-x: 0.375rem;
1195
+ --markdown-editor-help-code-padding-y: 0.125rem;
1196
+ --markdown-editor-preview-background: oklch(100.00% 0.0000 0);
1197
+ --markdown-editor-preview-padding: 16px;
1198
+ --markdown-editor-root-background: oklch(100.00% 0.0000 0);
1199
+ --markdown-editor-root-border: oklch(92.19% 0.0000 0);
1200
+ --markdown-editor-root-min-height: 200px;
1201
+ --markdown-editor-root-radius: 0.375rem;
1202
+ --markdown-editor-toolbar-background: oklch(97.02% 0.0000 0);
1203
+ --markdown-editor-toolbar-border-bottom: oklch(92.19% 0.0000 0);
1204
+ --markdown-editor-toolbar-gap: 4px;
1205
+ --markdown-editor-toolbar-padding: 8px;
1206
+ --menubar-checkbox-radius: 1px;
1207
+ --menubar-checkbox-size: 16px;
1208
+ --menubar-content-border-width: 1px;
1209
+ --menubar-content-min-width: 12rem;
1210
+ --menubar-content-padding: 4px;
1211
+ --menubar-content-radius: 0.375rem;
1212
+ --menubar-content-sub-min-width: 8rem;
1213
+ --menubar-content-z-index: 50;
1214
+ --menubar-indicator-left: 8px;
1215
+ --menubar-indicator-size: 0.875rem;
1216
+ --menubar-item-gap: 8px;
1217
+ --menubar-item-icon-size: 16px;
1218
+ --menubar-item-inset-padding-left: 32px;
1219
+ --menubar-item-padding-x: 8px;
1220
+ --menubar-item-padding-y: 0.375rem;
1221
+ --menubar-item-radius: 0.125rem;
1222
+ --menubar-item-text-size: 0.875rem;
1223
+ --menubar-radio-radius: 1px;
1224
+ --menubar-radio-size: 8px;
1225
+ --menubar-root-border-width: 1px;
1226
+ --menubar-root-gap: 4px;
1227
+ --menubar-root-height: 36px;
1228
+ --menubar-root-padding: 4px;
1229
+ --menubar-root-radius: 0.375rem;
1230
+ --menubar-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1231
+ --menubar-separator-height: 1px;
1232
+ --menubar-separator-margin-x: -4px;
1233
+ --menubar-separator-margin-y: 4px;
1234
+ --menubar-shortcut-text-size: 0.75rem;
1235
+ --menubar-trigger-padding-x: 8px;
1236
+ --menubar-trigger-padding-y: 4px;
1237
+ --menubar-trigger-radius: 0.125rem;
1238
+ --menubar-trigger-text-size: 0.875rem;
1239
+ --mobile-container-padding-x: 24px;
1240
+ --mobile-heading-lg-font-family: Inter;
1241
+ --mobile-heading-lg-font-size: 30px;
1242
+ --mobile-heading-lg-font-weight: 700;
1243
+ --mobile-heading-lg-letter-spacing: 0px;
1244
+ --mobile-heading-lg-line-height: 36px;
1245
+ --mobile-heading-md-font-family: Inter;
1246
+ --mobile-heading-md-font-size: 30px;
1247
+ --mobile-heading-md-font-weight: 700;
1248
+ --mobile-heading-md-letter-spacing: 0px;
1249
+ --mobile-heading-md-line-height: 36px;
1250
+ --mobile-heading-sm-font-family: Inter;
1251
+ --mobile-heading-sm-font-size: 24px;
1252
+ --mobile-heading-sm-font-weight: 700;
1253
+ --mobile-heading-sm-letter-spacing: 0px;
1254
+ --mobile-heading-sm-line-height: 32px;
1255
+ --mobile-heading-xl-font-family: Inter;
1256
+ --mobile-heading-xl-font-size: 30px;
1257
+ --mobile-heading-xl-font-weight: 700;
1258
+ --mobile-heading-xl-letter-spacing: 0px;
1259
+ --mobile-heading-xl-line-height: 36px;
1260
+ --mobile-section-padding-y: 64px;
1261
+ --mobile-section-title-gap-lg: 16px;
1262
+ --mobile-section-title-gap-md: 20px;
1263
+ --mobile-section-title-gap-sm: 16px;
1264
+ --mobile-section-title-gap-xl: 16px;
1265
+ --modal-content-bg: oklch(100.00% 0.0000 0);
1266
+ --modal-content-border: oklch(92.19% 0.0000 0);
1267
+ --modal-content-gap: 16px;
1268
+ --modal-content-max-width: 32rem;
1269
+ --modal-content-padding: 24px;
1270
+ --modal-content-radius: 0.5rem;
1271
+ --modal-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1272
+ --modal-footer-gap: 8px;
1273
+ --modal-header-gap: 8px;
1274
+ --modal-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
1275
+ --multiselect-content-bg: oklch(100.00% 0.0000 0);
1276
+ --multiselect-content-fg: oklch(14.48% 0.0000 0);
1277
+ --multiselect-content-radius: 0.375rem;
1278
+ --multiselect-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1279
+ --multiselect-content-width: 200px;
1280
+ --multiselect-empty-fg: oklch(71.55% 0.0000 0);
1281
+ --multiselect-empty-padding-y: 24px;
1282
+ --multiselect-empty-text: 0.875rem;
1283
+ --multiselect-input-height: 36px;
1284
+ --multiselect-input-padding-y: 12px;
1285
+ --multiselect-input-text: 0.875rem;
1286
+ --multiselect-item-padding-x: 8px;
1287
+ --multiselect-item-padding-y: 6px;
1288
+ --multiselect-item-radius: 0.125rem;
1289
+ --multiselect-item-text: 0.875rem;
1290
+ --multiselect-tag-bg: oklch(97.98% 0.0312 139.44);
1291
+ --multiselect-tag-fg: oklch(28.73% 0.0661 137.75);
1292
+ --multiselect-tag-padding-x-lg: 10px;
1293
+ --multiselect-tag-padding-x-md: 8px;
1294
+ --multiselect-tag-padding-x-sm: 6px;
1295
+ --multiselect-tag-padding-y-lg: 4px;
1296
+ --multiselect-tag-padding-y-md: 2px;
1297
+ --multiselect-tag-padding-y-sm: 2px;
1298
+ --multiselect-tag-radius: 0.375rem;
1299
+ --multiselect-tag-text-lg: 0.875rem;
1300
+ --multiselect-tag-text-md: 0.75rem;
1301
+ --multiselect-tag-text-sm: 0.75rem;
1302
+ --multiselect-trigger-min-height-lg: 40px;
1303
+ --multiselect-trigger-min-height-md: 36px;
1304
+ --multiselect-trigger-min-height-sm: 32px;
1305
+ --multiselect-trigger-padding-x-lg: 14px;
1306
+ --multiselect-trigger-padding-x-md: 12px;
1307
+ --multiselect-trigger-padding-x-sm: 10px;
1308
+ --multiselect-trigger-padding-y-lg: 8px;
1309
+ --multiselect-trigger-padding-y-md: 8px;
1310
+ --multiselect-trigger-padding-y-sm: 4px;
1311
+ --multiselect-trigger-text-lg: 1rem;
1312
+ --multiselect-trigger-text-md: 0.875rem;
1313
+ --multiselect-trigger-text-sm: 0.875rem;
1314
+ --multiselect-trigger-width: 200px;
1315
+ --muted-dark: oklch(40.23% 0.0021 67.76);
1316
+ --muted-foreground-dark: oklch(65.05% 0.0063 84.57);
1317
+ --muted-foreground-light: oklch(65.05% 0.0063 84.57);
1318
+ --muted-foreground: oklch(71.55% 0.0000 0);
1319
+ --muted-light: oklch(95.66% 0.0052 67.76);
1320
+ --muted: oklch(97.02% 0.0000 0);
1321
+ --navbar-item-gap: 16px;
1322
+ --navbar-root-background: oklch(100.00% 0.0000 0);
1323
+ --navbar-root-border-color: oklch(92.19% 0.0000 0);
1324
+ --navbar-root-border-width: 1px;
1325
+ --navbar-root-height: 4rem;
1326
+ --navbar-root-padding-x: 16px;
1327
+ --navbar-root-padding-y: 8px;
1328
+ --navigation-menu-content-bg: oklch(100.00% 0.0000 0);
1329
+ --navigation-menu-content-text: oklch(14.48% 0.0000 0);
1330
+ --navigation-menu-indicator-bg: oklch(92.19% 0.0000 0);
1331
+ --navigation-menu-trigger-bg: oklch(100.00% 0.0000 0);
1332
+ --navigation-menu-trigger-hover-bg: oklch(95.21% 0.0467 171.12);
1333
+ --navigation-menu-trigger-hover-text: oklch(26.88% 0.0527 163.85);
1334
+ --navigation-menu-viewport-bg: oklch(100.00% 0.0000 0);
1335
+ --navigation-menu-viewport-text: oklch(14.48% 0.0000 0);
1336
+ --notification-bg-hover: oklch(95.21% 0.0467 171.12);
1337
+ --notification-bg-read: oklch(100.00% 0.0000 0);
1338
+ --notification-bg-unread: oklch(95.21% 0.0467 171.12);
1339
+ --notification-dot-color-default: oklch(69.20% 0.1533 159.90);
1340
+ --notification-dot-color-error: oklch(57.71% 0.2152 27.33);
1341
+ --notification-dot-color-info: oklch(54.61% 0.2152 262.88);
1342
+ --notification-dot-color-success: oklch(62.71% 0.1699 149.21);
1343
+ --notification-dot-color-warning: oklch(68.06% 0.1423 75.83);
1344
+ --notification-dot-left: 6px;
1345
+ --notification-dot-size: 8px;
1346
+ --notification-dot-top: 16px;
1347
+ --notification-root-gap: 12px;
1348
+ --notification-root-padding: 12px;
1349
+ --opacity-opacity-0: 0;
1350
+ --opacity-opacity-100: 1;
1351
+ --opacity-opacity-10: 0.1;
1352
+ --opacity-opacity-15: 0.15;
1353
+ --opacity-opacity-20: 0.2;
1354
+ --opacity-opacity-25: 0.25;
1355
+ --opacity-opacity-30: 0.3;
1356
+ --opacity-opacity-35: 0.35;
1357
+ --opacity-opacity-40: 0.4;
1358
+ --opacity-opacity-45: 0.45;
1359
+ --opacity-opacity-50: 0.5;
1360
+ --opacity-opacity-55: 0.55;
1361
+ --opacity-opacity-5: 0.05;
1362
+ --opacity-opacity-60: 0.6;
1363
+ --opacity-opacity-65: 0.65;
1364
+ --opacity-opacity-70: 0.7;
1365
+ --opacity-opacity-75: 0.75;
1366
+ --opacity-opacity-80: 0.8;
1367
+ --opacity-opacity-85: 0.85;
1368
+ --opacity-opacity-90: 0.9;
1369
+ --opacity-opacity-95: 0.95;
1370
+ --outline-10-dark-outline-20: oklch(71.55% 0.0000 0 / 10.2%);
1371
+ --outline: oklch(71.55% 0.0000 0 / 50.2%);
1372
+ --overlay: oklch(0.00% 0.0000 0 / 60.0%);
1373
+ --pagination-button-gap: 4px;
1374
+ --pagination-button-padding-x: 10px;
1375
+ --pagination-content-gap: 4px;
1376
+ --pagination-ellipsis-size: 36px;
1377
+ --paragraph-base-font-family: Inter;
1378
+ --paragraph-color-default: oklch(14.48% 0.0000 0);
1379
+ --paragraph-color-destructive: oklch(57.71% 0.2152 27.33);
1380
+ --paragraph-color-muted: oklch(71.55% 0.0000 0);
1381
+ --paragraph-color-primary: oklch(69.20% 0.1533 159.90);
1382
+ --paragraph-color-success: oklch(62.71% 0.1699 149.21);
1383
+ --paragraph-size-base-font-size: 16px;
1384
+ --paragraph-size-base-line-height: 24px;
1385
+ --paragraph-size-lg-font-size: 18px;
1386
+ --paragraph-size-lg-line-height: 28px;
1387
+ --paragraph-size-sm-font-size: 14px;
1388
+ --paragraph-size-sm-line-height: 20px;
1389
+ --paragraph-size-xl-font-size: 20px;
1390
+ --paragraph-size-xl-line-height: 28px;
1391
+ --paragraph-size-xs-font-size: 12px;
1392
+ --paragraph-size-xs-line-height: 16px;
1393
+ --paragraph-spacing-none: 0;
1394
+ --paragraph-spacing-normal: 16px;
1395
+ --paragraph-spacing-relaxed: 24px;
1396
+ --paragraph-spacing-tight: 8px;
1397
+ --paragraph-weight-bold: 700;
1398
+ --paragraph-weight-medium: 500;
1399
+ --paragraph-weight-normal: 400;
1400
+ --paragraph-weight-semibold: 600;
1401
+ --payment-input-icon-color-active: oklch(14.48% 0.0000 0);
1402
+ --payment-input-icon-color: oklch(71.55% 0.0000 0);
1403
+ --payment-input-icon-left: 12px;
1404
+ --payment-input-icon-size: 20px;
1405
+ --payment-input-root-padding-left: 40px;
1406
+ --phone-input-country-select-border-color: oklch(92.19% 0.0000 0);
1407
+ --phone-input-country-select-border-right-width: 1px;
1408
+ --phone-input-country-select-width: 100px;
1409
+ --phone-input-flag-margin-right: 8px;
1410
+ --phone-input-flag-size: 16px;
1411
+ --popover-bg: oklch(100.00% 0.0000 0);
1412
+ --popover-border: oklch(92.19% 0.0000 0);
1413
+ --popover-content-background: oklch(100.00% 0.0000 0);
1414
+ --popover-content-border-width: 1px;
1415
+ --popover-content-foreground: oklch(14.48% 0.0000 0);
1416
+ --popover-content-padding: 16px;
1417
+ --popover-content-radius: 0.375rem;
1418
+ --popover-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1419
+ --popover-content-width: 18rem;
1420
+ --popover-content-z-index: 50;
1421
+ --popover-dark: oklch(19.53% 0.0020 106.58);
1422
+ --popover-fg: oklch(14.48% 0.0000 0);
1423
+ --popover-foreground-dark: oklch(98.56% 0.0017 67.80);
1424
+ --popover-foreground-light: oklch(40.23% 0.0021 67.76);
1425
+ --popover-foreground: oklch(14.48% 0.0000 0);
1426
+ --popover-light: oklch(100.00% 0.0000 0);
1427
+ --popover-radius: 0.375rem;
1428
+ --popover: oklch(100.00% 0.0000 0);
1429
+ --primary-active: oklch(42.11% 0.0897 161.06);
1430
+ --primary-dark: oklch(88.23% 0.2057 138.41);
1431
+ --primary-foreground-dark: oklch(19.53% 0.0020 106.58);
1432
+ --primary-foreground-light: oklch(19.53% 0.0020 106.58);
1433
+ --primary-foreground: oklch(100.00% 0.0000 0);
1434
+ --primary-hover: oklch(56.08% 0.1221 160.56);
1435
+ --primary-light: oklch(81.06% 0.2032 150.12);
1436
+ --primary-subtle-foreground: oklch(56.08% 0.1221 160.56);
1437
+ --primary-subtle: oklch(97.65% 0.0243 170.99);
1438
+ --primary: oklch(69.20% 0.1533 159.90);
1439
+ --priority-high-bg: oklch(93% 0.10 55);
1440
+ --priority-high-text: oklch(45% 0.15 55);
1441
+ --priority-low-bg: oklch(95% 0.01 250);
1442
+ --priority-low-text: oklch(55% 0.02 250);
1443
+ --priority-medium-bg: oklch(93% 0.10 95);
1444
+ --priority-medium-text: oklch(45% 0.15 95);
1445
+ --priority-urgent-bg: oklch(93% 0.08 25);
1446
+ --priority-urgent-text: oklch(45% 0.18 25);
1447
+ --progress-bar-fill-color-default: oklch(62.71% 0.1699 149.21);
1448
+ --progress-bar-fill-color-error: oklch(57.71% 0.2152 27.33);
1449
+ --progress-bar-fill-color-primary: oklch(69.20% 0.1533 159.90);
1450
+ --progress-bar-fill-color-success: oklch(62.71% 0.1699 149.21);
1451
+ --progress-bar-fill-color-warning: oklch(68.06% 0.1423 75.83);
1452
+ --progress-bar-indicator-border-radius: 9999px;
1453
+ --progress-bar-indicator-flex: 1;
1454
+ --progress-bar-indicator-height: 100%;
1455
+ --progress-bar-indicator-transition: all;
1456
+ --progress-bar-indicator-width: 100%;
1457
+ --progress-bar-label-position-bottom-color: oklch(71.55% 0.0000 0);
1458
+ --progress-bar-label-position-bottom-margin-top: 0.375rem;
1459
+ --progress-bar-label-position-floating-color: oklch(14.48% 0.0000 0);
1460
+ --progress-bar-label-position-right-color: oklch(14.48% 0.0000 0);
1461
+ --progress-bar-label-position-right-margin-left: 12px;
1462
+ --progress-bar-label-text-font-size: 0.875rem;
1463
+ --progress-bar-label-text-font-weight: 500;
1464
+ --progress-bar-label-text-tabular-nums: tabular-nums;
1465
+ --progress-bar-root-border-radius: 9999px;
1466
+ --progress-bar-root-overflow: hidden;
1467
+ --progress-bar-root-position: relative;
1468
+ --progress-bar-root-width: 100%;
1469
+ --progress-bar-size-lg-height: 12px;
1470
+ --progress-bar-size-md-height: 8px;
1471
+ --progress-bar-size-sm-height: 0.375rem;
1472
+ --progress-bar-size-xl-height: 16px;
1473
+ --progress-bar-size-xs-height: 4px;
1474
+ --progress-bar-track-color-default: oklch(97.02% 0.0000 0);
1475
+ --progress-bar-track-color-error: oklch(57.71% 0.2152 27.33);
1476
+ --progress-bar-track-color-primary: oklch(69.20% 0.1533 159.90);
1477
+ --progress-bar-track-color-success: oklch(62.71% 0.1699 149.21);
1478
+ --progress-bar-track-color-warning: oklch(68.06% 0.1423 75.83);
1479
+ --progress-circle-indicator-color-default: oklch(62.71% 0.1699 149.21);
1480
+ --progress-circle-indicator-color-error: oklch(57.71% 0.2152 27.33);
1481
+ --progress-circle-indicator-color-primary: oklch(69.20% 0.1533 159.90);
1482
+ --progress-circle-indicator-color-success: oklch(62.71% 0.1699 149.21);
1483
+ --progress-circle-indicator-color-warning: oklch(68.06% 0.1423 75.83);
1484
+ --progress-circle-indicator-transition: all 300ms ease-out;
1485
+ --progress-circle-label-color: oklch(71.55% 0.0000 0);
1486
+ --progress-circle-size-lg-diameter: 280px;
1487
+ --progress-circle-size-lg-stroke-width: 14px;
1488
+ --progress-circle-size-md-diameter: 240px;
1489
+ --progress-circle-size-md-stroke-width: 12px;
1490
+ --progress-circle-size-sm-diameter: 200px;
1491
+ --progress-circle-size-sm-stroke-width: 10px;
1492
+ --progress-circle-size-xs-diameter: 160px;
1493
+ --progress-circle-size-xs-stroke-width: 8px;
1494
+ --progress-circle-size-xxs-diameter: 64px;
1495
+ --progress-circle-size-xxs-stroke-width: 4px;
1496
+ --progress-circle-track-color-default: oklch(97.02% 0.0000 0);
1497
+ --progress-circle-track-color-error: oklch(57.71% 0.2152 27.33);
1498
+ --progress-circle-track-color-primary: oklch(69.20% 0.1533 159.90);
1499
+ --progress-circle-track-color-success: oklch(62.71% 0.1699 149.21);
1500
+ --progress-circle-track-color-warning: oklch(68.06% 0.1423 75.83);
1501
+ --progress-circle-value-color: oklch(14.48% 0.0000 0);
1502
+ --progress-circle-value-font-weight: 600;
1503
+ --radio-indicator-color: oklch(100.00% 0.0000 0);
1504
+ --radio-indicator-size-lg: 12px;
1505
+ --radio-indicator-size-md: 10px;
1506
+ --radio-indicator-size-sm: 8px;
1507
+ --radio-root-bg-checked: oklch(69.20% 0.1533 159.90);
1508
+ --radio-root-bg-default: oklch(100.00% 0.0000 0);
1509
+ --radio-root-bg-disabled: oklch(97.02% 0.0000 0);
1510
+ --radio-root-border-checked: oklch(69.20% 0.1533 159.90);
1511
+ --radio-root-border-default: oklch(69.20% 0.1533 159.90);
1512
+ --radio-root-border-focus: oklch(81.75% 0.1821 159.79);
1513
+ --radio-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1514
+ --radio-root-size-lg: 24px;
1515
+ --radio-root-size-md: 20px;
1516
+ --radio-root-size-sm: 16px;
1517
+ --radius: 4px;
1518
+ --rail-accent-foreground: oklch(26.88% 0.0527 163.85);
1519
+ --rail-accent: oklch(95.21% 0.0467 171.12);
1520
+ --rail-background: oklch(98.51% 0.0000 0);
1521
+ --rail-border: oklch(92.19% 0.0000 0);
1522
+ --rail-width: 3.5rem;
1523
+ --rating-icon-color-empty: oklch(55.55% 0.0000 0);
1524
+ --rating-icon-color-filled: oklch(68.06% 0.1423 75.83);
1525
+ --rating-icon-size-lg: 24px;
1526
+ --rating-icon-size-md: 20px;
1527
+ --rating-icon-size-sm: 16px;
1528
+ --rating-item-gap: 2px;
1529
+ --resizable-handle-bg: oklch(92.19% 0.0000 0);
1530
+ --resizable-handle-grip-bg: oklch(92.19% 0.0000 0);
1531
+ --resizable-handle-grip-height: 16px;
1532
+ --resizable-handle-grip-radius: 1px;
1533
+ --resizable-handle-grip-width: 12px;
1534
+ --resizable-handle-ring: oklch(81.75% 0.1821 159.79);
1535
+ --resizable-handle-width-default: 1px;
1536
+ --resizable-handle-width-vertical: 1px;
1537
+ --rich-text-editor-content-min-height: 200px;
1538
+ --rich-text-editor-content-padding: 16px;
1539
+ --rich-text-editor-root-background: oklch(100.00% 0.0000 0);
1540
+ --rich-text-editor-root-border: oklch(92.19% 0.0000 0);
1541
+ --rich-text-editor-root-radius: 0.375rem;
1542
+ --rich-text-editor-toolbar-background: oklch(97.02% 0.0000 0);
1543
+ --rich-text-editor-toolbar-border-bottom: oklch(92.19% 0.0000 0);
1544
+ --rich-text-editor-toolbar-gap: 4px;
1545
+ --rich-text-editor-toolbar-padding: 8px;
1546
+ --ring-dark: oklch(88.23% 0.2057 138.41);
1547
+ --ring-light: oklch(64.44% 0.1647 149.79);
1548
+ --ring-offset: oklch(100.00% 0.0000 0);
1549
+ --ring: oklch(81.75% 0.1821 159.79);
1550
+ --scroll-bar-thumb-bg: oklch(92.19% 0.0000 0);
1551
+ --scroll-bar-width-default: 0.625rem;
1552
+ --scroll-bar-width-thin: 0.375rem;
1553
+ --scroll-bar-width-wide: 0.875rem;
1554
+ --secondary-dark: oklch(40.23% 0.0021 67.76);
1555
+ --secondary-foreground-dark: oklch(98.56% 0.0017 67.80);
1556
+ --secondary-foreground-light: oklch(19.53% 0.0020 106.58);
1557
+ --secondary-foreground: oklch(28.73% 0.0661 137.75);
1558
+ --secondary-hover: oklch(94.80% 0.0824 139.21);
1559
+ --secondary-light: oklch(95.66% 0.0052 67.76);
1560
+ --secondary-subtle-foreground: oklch(58.24% 0.1354 137.66);
1561
+ --secondary-subtle: oklch(98.93% 0.0139 138.71);
1562
+ --secondary: oklch(97.98% 0.0312 139.44);
1563
+ --section-content-gap: 16px;
1564
+ --section-header-gap: 8px;
1565
+ --section-header-margin-bottom: 16px;
1566
+ --section-root-gap: 24px;
1567
+ --section-root-padding-x: 24px;
1568
+ --section-root-padding-y: 32px;
1569
+ --select-content-bg: oklch(100.00% 0.0000 0);
1570
+ --select-content-border: oklch(92.19% 0.0000 0);
1571
+ --select-content-fg: oklch(14.48% 0.0000 0);
1572
+ --select-content-min-width: 8rem;
1573
+ --select-content-radius: 0.375rem;
1574
+ --select-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1575
+ --select-item-focus-bg: oklch(95.21% 0.0467 171.12);
1576
+ --select-item-focus-fg: oklch(26.88% 0.0527 163.85);
1577
+ --select-item-padding-l: 8px;
1578
+ --select-item-padding-r: 32px;
1579
+ --select-item-padding-y: 0.375rem;
1580
+ --select-item-radius: 0.125rem;
1581
+ --select-item-text: 0.875rem;
1582
+ --select-trigger-height-lg: 40px;
1583
+ --select-trigger-height-md: 36px;
1584
+ --select-trigger-height-sm: 32px;
1585
+ --select-trigger-padding-x-lg: 0.875rem;
1586
+ --select-trigger-padding-x-md: 12px;
1587
+ --select-trigger-padding-x-sm: 0.625rem;
1588
+ --select-trigger-padding-y-lg: 8px;
1589
+ --select-trigger-padding-y-md: 8px;
1590
+ --select-trigger-padding-y-sm: 4px;
1591
+ --select-trigger-text-lg: 1rem;
1592
+ --select-trigger-text-md: 0.875rem;
1593
+ --select-trigger-text-sm: 0.875rem;
1594
+ --sevends-base-black: oklch(0.00% 0.0000 0);
1595
+ --sevends-base-transparent: oklch(100.00% 0.0000 0 / 0.0%);
1596
+ --sevends-base-white: oklch(100.00% 0.0000 0);
1597
+ --sevends-blue-100: oklch(97.59% 0.0157 216.67);
1598
+ --sevends-blue-200: oklch(94.53% 0.0369 213.51);
1599
+ --sevends-blue-300: oklch(91.74% 0.0496 213.90);
1600
+ --sevends-blue-400: oklch(87.65% 0.0705 214.23);
1601
+ --sevends-blue-500: oklch(80.31% 0.1075 216.16);
1602
+ --sevends-blue-600: oklch(78.10% 0.1175 216.51);
1603
+ --sevends-blue-700: oklch(75.81% 0.1250 218.03);
1604
+ --sevends-blue-800: oklch(73.70% 0.1297 220.02);
1605
+ --sevends-blue-900: oklch(68.14% 0.1200 220.43);
1606
+ --sevends-gray-100: oklch(95.66% 0.0052 67.76);
1607
+ --sevends-gray-200: oklch(92.82% 0.0029 84.56);
1608
+ --sevends-gray-300: oklch(88.60% 0.0046 78.30);
1609
+ --sevends-gray-400: oklch(84.57% 0.0059 84.57);
1610
+ --sevends-gray-500: oklch(79.33% 0.0065 75.40);
1611
+ --sevends-gray-50: oklch(98.56% 0.0017 67.80);
1612
+ --sevends-gray-600: oklch(65.05% 0.0063 84.57);
1613
+ --sevends-gray-700: oklch(52.77% 0.0048 91.49);
1614
+ --sevends-gray-800: oklch(40.23% 0.0021 67.76);
1615
+ --sevends-gray-900: oklch(19.53% 0.0020 106.58);
1616
+ --sevends-gray-950: oklch(13.39% 0.0026 106.74);
1617
+ --sevends-green-100: oklch(98.42% 0.0316 124.45);
1618
+ --sevends-green-200: oklch(95.61% 0.0839 124.49);
1619
+ --sevends-green-300: oklch(92.74% 0.1074 124.65);
1620
+ --sevends-green-400: oklch(89.98% 0.1534 125.85);
1621
+ --sevends-green-500: oklch(88.21% 0.1793 126.70);
1622
+ --sevends-green-600: oklch(86.93% 0.1976 127.63);
1623
+ --sevends-green-700: oklch(85.49% 0.2109 128.53);
1624
+ --sevends-green-800: oklch(84.36% 0.2212 129.75);
1625
+ --sevends-green-900: oklch(77.94% 0.2040 129.80);
1626
+ --sevends-main-1-100: oklch(97.74% 0.0368 137.83);
1627
+ --sevends-main-1-200: oklch(92.97% 0.1184 137.86);
1628
+ --sevends-main-1-300: oklch(91.49% 0.1468 137.74);
1629
+ --sevends-main-1-400: oklch(90.00% 0.1757 138.07);
1630
+ --sevends-main-1-500: oklch(88.23% 0.2057 138.41);
1631
+ --sevends-main-1-600: oklch(85.44% 0.2240 138.80);
1632
+ --sevends-main-1-700: oklch(82.96% 0.2349 139.08);
1633
+ --sevends-main-1-800: oklch(80.77% 0.2441 139.61);
1634
+ --sevends-main-1-900: oklch(77.76% 0.2500 140.43);
1635
+ --sevends-main-2-100: oklch(87.87% 0.1277 154.40);
1636
+ --sevends-main-2-200: oklch(85.41% 0.1543 153.03);
1637
+ --sevends-main-2-300: oklch(84.08% 0.1705 152.55);
1638
+ --sevends-main-2-400: oklch(82.57% 0.1857 151.52);
1639
+ --sevends-main-2-500: oklch(81.06% 0.2032 150.12);
1640
+ --sevends-main-2-600: oklch(72.03% 0.1822 150.05);
1641
+ --sevends-main-2-700: oklch(64.44% 0.1647 149.79);
1642
+ --sevends-main-2-800: oklch(56.61% 0.1469 149.54);
1643
+ --sevends-main-2-900: oklch(45.10% 0.1203 149.15);
1644
+ --sevends-main-2-950: oklch(26.30% 0.0630 151.19);
1645
+ --sevends-pink-100: oklch(95.91% 0.0218 344.20);
1646
+ --sevends-pink-200: oklch(93.10% 0.0406 343.74);
1647
+ --sevends-pink-300: oklch(90.22% 0.0546 343.48);
1648
+ --sevends-pink-400: oklch(83.87% 0.0897 344.52);
1649
+ --sevends-pink-500: oklch(75.10% 0.1420 346.73);
1650
+ --sevends-pink-600: oklch(67.26% 0.1918 349.21);
1651
+ --sevends-pink-700: oklch(61.49% 0.2265 352.67);
1652
+ --sevends-pink-800: oklch(53.84% 0.2064 354.13);
1653
+ --sevends-pink-900: oklch(44.40% 0.1687 353.32);
1654
+ --sevends-red-100: oklch(80.49% 0.0780 12.92);
1655
+ --sevends-red-200: oklch(71.81% 0.1206 14.69);
1656
+ --sevends-red-300: oklch(66.49% 0.1475 16.22);
1657
+ --sevends-red-400: oklch(61.43% 0.1749 18.14);
1658
+ --sevends-red-500: oklch(56.65% 0.1994 21.83);
1659
+ --sevends-red-50: oklch(95.00% 0.0174 13.10);
1660
+ --sevends-red-600: oklch(52.24% 0.1829 21.48);
1661
+ --sevends-red-700: oklch(48.83% 0.1691 21.48);
1662
+ --sevends-red-800: oklch(44.91% 0.1540 21.05);
1663
+ --sevends-red-900: oklch(39.33% 0.1330 20.76);
1664
+ --sevends-yellow-100: oklch(98.63% 0.0428 105.74);
1665
+ --sevends-yellow-200: oklch(97.51% 0.0778 106.19);
1666
+ --sevends-yellow-300: oklch(95.38% 0.0993 106.91);
1667
+ --sevends-yellow-400: oklch(92.74% 0.1387 107.93);
1668
+ --sevends-yellow-500: oklch(91.37% 0.1593 108.01);
1669
+ --sevends-yellow-600: oklch(90.39% 0.1726 107.97);
1670
+ --sevends-yellow-700: oklch(89.39% 0.1821 108.21);
1671
+ --sevends-yellow-800: oklch(88.52% 0.1872 108.02);
1672
+ --sevends-yellow-900: oklch(81.68% 0.1721 107.82);
1673
+ --shadow-2xl-blur-radius: 50px;
1674
+ --shadow-2xl-color: oklch(0.00% 0.0000 0 / 25.1%);
1675
+ --shadow-2xl-offset-x: 0px;
1676
+ --shadow-2xl-offset-y: 25px;
1677
+ --shadow-2xl-spread-radius: -12px;
1678
+ --shadow-2xs-blur-radius: 0px;
1679
+ --shadow-2xs-color: oklch(0.00% 0.0000 0 / 0.0%);
1680
+ --shadow-2xs-offset-x: 0px;
1681
+ --shadow-2xs-offset-y: 0px;
1682
+ --shadow-2xs-spread-radius: 0px;
1683
+ --shadow-2xs-type: shadow;
1684
+ --shadow-button: oklch(64.44% 0.1647 149.79);
1685
+ --shadow-lg-1-blur-radius: 2px;
1686
+ --shadow-lg-1-color: oklch(0.00% 0.0000 0 / 1.2%);
1687
+ --shadow-lg-1-offset-x: 0px;
1688
+ --shadow-lg-1-offset-y: 2px;
1689
+ --shadow-lg-1-spread-radius: -3px;
1690
+ --shadow-lg-2-blur-radius: 6px;
1691
+ --shadow-lg-2-color: oklch(0.00% 0.0000 0 / 5.1%);
1692
+ --shadow-lg-2-offset-x: 0px;
1693
+ --shadow-lg-2-offset-y: 4px;
1694
+ --shadow-lg-2-spread-radius: -4px;
1695
+ --shadow-md-1-blur-radius: 6px;
1696
+ --shadow-md-1-color: oklch(0.00% 0.0000 0 / 5.1%);
1697
+ --shadow-md-1-offset-x: 0px;
1698
+ --shadow-md-1-offset-y: 4px;
1699
+ --shadow-md-1-spread-radius: -1px;
1700
+ --shadow-md-2-blur-radius: 4px;
1701
+ --shadow-md-2-color: oklch(0.00% 0.0000 0 / 5.1%);
1702
+ --shadow-md-2-offset-x: 0px;
1703
+ --shadow-md-2-offset-y: 2px;
1704
+ --shadow-md-2-spread-radius: -2px;
1705
+ --shadow-sm-1-blur-radius: 0px;
1706
+ --shadow-sm-1-color: oklch(0.00% 0.0000 0 / 0.0%);
1707
+ --shadow-sm-1-offset-x: 0px;
1708
+ --shadow-sm-1-offset-y: 0px;
1709
+ --shadow-sm-1-spread-radius: 0px;
1710
+ --shadow-sm-2-blur-radius: 0px;
1711
+ --shadow-sm-2-color: oklch(0.00% 0.0000 0 / 0.0%);
1712
+ --shadow-sm-2-offset-x: 0px;
1713
+ --shadow-sm-2-offset-y: 0px;
1714
+ --shadow-sm-2-spread-radius: -1px;
1715
+ --shadow-xl-1-blur-radius: 25px;
1716
+ --shadow-xl-1-color: oklch(0.00% 0.0000 0 / 10.2%);
1717
+ --shadow-xl-1-offset-x: 0px;
1718
+ --shadow-xl-1-offset-y: 20px;
1719
+ --shadow-xl-1-spread-radius: -5px;
1720
+ --shadow-xl-2-blur-radius: 10px;
1721
+ --shadow-xl-2-color: oklch(0.00% 0.0000 0 / 10.2%);
1722
+ --shadow-xl-2-offset-x: 0px;
1723
+ --shadow-xl-2-offset-y: 8px;
1724
+ --shadow-xl-2-spread-radius: -6px;
1725
+ --shadow-xs-blur-radius: 0px;
1726
+ --shadow-xs-color: oklch(0.00% 0.0000 0 / 0.0%);
1727
+ --shadow-xs-offset-x: 0px;
1728
+ --shadow-xs-offset-y: 0px;
1729
+ --shadow-xs-spread-radius: 0px;
1730
+ --sheet-content-bg: oklch(100.00% 0.0000 0);
1731
+ --sheet-content-border: oklch(92.19% 0.0000 0);
1732
+ --sheet-content-padding: 24px;
1733
+ --sheet-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1734
+ --sheet-content-width-default: 24rem;
1735
+ --sheet-content-width-lg: 32rem;
1736
+ --sheet-content-width-sm: 18rem;
1737
+ --sheet-overlay-bg-blur: oklch(0% 0 0 / 50%);
1738
+ --sheet-overlay-bg-default: oklch(0% 0 0 / 50%);
1739
+ --sheet-overlay-bg-light: oklch(0% 0 0 / 50%);
1740
+ --sidebar-accent-dark: oklch(40.23% 0.0021 67.76);
1741
+ --sidebar-accent-foreground-dark: oklch(98.56% 0.0017 67.80);
1742
+ --sidebar-accent-foreground-light: oklch(26.88% 0.0527 163.85);
1743
+ --sidebar-accent-foreground: oklch(26.88% 0.0527 163.85);
1744
+ --sidebar-accent-light: oklch(90.88% 0.0912 168.55);
1745
+ --sidebar-accent: oklch(95.21% 0.0467 171.12);
1746
+ --sidebar-background-dark: oklch(19.53% 0.0020 106.58);
1747
+ --sidebar-background-light: oklch(98.56% 0.0017 67.80);
1748
+ --sidebar-background: oklch(98.51% 0.0000 0);
1749
+ --sidebar-border-dark: oklch(100.00% 0.0000 0 / 10.2%);
1750
+ --sidebar-border-light: oklch(92.82% 0.0029 84.56);
1751
+ --sidebar-border: oklch(92.19% 0.0000 0);
1752
+ --sidebar-foreground-dark: oklch(98.56% 0.0017 67.80);
1753
+ --sidebar-foreground-light: oklch(40.23% 0.0021 67.76);
1754
+ --sidebar-foreground: oklch(20.46% 0.0000 0);
1755
+ --sidebar-group-padding: 8px;
1756
+ --sidebar-input-background: oklch(100.00% 0.0000 0);
1757
+ --sidebar-input-border: oklch(92.19% 0.0000 0);
1758
+ --sidebar-input-foreground: oklch(14.48% 0.0000 0);
1759
+ --sidebar-input-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1760
+ --sidebar-panel-width: 13.5rem;
1761
+ --sidebar-primary-dark: oklch(75.81% 0.1250 218.03);
1762
+ --sidebar-primary-foreground-dark: oklch(98.56% 0.0017 67.80);
1763
+ --sidebar-primary-foreground-light: oklch(98.56% 0.0017 67.80);
1764
+ --sidebar-primary-foreground: oklch(98.56% 0.0017 67.80);
1765
+ --sidebar-primary-light: oklch(19.53% 0.0020 106.58);
1766
+ --sidebar-primary: oklch(19.53% 0.0020 106.58);
1767
+ --sidebar-ring-dark: oklch(65.05% 0.0063 84.57);
1768
+ --sidebar-ring-light: oklch(84.57% 0.0059 84.57);
1769
+ --sidebar-ring: oklch(84.57% 0.0059 84.57);
1770
+ --sidebar-width-icon: 3rem;
1771
+ --sidebar-width-mobile: 18rem;
1772
+ --sidebar-width: 16rem;
1773
+ --single-stat-label-color: oklch(71.55% 0.0000 0);
1774
+ --single-stat-label-size: 0.875rem;
1775
+ --single-stat-label-weight: 500;
1776
+ --single-stat-value-color: oklch(14.48% 0.0000 0);
1777
+ --single-stat-value-size-lg: 2.25rem;
1778
+ --single-stat-value-size-md: 1.5rem;
1779
+ --single-stat-value-size-sm: 1.25rem;
1780
+ --single-stat-value-size-xl: 3.75rem;
1781
+ --single-stat-value-size-xs: 1.125rem;
1782
+ --single-stat-value-weight: 700;
1783
+ --skeleton-animation: pulse;
1784
+ --skeleton-bg: oklch(97.02% 0.0000 0);
1785
+ --skeleton-shape-circle-aspect-ratio: 1 / 1;
1786
+ --skeleton-shape-circle-border-radius: 9999px;
1787
+ --skeleton-shape-heading-border-radius: 0.25rem;
1788
+ --skeleton-shape-heading-height: 28px;
1789
+ --skeleton-shape-pill-border-radius: 9999px;
1790
+ --skeleton-shape-rectangle-border-radius: 0.375rem;
1791
+ --skeleton-shape-square-aspect-ratio: 1 / 1;
1792
+ --skeleton-shape-square-border-radius: 0.375rem;
1793
+ --skeleton-shape-text-border-radius: 0.25rem;
1794
+ --skeleton-shape-text-height: 16px;
1795
+ --skeleton-size-circle-lg: 48px;
1796
+ --skeleton-size-circle-md: 40px;
1797
+ --skeleton-size-circle-sm: 32px;
1798
+ --skeleton-size-circle-xl: 64px;
1799
+ --skeleton-size-circle-xs: 24px;
1800
+ --skeleton-size-pill-lg-height: 32px;
1801
+ --skeleton-size-pill-lg-width: 96px;
1802
+ --skeleton-size-pill-md-height: 28px;
1803
+ --skeleton-size-pill-md-width: 80px;
1804
+ --skeleton-size-pill-sm-height: 24px;
1805
+ --skeleton-size-pill-sm-width: 64px;
1806
+ --skeleton-size-pill-xl-height: 36px;
1807
+ --skeleton-size-pill-xl-width: 112px;
1808
+ --skeleton-size-pill-xs-height: 20px;
1809
+ --skeleton-size-pill-xs-width: 48px;
1810
+ --skeleton-size-text-lg: 192px;
1811
+ --skeleton-size-text-md: 128px;
1812
+ --skeleton-size-text-sm: 96px;
1813
+ --skeleton-size-text-xl: 256px;
1814
+ --skeleton-size-text-xs: 64px;
1815
+ --slider-range-bg-default: oklch(69.20% 0.1533 159.90);
1816
+ --slider-thumb-bg: oklch(100.00% 0.0000 0);
1817
+ --slider-thumb-border: oklch(69.20% 0.1533 159.90);
1818
+ --slider-thumb-size-lg: 28px;
1819
+ --slider-thumb-size-md: 24px;
1820
+ --slider-thumb-size-sm: 20px;
1821
+ --slider-track-bg: oklch(97.98% 0.0312 139.44);
1822
+ --slider-track-height-lg: 10px;
1823
+ --slider-track-height-md: 8px;
1824
+ --slider-track-height-sm: 6px;
1825
+ --spacer-size-2xl: 64px;
1826
+ --spacer-size-lg: 32px;
1827
+ --spacer-size-md: 24px;
1828
+ --spacer-size-sm: 16px;
1829
+ --spacer-size-xl: 48px;
1830
+ --spacer-size-xs: 8px;
1831
+ --spacing: 4px;
1832
+ --spinner-color-current: currentColor;
1833
+ --spinner-color-default: oklch(71.55% 0.0000 0);
1834
+ --spinner-color-error: oklch(57.71% 0.2152 27.33);
1835
+ --spinner-color-primary: oklch(69.20% 0.1533 159.90);
1836
+ --spinner-color-secondary: oklch(28.73% 0.0661 137.75);
1837
+ --spinner-color-success: oklch(62.71% 0.1699 149.21);
1838
+ --spinner-color-warning: oklch(68.06% 0.1423 75.83);
1839
+ --spinner-gradient-end: oklch(56.08% 0.1221 160.56);
1840
+ --spinner-gradient-start: oklch(69.20% 0.1533 159.90);
1841
+ --spinner-size-lg: 24px;
1842
+ --spinner-size-md: 20px;
1843
+ --spinner-size-sm: 16px;
1844
+ --spinner-size-xl: 32px;
1845
+ --spinner-size-xs: 12px;
1846
+ --split-button-divider-color-contrast: oklch(100.00% 0.0000 0 / 80.0%);
1847
+ --split-button-divider-color: oklch(92.19% 0.0000 0);
1848
+ --split-button-trigger-padding-x: 8px;
1849
+ --state-disabled-opacity: 0.38;
1850
+ --state-focus-opacity: 0.12;
1851
+ --state-hover-opacity: 0.08;
1852
+ --state-pressed-opacity: 0.12;
1853
+ --state-selected-opacity: 0.08;
1854
+ --status-approved-bg: oklch(93% 0.08 145);
1855
+ --status-approved-dot: oklch(55% 0.18 145);
1856
+ --status-approved-text: oklch(40% 0.15 145);
1857
+ --status-cancelled-bg: oklch(95% 0.01 250);
1858
+ --status-cancelled-dot: oklch(70% 0.02 250);
1859
+ --status-cancelled-text: oklch(65% 0.02 250);
1860
+ --status-changes-requested-bg: oklch(93% 0.10 85);
1861
+ --status-changes-requested-dot: oklch(70% 0.18 85);
1862
+ --status-changes-requested-text: oklch(45% 0.15 85);
1863
+ --status-escalated-bg: oklch(93% 0.10 55);
1864
+ --status-escalated-dot: oklch(65% 0.20 55);
1865
+ --status-escalated-text: oklch(45% 0.15 55);
1866
+ --status-expired-bg: oklch(95% 0.01 250);
1867
+ --status-expired-dot: oklch(70% 0.02 250);
1868
+ --status-expired-text: oklch(60% 0.02 250);
1869
+ --status-in-review-bg: oklch(93% 0.08 250);
1870
+ --status-in-review-dot: oklch(60% 0.18 250);
1871
+ --status-in-review-text: oklch(45% 0.15 250);
1872
+ --status-indicator-dot-color-error: oklch(57.71% 0.2152 27.33);
1873
+ --status-indicator-dot-color-info: oklch(54.61% 0.2152 262.88);
1874
+ --status-indicator-dot-color-neutral: oklch(71.55% 0.0000 0);
1875
+ --status-indicator-dot-color-success: oklch(62.71% 0.1699 149.21);
1876
+ --status-indicator-dot-color-warning: oklch(68.06% 0.1423 75.83);
1877
+ --status-indicator-dot-size-default: 10px;
1878
+ --status-indicator-dot-size-lg: 12px;
1879
+ --status-indicator-dot-size-sm: 8px;
1880
+ --status-indicator-dot-size-xs: 6px;
1881
+ --status-indicator-label-color: oklch(14.48% 0.0000 0);
1882
+ --status-indicator-label-font-size: 0.875rem;
1883
+ --status-indicator-label-gap: 8px;
1884
+ --status-indicator-root-border-radius: 9999px;
1885
+ --status-indicator-root-shrink: 0;
1886
+ --status-pending-bg: oklch(95% 0.01 250);
1887
+ --status-pending-dot: oklch(65% 0.02 250);
1888
+ --status-pending-text: oklch(55% 0.02 250);
1889
+ --status-rejected-bg: oklch(93% 0.08 25);
1890
+ --status-rejected-dot: oklch(55% 0.22 25);
1891
+ --status-rejected-text: oklch(45% 0.18 25);
1892
+ --stepper-indicator-background-active: oklch(69.20% 0.1533 159.90);
1893
+ --stepper-indicator-background-inactive: oklch(97.02% 0.0000 0);
1894
+ --stepper-indicator-color-active: oklch(100.00% 0.0000 0);
1895
+ --stepper-indicator-color-inactive: oklch(71.55% 0.0000 0);
1896
+ --stepper-indicator-font-size: 0.875rem;
1897
+ --stepper-indicator-radius: 9999px;
1898
+ --stepper-indicator-size: 32px;
1899
+ --stepper-item-gap: 8px;
1900
+ --stepper-root-gap: 32px;
1901
+ --stepper-separator-color-active: oklch(69.20% 0.1533 159.90);
1902
+ --stepper-separator-color: oklch(97.02% 0.0000 0);
1903
+ --stepper-separator-height: 2px;
1904
+ --success-border: oklch(92.50% 0.0806 155.99);
1905
+ --success-foreground: oklch(100.00% 0.0000 0);
1906
+ --success-foreground: oklch(100.00% 0.0000 0);
1907
+ --success-subtle-fg: oklch(52.73% 0.1371 150.07);
1908
+ --success-subtle: oklch(98.19% 0.0181 155.83);
1909
+ --success: oklch(62.71% 0.1699 149.21);
1910
+ --success: oklch(62.71% 0.1699 149.21);
1911
+ --surface-default: oklch(100.00% 0.0000 0);
1912
+ --surface-disabled: oklch(97.02% 0.0000 0);
1913
+ --surface-foreground: oklch(20.46% 0.0000 0);
1914
+ --surface-hover: oklch(97.65% 0.0243 170.99);
1915
+ --surface-overlay: oklch(100.00% 0.0000 0);
1916
+ --surface-raised: oklch(100.00% 0.0000 0);
1917
+ --surface-selected: oklch(97.65% 0.0243 170.99);
1918
+ --surface-sunken: oklch(98.51% 0.0000 0);
1919
+ --surface: oklch(98.51% 0.0000 0);
1920
+ --switch-size-lg-h: 28px;
1921
+ --switch-size-lg-w: 56px;
1922
+ --switch-size-md-h: 24px;
1923
+ --switch-size-md-w: 44px;
1924
+ --switch-size-sm-h: 20px;
1925
+ --switch-size-sm-w: 36px;
1926
+ --switch-thumb-bg: oklch(100.00% 0.0000 0);
1927
+ --switch-thumb-radius: 9999px;
1928
+ --switch-thumb-size-lg: 24px;
1929
+ --switch-thumb-size-md: 20px;
1930
+ --switch-thumb-size-sm: 16px;
1931
+ --switch-track-bg-disabled: oklch(97.02% 0.0000 0);
1932
+ --switch-track-bg-off: oklch(92.19% 0.0000 0);
1933
+ --switch-track-bg-on: oklch(69.20% 0.1533 159.90);
1934
+ --switch-track-radius: 9999px;
1935
+ --switch-track-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1936
+ --tab-bg-active: oklch(81.06% 0.2032 150.12);
1937
+ --tab-bg-base: oklch(98.56% 0.0017 67.80);
1938
+ --tab-ico-hover: oklch(45.10% 0.1203 149.15);
1939
+ --tab-ico-inactive: oklch(79.33% 0.0065 75.40);
1940
+ --tab-text-active: oklch(19.53% 0.0020 106.58);
1941
+ --tab-text-inactive: oklch(52.77% 0.0048 91.49);
1942
+ --table-caption-fg: oklch(71.55% 0.0000 0);
1943
+ --table-caption-margin-top: 16px;
1944
+ --table-caption-text: 0.875rem;
1945
+ --table-cell-padding-comfortable-y: 16px;
1946
+ --table-cell-padding-compact-y: 4px;
1947
+ --table-cell-padding-default-y: 8px;
1948
+ --table-cell-padding-x: 8px;
1949
+ --table-cell-text: 0.875rem;
1950
+ --table-footer-bg: oklch(97.02% 0.0000 0)/50;
1951
+ --table-footer-border: oklch(92.19% 0.0000 0);
1952
+ --table-header-bg: oklch(100.00% 0.0000 0);
1953
+ --table-header-fg: oklch(71.55% 0.0000 0);
1954
+ --table-header-height: 40px;
1955
+ --table-header-padding-x: 8px;
1956
+ --table-row-border: oklch(92.19% 0.0000 0);
1957
+ --table-row-hover: oklch(97.02% 0.0000 0)/50;
1958
+ --table-row-selected: oklch(97.02% 0.0000 0);
1959
+ --table-row-striped: oklch(97.02% 0.0000 0)/30;
1960
+ --tabs-list-bg: oklch(97.02% 0.0000 0);
1961
+ --tabs-list-fg: oklch(71.55% 0.0000 0);
1962
+ --tabs-list-height: 36px;
1963
+ --tabs-list-padding: 4px;
1964
+ --tabs-list-radius: 0.5rem;
1965
+ --tabs-root-gap: 8px;
1966
+ --tabs-trigger-active-bg: oklch(100.00% 0.0000 0);
1967
+ --tabs-trigger-active-fg: oklch(14.48% 0.0000 0);
1968
+ --tabs-trigger-active-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1969
+ --tabs-trigger-base-gap: 6px;
1970
+ --tabs-trigger-base-padding-x: 8px;
1971
+ --tabs-trigger-base-padding-y: 4px;
1972
+ --tabs-trigger-base-radius: 0.125rem;
1973
+ --tabs-trigger-base-text: 0.875rem;
1974
+ --tabs-trigger-base-weight: 500;
1975
+ --tabs-trigger-focus-ring: oklch(81.75% 0.1821 159.79);
1976
+ --tabs-trigger-inactive-fg: oklch(14.48% 0.0000 0);
1977
+ --tag-checkbox-bg-checked: oklch(69.20% 0.1533 159.90);
1978
+ --tag-checkbox-bg-default: oklch(100.00% 0.0000 0);
1979
+ --tag-checkbox-border-checked: oklch(69.20% 0.1533 159.90);
1980
+ --tag-checkbox-border-default: oklch(92.19% 0.0000 0);
1981
+ --tag-checkbox-text-checked: oklch(100.00% 0.0000 0);
1982
+ --tag-color-bg-checked: oklch(97.02% 0.0000 0);
1983
+ --tag-color-bg-default: oklch(100.00% 0.0000 0);
1984
+ --tag-color-bg-hover: oklch(97.02% 0.0000 0);
1985
+ --tag-color-border-checked: oklch(69.20% 0.1533 159.90);
1986
+ --tag-color-border-default: oklch(92.19% 0.0000 0);
1987
+ --tag-color-text-default: oklch(14.48% 0.0000 0);
1988
+ --tag-size-checkbox-lg: 1.125rem;
1989
+ --tag-size-checkbox-md: 16px;
1990
+ --tag-size-checkbox-sm: 0.875rem;
1991
+ --tag-size-count-height-lg: 20px;
1992
+ --tag-size-count-height-md: 1.125rem;
1993
+ --tag-size-count-height-sm: 16px;
1994
+ --tag-size-count-min-width-lg: 20px;
1995
+ --tag-size-count-min-width-md: 1.125rem;
1996
+ --tag-size-count-min-width-sm: 16px;
1997
+ --tag-size-count-text-lg: 0.75rem;
1998
+ --tag-size-count-text-md: 0.75rem;
1999
+ --tag-size-count-text-sm: 0.625rem;
2000
+ --tag-size-gap-default: 6px;
2001
+ --tag-size-height-lg: 32px;
2002
+ --tag-size-height-md: 28px;
2003
+ --tag-size-height-sm: 24px;
2004
+ --tag-size-padding-x-lg: 12px;
2005
+ --tag-size-padding-x-md: 10px;
2006
+ --tag-size-padding-x-sm: 8px;
2007
+ --tag-size-text-lg: 0.875rem;
2008
+ --tag-size-text-md: 0.875rem;
2009
+ --tag-size-text-sm: 0.75rem;
2010
+ --tags-input-input-background: transparent;
2011
+ --tags-input-root-background: oklch(100.00% 0.0000 0);
2012
+ --tags-input-root-border: oklch(92.19% 0.0000 0);
2013
+ --tags-input-root-gap: 8px;
2014
+ --tags-input-root-min-height: 40px;
2015
+ --tags-input-root-padding: 8px;
2016
+ --tags-input-root-radius: 0.375rem;
2017
+ --tags-input-tag-background: oklch(97.98% 0.0312 139.44);
2018
+ --tags-input-tag-foreground: oklch(28.73% 0.0661 137.75);
2019
+ --tags-input-tag-gap: 4px;
2020
+ --tags-input-tag-radius: 0.125rem;
2021
+ --task-status-backlog-bg: oklch(95% 0.01 250);
2022
+ --task-status-backlog-dot: oklch(70% 0.02 250);
2023
+ --task-status-backlog-text: oklch(60% 0.02 250);
2024
+ --task-status-blocked-bg: oklch(93% 0.08 25);
2025
+ --task-status-blocked-dot: oklch(55% 0.22 25);
2026
+ --task-status-blocked-text: oklch(45% 0.18 25);
2027
+ --task-status-done-bg: oklch(93% 0.08 145);
2028
+ --task-status-done-dot: oklch(55% 0.18 145);
2029
+ --task-status-done-text: oklch(40% 0.15 145);
2030
+ --task-status-in-progress-bg: oklch(93% 0.08 250);
2031
+ --task-status-in-progress-dot: oklch(60% 0.18 250);
2032
+ --task-status-in-progress-text: oklch(45% 0.15 250);
2033
+ --task-status-in-review-bg: oklch(93% 0.10 95);
2034
+ --task-status-in-review-dot: oklch(70% 0.18 95);
2035
+ --task-status-in-review-text: oklch(45% 0.15 95);
2036
+ --task-status-todo-bg: oklch(92% 0.01 250);
2037
+ --task-status-todo-dot: oklch(70% 0.02 250);
2038
+ --task-status-todo-text: oklch(55% 0.02 250);
2039
+ --text-color-default: oklch(14.48% 0.0000 0);
2040
+ --text-color-muted: oklch(71.55% 0.0000 0);
2041
+ --text-disabled: oklch(86.99% 0.0000 0);
2042
+ --text-error: oklch(57.71% 0.2152 27.33);
2043
+ --text-info: oklch(54.61% 0.2152 262.88);
2044
+ --text-inverse: oklch(100.00% 0.0000 0);
2045
+ --text-muted: oklch(71.55% 0.0000 0);
2046
+ --text-on-destructive: oklch(100.00% 0.0000 0);
2047
+ --text-on-primary: oklch(100.00% 0.0000 0);
2048
+ --text-placeholder: oklch(71.55% 0.0000 0);
2049
+ --text-primary: oklch(14.48% 0.0000 0);
2050
+ --text-secondary: oklch(55.55% 0.0000 0);
2051
+ --text-size-2xl-font-size: 24px;
2052
+ --text-size-2xl-line-height: 32px;
2053
+ --text-size-3xl-font-size: 30px;
2054
+ --text-size-3xl-line-height: 36px;
2055
+ --text-size-4xl-font-size: 36px;
2056
+ --text-size-4xl-line-height: 40px;
2057
+ --text-size-base-font-size: 16px;
2058
+ --text-size-base-line-height: 24px;
2059
+ --text-size-lg-font-size: 18px;
2060
+ --text-size-lg-line-height: 28px;
2061
+ --text-size-sm-font-size: 14px;
2062
+ --text-size-sm-line-height: 20px;
2063
+ --text-size-xl-font-size: 20px;
2064
+ --text-size-xl-line-height: 28px;
2065
+ --text-size-xs-font-size: 12px;
2066
+ --text-size-xs-line-height: 16px;
2067
+ --text-success: oklch(62.71% 0.1699 149.21);
2068
+ --text-tertiary: oklch(71.55% 0.0000 0);
2069
+ --text-warning: oklch(68.06% 0.1423 75.83);
2070
+ --text-weight-bold: 700;
2071
+ --text-weight-medium: 500;
2072
+ --text-weight-normal: 400;
2073
+ --text-weight-semibold: 600;
2074
+ --textarea-bg-default: oklch(100.00% 0.0000 0);
2075
+ --textarea-bg-disabled: oklch(97.02% 0.0000 0);
2076
+ --textarea-border-default: oklch(92.19% 0.0000 0);
2077
+ --textarea-border-error: oklch(57.71% 0.2152 27.33);
2078
+ --textarea-border-focus: oklch(81.75% 0.1821 159.79);
2079
+ --textarea-border-width: 1px;
2080
+ --textarea-fg-default: oklch(14.48% 0.0000 0);
2081
+ --textarea-fg-disabled: oklch(71.55% 0.0000 0);
2082
+ --textarea-fg-placeholder: oklch(71.55% 0.0000 0);
2083
+ --textarea-radius: 0.375rem;
2084
+ --textarea-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2085
+ --textarea-size-lg-min-h: 96px;
2086
+ --textarea-size-lg-px: 14px;
2087
+ --textarea-size-lg-py: 10px;
2088
+ --textarea-size-lg-text: 1rem;
2089
+ --textarea-size-md-min-h: 80px;
2090
+ --textarea-size-md-px: 12px;
2091
+ --textarea-size-md-py: 8px;
2092
+ --textarea-size-md-text: 0.875rem;
2093
+ --textarea-size-sm-min-h: 64px;
2094
+ --textarea-size-sm-px: 10px;
2095
+ --textarea-size-sm-py: 6px;
2096
+ --textarea-size-sm-text: 0.875rem;
2097
+ --thumbnail-root-bg: oklch(97.02% 0.0000 0);
2098
+ --thumbnail-rounded-default: 0.375rem;
2099
+ --thumbnail-rounded-full: 9999px;
2100
+ --thumbnail-rounded-lg: 0.5rem;
2101
+ --thumbnail-rounded-none: 0px;
2102
+ --thumbnail-rounded-sm: 0.125rem;
2103
+ --thumbnail-size-default-width: 80px;
2104
+ --thumbnail-size-lg-width: 120px;
2105
+ --thumbnail-size-sm-width: 56px;
2106
+ --thumbnail-size-xl-width: 160px;
2107
+ --thumbnail-size-xs-width: 40px;
2108
+ --time-picker-input-text-align: center;
2109
+ --time-picker-input-width: 65px;
2110
+ --time-picker-root-gap: 8px;
2111
+ --time-picker-separator-padding-x: 4px;
2112
+ --timeline-connector-offset-compact: 3px;
2113
+ --timeline-connector-offset-default: 5px;
2114
+ --timeline-connector-offset-detailed: 7px;
2115
+ --timeline-connector-offset-lg: 7px;
2116
+ --timeline-connector-top-compact: 12px;
2117
+ --timeline-connector-top-default: 16px;
2118
+ --timeline-connector-top-detailed: 20px;
2119
+ --timeline-connector-width: 2px;
2120
+ --timeline-item-gap-compact: 8px;
2121
+ --timeline-item-gap-default: 12px;
2122
+ --timeline-item-gap-detailed: 16px;
2123
+ --timeline-item-gap-horizontal: 8px;
2124
+ --timeline-marker-border-width: 2px;
2125
+ --timeline-marker-size-default: 12px;
2126
+ --timeline-marker-size-icon-default: 32px;
2127
+ --timeline-marker-size-icon-lg: 40px;
2128
+ --timeline-marker-size-icon-sm: 24px;
2129
+ --timeline-marker-size-lg: 16px;
2130
+ --timeline-marker-size-sm: 8px;
2131
+ --timeline-root-gap-compact: 8px;
2132
+ --timeline-root-gap-default: 16px;
2133
+ --timeline-root-gap-detailed: 24px;
2134
+ --tip-bg: oklch(96.50% 0.0250 293.54);
2135
+ --tip-foreground: oklch(14.48% 0.0000 0);
2136
+ --tip: oklch(58.97% 0.1820 293.54);
2137
+ --toggle-group-item-background-active: oklch(100.00% 0.0000 0);
2138
+ --toggle-group-item-color-active: oklch(14.48% 0.0000 0);
2139
+ --toggle-group-item-radius: 0.125rem;
2140
+ --toggle-group-item-shadow-active: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2141
+ --toggle-group-root-background: oklch(97.02% 0.0000 0);
2142
+ --toggle-group-root-gap: 4px;
2143
+ --toggle-group-root-padding: 4px;
2144
+ --toggle-group-root-radius: 0.375rem;
2145
+ --toggle-icon-size: 16px;
2146
+ --toggle-root-border-radius-pill: 9999px;
2147
+ --toggle-root-border-radius-rounded: 0.375rem;
2148
+ --toggle-root-border-width: 1px;
2149
+ --toggle-root-font-weight: 500;
2150
+ --toggle-root-gap: 8px;
2151
+ --toggle-root-transition: all;
2152
+ --toggle-size-default-height: 36px;
2153
+ --toggle-size-default-min-width: 36px;
2154
+ --toggle-size-default-padding-x: 0.625rem;
2155
+ --toggle-size-lg-height: 40px;
2156
+ --toggle-size-lg-min-width: 40px;
2157
+ --toggle-size-lg-padding-x: 12px;
2158
+ --toggle-size-md-height: 36px;
2159
+ --toggle-size-md-min-width: 36px;
2160
+ --toggle-size-md-padding-x: 0.625rem;
2161
+ --toggle-size-sm-height: 32px;
2162
+ --toggle-size-sm-min-width: 32px;
2163
+ --toggle-size-sm-padding-x: 0.375rem;
2164
+ --toggle-variant-default-bg-default: oklch(97.02% 0.0000 0);
2165
+ --toggle-variant-default-bg-hover: oklch(97.02% 0.0000 0);
2166
+ --toggle-variant-default-bg-on: oklch(69.20% 0.1533 159.90);
2167
+ --toggle-variant-default-border: transparent;
2168
+ --toggle-variant-default-color-default: oklch(71.55% 0.0000 0);
2169
+ --toggle-variant-default-color-hover: oklch(14.48% 0.0000 0);
2170
+ --toggle-variant-default-color-on: oklch(100.00% 0.0000 0);
2171
+ --toggle-variant-outline-bg-default: transparent;
2172
+ --toggle-variant-outline-bg-hover: oklch(97.02% 0.0000 0);
2173
+ --toggle-variant-outline-bg-on: oklch(69.20% 0.1533 159.90);
2174
+ --toggle-variant-outline-border: oklch(92.19% 0.0000 0);
2175
+ --toggle-variant-outline-color-default: oklch(14.48% 0.0000 0);
2176
+ --toggle-variant-outline-color-hover: oklch(14.48% 0.0000 0);
2177
+ --toggle-variant-outline-color-on: oklch(100.00% 0.0000 0);
2178
+ --toolbar-button-background-hover: oklch(97.02% 0.0000 0);
2179
+ --toolbar-button-foreground-muted: oklch(71.55% 0.0000 0);
2180
+ --toolbar-button-foreground: oklch(14.48% 0.0000 0);
2181
+ --toolbar-button-height: 36px;
2182
+ --toolbar-button-padding-x: 12px;
2183
+ --toolbar-button-radius: 0.375rem;
2184
+ --toolbar-root-background: oklch(100.00% 0.0000 0);
2185
+ --toolbar-root-border: oklch(92.19% 0.0000 0);
2186
+ --toolbar-root-gap: 8px;
2187
+ --toolbar-root-padding: 8px;
2188
+ --toolbar-root-radius: 0.375rem;
2189
+ --toolbar-separator-color: oklch(92.19% 0.0000 0);
2190
+ --toolbar-separator-margin-x: 8px;
2191
+ --toolbar-separator-width: 1px;
2192
+ --tooltip-arrow-radius: 0.125rem;
2193
+ --tooltip-arrow-size: 0.625rem;
2194
+ --tooltip-content-background: oklch(14.48% 0.0000 0);
2195
+ --tooltip-content-foreground: oklch(100.00% 0.0000 0);
2196
+ --tooltip-content-padding-x: 12px;
2197
+ --tooltip-content-padding-y: 0.375rem;
2198
+ --tooltip-content-radius: 0.375rem;
2199
+ --tooltip-content-text-size: 0.75rem;
2200
+ --tooltip-content-z-index: 50;
2201
+ --warning-border: oklch(94.51% 0.1243 101.54);
2202
+ --warning-foreground: oklch(100.00% 0.0000 0);
2203
+ --warning-foreground: oklch(100.00% 0.0000 0);
2204
+ --warning-subtle-fg: oklch(55.38% 0.1207 66.44);
2205
+ --warning-subtle: oklch(98.73% 0.0262 102.21);
2206
+ --warning: oklch(68.06% 0.1423 75.83);
2207
+ --warning: oklch(68.06% 0.1423 75.83);
2208
+ --z-base: 0;
2209
+ --z-dropdown: 1000;
2210
+ --z-fixed: 1200;
2211
+ --z-hide: -1;
2212
+ --z-modal: 1300;
2213
+ --z-popover: 1400;
2214
+ --z-sticky: 1100;
2215
+ --z-toast: 1600;
2216
+ --z-tooltip: 1500;
2217
+ }
2218
+
2219
+ /* Dark Theme */
2220
+ .dark {
2221
+ --accent-dark-input-50: oklch(100.00% 0.0000 0 / 7.8%);
2222
+ --accent-foreground: oklch(95.21% 0.0467 171.12);
2223
+ --accent: oklch(26.88% 0.0527 163.85);
2224
+ --alpha-10: oklch(14.48% 0.0000 0 / 90.2%);
2225
+ --alpha-20: oklch(14.48% 0.0000 0 / 80.0%);
2226
+ --alpha-30: oklch(14.48% 0.0000 0 / 70.2%);
2227
+ --alpha-40: oklch(14.48% 0.0000 0 / 60.0%);
2228
+ --alpha-50: oklch(14.48% 0.0000 0 / 50.2%);
2229
+ --alpha-5: oklch(14.48% 0.0000 0 / 94.9%);
2230
+ --alpha-60: oklch(14.48% 0.0000 0 / 40.0%);
2231
+ --alpha-70: oklch(14.48% 0.0000 0 / 30.2%);
2232
+ --alpha-80: oklch(14.48% 0.0000 0 / 20.0%);
2233
+ --alpha-90: oklch(14.48% 0.0000 0 / 10.2%);
2234
+ --background-dark-input-30: oklch(100.00% 0.0000 0 / 5.1%);
2235
+ --background: oklch(14.48% 0.0000 0);
2236
+ --border: oklch(37.15% 0.0000 0);
2237
+ --card-foreground: oklch(98.51% 0.0000 0);
2238
+ --card: oklch(26.86% 0.0000 0);
2239
+ --chart-1: oklch(81.75% 0.1821 159.79);
2240
+ --chart-2: oklch(66.68% 0.2591 322.15);
2241
+ --chart-3: oklch(62.31% 0.1880 259.81);
2242
+ --chart-4: oklch(86.06% 0.1731 91.94);
2243
+ --chart-5: oklch(63.68% 0.2078 25.33);
2244
+ --dark-input: oklch(100.00% 0.0000 0 / 14.9%);
2245
+ --destructive-20-dark-destructive-40: oklch(71.06% 0.1661 22.22 / 40.0%);
2246
+ --destructive-40-dark-destructive-60: oklch(71.06% 0.1661 22.22 / 60.0%);
2247
+ --destructive-border: oklch(44.37% 0.1613 26.90);
2248
+ --destructive-dark-destructive-60: oklch(71.06% 0.1661 22.22 / 60.0%);
2249
+ --destructive-dark-destructive-70: oklch(71.06% 0.1661 22.22 / 70.2%);
2250
+ --destructive-dark-destructive-90: oklch(71.06% 0.1661 22.22 / 90.2%);
2251
+ --destructive-foreground: oklch(100.00% 0.0000 0);
2252
+ --destructive-subtle-fg: oklch(80.77% 0.1035 19.57);
2253
+ --destructive-subtle: oklch(25.75% 0.0886 26.04);
2254
+ --destructive: oklch(63.68% 0.2078 25.33);
2255
+ --disabled-background: oklch(26.86% 0.0000 0);
2256
+ --disabled-border: oklch(37.15% 0.0000 0);
2257
+ --disabled-foreground: oklch(43.86% 0.0000 0);
2258
+ --disabled: oklch(26.86% 0.0000 0);
2259
+ --foreground: oklch(98.51% 0.0000 0);
2260
+ --heading-base-color: oklch(98.51% 0.0000 0);
2261
+ --heading-color-default: oklch(98.51% 0.0000 0);
2262
+ --heading-color-destructive: oklch(63.68% 0.2078 25.33);
2263
+ --heading-color-muted: oklch(71.55% 0.0000 0);
2264
+ --heading-color-primary: oklch(81.75% 0.1821 159.79);
2265
+ --info-border: oklch(42.44% 0.1809 265.64);
2266
+ --info-foreground: oklch(100.00% 0.0000 0);
2267
+ --info-subtle-fg: oklch(80.91% 0.0956 251.81);
2268
+ --info-subtle: oklch(28.23% 0.0874 267.94);
2269
+ --info: oklch(62.31% 0.1880 259.81);
2270
+ --input-dark-input-80: oklch(100.00% 0.0000 0 / 12.2%);
2271
+ --input: oklch(43.86% 0.0000 0);
2272
+ --kbd-variant-default-background: oklch(26.86% 0.0000 0);
2273
+ --kbd-variant-default-color: oklch(71.55% 0.0000 0);
2274
+ --kbd-variant-ghost-background: transparent;
2275
+ --kbd-variant-ghost-color: oklch(71.55% 0.0000 0);
2276
+ --kbd-variant-outline-background: transparent;
2277
+ --kbd-variant-outline-border-color: oklch(37.15% 0.0000 0);
2278
+ --kbd-variant-outline-color: oklch(98.51% 0.0000 0);
2279
+ --label-optional-color: oklch(71.55% 0.0000 0);
2280
+ --label-required-color: oklch(63.68% 0.2078 25.33);
2281
+ --link-color-default: oklch(81.75% 0.1821 159.79);
2282
+ --link-color-muted: oklch(71.55% 0.0000 0);
2283
+ --link-color-nav-hover: oklch(81.75% 0.1821 159.79);
2284
+ --link-color-nav: oklch(98.51% 0.0000 0);
2285
+ --link-color-subtle: oklch(98.51% 0.0000 0);
2286
+ --muted-foreground: oklch(71.55% 0.0000 0);
2287
+ --muted: oklch(26.86% 0.0000 0);
2288
+ --outline-10-dark-outline-20: oklch(55.55% 0.0000 0 / 20.0%);
2289
+ --outline: oklch(55.55% 0.0000 0 / 50.2%);
2290
+ --overlay: oklch(0.00% 0.0000 0 / 80.0%);
2291
+ --paragraph-color-default: oklch(98.51% 0.0000 0);
2292
+ --paragraph-color-destructive: oklch(63.68% 0.2078 25.33);
2293
+ --paragraph-color-muted: oklch(71.55% 0.0000 0);
2294
+ --paragraph-color-primary: oklch(81.75% 0.1821 159.79);
2295
+ --paragraph-color-success: oklch(72.27% 0.1920 149.58);
2296
+ --popover-foreground: oklch(98.51% 0.0000 0);
2297
+ --popover: oklch(20.46% 0.0000 0);
2298
+ --primary-active: oklch(87.18% 0.1296 166.48);
2299
+ --primary-foreground: oklch(100.00% 0.0000 0);
2300
+ --primary-hover: oklch(84.11% 0.1609 163.31);
2301
+ --primary-subtle-foreground: oklch(87.18% 0.1296 166.48);
2302
+ --primary-subtle: oklch(18.34% 0.0338 166.67);
2303
+ --primary: oklch(81.75% 0.1821 159.79);
2304
+ --ring-offset: oklch(14.48% 0.0000 0);
2305
+ --ring: oklch(84.11% 0.1609 163.31);
2306
+ --secondary-foreground: oklch(97.98% 0.0312 139.44);
2307
+ --secondary-hover: oklch(42.97% 0.0993 137.99);
2308
+ --secondary-subtle-foreground: oklch(92.69% 0.1227 138.76);
2309
+ --secondary-subtle: oklch(21.23% 0.0502 138.22);
2310
+ --secondary: oklch(28.73% 0.0661 137.75);
2311
+ --sidebar-accent-foreground: oklch(95.21% 0.0467 171.12);
2312
+ --sidebar-accent: oklch(26.88% 0.0527 163.85);
2313
+ --sidebar-background: oklch(20.46% 0.0000 0);
2314
+ --sidebar-border: oklch(26.86% 0.0000 0);
2315
+ --sidebar-foreground: oklch(97.02% 0.0000 0);
2316
+ --sidebar-primary-foreground: oklch(98.56% 0.0017 67.80);
2317
+ --sidebar-primary: oklch(75.81% 0.1250 218.03);
2318
+ --sidebar-ring: oklch(65.05% 0.0063 84.57);
2319
+ --success-border: oklch(44.79% 0.1083 151.33);
2320
+ --success-foreground: oklch(100.00% 0.0000 0);
2321
+ --success-subtle-fg: oklch(87.12% 0.1363 154.45);
2322
+ --success-subtle: oklch(26.64% 0.0628 152.93);
2323
+ --success: oklch(72.27% 0.1920 149.58);
2324
+ --surface-foreground: oklch(97.02% 0.0000 0);
2325
+ --surface: oklch(20.46% 0.0000 0);
2326
+ --text-color-default: oklch(98.51% 0.0000 0);
2327
+ --text-color-muted: oklch(71.55% 0.0000 0);
2328
+ --warning-border: oklch(47.62% 0.1034 61.91);
2329
+ --warning-foreground: oklch(100.00% 0.0000 0);
2330
+ --warning-subtle-fg: oklch(90.52% 0.1657 98.11);
2331
+ --warning-subtle: oklch(28.57% 0.0639 53.81);
2332
+ --warning: oklch(79.52% 0.1617 86.05);
2333
+ }
2334
+
2335
+ /* Tailwind Theme Integration */
2336
+ @theme inline {
2337
+ --color-accent-dark-input-50: var(--accent-dark-input-50);
2338
+ --color-accent-dark: var(--accent-dark);
2339
+ --color-accent-foreground-dark: var(--accent-foreground-dark);
2340
+ --color-accent-foreground-light: var(--accent-foreground-light);
2341
+ --color-accent-foreground: var(--accent-foreground);
2342
+ --color-accent-light: var(--accent-light);
2343
+ --color-accent: var(--accent);
2344
+ --color-alert-variant-default-bg: var(--alert-variant-default-bg);
2345
+ --color-alert-variant-default-border: var(--alert-variant-default-border);
2346
+ --color-alert-variant-default-fg: var(--alert-variant-default-fg);
2347
+ --color-alert-variant-destructive-bg: var(--alert-variant-destructive-bg);
2348
+ --color-alert-variant-destructive-border: var(--alert-variant-destructive-border);
2349
+ --color-alert-variant-destructive-fg: var(--alert-variant-destructive-fg);
2350
+ --color-alpha-10: var(--alpha-10);
2351
+ --color-alpha-20: var(--alpha-20);
2352
+ --color-alpha-30: var(--alpha-30);
2353
+ --color-alpha-40: var(--alpha-40);
2354
+ --color-alpha-50: var(--alpha-50);
2355
+ --color-alpha-5: var(--alpha-5);
2356
+ --color-alpha-60: var(--alpha-60);
2357
+ --color-alpha-70: var(--alpha-70);
2358
+ --color-alpha-80: var(--alpha-80);
2359
+ --color-alpha-90: var(--alpha-90);
2360
+ --color-asset-manager-item-background: var(--asset-manager-item-background);
2361
+ --color-asset-manager-item-border: var(--asset-manager-item-border);
2362
+ --color-asset-manager-preview-background: var(--asset-manager-preview-background);
2363
+ --color-autocomplete-content-bg: var(--autocomplete-content-bg);
2364
+ --color-autocomplete-content-border: var(--autocomplete-content-border);
2365
+ --color-autocomplete-content-fg: var(--autocomplete-content-fg);
2366
+ --color-autocomplete-empty-fg: var(--autocomplete-empty-fg);
2367
+ --color-autocomplete-item-highlighted-bg: var(--autocomplete-item-highlighted-bg);
2368
+ --color-autocomplete-item-highlighted-fg: var(--autocomplete-item-highlighted-fg);
2369
+ --color-autocomplete-loading-fg: var(--autocomplete-loading-fg);
2370
+ --color-avatar-border-contrast: var(--avatar-border-contrast);
2371
+ --color-avatar-fallback-bg-default: var(--avatar-fallback-bg-default);
2372
+ --color-avatar-fallback-bg-destructive: var(--avatar-fallback-bg-destructive);
2373
+ --color-avatar-fallback-bg-primary: var(--avatar-fallback-bg-primary);
2374
+ --color-avatar-fallback-bg-secondary: var(--avatar-fallback-bg-secondary);
2375
+ --color-avatar-fallback-bg-success: var(--avatar-fallback-bg-success);
2376
+ --color-avatar-fallback-bg-warning: var(--avatar-fallback-bg-warning);
2377
+ --color-avatar-fallback-text-default: var(--avatar-fallback-text-default);
2378
+ --color-avatar-fallback-text-destructive: var(--avatar-fallback-text-destructive);
2379
+ --color-avatar-fallback-text-primary: var(--avatar-fallback-text-primary);
2380
+ --color-avatar-fallback-text-secondary: var(--avatar-fallback-text-secondary);
2381
+ --color-avatar-fallback-text-success: var(--avatar-fallback-text-success);
2382
+ --color-avatar-fallback-text-warning: var(--avatar-fallback-text-warning);
2383
+ --color-background-dark-input-30: var(--background-dark-input-30);
2384
+ --color-background-dark: var(--background-dark);
2385
+ --color-background-light: var(--background-light);
2386
+ --color-background: var(--background);
2387
+ --color-badge-bg-alert: var(--badge-bg-alert);
2388
+ --color-badge-bg-hover-alert: var(--badge-bg-hover-alert);
2389
+ --color-badge-color-destructive-bg: var(--badge-color-destructive-bg);
2390
+ --color-badge-color-destructive-border: var(--badge-color-destructive-border);
2391
+ --color-badge-color-destructive-fg: var(--badge-color-destructive-fg);
2392
+ --color-badge-color-outline-bg: var(--badge-color-outline-bg);
2393
+ --color-badge-color-outline-border: var(--badge-color-outline-border);
2394
+ --color-badge-color-outline-fg: var(--badge-color-outline-fg);
2395
+ --color-badge-color-primary-bg: var(--badge-color-primary-bg);
2396
+ --color-badge-color-primary-border: var(--badge-color-primary-border);
2397
+ --color-badge-color-primary-fg: var(--badge-color-primary-fg);
2398
+ --color-badge-color-secondary-bg: var(--badge-color-secondary-bg);
2399
+ --color-badge-color-secondary-border: var(--badge-color-secondary-border);
2400
+ --color-badge-color-secondary-fg: var(--badge-color-secondary-fg);
2401
+ --color-badge-text-alert: var(--badge-text-alert);
2402
+ --color-base-black: var(--base-black);
2403
+ --color-base-transparent: var(--base-transparent);
2404
+ --color-base-white: var(--base-white);
2405
+ --color-border-dark: var(--border-dark);
2406
+ --color-border-light: var(--border-light);
2407
+ --color-border-semantic-default: var(--border-semantic-default);
2408
+ --color-border-semantic-disabled: var(--border-semantic-disabled);
2409
+ --color-border-semantic-error: var(--border-semantic-error);
2410
+ --color-border-semantic-focus: var(--border-semantic-focus);
2411
+ --color-border-semantic-strong: var(--border-semantic-strong);
2412
+ --color-border-semantic-subtle: var(--border-semantic-subtle);
2413
+ --color-border-semantic-success: var(--border-semantic-success);
2414
+ --color-border-semantic-warning: var(--border-semantic-warning);
2415
+ --color-border: var(--border);
2416
+ --color-brand-green-dark: var(--brand-green-dark);
2417
+ --color-brand-green-light: var(--brand-green-light);
2418
+ --color-brand-green-primary: var(--brand-green-primary);
2419
+ --color-brand-green-secondary: var(--brand-green-secondary);
2420
+ --color-brand-green-soft: var(--brand-green-soft);
2421
+ --color-brand-neutral-black: var(--brand-neutral-black);
2422
+ --color-brand-neutral-dark: var(--brand-neutral-dark);
2423
+ --color-brand-neutral-gray-01: var(--brand-neutral-gray-01);
2424
+ --color-brand-neutral-gray-02: var(--brand-neutral-gray-02);
2425
+ --color-brand-neutral-gray-03: var(--brand-neutral-gray-03);
2426
+ --color-brand-neutral-gray-04: var(--brand-neutral-gray-04);
2427
+ --color-brand-neutral-gray-05: var(--brand-neutral-gray-05);
2428
+ --color-brand-neutral-gray-06: var(--brand-neutral-gray-06);
2429
+ --color-brand-neutral-off-white: var(--brand-neutral-off-white);
2430
+ --color-brand-secondary-blue-01: var(--brand-secondary-blue-01);
2431
+ --color-brand-secondary-blue-02: var(--brand-secondary-blue-02);
2432
+ --color-brand-secondary-blue-03: var(--brand-secondary-blue-03);
2433
+ --color-brand-secondary-green-01: var(--brand-secondary-green-01);
2434
+ --color-brand-secondary-green-02: var(--brand-secondary-green-02);
2435
+ --color-brand-secondary-green-03: var(--brand-secondary-green-03);
2436
+ --color-brand-secondary-pink-01: var(--brand-secondary-pink-01);
2437
+ --color-brand-secondary-pink-02: var(--brand-secondary-pink-02);
2438
+ --color-brand-secondary-pink-03: var(--brand-secondary-pink-03);
2439
+ --color-brand-secondary-yellow-01: var(--brand-secondary-yellow-01);
2440
+ --color-brand-secondary-yellow-02: var(--brand-secondary-yellow-02);
2441
+ --color-brand-secondary-yellow-03: var(--brand-secondary-yellow-03);
2442
+ --color-breadcrumb-link-hover: var(--breadcrumb-link-hover);
2443
+ --color-breadcrumb-list-text: var(--breadcrumb-list-text);
2444
+ --color-breadcrumb-page-text: var(--breadcrumb-page-text);
2445
+ --color-brius-100: var(--brius-100);
2446
+ --color-brius-200: var(--brius-200);
2447
+ --color-brius-300: var(--brius-300);
2448
+ --color-brius-400: var(--brius-400);
2449
+ --color-brius-500: var(--brius-500);
2450
+ --color-brius-50: var(--brius-50);
2451
+ --color-brius-600: var(--brius-600);
2452
+ --color-brius-700: var(--brius-700);
2453
+ --color-brius-800: var(--brius-800);
2454
+ --color-brius-900: var(--brius-900);
2455
+ --color-brius-950: var(--brius-950);
2456
+ --color-button-disabled-bg: var(--button-disabled-bg);
2457
+ --color-button-disabled-border: var(--button-disabled-border);
2458
+ --color-button-disabled-fg: var(--button-disabled-fg);
2459
+ --color-button-group-item-background-active: var(--button-group-item-background-active);
2460
+ --color-button-group-item-background-hover: var(--button-group-item-background-hover);
2461
+ --color-button-group-item-background: var(--button-group-item-background);
2462
+ --color-button-group-root-border-color: var(--button-group-root-border-color);
2463
+ --color-button-group-separator-color: var(--button-group-separator-color);
2464
+ --color-button-link-color-fg-default: var(--button-link-color-fg-default);
2465
+ --color-button-link-color-fg-hover: var(--button-link-color-fg-hover);
2466
+ --color-button-link-gray-fg-default: var(--button-link-gray-fg-default);
2467
+ --color-button-link-gray-fg-hover: var(--button-link-gray-fg-hover);
2468
+ --color-button-primary-bg-default: var(--button-primary-bg-default);
2469
+ --color-button-primary-bg-hover: var(--button-primary-bg-hover);
2470
+ --color-button-primary-border-default: var(--button-primary-border-default);
2471
+ --color-button-primary-border-hover: var(--button-primary-border-hover);
2472
+ --color-button-primary-fg-default: var(--button-primary-fg-default);
2473
+ --color-button-ring-brand: var(--button-ring-brand);
2474
+ --color-button-ring-gray: var(--button-ring-gray);
2475
+ --color-button-secondary-color-bg-default: var(--button-secondary-color-bg-default);
2476
+ --color-button-secondary-color-bg-hover: var(--button-secondary-color-bg-hover);
2477
+ --color-button-secondary-color-border-default: var(--button-secondary-color-border-default);
2478
+ --color-button-secondary-color-border-hover: var(--button-secondary-color-border-hover);
2479
+ --color-button-secondary-color-fg-default: var(--button-secondary-color-fg-default);
2480
+ --color-button-secondary-color-fg-hover: var(--button-secondary-color-fg-hover);
2481
+ --color-button-secondary-gray-bg-default: var(--button-secondary-gray-bg-default);
2482
+ --color-button-secondary-gray-bg-hover: var(--button-secondary-gray-bg-hover);
2483
+ --color-button-secondary-gray-border-default: var(--button-secondary-gray-border-default);
2484
+ --color-button-secondary-gray-border-hover: var(--button-secondary-gray-border-hover);
2485
+ --color-button-secondary-gray-fg-default: var(--button-secondary-gray-fg-default);
2486
+ --color-button-secondary-gray-fg-hover: var(--button-secondary-gray-fg-hover);
2487
+ --color-button-shadow-bg-hover: var(--button-shadow-bg-hover);
2488
+ --color-button-shadow-bg-shadow: var(--button-shadow-bg-shadow);
2489
+ --color-button-shadow-ico-active: var(--button-shadow-ico-active);
2490
+ --color-button-shadow-ico-hover: var(--button-shadow-ico-hover);
2491
+ --color-button-shadow-ico-inactive: var(--button-shadow-ico-inactive);
2492
+ --color-button-shadow-text-hover: var(--button-shadow-text-hover);
2493
+ --color-button-shadow-text-shadow: var(--button-shadow-text-shadow);
2494
+ --color-button-tertiary-color-bg-hover: var(--button-tertiary-color-bg-hover);
2495
+ --color-button-tertiary-color-fg-default: var(--button-tertiary-color-fg-default);
2496
+ --color-button-tertiary-color-fg-hover: var(--button-tertiary-color-fg-hover);
2497
+ --color-button-tertiary-gray-bg-hover: var(--button-tertiary-gray-bg-hover);
2498
+ --color-button-tertiary-gray-fg-default: var(--button-tertiary-gray-fg-default);
2499
+ --color-button-tertiary-gray-fg-hover: var(--button-tertiary-gray-fg-hover);
2500
+ --color-card-dark: var(--card-dark);
2501
+ --color-card-description-color: var(--card-description-color);
2502
+ --color-card-foreground-dark: var(--card-foreground-dark);
2503
+ --color-card-foreground-light: var(--card-foreground-light);
2504
+ --color-card-foreground: var(--card-foreground);
2505
+ --color-card-light: var(--card-light);
2506
+ --color-card-root-background: var(--card-root-background);
2507
+ --color-card-root-foreground: var(--card-root-foreground);
2508
+ --color-card: var(--card);
2509
+ --color-chart-1-dark: var(--chart-1-dark);
2510
+ --color-chart-1-light: var(--chart-1-light);
2511
+ --color-chart-1: var(--chart-1);
2512
+ --color-chart-2-dark: var(--chart-2-dark);
2513
+ --color-chart-2-light: var(--chart-2-light);
2514
+ --color-chart-2: var(--chart-2);
2515
+ --color-chart-3-dark: var(--chart-3-dark);
2516
+ --color-chart-3-light: var(--chart-3-light);
2517
+ --color-chart-3: var(--chart-3);
2518
+ --color-chart-4-dark: var(--chart-4-dark);
2519
+ --color-chart-4-light: var(--chart-4-light);
2520
+ --color-chart-4: var(--chart-4);
2521
+ --color-chart-5-dark: var(--chart-5-dark);
2522
+ --color-chart-5-light: var(--chart-5-light);
2523
+ --color-chart-5: var(--chart-5);
2524
+ --color-chart-tooltip-bg: var(--chart-tooltip-bg);
2525
+ --color-chart-tooltip-border: var(--chart-tooltip-border);
2526
+ --color-checkbox-indicator-color: var(--checkbox-indicator-color);
2527
+ --color-checkbox-root-bg-checked: var(--checkbox-root-bg-checked);
2528
+ --color-checkbox-root-bg-default: var(--checkbox-root-bg-default);
2529
+ --color-checkbox-root-bg-disabled: var(--checkbox-root-bg-disabled);
2530
+ --color-checkbox-root-border-checked: var(--checkbox-root-border-checked);
2531
+ --color-checkbox-root-border-default: var(--checkbox-root-border-default);
2532
+ --color-checkbox-root-border-focus: var(--checkbox-root-border-focus);
2533
+ --color-color-chrome: var(--color-chrome);
2534
+ --color-color-desktop: var(--color-desktop);
2535
+ --color-color-edge: var(--color-edge);
2536
+ --color-color-firefox: var(--color-firefox);
2537
+ --color-color-mobile: var(--color-mobile);
2538
+ --color-color-other: var(--color-other);
2539
+ --color-color-picker-trigger-border: var(--color-picker-trigger-border);
2540
+ --color-color-safari: var(--color-safari);
2541
+ --color-combobox-content-bg: var(--combobox-content-bg);
2542
+ --color-combobox-content-border: var(--combobox-content-border);
2543
+ --color-combobox-content-fg: var(--combobox-content-fg);
2544
+ --color-combobox-item-focus-bg: var(--combobox-item-focus-bg);
2545
+ --color-combobox-item-focus-fg: var(--combobox-item-focus-fg);
2546
+ --color-combobox-trigger-border-default: var(--combobox-trigger-border-default);
2547
+ --color-combobox-trigger-border-focus: var(--combobox-trigger-border-focus);
2548
+ --color-comment-system-item-background: var(--comment-system-item-background);
2549
+ --color-comment-system-item-border: var(--comment-system-item-border);
2550
+ --color-dark-input: var(--dark-input);
2551
+ --color-datatable-error-state-icon-color: var(--datatable-error-state-icon-color);
2552
+ --color-datatable-pagination-info-color: var(--datatable-pagination-info-color);
2553
+ --color-datatable-row-bg-highlighted: var(--datatable-row-bg-highlighted);
2554
+ --color-datatable-row-bg-hover: var(--datatable-row-bg-hover);
2555
+ --color-datatable-row-bg-selected: var(--datatable-row-bg-selected);
2556
+ --color-datatable-sort-badge-bg: var(--datatable-sort-badge-bg);
2557
+ --color-datatable-sort-badge-fg: var(--datatable-sort-badge-fg);
2558
+ --color-datatable-toolbar-search-icon-color: var(--datatable-toolbar-search-icon-color);
2559
+ --color-destructive-20-dark-destructive-40: var(--destructive-20-dark-destructive-40);
2560
+ --color-destructive-40-dark-destructive-60: var(--destructive-40-dark-destructive-60);
2561
+ --color-destructive-border: var(--destructive-border);
2562
+ --color-destructive-dark-destructive-60: var(--destructive-dark-destructive-60);
2563
+ --color-destructive-dark-destructive-70: var(--destructive-dark-destructive-70);
2564
+ --color-destructive-dark-destructive-90: var(--destructive-dark-destructive-90);
2565
+ --color-destructive-dark: var(--destructive-dark);
2566
+ --color-destructive-foreground-dark: var(--destructive-foreground-dark);
2567
+ --color-destructive-foreground-light: var(--destructive-foreground-light);
2568
+ --color-destructive-foreground: var(--destructive-foreground);
2569
+ --color-destructive-light: var(--destructive-light);
2570
+ --color-destructive-subtle-fg: var(--destructive-subtle-fg);
2571
+ --color-destructive-subtle: var(--destructive-subtle);
2572
+ --color-destructive: var(--destructive);
2573
+ --color-disabled-background: var(--disabled-background);
2574
+ --color-disabled-border: var(--disabled-border);
2575
+ --color-disabled-foreground: var(--disabled-foreground);
2576
+ --color-disabled: var(--disabled);
2577
+ --color-divider-color-default: var(--divider-color-default);
2578
+ --color-divider-color-dual: var(--divider-color-dual);
2579
+ --color-divider-content-bg-default: var(--divider-content-bg-default);
2580
+ --color-divider-content-bg-fill: var(--divider-content-bg-fill);
2581
+ --color-divider-content-text-default: var(--divider-content-text-default);
2582
+ --color-divider-content-text-heading: var(--divider-content-text-heading);
2583
+ --color-drag-and-drop-droppable-background-active: var(--drag-and-drop-droppable-background-active);
2584
+ --color-drag-and-drop-droppable-border-active: var(--drag-and-drop-droppable-border-active);
2585
+ --color-drag-and-drop-handle-color-hover: var(--drag-and-drop-handle-color-hover);
2586
+ --color-drag-and-drop-handle-color: var(--drag-and-drop-handle-color);
2587
+ --color-drag-and-drop-overlay-background: var(--drag-and-drop-overlay-background);
2588
+ --color-drawer-content-bg: var(--drawer-content-bg);
2589
+ --color-drawer-content-border: var(--drawer-content-border);
2590
+ --color-drawer-handle-bg: var(--drawer-handle-bg);
2591
+ --color-drawer-overlay-bg: var(--drawer-overlay-bg);
2592
+ --color-drop-shadow-2xl-color: var(--drop-shadow-2xl-color);
2593
+ --color-drop-shadow-lg-color: var(--drop-shadow-lg-color);
2594
+ --color-drop-shadow-md-color: var(--drop-shadow-md-color);
2595
+ --color-drop-shadow-sm-color: var(--drop-shadow-sm-color);
2596
+ --color-drop-shadow-xl-color: var(--drop-shadow-xl-color);
2597
+ --color-drop-shadow-xs-color: var(--drop-shadow-xs-color);
2598
+ --color-empty-state-media-icon-bg: var(--empty-state-media-icon-bg);
2599
+ --color-empty-state-media-icon-fg: var(--empty-state-media-icon-fg);
2600
+ --color-etus-100: var(--etus-100);
2601
+ --color-etus-200: var(--etus-200);
2602
+ --color-etus-300: var(--etus-300);
2603
+ --color-etus-400: var(--etus-400);
2604
+ --color-etus-500: var(--etus-500);
2605
+ --color-etus-50: var(--etus-50);
2606
+ --color-etus-600: var(--etus-600);
2607
+ --color-etus-700: var(--etus-700);
2608
+ --color-etus-800: var(--etus-800);
2609
+ --color-etus-900: var(--etus-900);
2610
+ --color-etus-950: var(--etus-950);
2611
+ --color-etus-main-v1-100: var(--etus-main-v1-100);
2612
+ --color-etus-main-v1-200: var(--etus-main-v1-200);
2613
+ --color-etus-main-v1-300: var(--etus-main-v1-300);
2614
+ --color-etus-main-v1-400: var(--etus-main-v1-400);
2615
+ --color-etus-main-v1-500: var(--etus-main-v1-500);
2616
+ --color-etus-main-v1-600: var(--etus-main-v1-600);
2617
+ --color-etus-main-v1-700: var(--etus-main-v1-700);
2618
+ --color-etus-main-v1-800: var(--etus-main-v1-800);
2619
+ --color-etus-main-v1-900: var(--etus-main-v1-900);
2620
+ --color-etus-main-v2-100: var(--etus-main-v2-100);
2621
+ --color-etus-main-v2-200: var(--etus-main-v2-200);
2622
+ --color-etus-main-v2-300: var(--etus-main-v2-300);
2623
+ --color-etus-main-v2-400: var(--etus-main-v2-400);
2624
+ --color-etus-main-v2-500: var(--etus-main-v2-500);
2625
+ --color-etus-main-v2-600: var(--etus-main-v2-600);
2626
+ --color-etus-main-v2-700: var(--etus-main-v2-700);
2627
+ --color-etus-main-v2-800: var(--etus-main-v2-800);
2628
+ --color-etus-main-v2-900: var(--etus-main-v2-900);
2629
+ --color-etus-main-v3-100: var(--etus-main-v3-100);
2630
+ --color-etus-main-v3-200: var(--etus-main-v3-200);
2631
+ --color-etus-main-v3-300: var(--etus-main-v3-300);
2632
+ --color-etus-main-v3-400: var(--etus-main-v3-400);
2633
+ --color-etus-main-v3-500: var(--etus-main-v3-500);
2634
+ --color-etus-main-v3-600: var(--etus-main-v3-600);
2635
+ --color-etus-main-v3-700: var(--etus-main-v3-700);
2636
+ --color-etus-main-v3-800: var(--etus-main-v3-800);
2637
+ --color-etus-main-v3-900: var(--etus-main-v3-900);
2638
+ --color-etus-main-v4-100: var(--etus-main-v4-100);
2639
+ --color-etus-main-v4-200: var(--etus-main-v4-200);
2640
+ --color-etus-main-v4-300: var(--etus-main-v4-300);
2641
+ --color-etus-main-v4-400: var(--etus-main-v4-400);
2642
+ --color-etus-main-v4-500: var(--etus-main-v4-500);
2643
+ --color-etus-main-v4-600: var(--etus-main-v4-600);
2644
+ --color-etus-main-v4-700: var(--etus-main-v4-700);
2645
+ --color-etus-main-v4-800: var(--etus-main-v4-800);
2646
+ --color-etus-main-v4-900: var(--etus-main-v4-900);
2647
+ --color-etus-main-v5-100: var(--etus-main-v5-100);
2648
+ --color-etus-main-v5-200: var(--etus-main-v5-200);
2649
+ --color-etus-main-v5-300: var(--etus-main-v5-300);
2650
+ --color-etus-main-v5-400: var(--etus-main-v5-400);
2651
+ --color-etus-main-v5-500: var(--etus-main-v5-500);
2652
+ --color-etus-main-v5-600: var(--etus-main-v5-600);
2653
+ --color-etus-main-v5-700: var(--etus-main-v5-700);
2654
+ --color-etus-main-v5-800: var(--etus-main-v5-800);
2655
+ --color-etus-main-v5-900: var(--etus-main-v5-900);
2656
+ --color-etus-main-v6-100: var(--etus-main-v6-100);
2657
+ --color-etus-main-v6-200: var(--etus-main-v6-200);
2658
+ --color-etus-main-v6-300: var(--etus-main-v6-300);
2659
+ --color-etus-main-v6-400: var(--etus-main-v6-400);
2660
+ --color-etus-main-v6-500: var(--etus-main-v6-500);
2661
+ --color-etus-main-v6-600: var(--etus-main-v6-600);
2662
+ --color-etus-main-v6-700: var(--etus-main-v6-700);
2663
+ --color-etus-main-v6-800: var(--etus-main-v6-800);
2664
+ --color-etus-main-v6-900: var(--etus-main-v6-900);
2665
+ --color-etus-v2-100: var(--etus-v2-100);
2666
+ --color-etus-v2-200: var(--etus-v2-200);
2667
+ --color-etus-v2-300: var(--etus-v2-300);
2668
+ --color-etus-v2-400: var(--etus-v2-400);
2669
+ --color-etus-v2-500: var(--etus-v2-500);
2670
+ --color-etus-v2-600: var(--etus-v2-600);
2671
+ --color-etus-v2-700: var(--etus-v2-700);
2672
+ --color-etus-v2-800: var(--etus-v2-800);
2673
+ --color-etus-v2-900: var(--etus-v2-900);
2674
+ --color-evolution-100: var(--evolution-100);
2675
+ --color-evolution-200: var(--evolution-200);
2676
+ --color-evolution-300: var(--evolution-300);
2677
+ --color-evolution-400: var(--evolution-400);
2678
+ --color-evolution-500: var(--evolution-500);
2679
+ --color-evolution-50: var(--evolution-50);
2680
+ --color-evolution-600: var(--evolution-600);
2681
+ --color-evolution-700: var(--evolution-700);
2682
+ --color-evolution-800: var(--evolution-800);
2683
+ --color-evolution-900: var(--evolution-900);
2684
+ --color-evolution-950: var(--evolution-950);
2685
+ --color-feed-content-description-color: var(--feed-content-description-color);
2686
+ --color-feed-icon-background: var(--feed-icon-background);
2687
+ --color-feed-icon-color: var(--feed-icon-color);
2688
+ --color-feed-item-background-active: var(--feed-item-background-active);
2689
+ --color-feed-item-background-highlight: var(--feed-item-background-highlight);
2690
+ --color-feed-item-border-color: var(--feed-item-border-color);
2691
+ --color-feed-timestamp-color: var(--feed-timestamp-color);
2692
+ --color-file-upload-dropzone-background-hover: var(--file-upload-dropzone-background-hover);
2693
+ --color-file-upload-dropzone-background: var(--file-upload-dropzone-background);
2694
+ --color-file-upload-dropzone-border-color: var(--file-upload-dropzone-border-color);
2695
+ --color-file-upload-icon-color: var(--file-upload-icon-color);
2696
+ --color-file-upload-item-border: var(--file-upload-item-border);
2697
+ --color-filter-builder-group-border-color: var(--filter-builder-group-border-color);
2698
+ --color-focus-ring-color: var(--focus-ring-color);
2699
+ --color-foreground-dark: var(--foreground-dark);
2700
+ --color-foreground-light: var(--foreground-light);
2701
+ --color-foreground: var(--foreground);
2702
+ --color-form-error-fg: var(--form-error-fg);
2703
+ --color-form-helper-fg: var(--form-helper-fg);
2704
+ --color-form-label-fg: var(--form-label-fg);
2705
+ --color-heading-base-color: var(--heading-base-color);
2706
+ --color-heading-color-default: var(--heading-color-default);
2707
+ --color-heading-color-destructive: var(--heading-color-destructive);
2708
+ --color-heading-color-muted: var(--heading-color-muted);
2709
+ --color-heading-color-primary: var(--heading-color-primary);
2710
+ --color-icon-color-destructive: var(--icon-color-destructive);
2711
+ --color-icon-color-muted: var(--icon-color-muted);
2712
+ --color-icon-color-primary: var(--icon-color-primary);
2713
+ --color-icon-color-success: var(--icon-color-success);
2714
+ --color-icon-color-warning: var(--icon-color-warning);
2715
+ --color-image-rounded-circle: var(--image-rounded-circle);
2716
+ --color-image-rounded-rounded: var(--image-rounded-rounded);
2717
+ --color-image-skeleton-bg: var(--image-skeleton-bg);
2718
+ --color-info-border: var(--info-border);
2719
+ --color-info-foreground: var(--info-foreground);
2720
+ --color-info-subtle-fg: var(--info-subtle-fg);
2721
+ --color-info-subtle: var(--info-subtle);
2722
+ --color-info: var(--info);
2723
+ --color-input-bg-default: var(--input-bg-default);
2724
+ --color-input-bg-disabled: var(--input-bg-disabled);
2725
+ --color-input-border-default: var(--input-border-default);
2726
+ --color-input-border-error: var(--input-border-error);
2727
+ --color-input-border-focus: var(--input-border-focus);
2728
+ --color-input-dark-input-80: var(--input-dark-input-80);
2729
+ --color-input-dark: var(--input-dark);
2730
+ --color-input-fg-default: var(--input-fg-default);
2731
+ --color-input-fg-disabled: var(--input-fg-disabled);
2732
+ --color-input-fg-icon: var(--input-fg-icon);
2733
+ --color-input-fg-placeholder: var(--input-fg-placeholder);
2734
+ --color-input-light: var(--input-light);
2735
+ --color-input-otp-caret-color: var(--input-otp-caret-color);
2736
+ --color-input-otp-slot-active-border: var(--input-otp-slot-active-border);
2737
+ --color-input-otp-slot-active-ring: var(--input-otp-slot-active-ring);
2738
+ --color-input-otp-slot-bg: var(--input-otp-slot-bg);
2739
+ --color-input-otp-slot-border: var(--input-otp-slot-border);
2740
+ --color-input: var(--input);
2741
+ --color-inset-shadow-2xs-color: var(--inset-shadow-2xs-color);
2742
+ --color-inset-shadow-sm-color: var(--inset-shadow-sm-color);
2743
+ --color-inset-shadow-xs-color: var(--inset-shadow-xs-color);
2744
+ --color-kanban-card-background: var(--kanban-card-background);
2745
+ --color-kanban-card-foreground: var(--kanban-card-foreground);
2746
+ --color-kanban-column-background: var(--kanban-column-background);
2747
+ --color-kbd-root-border-color: var(--kbd-root-border-color);
2748
+ --color-kbd-variant-default-background: var(--kbd-variant-default-background);
2749
+ --color-kbd-variant-default-color: var(--kbd-variant-default-color);
2750
+ --color-kbd-variant-ghost-background: var(--kbd-variant-ghost-background);
2751
+ --color-kbd-variant-ghost-color: var(--kbd-variant-ghost-color);
2752
+ --color-kbd-variant-outline-background: var(--kbd-variant-outline-background);
2753
+ --color-kbd-variant-outline-border-color: var(--kbd-variant-outline-border-color);
2754
+ --color-kbd-variant-outline-color: var(--kbd-variant-outline-color);
2755
+ --color-kpi-card-sparkline-down: var(--kpi-card-sparkline-down);
2756
+ --color-kpi-card-sparkline-neutral: var(--kpi-card-sparkline-neutral);
2757
+ --color-kpi-card-sparkline-up: var(--kpi-card-sparkline-up);
2758
+ --color-kpi-card-trend-down: var(--kpi-card-trend-down);
2759
+ --color-kpi-card-trend-neutral: var(--kpi-card-trend-neutral);
2760
+ --color-kpi-card-trend-up: var(--kpi-card-trend-up);
2761
+ --color-label-optional-color: var(--label-optional-color);
2762
+ --color-label-required-color: var(--label-required-color);
2763
+ --color-layout-header-background: var(--layout-header-background);
2764
+ --color-layout-header-border: var(--layout-header-border);
2765
+ --color-layout-rail-background: var(--layout-rail-background);
2766
+ --color-layout-rail-border: var(--layout-rail-border);
2767
+ --color-layout-sidebar-background: var(--layout-sidebar-background);
2768
+ --color-layout-sidebar-border: var(--layout-sidebar-border);
2769
+ --color-lightbox-button-background-hover: var(--lightbox-button-background-hover);
2770
+ --color-lightbox-button-background: var(--lightbox-button-background);
2771
+ --color-lightbox-button-color: var(--lightbox-button-color);
2772
+ --color-lightbox-content-background: var(--lightbox-content-background);
2773
+ --color-lightbox-header-text-color: var(--lightbox-header-text-color);
2774
+ --color-lightbox-overlay-background: var(--lightbox-overlay-background);
2775
+ --color-lightbox-thumbnail-ring-color: var(--lightbox-thumbnail-ring-color);
2776
+ --color-link-color-default: var(--link-color-default);
2777
+ --color-link-color-muted: var(--link-color-muted);
2778
+ --color-link-color-nav-hover: var(--link-color-nav-hover);
2779
+ --color-link-color-nav: var(--link-color-nav);
2780
+ --color-link-color-subtle: var(--link-color-subtle);
2781
+ --color-markdown-editor-area-background: var(--markdown-editor-area-background);
2782
+ --color-markdown-editor-area-foreground: var(--markdown-editor-area-foreground);
2783
+ --color-markdown-editor-help-code-bg: var(--markdown-editor-help-code-bg);
2784
+ --color-markdown-editor-preview-background: var(--markdown-editor-preview-background);
2785
+ --color-markdown-editor-root-background: var(--markdown-editor-root-background);
2786
+ --color-markdown-editor-root-border: var(--markdown-editor-root-border);
2787
+ --color-markdown-editor-toolbar-background: var(--markdown-editor-toolbar-background);
2788
+ --color-markdown-editor-toolbar-border-bottom: var(--markdown-editor-toolbar-border-bottom);
2789
+ --color-modal-content-bg: var(--modal-content-bg);
2790
+ --color-modal-content-border: var(--modal-content-border);
2791
+ --color-modal-overlay-bg: var(--modal-overlay-bg);
2792
+ --color-multiselect-content-bg: var(--multiselect-content-bg);
2793
+ --color-multiselect-content-fg: var(--multiselect-content-fg);
2794
+ --color-multiselect-empty-fg: var(--multiselect-empty-fg);
2795
+ --color-multiselect-tag-bg: var(--multiselect-tag-bg);
2796
+ --color-multiselect-tag-fg: var(--multiselect-tag-fg);
2797
+ --color-muted-dark: var(--muted-dark);
2798
+ --color-muted-foreground-dark: var(--muted-foreground-dark);
2799
+ --color-muted-foreground-light: var(--muted-foreground-light);
2800
+ --color-muted-foreground: var(--muted-foreground);
2801
+ --color-muted-light: var(--muted-light);
2802
+ --color-muted: var(--muted);
2803
+ --color-navbar-root-background: var(--navbar-root-background);
2804
+ --color-navbar-root-border-color: var(--navbar-root-border-color);
2805
+ --color-navigation-menu-content-bg: var(--navigation-menu-content-bg);
2806
+ --color-navigation-menu-content-text: var(--navigation-menu-content-text);
2807
+ --color-navigation-menu-indicator-bg: var(--navigation-menu-indicator-bg);
2808
+ --color-navigation-menu-trigger-bg: var(--navigation-menu-trigger-bg);
2809
+ --color-navigation-menu-trigger-hover-bg: var(--navigation-menu-trigger-hover-bg);
2810
+ --color-navigation-menu-trigger-hover-text: var(--navigation-menu-trigger-hover-text);
2811
+ --color-navigation-menu-viewport-bg: var(--navigation-menu-viewport-bg);
2812
+ --color-navigation-menu-viewport-text: var(--navigation-menu-viewport-text);
2813
+ --color-notification-bg-hover: var(--notification-bg-hover);
2814
+ --color-notification-bg-read: var(--notification-bg-read);
2815
+ --color-notification-bg-unread: var(--notification-bg-unread);
2816
+ --color-notification-dot-color-default: var(--notification-dot-color-default);
2817
+ --color-notification-dot-color-error: var(--notification-dot-color-error);
2818
+ --color-notification-dot-color-info: var(--notification-dot-color-info);
2819
+ --color-notification-dot-color-success: var(--notification-dot-color-success);
2820
+ --color-notification-dot-color-warning: var(--notification-dot-color-warning);
2821
+ --color-outline-10-dark-outline-20: var(--outline-10-dark-outline-20);
2822
+ --color-outline: var(--outline);
2823
+ --color-overlay: var(--overlay);
2824
+ --color-paragraph-color-default: var(--paragraph-color-default);
2825
+ --color-paragraph-color-destructive: var(--paragraph-color-destructive);
2826
+ --color-paragraph-color-muted: var(--paragraph-color-muted);
2827
+ --color-paragraph-color-primary: var(--paragraph-color-primary);
2828
+ --color-paragraph-color-success: var(--paragraph-color-success);
2829
+ --color-payment-input-icon-color-active: var(--payment-input-icon-color-active);
2830
+ --color-payment-input-icon-color: var(--payment-input-icon-color);
2831
+ --color-phone-input-country-select-border-color: var(--phone-input-country-select-border-color);
2832
+ --color-popover-bg: var(--popover-bg);
2833
+ --color-popover-border: var(--popover-border);
2834
+ --color-popover-content-background: var(--popover-content-background);
2835
+ --color-popover-content-foreground: var(--popover-content-foreground);
2836
+ --color-popover-dark: var(--popover-dark);
2837
+ --color-popover-fg: var(--popover-fg);
2838
+ --color-popover-foreground-dark: var(--popover-foreground-dark);
2839
+ --color-popover-foreground-light: var(--popover-foreground-light);
2840
+ --color-popover-foreground: var(--popover-foreground);
2841
+ --color-popover-light: var(--popover-light);
2842
+ --color-popover: var(--popover);
2843
+ --color-primary-active: var(--primary-active);
2844
+ --color-primary-dark: var(--primary-dark);
2845
+ --color-primary-foreground-dark: var(--primary-foreground-dark);
2846
+ --color-primary-foreground-light: var(--primary-foreground-light);
2847
+ --color-primary-foreground: var(--primary-foreground);
2848
+ --color-primary-hover: var(--primary-hover);
2849
+ --color-primary-light: var(--primary-light);
2850
+ --color-primary-subtle-foreground: var(--primary-subtle-foreground);
2851
+ --color-primary-subtle: var(--primary-subtle);
2852
+ --color-primary: var(--primary);
2853
+ --color-priority-high-bg: var(--priority-high-bg);
2854
+ --color-priority-high-text: var(--priority-high-text);
2855
+ --color-priority-low-bg: var(--priority-low-bg);
2856
+ --color-priority-low-text: var(--priority-low-text);
2857
+ --color-priority-medium-bg: var(--priority-medium-bg);
2858
+ --color-priority-medium-text: var(--priority-medium-text);
2859
+ --color-priority-urgent-bg: var(--priority-urgent-bg);
2860
+ --color-priority-urgent-text: var(--priority-urgent-text);
2861
+ --color-progress-bar-fill-color-default: var(--progress-bar-fill-color-default);
2862
+ --color-progress-bar-fill-color-error: var(--progress-bar-fill-color-error);
2863
+ --color-progress-bar-fill-color-primary: var(--progress-bar-fill-color-primary);
2864
+ --color-progress-bar-fill-color-success: var(--progress-bar-fill-color-success);
2865
+ --color-progress-bar-fill-color-warning: var(--progress-bar-fill-color-warning);
2866
+ --color-progress-bar-label-position-bottom-color: var(--progress-bar-label-position-bottom-color);
2867
+ --color-progress-bar-label-position-floating-color: var(--progress-bar-label-position-floating-color);
2868
+ --color-progress-bar-label-position-right-color: var(--progress-bar-label-position-right-color);
2869
+ --color-progress-bar-track-color-default: var(--progress-bar-track-color-default);
2870
+ --color-progress-bar-track-color-error: var(--progress-bar-track-color-error);
2871
+ --color-progress-bar-track-color-primary: var(--progress-bar-track-color-primary);
2872
+ --color-progress-bar-track-color-success: var(--progress-bar-track-color-success);
2873
+ --color-progress-bar-track-color-warning: var(--progress-bar-track-color-warning);
2874
+ --color-progress-circle-indicator-color-default: var(--progress-circle-indicator-color-default);
2875
+ --color-progress-circle-indicator-color-error: var(--progress-circle-indicator-color-error);
2876
+ --color-progress-circle-indicator-color-primary: var(--progress-circle-indicator-color-primary);
2877
+ --color-progress-circle-indicator-color-success: var(--progress-circle-indicator-color-success);
2878
+ --color-progress-circle-indicator-color-warning: var(--progress-circle-indicator-color-warning);
2879
+ --color-progress-circle-label-color: var(--progress-circle-label-color);
2880
+ --color-progress-circle-track-color-default: var(--progress-circle-track-color-default);
2881
+ --color-progress-circle-track-color-error: var(--progress-circle-track-color-error);
2882
+ --color-progress-circle-track-color-primary: var(--progress-circle-track-color-primary);
2883
+ --color-progress-circle-track-color-success: var(--progress-circle-track-color-success);
2884
+ --color-progress-circle-track-color-warning: var(--progress-circle-track-color-warning);
2885
+ --color-progress-circle-value-color: var(--progress-circle-value-color);
2886
+ --color-radio-indicator-color: var(--radio-indicator-color);
2887
+ --color-radio-root-bg-checked: var(--radio-root-bg-checked);
2888
+ --color-radio-root-bg-default: var(--radio-root-bg-default);
2889
+ --color-radio-root-bg-disabled: var(--radio-root-bg-disabled);
2890
+ --color-radio-root-border-checked: var(--radio-root-border-checked);
2891
+ --color-radio-root-border-default: var(--radio-root-border-default);
2892
+ --color-radio-root-border-focus: var(--radio-root-border-focus);
2893
+ --color-rail-accent-foreground: var(--rail-accent-foreground);
2894
+ --color-rail-accent: var(--rail-accent);
2895
+ --color-rail-background: var(--rail-background);
2896
+ --color-rail-border: var(--rail-border);
2897
+ --color-rating-icon-color-empty: var(--rating-icon-color-empty);
2898
+ --color-rating-icon-color-filled: var(--rating-icon-color-filled);
2899
+ --color-resizable-handle-bg: var(--resizable-handle-bg);
2900
+ --color-resizable-handle-grip-bg: var(--resizable-handle-grip-bg);
2901
+ --color-resizable-handle-ring: var(--resizable-handle-ring);
2902
+ --color-rich-text-editor-root-background: var(--rich-text-editor-root-background);
2903
+ --color-rich-text-editor-root-border: var(--rich-text-editor-root-border);
2904
+ --color-rich-text-editor-toolbar-background: var(--rich-text-editor-toolbar-background);
2905
+ --color-rich-text-editor-toolbar-border-bottom: var(--rich-text-editor-toolbar-border-bottom);
2906
+ --color-ring-dark: var(--ring-dark);
2907
+ --color-ring-light: var(--ring-light);
2908
+ --color-ring-offset: var(--ring-offset);
2909
+ --color-ring: var(--ring);
2910
+ --color-scroll-bar-thumb-bg: var(--scroll-bar-thumb-bg);
2911
+ --color-secondary-dark: var(--secondary-dark);
2912
+ --color-secondary-foreground-dark: var(--secondary-foreground-dark);
2913
+ --color-secondary-foreground-light: var(--secondary-foreground-light);
2914
+ --color-secondary-foreground: var(--secondary-foreground);
2915
+ --color-secondary-hover: var(--secondary-hover);
2916
+ --color-secondary-light: var(--secondary-light);
2917
+ --color-secondary-subtle-foreground: var(--secondary-subtle-foreground);
2918
+ --color-secondary-subtle: var(--secondary-subtle);
2919
+ --color-secondary: var(--secondary);
2920
+ --color-select-content-bg: var(--select-content-bg);
2921
+ --color-select-content-border: var(--select-content-border);
2922
+ --color-select-content-fg: var(--select-content-fg);
2923
+ --color-select-item-focus-bg: var(--select-item-focus-bg);
2924
+ --color-select-item-focus-fg: var(--select-item-focus-fg);
2925
+ --color-shadow-2xl-color: var(--shadow-2xl-color);
2926
+ --color-shadow-2xs-color: var(--shadow-2xs-color);
2927
+ --color-shadow-button: var(--shadow-button);
2928
+ --color-shadow-lg-1-color: var(--shadow-lg-1-color);
2929
+ --color-shadow-lg-2-color: var(--shadow-lg-2-color);
2930
+ --color-shadow-md-1-color: var(--shadow-md-1-color);
2931
+ --color-shadow-md-2-color: var(--shadow-md-2-color);
2932
+ --color-shadow-sm-1-color: var(--shadow-sm-1-color);
2933
+ --color-shadow-sm-2-color: var(--shadow-sm-2-color);
2934
+ --color-shadow-xl-1-color: var(--shadow-xl-1-color);
2935
+ --color-shadow-xl-2-color: var(--shadow-xl-2-color);
2936
+ --color-shadow-xs-color: var(--shadow-xs-color);
2937
+ --color-sheet-content-bg: var(--sheet-content-bg);
2938
+ --color-sheet-content-border: var(--sheet-content-border);
2939
+ --color-sheet-overlay-bg-blur: var(--sheet-overlay-bg-blur);
2940
+ --color-sheet-overlay-bg-default: var(--sheet-overlay-bg-default);
2941
+ --color-sheet-overlay-bg-light: var(--sheet-overlay-bg-light);
2942
+ --color-sidebar-accent-dark: var(--sidebar-accent-dark);
2943
+ --color-sidebar-accent-foreground-dark: var(--sidebar-accent-foreground-dark);
2944
+ --color-sidebar-accent-foreground-light: var(--sidebar-accent-foreground-light);
2945
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
2946
+ --color-sidebar-accent-light: var(--sidebar-accent-light);
2947
+ --color-sidebar-accent: var(--sidebar-accent);
2948
+ --color-sidebar-background-dark: var(--sidebar-background-dark);
2949
+ --color-sidebar-background-light: var(--sidebar-background-light);
2950
+ --color-sidebar-background: var(--sidebar-background);
2951
+ --color-sidebar-border-dark: var(--sidebar-border-dark);
2952
+ --color-sidebar-border-light: var(--sidebar-border-light);
2953
+ --color-sidebar-border: var(--sidebar-border);
2954
+ --color-sidebar-foreground-dark: var(--sidebar-foreground-dark);
2955
+ --color-sidebar-foreground-light: var(--sidebar-foreground-light);
2956
+ --color-sidebar-foreground: var(--sidebar-foreground);
2957
+ --color-sidebar-input-background: var(--sidebar-input-background);
2958
+ --color-sidebar-input-border: var(--sidebar-input-border);
2959
+ --color-sidebar-input-foreground: var(--sidebar-input-foreground);
2960
+ --color-sidebar-primary-dark: var(--sidebar-primary-dark);
2961
+ --color-sidebar-primary-foreground-dark: var(--sidebar-primary-foreground-dark);
2962
+ --color-sidebar-primary-foreground-light: var(--sidebar-primary-foreground-light);
2963
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
2964
+ --color-sidebar-primary-light: var(--sidebar-primary-light);
2965
+ --color-sidebar-primary: var(--sidebar-primary);
2966
+ --color-sidebar-ring-dark: var(--sidebar-ring-dark);
2967
+ --color-sidebar-ring-light: var(--sidebar-ring-light);
2968
+ --color-sidebar-ring: var(--sidebar-ring);
2969
+ --color-single-stat-label-color: var(--single-stat-label-color);
2970
+ --color-single-stat-value-color: var(--single-stat-value-color);
2971
+ --color-skeleton-bg: var(--skeleton-bg);
2972
+ --color-slider-range-bg-default: var(--slider-range-bg-default);
2973
+ --color-slider-thumb-bg: var(--slider-thumb-bg);
2974
+ --color-slider-thumb-border: var(--slider-thumb-border);
2975
+ --color-slider-track-bg: var(--slider-track-bg);
2976
+ --color-spinner-color-default: var(--spinner-color-default);
2977
+ --color-spinner-color-error: var(--spinner-color-error);
2978
+ --color-spinner-color-primary: var(--spinner-color-primary);
2979
+ --color-spinner-color-secondary: var(--spinner-color-secondary);
2980
+ --color-spinner-color-success: var(--spinner-color-success);
2981
+ --color-spinner-color-warning: var(--spinner-color-warning);
2982
+ --color-spinner-gradient-end: var(--spinner-gradient-end);
2983
+ --color-spinner-gradient-start: var(--spinner-gradient-start);
2984
+ --color-split-button-divider-color-contrast: var(--split-button-divider-color-contrast);
2985
+ --color-split-button-divider-color: var(--split-button-divider-color);
2986
+ --color-status-approved-bg: var(--status-approved-bg);
2987
+ --color-status-approved-dot: var(--status-approved-dot);
2988
+ --color-status-approved-text: var(--status-approved-text);
2989
+ --color-status-cancelled-bg: var(--status-cancelled-bg);
2990
+ --color-status-cancelled-dot: var(--status-cancelled-dot);
2991
+ --color-status-cancelled-text: var(--status-cancelled-text);
2992
+ --color-status-changes-requested-bg: var(--status-changes-requested-bg);
2993
+ --color-status-changes-requested-dot: var(--status-changes-requested-dot);
2994
+ --color-status-changes-requested-text: var(--status-changes-requested-text);
2995
+ --color-status-escalated-bg: var(--status-escalated-bg);
2996
+ --color-status-escalated-dot: var(--status-escalated-dot);
2997
+ --color-status-escalated-text: var(--status-escalated-text);
2998
+ --color-status-expired-bg: var(--status-expired-bg);
2999
+ --color-status-expired-dot: var(--status-expired-dot);
3000
+ --color-status-expired-text: var(--status-expired-text);
3001
+ --color-status-in-review-bg: var(--status-in-review-bg);
3002
+ --color-status-in-review-dot: var(--status-in-review-dot);
3003
+ --color-status-in-review-text: var(--status-in-review-text);
3004
+ --color-status-indicator-dot-color-error: var(--status-indicator-dot-color-error);
3005
+ --color-status-indicator-dot-color-info: var(--status-indicator-dot-color-info);
3006
+ --color-status-indicator-dot-color-neutral: var(--status-indicator-dot-color-neutral);
3007
+ --color-status-indicator-dot-color-success: var(--status-indicator-dot-color-success);
3008
+ --color-status-indicator-dot-color-warning: var(--status-indicator-dot-color-warning);
3009
+ --color-status-indicator-label-color: var(--status-indicator-label-color);
3010
+ --color-status-indicator-root-border-radius: var(--status-indicator-root-border-radius);
3011
+ --color-status-pending-bg: var(--status-pending-bg);
3012
+ --color-status-pending-dot: var(--status-pending-dot);
3013
+ --color-status-pending-text: var(--status-pending-text);
3014
+ --color-status-rejected-bg: var(--status-rejected-bg);
3015
+ --color-status-rejected-dot: var(--status-rejected-dot);
3016
+ --color-status-rejected-text: var(--status-rejected-text);
3017
+ --color-stepper-indicator-background-active: var(--stepper-indicator-background-active);
3018
+ --color-stepper-indicator-background-inactive: var(--stepper-indicator-background-inactive);
3019
+ --color-stepper-indicator-color-active: var(--stepper-indicator-color-active);
3020
+ --color-stepper-indicator-color-inactive: var(--stepper-indicator-color-inactive);
3021
+ --color-stepper-separator-color-active: var(--stepper-separator-color-active);
3022
+ --color-stepper-separator-color: var(--stepper-separator-color);
3023
+ --color-success-border: var(--success-border);
3024
+ --color-success-foreground: var(--success-foreground);
3025
+ --color-success-subtle-fg: var(--success-subtle-fg);
3026
+ --color-success-subtle: var(--success-subtle);
3027
+ --color-success: var(--success);
3028
+ --color-surface-default: var(--surface-default);
3029
+ --color-surface-disabled: var(--surface-disabled);
3030
+ --color-surface-foreground: var(--surface-foreground);
3031
+ --color-surface-hover: var(--surface-hover);
3032
+ --color-surface-overlay: var(--surface-overlay);
3033
+ --color-surface-raised: var(--surface-raised);
3034
+ --color-surface-selected: var(--surface-selected);
3035
+ --color-surface-sunken: var(--surface-sunken);
3036
+ --color-surface: var(--surface);
3037
+ --color-switch-thumb-bg: var(--switch-thumb-bg);
3038
+ --color-switch-track-bg-disabled: var(--switch-track-bg-disabled);
3039
+ --color-switch-track-bg-off: var(--switch-track-bg-off);
3040
+ --color-switch-track-bg-on: var(--switch-track-bg-on);
3041
+ --color-tab-bg-active: var(--tab-bg-active);
3042
+ --color-tab-bg-base: var(--tab-bg-base);
3043
+ --color-tab-ico-hover: var(--tab-ico-hover);
3044
+ --color-tab-ico-inactive: var(--tab-ico-inactive);
3045
+ --color-tab-text-active: var(--tab-text-active);
3046
+ --color-tab-text-inactive: var(--tab-text-inactive);
3047
+ --color-table-caption-fg: var(--table-caption-fg);
3048
+ --color-table-footer-border: var(--table-footer-border);
3049
+ --color-table-header-bg: var(--table-header-bg);
3050
+ --color-table-header-fg: var(--table-header-fg);
3051
+ --color-table-row-border: var(--table-row-border);
3052
+ --color-table-row-selected: var(--table-row-selected);
3053
+ --color-tabs-list-bg: var(--tabs-list-bg);
3054
+ --color-tabs-list-fg: var(--tabs-list-fg);
3055
+ --color-tabs-trigger-active-bg: var(--tabs-trigger-active-bg);
3056
+ --color-tabs-trigger-active-fg: var(--tabs-trigger-active-fg);
3057
+ --color-tabs-trigger-focus-ring: var(--tabs-trigger-focus-ring);
3058
+ --color-tabs-trigger-inactive-fg: var(--tabs-trigger-inactive-fg);
3059
+ --color-tag-checkbox-bg-checked: var(--tag-checkbox-bg-checked);
3060
+ --color-tag-checkbox-bg-default: var(--tag-checkbox-bg-default);
3061
+ --color-tag-checkbox-border-checked: var(--tag-checkbox-border-checked);
3062
+ --color-tag-checkbox-border-default: var(--tag-checkbox-border-default);
3063
+ --color-tag-checkbox-text-checked: var(--tag-checkbox-text-checked);
3064
+ --color-tag-color-bg-checked: var(--tag-color-bg-checked);
3065
+ --color-tag-color-bg-default: var(--tag-color-bg-default);
3066
+ --color-tag-color-bg-hover: var(--tag-color-bg-hover);
3067
+ --color-tag-color-border-checked: var(--tag-color-border-checked);
3068
+ --color-tag-color-border-default: var(--tag-color-border-default);
3069
+ --color-tag-color-text-default: var(--tag-color-text-default);
3070
+ --color-tags-input-input-background: var(--tags-input-input-background);
3071
+ --color-tags-input-root-background: var(--tags-input-root-background);
3072
+ --color-tags-input-root-border: var(--tags-input-root-border);
3073
+ --color-tags-input-tag-background: var(--tags-input-tag-background);
3074
+ --color-tags-input-tag-foreground: var(--tags-input-tag-foreground);
3075
+ --color-task-status-backlog-bg: var(--task-status-backlog-bg);
3076
+ --color-task-status-backlog-dot: var(--task-status-backlog-dot);
3077
+ --color-task-status-backlog-text: var(--task-status-backlog-text);
3078
+ --color-task-status-blocked-bg: var(--task-status-blocked-bg);
3079
+ --color-task-status-blocked-dot: var(--task-status-blocked-dot);
3080
+ --color-task-status-blocked-text: var(--task-status-blocked-text);
3081
+ --color-task-status-done-bg: var(--task-status-done-bg);
3082
+ --color-task-status-done-dot: var(--task-status-done-dot);
3083
+ --color-task-status-done-text: var(--task-status-done-text);
3084
+ --color-task-status-in-progress-bg: var(--task-status-in-progress-bg);
3085
+ --color-task-status-in-progress-dot: var(--task-status-in-progress-dot);
3086
+ --color-task-status-in-progress-text: var(--task-status-in-progress-text);
3087
+ --color-task-status-in-review-bg: var(--task-status-in-review-bg);
3088
+ --color-task-status-in-review-dot: var(--task-status-in-review-dot);
3089
+ --color-task-status-in-review-text: var(--task-status-in-review-text);
3090
+ --color-task-status-todo-bg: var(--task-status-todo-bg);
3091
+ --color-task-status-todo-dot: var(--task-status-todo-dot);
3092
+ --color-task-status-todo-text: var(--task-status-todo-text);
3093
+ --color-text-color-default: var(--text-color-default);
3094
+ --color-text-color-muted: var(--text-color-muted);
3095
+ --color-text-disabled: var(--text-disabled);
3096
+ --color-text-error: var(--text-error);
3097
+ --color-text-info: var(--text-info);
3098
+ --color-text-inverse: var(--text-inverse);
3099
+ --color-text-muted: var(--text-muted);
3100
+ --color-text-on-destructive: var(--text-on-destructive);
3101
+ --color-text-on-primary: var(--text-on-primary);
3102
+ --color-text-placeholder: var(--text-placeholder);
3103
+ --color-text-primary: var(--text-primary);
3104
+ --color-text-secondary: var(--text-secondary);
3105
+ --color-text-success: var(--text-success);
3106
+ --color-text-tertiary: var(--text-tertiary);
3107
+ --color-text-warning: var(--text-warning);
3108
+ --color-textarea-bg-default: var(--textarea-bg-default);
3109
+ --color-textarea-bg-disabled: var(--textarea-bg-disabled);
3110
+ --color-textarea-border-default: var(--textarea-border-default);
3111
+ --color-textarea-border-error: var(--textarea-border-error);
3112
+ --color-textarea-border-focus: var(--textarea-border-focus);
3113
+ --color-textarea-fg-default: var(--textarea-fg-default);
3114
+ --color-textarea-fg-disabled: var(--textarea-fg-disabled);
3115
+ --color-textarea-fg-placeholder: var(--textarea-fg-placeholder);
3116
+ --color-thumbnail-root-bg: var(--thumbnail-root-bg);
3117
+ --color-thumbnail-rounded-default: var(--thumbnail-rounded-default);
3118
+ --color-thumbnail-rounded-full: var(--thumbnail-rounded-full);
3119
+ --color-thumbnail-rounded-lg: var(--thumbnail-rounded-lg);
3120
+ --color-thumbnail-rounded-sm: var(--thumbnail-rounded-sm);
3121
+ --color-tip-bg: var(--tip-bg);
3122
+ --color-tip-foreground: var(--tip-foreground);
3123
+ --color-tip: var(--tip);
3124
+ --color-toggle-group-item-background-active: var(--toggle-group-item-background-active);
3125
+ --color-toggle-group-item-color-active: var(--toggle-group-item-color-active);
3126
+ --color-toggle-group-root-background: var(--toggle-group-root-background);
3127
+ --color-toggle-variant-default-bg-default: var(--toggle-variant-default-bg-default);
3128
+ --color-toggle-variant-default-bg-hover: var(--toggle-variant-default-bg-hover);
3129
+ --color-toggle-variant-default-bg-on: var(--toggle-variant-default-bg-on);
3130
+ --color-toggle-variant-default-border: var(--toggle-variant-default-border);
3131
+ --color-toggle-variant-default-color-default: var(--toggle-variant-default-color-default);
3132
+ --color-toggle-variant-default-color-hover: var(--toggle-variant-default-color-hover);
3133
+ --color-toggle-variant-default-color-on: var(--toggle-variant-default-color-on);
3134
+ --color-toggle-variant-outline-bg-default: var(--toggle-variant-outline-bg-default);
3135
+ --color-toggle-variant-outline-bg-hover: var(--toggle-variant-outline-bg-hover);
3136
+ --color-toggle-variant-outline-bg-on: var(--toggle-variant-outline-bg-on);
3137
+ --color-toggle-variant-outline-border: var(--toggle-variant-outline-border);
3138
+ --color-toggle-variant-outline-color-default: var(--toggle-variant-outline-color-default);
3139
+ --color-toggle-variant-outline-color-hover: var(--toggle-variant-outline-color-hover);
3140
+ --color-toggle-variant-outline-color-on: var(--toggle-variant-outline-color-on);
3141
+ --color-toolbar-button-background-hover: var(--toolbar-button-background-hover);
3142
+ --color-toolbar-button-foreground-muted: var(--toolbar-button-foreground-muted);
3143
+ --color-toolbar-button-foreground: var(--toolbar-button-foreground);
3144
+ --color-toolbar-root-background: var(--toolbar-root-background);
3145
+ --color-toolbar-root-border: var(--toolbar-root-border);
3146
+ --color-toolbar-separator-color: var(--toolbar-separator-color);
3147
+ --color-tooltip-content-background: var(--tooltip-content-background);
3148
+ --color-tooltip-content-foreground: var(--tooltip-content-foreground);
3149
+ --color-warning-border: var(--warning-border);
3150
+ --color-warning-foreground: var(--warning-foreground);
3151
+ --color-warning-subtle-fg: var(--warning-subtle-fg);
3152
+ --color-warning-subtle: var(--warning-subtle);
3153
+ --color-warning: var(--warning);
3154
+ --font-family-font-mono: var(--font-font-mono);
3155
+ --font-family-font-sans: var(--font-font-sans);
3156
+ --font-family-font-serif: var(--font-font-serif);
3157
+ --radius-circle: var(--avatar-radius-circle);
3158
+ --radius-default: var(--badge-radius-default);
3159
+ --radius-full: var(--button-radius-full);
3160
+ --radius-lg: var(--button-radius-lg);
3161
+ --radius-pill: var(--badge-radius-pill);
3162
+ --radius-radius: var(--radius);
3163
+ --radius-sm: var(--button-radius-sm);
3164
+ --radius-square: var(--avatar-radius-square);
3165
+ --radius-xl: var(--button-radius-xl);
3166
+ --shadow-blur-radius: var(--shadow-2xs-blur-radius);
3167
+ --shadow-offset-x: var(--shadow-2xs-offset-x);
3168
+ --shadow-offset-y: var(--shadow-2xs-offset-y);
3169
+ --shadow-shadow: var(--autocomplete-content-shadow);
3170
+ --shadow-spread-radius: var(--shadow-2xs-spread-radius);
3171
+ --shadow-type: var(--shadow-2xs-type);
3172
+ --spacing-none: var(--paragraph-spacing-none);
3173
+ --spacing-normal: var(--paragraph-spacing-normal);
3174
+ --spacing-relaxed: var(--paragraph-spacing-relaxed);
3175
+ --spacing-spacing: var(--spacing);
3176
+ --spacing-tight: var(--paragraph-spacing-tight);
3177
+ --text-font-size: var(--text-size-xs-font-size);
3178
+ }