@cognite/aura 0.1.5 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/DESIGN.md +1269 -0
  2. package/README.md +24 -0
  3. package/dist/colors.css +824 -0
  4. package/dist/components/index.d.ts +11 -2
  5. package/dist/components/index.js +284 -249
  6. package/dist/components/ui/core/accordion/accordion.d.ts +24 -0
  7. package/dist/components/ui/core/accordion/accordion.js +113 -0
  8. package/dist/components/ui/core/accordion/accordion.metadata.d.ts +2 -0
  9. package/dist/components/ui/core/accordion/accordion.metadata.js +9 -0
  10. package/dist/components/ui/core/alert/alert.d.ts +2 -1
  11. package/dist/components/ui/core/alert/alert.js +120 -96
  12. package/dist/components/ui/core/alert/alert.metadata.js +1 -1
  13. package/dist/components/ui/core/avatar/avatar.js +29 -32
  14. package/dist/components/ui/core/badge/badge.d.ts +1 -1
  15. package/dist/components/ui/core/badge/badge.js +44 -52
  16. package/dist/components/ui/core/banner/banner.d.ts +40 -0
  17. package/dist/components/ui/core/banner/banner.js +218 -0
  18. package/dist/components/ui/core/banner/banner.metadata.d.ts +2 -0
  19. package/dist/components/ui/core/banner/banner.metadata.js +9 -0
  20. package/dist/components/ui/core/button/button.d.ts +2 -2
  21. package/dist/components/ui/core/button/button.js +19 -20
  22. package/dist/components/ui/core/button-group/button-group.js +10 -10
  23. package/dist/components/ui/core/card/card.js +1 -1
  24. package/dist/components/ui/core/code-block/code-block.d.ts +14 -3
  25. package/dist/components/ui/core/code-block/code-block.js +218 -97
  26. package/dist/components/ui/core/code-block/code-block.metadata.js +1 -1
  27. package/dist/components/ui/core/collapsible/collapsible.js +30 -24
  28. package/dist/components/ui/core/command/command.d.ts +2 -2
  29. package/dist/components/ui/core/command/command.js +30 -30
  30. package/dist/components/ui/core/dialog/dialog.js +8 -8
  31. package/dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts +1 -1
  32. package/dist/components/ui/core/dropdown-menu/dropdown-menu.js +65 -62
  33. package/dist/components/ui/core/helper-text/helper-text.js +8 -8
  34. package/dist/components/ui/core/hover-card/hover-card.js +5 -5
  35. package/dist/components/ui/core/inline-citation/inline-citation.js +19 -16
  36. package/dist/components/ui/core/input/input.d.ts +1 -5
  37. package/dist/components/ui/core/input/input.js +24 -30
  38. package/dist/components/ui/core/input-group/input-group.d.ts +2 -2
  39. package/dist/components/ui/core/input-group/input-group.js +104 -74
  40. package/dist/components/ui/core/label/label.d.ts +3 -1
  41. package/dist/components/ui/core/label/label.js +39 -16
  42. package/dist/components/ui/core/label/label.metadata.js +2 -2
  43. package/dist/components/ui/core/message/message-response-default-streamdown-controls.d.ts +11 -0
  44. package/dist/components/ui/core/message/message-response-default-streamdown-controls.js +13 -0
  45. package/dist/components/ui/core/message/message.d.ts +1 -1
  46. package/dist/components/ui/core/message/message.js +62 -44
  47. package/dist/components/ui/core/popover/popover.d.ts +10 -1
  48. package/dist/components/ui/core/popover/popover.js +137 -34
  49. package/dist/components/ui/core/popover/popover.metadata.js +9 -0
  50. package/dist/components/ui/core/progress/progress.d.ts +10 -0
  51. package/dist/components/ui/core/progress/progress.js +61 -0
  52. package/dist/components/ui/core/progress/progress.metadata.d.ts +2 -0
  53. package/dist/components/ui/core/progress/progress.metadata.js +9 -0
  54. package/dist/components/ui/core/prompt-input/prompt-input.d.ts +2 -2
  55. package/dist/components/ui/core/prompt-input/prompt-input.js +100 -100
  56. package/dist/components/ui/core/scroll-area/scroll-area.d.ts +3 -0
  57. package/dist/components/ui/core/scroll-area/scroll-area.js +71 -0
  58. package/dist/components/ui/core/scroll-area/scroll-area.metadata.d.ts +2 -0
  59. package/dist/components/ui/core/scroll-area/scroll-area.metadata.js +9 -0
  60. package/dist/components/ui/core/select/select.d.ts +3 -3
  61. package/dist/components/ui/core/select/select.js +69 -73
  62. package/dist/components/ui/core/skeleton/skeleton.js +6 -6
  63. package/dist/components/ui/core/sources/sources.js +8 -1
  64. package/dist/components/ui/core/textarea/textarea.d.ts +1 -8
  65. package/dist/components/ui/core/textarea/textarea.js +21 -45
  66. package/dist/components/ui/core/tool/tool.js +58 -50
  67. package/dist/components/ui/core/tooltip/tooltip.js +10 -10
  68. package/dist/index.d.ts +1 -1
  69. package/dist/index.js +281 -249
  70. package/dist/lib/utils.d.ts +6 -6
  71. package/dist/lib/utils.js +26 -26
  72. package/dist/styles.css +1 -1
  73. package/dist/styles.source.css +3 -812
  74. package/package.json +28 -9
package/dist/colors.css ADDED
@@ -0,0 +1,824 @@
1
+ /* AUTO-GENERATED FILE. DO NOT EDIT. */
2
+ /* Generated by scripts/figma-colors/sync-colors.ts */
3
+
4
+ @theme inline {
5
+ --color-accent-background: var(--accent-background);
6
+ --color-accent-background-fixed-dark: var(--accent-background-fixed-dark);
7
+ --color-accent-background-strong: var(--accent-background-strong);
8
+ --color-active-background: var(--active-background);
9
+ --color-active-background-hover: var(--active-background-hover);
10
+ --color-active-foreground: var(--active-foreground);
11
+ --color-active-muted-background: var(--active-muted-background);
12
+ --color-active-muted-background-hover: var(--active-muted-background-hover);
13
+ --color-alternate-background: var(--alternate-background);
14
+ --color-amber-100: var(--amber-100);
15
+ --color-amber-200: var(--amber-200);
16
+ --color-amber-300: var(--amber-300);
17
+ --color-amber-400: var(--amber-400);
18
+ --color-amber-450: var(--amber-450);
19
+ --color-amber-50: var(--amber-50);
20
+ --color-amber-500: var(--amber-500);
21
+ --color-amber-550: var(--amber-550);
22
+ --color-amber-600: var(--amber-600);
23
+ --color-amber-650: var(--amber-650);
24
+ --color-amber-700: var(--amber-700);
25
+ --color-amber-800: var(--amber-800);
26
+ --color-amber-900: var(--amber-900);
27
+ --color-amber-950: var(--amber-950);
28
+ --color-aurora-100: var(--aurora-100);
29
+ --color-aurora-200: var(--aurora-200);
30
+ --color-aurora-300: var(--aurora-300);
31
+ --color-aurora-400: var(--aurora-400);
32
+ --color-aurora-450: var(--aurora-450);
33
+ --color-aurora-50: var(--aurora-50);
34
+ --color-aurora-500: var(--aurora-500);
35
+ --color-aurora-550: var(--aurora-550);
36
+ --color-aurora-600: var(--aurora-600);
37
+ --color-aurora-650: var(--aurora-650);
38
+ --color-aurora-700: var(--aurora-700);
39
+ --color-aurora-800: var(--aurora-800);
40
+ --color-aurora-900: var(--aurora-900);
41
+ --color-aurora-950: var(--aurora-950);
42
+ --color-background: var(--background);
43
+ --color-background-fixed-dark: var(--background-fixed-dark);
44
+ --color-background-fixed-light: var(--background-fixed-light);
45
+ --color-blue-100: var(--blue-100);
46
+ --color-blue-200: var(--blue-200);
47
+ --color-blue-300: var(--blue-300);
48
+ --color-blue-400: var(--blue-400);
49
+ --color-blue-450: var(--blue-450);
50
+ --color-blue-50: var(--blue-50);
51
+ --color-blue-500: var(--blue-500);
52
+ --color-blue-550: var(--blue-550);
53
+ --color-blue-600: var(--blue-600);
54
+ --color-blue-650: var(--blue-650);
55
+ --color-blue-700: var(--blue-700);
56
+ --color-blue-800: var(--blue-800);
57
+ --color-blue-900: var(--blue-900);
58
+ --color-blue-950: var(--blue-950);
59
+ --color-border: var(--border);
60
+ --color-border-active: var(--border-active);
61
+ --color-border-emphasized: var(--border-emphasized);
62
+ --color-border-on-dark: var(--border-on-dark);
63
+ --color-card-background: var(--card-background);
64
+ --color-chart-aurora-opacity-1: var(--chart-aurora-opacity-1);
65
+ --color-chart-aurora-opacity-2: var(--chart-aurora-opacity-2);
66
+ --color-chart-aurora-opacity-3: var(--chart-aurora-opacity-3);
67
+ --color-chart-aurora-opacity-4: var(--chart-aurora-opacity-4);
68
+ --color-chart-aurora-opacity-5: var(--chart-aurora-opacity-5);
69
+ --color-chart-aurora-solid: var(--chart-aurora-solid);
70
+ --color-chart-dusk-opacity-1: var(--chart-dusk-opacity-1);
71
+ --color-chart-dusk-opacity-2: var(--chart-dusk-opacity-2);
72
+ --color-chart-dusk-opacity-3: var(--chart-dusk-opacity-3);
73
+ --color-chart-dusk-opacity-4: var(--chart-dusk-opacity-4);
74
+ --color-chart-dusk-opacity-5: var(--chart-dusk-opacity-5);
75
+ --color-chart-dusk-solid: var(--chart-dusk-solid);
76
+ --color-chart-fjord-opacity-1: var(--chart-fjord-opacity-1);
77
+ --color-chart-fjord-opacity-2: var(--chart-fjord-opacity-2);
78
+ --color-chart-fjord-opacity-3: var(--chart-fjord-opacity-3);
79
+ --color-chart-fjord-opacity-4: var(--chart-fjord-opacity-4);
80
+ --color-chart-fjord-opacity-5: var(--chart-fjord-opacity-5);
81
+ --color-chart-fjord-solid: var(--chart-fjord-solid);
82
+ --color-chart-gridlines: var(--chart-gridlines);
83
+ --color-chart-nordic-opacity-1: var(--chart-nordic-opacity-1);
84
+ --color-chart-nordic-opacity-2: var(--chart-nordic-opacity-2);
85
+ --color-chart-nordic-opacity-3: var(--chart-nordic-opacity-3);
86
+ --color-chart-nordic-opacity-4: var(--chart-nordic-opacity-4);
87
+ --color-chart-nordic-opacity-5: var(--chart-nordic-opacity-5);
88
+ --color-chart-nordic-solid: var(--chart-nordic-solid);
89
+ --color-chart-orange-opacity-1: var(--chart-orange-opacity-1);
90
+ --color-chart-orange-opacity-2: var(--chart-orange-opacity-2);
91
+ --color-chart-orange-opacity-3: var(--chart-orange-opacity-3);
92
+ --color-chart-orange-opacity-4: var(--chart-orange-opacity-4);
93
+ --color-chart-orange-opacity-5: var(--chart-orange-opacity-5);
94
+ --color-chart-orange-solid: var(--chart-orange-solid);
95
+ --color-decorative-aurora-background: var(--decorative-aurora-background);
96
+ --color-decorative-dusk-background: var(--decorative-dusk-background);
97
+ --color-decorative-fjord-background: var(--decorative-fjord-background);
98
+ --color-decorative-aurora-background-hover: var(--decorative-aurora-background-hover);
99
+ --color-decorative-dusk-background-hover: var(--decorative-dusk-background-hover);
100
+ --color-decorative-fjord-background-hover: var(--decorative-fjord-background-hover);
101
+ --color-decorative-mountain-background-hover: var(--decorative-mountain-background-hover);
102
+ --color-background-hover: var(--background-hover);
103
+ --color-decorative-orange-background-hover: var(--decorative-orange-background-hover);
104
+ --color-decorative-sky-background-hover: var(--decorative-sky-background-hover);
105
+ --color-decorative-mountain-background: var(--decorative-mountain-background);
106
+ --color-decorative-nordic-background: var(--decorative-nordic-background);
107
+ --color-decorative-orange-background: var(--decorative-orange-background);
108
+ --color-decorative-sky-background: var(--decorative-sky-background);
109
+ --color-decorative-aurora-foreground: var(--decorative-aurora-foreground);
110
+ --color-decorative-dusk-foreground: var(--decorative-dusk-foreground);
111
+ --color-decorative-fjord-foreground: var(--decorative-fjord-foreground);
112
+ --color-decorative-mountain-foreground: var(--decorative-mountain-foreground);
113
+ --color-decorative-nordic-foreground: var(--decorative-nordic-foreground);
114
+ --color-decorative-orange-foreground: var(--decorative-orange-foreground);
115
+ --color-decorative-sky-foreground: var(--decorative-sky-foreground);
116
+ --color-destructive-background: var(--destructive-background);
117
+ --color-destructive-background-hover: var(--destructive-background-hover);
118
+ --color-destructive-foreground: var(--destructive-foreground);
119
+ --color-destructive-foreground-on-critical: var(--destructive-foreground-on-critical);
120
+ --color-destructive-muted-background: var(--destructive-muted-background);
121
+ --color-destructive-muted-background-hover: var(--destructive-muted-background-hover);
122
+ --color-disabled-background: var(--disabled-background);
123
+ --color-disabled-foreground: var(--disabled-foreground);
124
+ --color-dusk-100: var(--dusk-100);
125
+ --color-dusk-200: var(--dusk-200);
126
+ --color-dusk-300: var(--dusk-300);
127
+ --color-dusk-400: var(--dusk-400);
128
+ --color-dusk-450: var(--dusk-450);
129
+ --color-dusk-50: var(--dusk-50);
130
+ --color-dusk-500: var(--dusk-500);
131
+ --color-dusk-550: var(--dusk-550);
132
+ --color-dusk-600: var(--dusk-600);
133
+ --color-dusk-650: var(--dusk-650);
134
+ --color-dusk-700: var(--dusk-700);
135
+ --color-dusk-800: var(--dusk-800);
136
+ --color-dusk-900: var(--dusk-900);
137
+ --color-dusk-950: var(--dusk-950);
138
+ --color-effect-shadow-lg: var(--effect-shadow-lg);
139
+ --color-effect-shadow-md: var(--effect-shadow-md);
140
+ --color-effect-shadow-sm: var(--effect-shadow-sm);
141
+ --color-effect-shadow-xl: var(--effect-shadow-xl);
142
+ --color-fjord-100: var(--fjord-100);
143
+ --color-fjord-200: var(--fjord-200);
144
+ --color-fjord-300: var(--fjord-300);
145
+ --color-fjord-400: var(--fjord-400);
146
+ --color-fjord-450: var(--fjord-450);
147
+ --color-fjord-50: var(--fjord-50);
148
+ --color-fjord-500: var(--fjord-500);
149
+ --color-fjord-550: var(--fjord-550);
150
+ --color-fjord-600: var(--fjord-600);
151
+ --color-fjord-650: var(--fjord-650);
152
+ --color-fjord-700: var(--fjord-700);
153
+ --color-fjord-800: var(--fjord-800);
154
+ --color-fjord-900: var(--fjord-900);
155
+ --color-fjord-950: var(--fjord-950);
156
+ --color-foreground: var(--foreground);
157
+ --color-foreground-fixed-dark: var(--foreground-fixed-dark);
158
+ --color-foreground-fixed-light: var(--foreground-fixed-light);
159
+ --color-foreground-on-active: var(--foreground-on-active);
160
+ --color-foreground-on-primary: var(--foreground-on-primary);
161
+ --color-foreground-on-toggled: var(--foreground-on-toggled);
162
+ --color-foreground-secondary-fixed-dark: var(--foreground-secondary-fixed-dark);
163
+ --color-gray-100: var(--gray-100);
164
+ --color-gray-200: var(--gray-200);
165
+ --color-gray-300: var(--gray-300);
166
+ --color-gray-400: var(--gray-400);
167
+ --color-gray-450: var(--gray-450);
168
+ --color-gray-50: var(--gray-50);
169
+ --color-gray-500: var(--gray-500);
170
+ --color-gray-550: var(--gray-550);
171
+ --color-gray-600: var(--gray-600);
172
+ --color-gray-650: var(--gray-650);
173
+ --color-gray-700: var(--gray-700);
174
+ --color-gray-800: var(--gray-800);
175
+ --color-gray-900: var(--gray-900);
176
+ --color-gray-950: var(--gray-950);
177
+ --color-green-100: var(--green-100);
178
+ --color-green-200: var(--green-200);
179
+ --color-green-300: var(--green-300);
180
+ --color-green-400: var(--green-400);
181
+ --color-green-450: var(--green-450);
182
+ --color-green-50: var(--green-50);
183
+ --color-green-500: var(--green-500);
184
+ --color-green-550: var(--green-550);
185
+ --color-green-600: var(--green-600);
186
+ --color-green-650: var(--green-650);
187
+ --color-green-700: var(--green-700);
188
+ --color-green-800: var(--green-800);
189
+ --color-green-900: var(--green-900);
190
+ --color-green-950: var(--green-950);
191
+ --color-highlight-background: var(--highlight-background);
192
+ --color-highlight-background-strong: var(--highlight-background-strong);
193
+ --color-inactive-foreground: var(--inactive-foreground);
194
+ --color-info-background: var(--info-background);
195
+ --color-info-background-hover: var(--info-background-hover);
196
+ --color-info-foreground: var(--info-foreground);
197
+ --color-info-foreground-on-info: var(--info-foreground-on-info);
198
+ --color-info-muted-background: var(--info-muted-background);
199
+ --color-link-foreground: var(--link-foreground);
200
+ --color-mountain-10: var(--mountain-10);
201
+ --color-mountain-100: var(--mountain-100);
202
+ --color-mountain-200: var(--mountain-200);
203
+ --color-mountain-300: var(--mountain-300);
204
+ --color-mountain-400: var(--mountain-400);
205
+ --color-mountain-450: var(--mountain-450);
206
+ --color-mountain-50: var(--mountain-50);
207
+ --color-mountain-500: var(--mountain-500);
208
+ --color-mountain-550: var(--mountain-550);
209
+ --color-mountain-600: var(--mountain-600);
210
+ --color-mountain-650: var(--mountain-650);
211
+ --color-mountain-700: var(--mountain-700);
212
+ --color-mountain-800: var(--mountain-800);
213
+ --color-mountain-900: var(--mountain-900);
214
+ --color-mountain-950: var(--mountain-950);
215
+ --color-mountain-black: var(--mountain-black);
216
+ --color-mountain-white: var(--mountain-white);
217
+ --color-muted-background: var(--muted-background);
218
+ --color-muted-foreground: var(--muted-foreground);
219
+ --color-muted-foreground-fixed-light: var(--muted-foreground-fixed-light);
220
+ --color-neutral-background: var(--neutral-background);
221
+ --color-neutral-background-hover: var(--neutral-background-hover);
222
+ --color-info-foreground: var(--info-foreground);
223
+ --color-neutral-foreground-on-neutral: var(--neutral-foreground-on-neutral);
224
+ --color-neutral-muted-background: var(--neutral-muted-background);
225
+ --color-nordic-100: var(--nordic-100);
226
+ --color-nordic-200: var(--nordic-200);
227
+ --color-nordic-300: var(--nordic-300);
228
+ --color-nordic-400: var(--nordic-400);
229
+ --color-nordic-450: var(--nordic-450);
230
+ --color-nordic-50: var(--nordic-50);
231
+ --color-nordic-500: var(--nordic-500);
232
+ --color-nordic-550: var(--nordic-550);
233
+ --color-nordic-600: var(--nordic-600);
234
+ --color-nordic-650: var(--nordic-650);
235
+ --color-nordic-700: var(--nordic-700);
236
+ --color-nordic-800: var(--nordic-800);
237
+ --color-nordic-900: var(--nordic-900);
238
+ --color-nordic-950: var(--nordic-950);
239
+ --color-opacity-10: var(--opacity-10);
240
+ --color-opacity-10-inverted: var(--opacity-10-inverted);
241
+ --color-opacity-20: var(--opacity-20);
242
+ --color-opacity-20-inverted: var(--opacity-20-inverted);
243
+ --color-opacity-40: var(--opacity-40);
244
+ --color-opacity-40-inverted: var(--opacity-40-inverted);
245
+ --color-opacity-60: var(--opacity-60);
246
+ --color-opacity-60-inverted: var(--opacity-60-inverted);
247
+ --color-opacity-80: var(--opacity-80);
248
+ --color-opacity-80-inverted: var(--opacity-80-inverted);
249
+ --color-orange-100: var(--orange-100);
250
+ --color-orange-200: var(--orange-200);
251
+ --color-orange-300: var(--orange-300);
252
+ --color-orange-400: var(--orange-400);
253
+ --color-orange-450: var(--orange-450);
254
+ --color-orange-50: var(--orange-50);
255
+ --color-orange-500: var(--orange-500);
256
+ --color-orange-550: var(--orange-550);
257
+ --color-orange-600: var(--orange-600);
258
+ --color-orange-650: var(--orange-650);
259
+ --color-orange-700: var(--orange-700);
260
+ --color-orange-800: var(--orange-800);
261
+ --color-orange-900: var(--orange-900);
262
+ --color-orange-950: var(--orange-950);
263
+ --color-overlay-background: var(--overlay-background);
264
+ --color-pink-100: var(--pink-100);
265
+ --color-pink-200: var(--pink-200);
266
+ --color-pink-300: var(--pink-300);
267
+ --color-pink-400: var(--pink-400);
268
+ --color-pink-450: var(--pink-450);
269
+ --color-pink-50: var(--pink-50);
270
+ --color-pink-500: var(--pink-500);
271
+ --color-pink-550: var(--pink-550);
272
+ --color-pink-600: var(--pink-600);
273
+ --color-pink-650: var(--pink-650);
274
+ --color-pink-700: var(--pink-700);
275
+ --color-pink-800: var(--pink-800);
276
+ --color-pink-900: var(--pink-900);
277
+ --color-pink-950: var(--pink-950);
278
+ --color-popover-background: var(--popover-background);
279
+ --color-primary-background: var(--primary-background);
280
+ --color-primary-background-hover: var(--primary-background-hover);
281
+ --color-raised-background: var(--raised-background);
282
+ --color-red-100: var(--red-100);
283
+ --color-red-200: var(--red-200);
284
+ --color-red-300: var(--red-300);
285
+ --color-red-400: var(--red-400);
286
+ --color-red-450: var(--red-450);
287
+ --color-red-50: var(--red-50);
288
+ --color-red-500: var(--red-500);
289
+ --color-red-550: var(--red-550);
290
+ --color-red-600: var(--red-600);
291
+ --color-red-650: var(--red-650);
292
+ --color-red-700: var(--red-700);
293
+ --color-red-800: var(--red-800);
294
+ --color-red-900: var(--red-900);
295
+ --color-red-950: var(--red-950);
296
+ --color-ring: var(--ring);
297
+ --color-ring-critical: var(--ring-critical);
298
+ --color-ring-critical-shadow: var(--ring-critical-shadow);
299
+ --color-ring-muted: var(--ring-muted);
300
+ --color-secondary-background: var(--secondary-background);
301
+ --color-secondary-background-hover: var(--secondary-background-hover);
302
+ --color-secondary-foreground: var(--secondary-foreground);
303
+ --color-secondary-foreground-fixed-light: var(--secondary-foreground-fixed-light);
304
+ --color-sky-100: var(--sky-100);
305
+ --color-sky-200: var(--sky-200);
306
+ --color-sky-300: var(--sky-300);
307
+ --color-sky-400: var(--sky-400);
308
+ --color-sky-450: var(--sky-450);
309
+ --color-sky-50: var(--sky-50);
310
+ --color-sky-500: var(--sky-500);
311
+ --color-sky-550: var(--sky-550);
312
+ --color-sky-600: var(--sky-600);
313
+ --color-sky-650: var(--sky-650);
314
+ --color-sky-700: var(--sky-700);
315
+ --color-sky-800: var(--sky-800);
316
+ --color-sky-900: var(--sky-900);
317
+ --color-sky-950: var(--sky-950);
318
+ --color-success-background: var(--success-background);
319
+ --color-success-background-hover: var(--success-background-hover);
320
+ --color-success-foreground: var(--success-foreground);
321
+ --color-success-foreground-on-success: var(--success-foreground-on-success);
322
+ --color-success-muted-background: var(--success-muted-background);
323
+ --color-warning-background: var(--warning-background);
324
+ --color-warning-background-hover: var(--warning-background-hover);
325
+ --color-warning-foreground: var(--warning-foreground);
326
+ --color-warning-foreground-on-warning: var(--warning-foreground-on-warning);
327
+ --color-warning-muted-background: var(--warning-muted-background);
328
+ --color-yellow-100: var(--yellow-100);
329
+ --color-yellow-200: var(--yellow-200);
330
+ --color-yellow-300: var(--yellow-300);
331
+ --color-yellow-400: var(--yellow-400);
332
+ --color-yellow-450: var(--yellow-450);
333
+ --color-yellow-50: var(--yellow-50);
334
+ --color-yellow-500: var(--yellow-500);
335
+ --color-yellow-550: var(--yellow-550);
336
+ --color-yellow-600: var(--yellow-600);
337
+ --color-yellow-650: var(--yellow-650);
338
+ --color-yellow-700: var(--yellow-700);
339
+ --color-yellow-800: var(--yellow-800);
340
+ --color-yellow-900: var(--yellow-900);
341
+ --color-yellow-950: var(--yellow-950);
342
+ }
343
+
344
+ :root {
345
+ --amber-100: rgb(255, 227, 162);
346
+ --amber-200: rgb(255, 208, 98);
347
+ --amber-300: rgb(252, 177, 0);
348
+ --amber-400: rgb(225, 158, 0);
349
+ --amber-450: rgb(193, 136, 0);
350
+ --amber-50: rgb(255, 241, 208);
351
+ --amber-500: rgb(175, 123, 0);
352
+ --amber-550: rgb(155, 109, 0);
353
+ --amber-600: rgb(134, 94, 0);
354
+ --amber-650: rgb(117, 82, 0);
355
+ --amber-700: rgb(91, 64, 0);
356
+ --amber-800: rgb(65, 45, 0);
357
+ --amber-900: rgb(48, 34, 0);
358
+ --amber-950: rgb(24, 17, 0);
359
+ --aurora-100: rgb(207, 243, 141);
360
+ --aurora-200: rgb(171, 233, 56);
361
+ --aurora-300: rgb(144, 210, 23);
362
+ --aurora-400: rgb(129, 188, 20);
363
+ --aurora-450: rgb(110, 161, 18);
364
+ --aurora-50: rgb(231, 249, 198);
365
+ --aurora-500: rgb(100, 146, 16);
366
+ --aurora-550: rgb(88, 129, 14);
367
+ --aurora-600: rgb(77, 112, 12);
368
+ --aurora-650: rgb(67, 97, 11);
369
+ --aurora-700: rgb(52, 76, 8);
370
+ --aurora-800: rgb(37, 54, 6);
371
+ --aurora-900: rgb(27, 40, 4);
372
+ --aurora-950: rgb(14, 20, 2);
373
+ --blue-100: rgb(206, 234, 255);
374
+ --blue-200: rgb(174, 220, 255);
375
+ --blue-300: rgb(124, 198, 255);
376
+ --blue-400: rgb(76, 178, 255);
377
+ --blue-450: rgb(11, 149, 255);
378
+ --blue-50: rgb(230, 244, 255);
379
+ --blue-500: rgb(0, 134, 237);
380
+ --blue-550: rgb(0, 119, 210);
381
+ --blue-600: rgb(0, 103, 182);
382
+ --blue-650: rgb(0, 90, 159);
383
+ --blue-700: rgb(0, 71, 125);
384
+ --blue-800: rgb(0, 50, 89);
385
+ --blue-900: rgb(0, 37, 66);
386
+ --blue-950: rgb(0, 20, 35);
387
+ --dusk-100: rgb(241, 225, 243);
388
+ --dusk-200: rgb(232, 206, 236);
389
+ --dusk-300: rgb(219, 177, 225);
390
+ --dusk-400: rgb(207, 151, 215);
391
+ --dusk-450: rgb(192, 120, 203);
392
+ --dusk-50: rgb(248, 239, 249);
393
+ --dusk-500: rgb(183, 101, 196);
394
+ --dusk-550: rgb(173, 78, 187);
395
+ --dusk-600: rgb(153, 64, 166);
396
+ --dusk-650: rgb(133, 55, 144);
397
+ --dusk-700: rgb(104, 44, 113);
398
+ --dusk-800: rgb(74, 31, 80);
399
+ --dusk-900: rgb(55, 23, 60);
400
+ --dusk-950: rgb(28, 12, 31);
401
+ --fjord-100: rgb(223, 229, 252);
402
+ --fjord-200: rgb(204, 213, 250);
403
+ --fjord-300: rgb(174, 189, 247);
404
+ --fjord-400: rgb(147, 167, 244);
405
+ --fjord-450: rgb(114, 141, 241);
406
+ --fjord-50: rgb(239, 242, 253);
407
+ --fjord-500: rgb(95, 125, 239);
408
+ --fjord-550: rgb(72, 106, 237);
409
+ --fjord-600: rgb(47, 85, 234);
410
+ --fjord-650: rgb(23, 66, 231);
411
+ --fjord-700: rgb(18, 52, 182);
412
+ --fjord-800: rgb(13, 37, 130);
413
+ --fjord-900: rgb(10, 28, 97);
414
+ --fjord-950: rgb(5, 15, 51);
415
+ --gray-100: rgb(226, 229, 244);
416
+ --gray-200: rgb(208, 214, 237);
417
+ --gray-300: rgb(181, 190, 226);
418
+ --gray-400: rgb(157, 169, 217);
419
+ --gray-450: rgb(129, 143, 206);
420
+ --gray-50: rgb(240, 242, 249);
421
+ --gray-500: rgb(112, 129, 199);
422
+ --gray-550: rgb(93, 112, 192);
423
+ --gray-600: rgb(74, 95, 184);
424
+ --gray-650: rgb(63, 82, 163);
425
+ --gray-700: rgb(50, 65, 127);
426
+ --gray-800: rgb(35, 46, 90);
427
+ --gray-900: rgb(26, 34, 66);
428
+ --gray-950: rgb(13, 17, 34);
429
+ --green-100: rgb(187, 243, 208);
430
+ --green-200: rgb(139, 234, 174);
431
+ --green-300: rgb(52, 218, 113);
432
+ --green-400: rgb(36, 196, 94);
433
+ --green-450: rgb(31, 168, 81);
434
+ --green-50: rgb(221, 249, 231);
435
+ --green-500: rgb(28, 152, 74);
436
+ --green-550: rgb(25, 135, 65);
437
+ --green-600: rgb(21, 117, 56);
438
+ --green-650: rgb(19, 102, 49);
439
+ --green-700: rgb(15, 80, 38);
440
+ --green-800: rgb(10, 56, 27);
441
+ --green-900: rgb(8, 42, 20);
442
+ --green-950: rgb(4, 22, 10);
443
+ --mountain-10: rgb(249, 250, 250);
444
+ --mountain-100: rgb(228, 230, 232);
445
+ --mountain-200: rgb(212, 215, 217);
446
+ --mountain-300: rgb(187, 192, 196);
447
+ --mountain-400: rgb(165, 171, 177);
448
+ --mountain-450: rgb(139, 148, 154);
449
+ --mountain-50: rgb(241, 242, 243);
450
+ --mountain-500: rgb(124, 134, 142);
451
+ --mountain-550: rgb(109, 118, 126);
452
+ --mountain-600: rgb(94, 102, 109);
453
+ --mountain-650: rgb(82, 89, 95);
454
+ --mountain-700: rgb(64, 70, 74);
455
+ --mountain-800: rgb(45, 49, 52);
456
+ --mountain-900: rgb(33, 36, 38);
457
+ --mountain-950: rgb(25, 27, 29);
458
+ --mountain-black: rgb(17, 18, 19);
459
+ --mountain-white: rgb(255, 255, 255);
460
+ --nordic-100: rgb(180, 242, 229);
461
+ --nordic-200: rgb(127, 233, 210);
462
+ --nordic-300: rgb(37, 215, 176);
463
+ --nordic-400: rgb(33, 192, 157);
464
+ --nordic-450: rgb(28, 165, 135);
465
+ --nordic-50: rgb(218, 249, 242);
466
+ --nordic-500: rgb(26, 150, 122);
467
+ --nordic-550: rgb(23, 132, 108);
468
+ --nordic-600: rgb(20, 115, 94);
469
+ --nordic-650: rgb(17, 100, 82);
470
+ --nordic-700: rgb(13, 78, 64);
471
+ --nordic-800: rgb(10, 55, 45);
472
+ --nordic-900: rgb(7, 41, 34);
473
+ --nordic-950: rgb(4, 21, 17);
474
+ --orange-100: rgb(253, 224, 207);
475
+ --orange-200: rgb(252, 205, 176);
476
+ --orange-300: rgb(251, 174, 126);
477
+ --orange-400: rgb(249, 143, 78);
478
+ --orange-450: rgb(247, 100, 10);
479
+ --orange-50: rgb(254, 239, 230);
480
+ --orange-500: rgb(225, 90, 7);
481
+ --orange-550: rgb(199, 80, 6);
482
+ --orange-600: rgb(173, 69, 6);
483
+ --orange-650: rgb(150, 60, 5);
484
+ --orange-700: rgb(118, 47, 4);
485
+ --orange-800: rgb(84, 34, 3);
486
+ --orange-900: rgb(62, 25, 2);
487
+ --orange-950: rgb(33, 13, 1);
488
+ --pink-100: rgb(251, 222, 234);
489
+ --pink-200: rgb(249, 202, 221);
490
+ --pink-300: rgb(245, 169, 200);
491
+ --pink-400: rgb(242, 139, 180);
492
+ --pink-450: rgb(237, 97, 153);
493
+ --pink-50: rgb(253, 238, 244);
494
+ --pink-500: rgb(233, 68, 135);
495
+ --pink-550: rgb(225, 26, 106);
496
+ --pink-600: rgb(196, 23, 92);
497
+ --pink-650: rgb(171, 20, 81);
498
+ --pink-700: rgb(136, 16, 64);
499
+ --pink-800: rgb(98, 11, 46);
500
+ --pink-900: rgb(73, 8, 35);
501
+ --pink-950: rgb(40, 5, 19);
502
+ --red-100: rgb(253, 222, 228);
503
+ --red-200: rgb(252, 202, 210);
504
+ --red-300: rgb(250, 169, 183);
505
+ --red-400: rgb(248, 137, 156);
506
+ --red-450: rgb(246, 94, 120);
507
+ --red-50: rgb(254, 238, 241);
508
+ --red-500: rgb(244, 61, 92);
509
+ --red-550: rgb(233, 13, 50);
510
+ --red-600: rgb(203, 11, 44);
511
+ --red-650: rgb(178, 10, 38);
512
+ --red-700: rgb(141, 8, 31);
513
+ --red-800: rgb(102, 6, 22);
514
+ --red-900: rgb(78, 4, 17);
515
+ --red-950: rgb(44, 2, 9);
516
+ --sky-100: rgb(183, 239, 254);
517
+ --sky-200: rgb(132, 228, 254);
518
+ --sky-300: rgb(37, 207, 253);
519
+ --sky-400: rgb(2, 185, 234);
520
+ --sky-450: rgb(2, 159, 201);
521
+ --sky-50: rgb(219, 247, 255);
522
+ --sky-500: rgb(2, 144, 182);
523
+ --sky-550: rgb(1, 127, 161);
524
+ --sky-600: rgb(1, 110, 140);
525
+ --sky-650: rgb(1, 96, 122);
526
+ --sky-700: rgb(1, 75, 96);
527
+ --sky-800: rgb(1, 54, 68);
528
+ --sky-900: rgb(0, 40, 50);
529
+ --sky-950: rgb(0, 21, 26);
530
+ --yellow-100: rgb(255, 232, 52);
531
+ --yellow-200: rgb(243, 215, 0);
532
+ --yellow-300: rgb(216, 191, 0);
533
+ --yellow-400: rgb(193, 171, 0);
534
+ --yellow-450: rgb(166, 147, 0);
535
+ --yellow-50: rgb(255, 244, 162);
536
+ --yellow-500: rgb(150, 133, 0);
537
+ --yellow-550: rgb(133, 118, 0);
538
+ --yellow-600: rgb(115, 102, 0);
539
+ --yellow-650: rgb(100, 89, 0);
540
+ --yellow-700: rgb(78, 69, 0);
541
+ --yellow-800: rgb(55, 49, 0);
542
+ --yellow-900: rgb(41, 36, 0);
543
+ --yellow-950: rgb(21, 18, 0);
544
+
545
+ --accent-background: var(--mountain-50);
546
+ --accent-background-fixed-dark: var(--mountain-800);
547
+ --accent-background-strong: var(--mountain-100);
548
+ --active-background: var(--mountain-950);
549
+ --active-background-hover: var(--mountain-800);
550
+ --active-foreground: var(--mountain-950);
551
+ --active-muted-background: var(--mountain-50);
552
+ --active-muted-background-hover: var(--mountain-100);
553
+ --alternate-background: var(--mountain-10);
554
+ --background: var(--mountain-white);
555
+ --background-fixed-dark: var(--mountain-900);
556
+ --background-fixed-light: var(--mountain-white);
557
+ --border: var(--mountain-100);
558
+ --border-active: var(--mountain-950);
559
+ --border-emphasized: var(--mountain-200);
560
+ --border-on-dark: var(--mountain-800);
561
+ --card-background: var(--mountain-10);
562
+ --chart-aurora-opacity-1: rgba(129, 188, 20, 0.8);
563
+ --chart-aurora-opacity-2: rgba(129, 188, 20, 0.65);
564
+ --chart-aurora-opacity-3: rgba(129, 188, 20, 0.5);
565
+ --chart-aurora-opacity-4: rgba(129, 188, 20, 0.35);
566
+ --chart-aurora-opacity-5: rgba(129, 188, 20, 0.2);
567
+ --chart-aurora-solid: var(--aurora-450);
568
+ --chart-dusk-opacity-1: rgba(183, 101, 196, 0.8);
569
+ --chart-dusk-opacity-2: rgba(183, 101, 196, 0.65);
570
+ --chart-dusk-opacity-3: rgba(183, 101, 196, 0.5);
571
+ --chart-dusk-opacity-4: rgba(183, 101, 196, 0.35);
572
+ --chart-dusk-opacity-5: rgba(183, 101, 196, 0.2);
573
+ --chart-dusk-solid: var(--dusk-500);
574
+ --chart-fjord-opacity-1: rgba(72, 106, 237, 0.8);
575
+ --chart-fjord-opacity-2: rgba(72, 106, 237, 0.65);
576
+ --chart-fjord-opacity-3: rgba(72, 106, 237, 0.5);
577
+ --chart-fjord-opacity-4: rgba(72, 106, 237, 0.35);
578
+ --chart-fjord-opacity-5: rgba(72, 106, 237, 0.2);
579
+ --chart-fjord-solid: var(--fjord-550);
580
+ --chart-gridlines: var(--mountain-100);
581
+ --chart-nordic-opacity-1: rgba(33, 192, 157, 0.8);
582
+ --chart-nordic-opacity-2: rgba(33, 192, 157, 0.65);
583
+ --chart-nordic-opacity-3: rgba(33, 192, 157, 0.5);
584
+ --chart-nordic-opacity-4: rgba(33, 192, 157, 0.35);
585
+ --chart-nordic-opacity-5: rgba(33, 192, 157, 0.2);
586
+ --chart-nordic-solid: var(--nordic-400);
587
+ --chart-orange-opacity-1: rgba(249, 143, 78, 0.8);
588
+ --chart-orange-opacity-2: rgba(249, 143, 78, 0.65);
589
+ --chart-orange-opacity-3: rgba(249, 143, 78, 0.5);
590
+ --chart-orange-opacity-4: rgba(249, 143, 78, 0.35);
591
+ --chart-orange-opacity-5: rgba(249, 143, 78, 0.2);
592
+ --chart-orange-solid: var(--orange-400);
593
+ --decorative-aurora-background: var(--aurora-100);
594
+ --decorative-dusk-background: var(--dusk-200);
595
+ --decorative-fjord-background: var(--fjord-200);
596
+ --decorative-aurora-background-hover: var(--aurora-200);
597
+ --decorative-dusk-background-hover: var(--dusk-300);
598
+ --decorative-fjord-background-hover: var(--fjord-300);
599
+ --decorative-mountain-background-hover: var(--mountain-200);
600
+ --background-hover: var(--nordic-200);
601
+ --decorative-orange-background-hover: var(--orange-300);
602
+ --decorative-sky-background-hover: var(--sky-200);
603
+ --decorative-mountain-background: var(--mountain-100);
604
+ --decorative-nordic-background: var(--nordic-100);
605
+ --decorative-orange-background: var(--orange-200);
606
+ --decorative-sky-background: var(--sky-100);
607
+ --decorative-aurora-foreground: var(--aurora-700);
608
+ --decorative-dusk-foreground: var(--dusk-700);
609
+ --decorative-fjord-foreground: var(--fjord-700);
610
+ --decorative-mountain-foreground: var(--mountain-800);
611
+ --decorative-nordic-foreground: var(--nordic-700);
612
+ --decorative-orange-foreground: var(--orange-700);
613
+ --decorative-sky-foreground: var(--sky-700);
614
+ --destructive-background: var(--red-200);
615
+ --destructive-background-hover: var(--red-300);
616
+ --destructive-foreground: var(--red-600);
617
+ --destructive-foreground-on-critical: var(--red-700);
618
+ --destructive-muted-background: var(--red-100);
619
+ --destructive-muted-background-hover: var(--red-200);
620
+ --disabled-background: var(--mountain-50);
621
+ --disabled-foreground: var(--mountain-300);
622
+ --effect-shadow-lg: rgba(0, 0, 0, 0.06);
623
+ --effect-shadow-md: rgba(0, 0, 0, 0.05);
624
+ --effect-shadow-sm: rgba(0, 0, 0, 0.04);
625
+ --effect-shadow-xl: rgba(0, 0, 0, 0.1);
626
+ --foreground: var(--mountain-950);
627
+ --foreground-fixed-dark: var(--mountain-950);
628
+ --foreground-fixed-light: var(--mountain-white);
629
+ --foreground-on-active: var(--mountain-50);
630
+ --foreground-on-primary: var(--mountain-50);
631
+ --foreground-on-toggled: var(--gray-700);
632
+ --foreground-secondary-fixed-dark: var(--mountain-700);
633
+ --highlight-background: var(--mountain-50);
634
+ --highlight-background-strong: var(--mountain-100);
635
+ --inactive-foreground: var(--mountain-450);
636
+ --info-background: var(--gray-200);
637
+ --info-background-hover: var(--gray-300);
638
+ --info-foreground: var(--gray-600);
639
+ --info-foreground-on-info: var(--gray-700);
640
+ --info-muted-background: var(--gray-100);
641
+ --link-foreground: var(--fjord-550);
642
+ --muted-background: var(--mountain-50);
643
+ --muted-foreground: var(--mountain-550);
644
+ --muted-foreground-fixed-light: var(--mountain-300);
645
+ --neutral-background: var(--mountain-100);
646
+ --neutral-background-hover: var(--mountain-200);
647
+ --neutral-foreground: var(--mountain-650);
648
+ --neutral-foreground-on-neutral: var(--mountain-700);
649
+ --neutral-muted-background: var(--mountain-50);
650
+ --opacity-10: rgba(255, 255, 255, 0.1);
651
+ --opacity-10-inverted: rgba(17, 18, 19, 0.1);
652
+ --opacity-20: rgba(255, 255, 255, 0.2);
653
+ --opacity-20-inverted: rgba(17, 18, 19, 0.2);
654
+ --opacity-40: rgba(255, 255, 255, 0.4);
655
+ --opacity-40-inverted: rgba(17, 18, 19, 0.4);
656
+ --opacity-60: rgba(255, 255, 255, 0.6);
657
+ --opacity-60-inverted: rgba(17, 18, 19, 0.6);
658
+ --opacity-80: rgba(255, 255, 255, 0.8);
659
+ --opacity-80-inverted: rgba(17, 18, 19, 0.8);
660
+ --overlay-background: rgba(2, 6, 23, 0.2);
661
+ --popover-background: var(--mountain-white);
662
+ --primary-background: var(--mountain-900);
663
+ --primary-background-hover: var(--mountain-700);
664
+ --raised-background: var(--mountain-800);
665
+ --ring: var(--gray-500);
666
+ --ring-critical: var(--red-500);
667
+ --ring-critical-shadow: var(--red-300);
668
+ --ring-muted: var(--gray-300);
669
+ --secondary-background: var(--mountain-100);
670
+ --secondary-background-hover: var(--mountain-200);
671
+ --secondary-foreground: var(--mountain-700);
672
+ --secondary-foreground-fixed-light: var(--mountain-200);
673
+ --success-background: var(--green-100);
674
+ --success-background-hover: var(--green-200);
675
+ --success-foreground: var(--green-500);
676
+ --success-foreground-on-success: var(--green-700);
677
+ --success-muted-background: var(--green-50);
678
+ --warning-background: var(--amber-100);
679
+ --warning-background-hover: var(--amber-200);
680
+ --warning-foreground: var(--amber-400);
681
+ --warning-foreground-on-warning: var(--amber-650);
682
+ --warning-muted-background: var(--amber-50);
683
+ }
684
+
685
+ .dark {
686
+ --accent-background: var(--mountain-800);
687
+ --accent-background-fixed-dark: var(--mountain-800);
688
+ --accent-background-strong: var(--mountain-700);
689
+ --active-background: var(--mountain-10);
690
+ --active-background-hover: var(--mountain-50);
691
+ --active-foreground: var(--mountain-50);
692
+ --active-muted-background: var(--mountain-800);
693
+ --active-muted-background-hover: var(--mountain-700);
694
+ --alternate-background: var(--mountain-black);
695
+ --background: var(--mountain-950);
696
+ --background-fixed-dark: var(--mountain-900);
697
+ --background-fixed-light: var(--mountain-white);
698
+ --border: var(--mountain-800);
699
+ --border-active: var(--mountain-10);
700
+ --border-emphasized: var(--mountain-700);
701
+ --border-on-dark: var(--mountain-800);
702
+ --card-background: var(--mountain-900);
703
+ --chart-aurora-opacity-1: rgba(129, 188, 20, 0.8);
704
+ --chart-aurora-opacity-2: rgba(129, 188, 20, 0.65);
705
+ --chart-aurora-opacity-3: rgba(129, 188, 20, 0.5);
706
+ --chart-aurora-opacity-4: rgba(129, 188, 20, 0.35);
707
+ --chart-aurora-opacity-5: rgba(129, 188, 20, 0.2);
708
+ --chart-aurora-solid: var(--aurora-450);
709
+ --chart-dusk-opacity-1: rgba(192, 120, 203, 0.8);
710
+ --chart-dusk-opacity-2: rgba(192, 120, 203, 0.65);
711
+ --chart-dusk-opacity-3: rgba(192, 120, 203, 0.5);
712
+ --chart-dusk-opacity-4: rgba(192, 120, 203, 0.35);
713
+ --chart-dusk-opacity-5: rgba(192, 120, 203, 0.2);
714
+ --chart-dusk-solid: var(--dusk-450);
715
+ --chart-fjord-opacity-1: rgba(72, 106, 237, 0.8);
716
+ --chart-fjord-opacity-2: rgba(72, 106, 237, 0.65);
717
+ --chart-fjord-opacity-3: rgba(72, 106, 237, 0.5);
718
+ --chart-fjord-opacity-4: rgba(72, 106, 237, 0.35);
719
+ --chart-fjord-opacity-5: rgba(72, 106, 237, 0.2);
720
+ --chart-fjord-solid: var(--fjord-550);
721
+ --chart-gridlines: var(--mountain-800);
722
+ --chart-nordic-opacity-1: rgba(28, 165, 135, 0.8);
723
+ --chart-nordic-opacity-2: rgba(28, 165, 135, 0.65);
724
+ --chart-nordic-opacity-3: rgba(28, 165, 135, 0.5);
725
+ --chart-nordic-opacity-4: rgba(28, 165, 135, 0.35);
726
+ --chart-nordic-opacity-5: rgba(28, 165, 135, 0.2);
727
+ --chart-nordic-solid: var(--nordic-450);
728
+ --chart-orange-opacity-1: rgba(225, 90, 7, 0.8);
729
+ --chart-orange-opacity-2: rgba(225, 90, 7, 0.65);
730
+ --chart-orange-opacity-3: rgba(225, 90, 7, 0.5);
731
+ --chart-orange-opacity-4: rgba(225, 90, 7, 0.35);
732
+ --chart-orange-opacity-5: rgba(225, 90, 7, 0.2);
733
+ --chart-orange-solid: var(--orange-500);
734
+ --decorative-aurora-background: var(--aurora-100);
735
+ --decorative-dusk-background: var(--dusk-300);
736
+ --decorative-fjord-background: var(--fjord-300);
737
+ --decorative-aurora-background-hover: var(--aurora-50);
738
+ --decorative-dusk-background-hover: var(--dusk-200);
739
+ --decorative-fjord-background-hover: var(--fjord-200);
740
+ --decorative-mountain-background-hover: var(--mountain-650);
741
+ --background-hover: var(--nordic-100);
742
+ --decorative-orange-background-hover: var(--orange-200);
743
+ --decorative-sky-background-hover: var(--sky-100);
744
+ --decorative-mountain-background: var(--mountain-700);
745
+ --decorative-nordic-background: var(--nordic-200);
746
+ --decorative-orange-background: var(--orange-300);
747
+ --decorative-sky-background: var(--sky-200);
748
+ --decorative-aurora-foreground: var(--aurora-800);
749
+ --decorative-dusk-foreground: var(--dusk-800);
750
+ --decorative-fjord-foreground: var(--fjord-800);
751
+ --decorative-mountain-foreground: var(--mountain-200);
752
+ --decorative-nordic-foreground: var(--nordic-800);
753
+ --decorative-orange-foreground: var(--orange-800);
754
+ --decorative-sky-foreground: var(--sky-800);
755
+ --destructive-background: var(--red-300);
756
+ --destructive-background-hover: var(--red-200);
757
+ --destructive-foreground: var(--red-450);
758
+ --destructive-foreground-on-critical: var(--red-700);
759
+ --destructive-muted-background: var(--mountain-800);
760
+ --destructive-muted-background-hover: var(--mountain-700);
761
+ --disabled-background: var(--mountain-800);
762
+ --disabled-foreground: var(--mountain-600);
763
+ --effect-shadow-lg: rgba(0, 0, 0, 0.4);
764
+ --effect-shadow-md: rgba(0, 0, 0, 0.3);
765
+ --effect-shadow-sm: rgba(0, 0, 0, 0.2);
766
+ --effect-shadow-xl: rgba(0, 0, 0, 0.6);
767
+ --foreground: var(--mountain-50);
768
+ --foreground-fixed-dark: var(--mountain-950);
769
+ --foreground-fixed-light: var(--mountain-white);
770
+ --foreground-on-active: var(--mountain-950);
771
+ --foreground-on-primary: var(--mountain-950);
772
+ --foreground-on-toggled: var(--gray-50);
773
+ --foreground-secondary-fixed-dark: var(--mountain-700);
774
+ --highlight-background: var(--mountain-800);
775
+ --highlight-background-strong: var(--mountain-700);
776
+ --inactive-foreground: var(--mountain-500);
777
+ --info-background: var(--gray-300);
778
+ --info-background-hover: var(--gray-200);
779
+ --info-foreground: var(--gray-400);
780
+ --info-foreground-on-info: var(--gray-900);
781
+ --info-muted-background: var(--mountain-800);
782
+ --link-foreground: var(--fjord-450);
783
+ --muted-background: var(--mountain-800);
784
+ --muted-foreground: var(--mountain-400);
785
+ --muted-foreground-fixed-light: var(--mountain-300);
786
+ --neutral-background: var(--mountain-200);
787
+ --neutral-background-hover: var(--mountain-100);
788
+ --neutral-foreground: var(--mountain-400);
789
+ --neutral-foreground-on-neutral: var(--mountain-800);
790
+ --neutral-muted-background: var(--mountain-800);
791
+ --opacity-10: rgba(17, 18, 19, 0.1);
792
+ --opacity-10-inverted: rgba(255, 255, 255, 0.1);
793
+ --opacity-20: rgba(17, 18, 19, 0.2);
794
+ --opacity-20-inverted: rgba(255, 255, 255, 0.2);
795
+ --opacity-40: rgba(17, 18, 19, 0.4);
796
+ --opacity-40-inverted: rgba(255, 255, 255, 0.4);
797
+ --opacity-60: rgba(17, 18, 19, 0.6);
798
+ --opacity-60-inverted: rgba(255, 255, 255, 0.6);
799
+ --opacity-80: rgba(17, 18, 19, 0.8);
800
+ --opacity-80-inverted: rgba(255, 255, 255, 0.8);
801
+ --overlay-background: rgba(226, 232, 240, 0.2);
802
+ --popover-background: var(--mountain-900);
803
+ --primary-background: var(--mountain-10);
804
+ --primary-background-hover: var(--mountain-100);
805
+ --raised-background: var(--mountain-700);
806
+ --ring: var(--gray-500);
807
+ --ring-critical: var(--red-500);
808
+ --ring-critical-shadow: var(--red-300);
809
+ --ring-muted: var(--gray-300);
810
+ --secondary-background: var(--mountain-700);
811
+ --secondary-background-hover: var(--mountain-600);
812
+ --secondary-foreground: var(--mountain-200);
813
+ --secondary-foreground-fixed-light: var(--mountain-200);
814
+ --success-background: var(--green-200);
815
+ --success-background-hover: var(--green-100);
816
+ --success-foreground: var(--green-400);
817
+ --success-foreground-on-success: var(--green-800);
818
+ --success-muted-background: var(--mountain-800);
819
+ --warning-background: var(--amber-100);
820
+ --warning-background-hover: var(--amber-50);
821
+ --warning-foreground: var(--amber-300);
822
+ --warning-foreground-on-warning: var(--amber-700);
823
+ --warning-muted-background: var(--mountain-800);
824
+ }