@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.45 → 0.2.46

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 (8) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/dist/styles.css +339 -211
  3. package/dist/themes/themes/harvey.d.ts +1 -1
  4. package/dist/themes/themes/harvey.d.ts.map +1 -1
  5. package/dist/themes/themes/harvey.esm.js +296 -171
  6. package/dist/themes/themes/harvey.js +296 -171
  7. package/package.json +1 -1
  8. package/src/themes/themes/harvey.ts +296 -171
package/dist/themes/themes/harvey.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { MultiThemeConfig } from '../types';
2
2
  /**
3
3
  * Harvey Creative Theme
4
- * Modern, vibrant design with Poppins font and warm color palette
4
+ * Modern, vibrant design with Inter font and warm burgundy/gold color palette
5
5
  */
6
6
  export declare const harveyTheme: MultiThemeConfig;
7
7
  //# sourceMappingURL=harvey.d.ts.map
package/dist/themes/themes/harvey.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"harvey.d.ts","sourceRoot":"","sources":["../../../src/themes/themes/harvey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,gBAmiBzB,CAAC"}
1
+ {"version":3,"file":"harvey.d.ts","sourceRoot":"","sources":["../../../src/themes/themes/harvey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,gBAgqBzB,CAAC"}
package/dist/themes/themes/harvey.esm.js CHANGED
@@ -1,13 +1,13 @@
1
1
  /**
2
2
  * Harvey Creative Theme
3
- * Modern, vibrant design with Poppins font and warm color palette
3
+ * Modern, vibrant design with Inter font and warm burgundy/gold color palette
4
4
  */
5
5
  export const harveyTheme = {
6
6
  fonts: {
7
7
  primary: {
8
- family: 'Poppins',
8
+ family: 'Inter',
9
9
  fallbacks: ['ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif'],
10
- weights: [300, 400, 500, 600, 700, 800],
10
+ weights: [300, 400, 500, 600, 700],
11
11
  display: 'swap',
12
12
  source: {
13
13
  type: 'google'
@@ -25,21 +25,21 @@ export const harveyTheme = {
25
25
  '6xl': '3.75rem'
26
26
  },
27
27
  lineHeights: {
28
- tight: '1.2',
28
+ tight: '1.25',
29
29
  normal: '1.5',
30
- relaxed: '1.7',
30
+ relaxed: '1.75',
31
31
  loose: '2'
32
32
  },
33
33
  letterSpacing: {
34
- tight: '-0.02em',
34
+ tight: '-0.025em',
35
35
  normal: '0em',
36
- wide: '0.02em',
37
- wider: '0.04em',
38
- widest: '0.08em'
36
+ wide: '0.025em',
37
+ wider: '0.05em',
38
+ widest: '0.1em'
39
39
  }
40
40
  },
41
41
  secondary: {
42
- family: 'Poppins',
42
+ family: 'Inter',
43
43
  fallbacks: ['ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', '"Noto Sans"', 'sans-serif'],
44
44
  weights: [300, 400, 500, 600, 700],
45
45
  display: 'swap',
@@ -59,22 +59,22 @@ export const harveyTheme = {
59
59
  '6xl': '3.75rem'
60
60
  },
61
61
  lineHeights: {
62
- tight: '1.2',
62
+ tight: '1.25',
63
63
  normal: '1.5',
64
- relaxed: '1.7',
64
+ relaxed: '1.75',
65
65
  loose: '2'
66
66
  },
67
67
  letterSpacing: {
68
- tight: '-0.02em',
68
+ tight: '-0.025em',
69
69
  normal: '0em',
70
- wide: '0.02em',
71
- wider: '0.04em',
72
- widest: '0.08em'
70
+ wide: '0.025em',
71
+ wider: '0.05em',
72
+ widest: '0.1em'
73
73
  }
74
74
  },
75
75
  display: {
76
- family: 'Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
77
- weights: [600, 700, 800, 900],
76
+ family: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
77
+ weights: [400, 500, 600, 700],
78
78
  sizes: {
79
79
  xs: '1.5rem',
80
80
  sm: '1.875rem',
@@ -88,22 +88,22 @@ export const harveyTheme = {
88
88
  '6xl': '12rem'
89
89
  },
90
90
  lineHeights: {
91
- tight: '1.05',
92
- normal: '1.15',
93
- relaxed: '1.25',
94
- loose: '1.35'
91
+ tight: '1.1',
92
+ normal: '1.2',
93
+ relaxed: '1.3',
94
+ loose: '1.4'
95
95
  },
96
96
  letterSpacing: {
97
- tight: '-0.03em',
98
- normal: '-0.02em',
99
- wide: '-0.01em',
100
- wider: '0em',
101
- widest: '0.01em'
97
+ tight: '-0.02em',
98
+ normal: '-0.01em',
99
+ wide: '0em',
100
+ wider: '0.01em',
101
+ widest: '0.02em'
102
102
  }
103
103
  },
104
104
  body: {
105
- family: 'Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
106
- weights: [300, 400, 500, 600],
105
+ family: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
106
+ weights: [300, 400, 500],
107
107
  sizes: {
108
108
  xs: '0.75rem',
109
109
  sm: '0.875rem',
@@ -117,17 +117,17 @@ export const harveyTheme = {
117
117
  '6xl': '3.75rem'
118
118
  },
119
119
  lineHeights: {
120
- tight: '1.3',
120
+ tight: '1.4',
121
121
  normal: '1.6',
122
122
  relaxed: '1.8',
123
- loose: '2.1'
123
+ loose: '2'
124
124
  },
125
125
  letterSpacing: {
126
126
  tight: '-0.01em',
127
127
  normal: '0em',
128
128
  wide: '0.01em',
129
129
  wider: '0.02em',
130
- widest: '0.04em'
130
+ widest: '0.05em'
131
131
  }
132
132
  },
133
133
  mono: {
@@ -162,79 +162,111 @@ export const harveyTheme = {
162
162
  },
163
163
  colors: {
164
164
  primary: {
165
- 50: '#fff7ed',
166
- 100: '#ffedd5',
167
- 200: '#fed7aa',
168
- 300: '#fdba74',
169
- 400: '#fb923c',
170
- 500: '#f97316',
171
- 600: '#ea580c',
172
- 700: '#c2410c',
173
- 800: '#9a3412',
174
- 900: '#7c2d12'
165
+ 50: '#FBEAEA',
166
+ 100: '#F4CFCF',
167
+ 200: '#E8A9A9',
168
+ 300: '#D97D7D',
169
+ 400: '#C55A5A',
170
+ 500: '#A3485A',
171
+ 600: '#8C3447',
172
+ 700: '#752737',
173
+ 800: '#662222',
174
+ 900: '#421414',
175
+ // RGB versions for rgba() usage
176
+ '500-rgb': '163, 72, 90',
177
+ '600-rgb': '140, 52, 71',
178
+ '700-rgb': '117, 39, 55'
175
179
  },
176
180
  secondary: {
177
- 50: '#fefce8',
178
- 100: '#fef9c3',
179
- 200: '#fef08a',
180
- 300: '#fde047',
181
- 400: '#facc15',
182
- 500: '#eab308',
183
- 600: '#ca8a04',
184
- 700: '#a16207',
185
- 800: '#854d0e',
186
- 900: '#713f12'
181
+ 50: '#FFF8E8',
182
+ 100: '#FFF1D1',
183
+ 200: '#FDE5B3',
184
+ 300: '#F5DAA7',
185
+ 400: '#EACF8D',
186
+ 500: '#D9BA71',
187
+ 600: '#BCA059',
188
+ 700: '#9C8245',
189
+ 800: '#7B6534',
190
+ 900: '#544521'
187
191
  },
188
192
  semantic: {
189
- success: '#16a34a',
190
- warning: '#f59e0b',
191
- error: '#dc2626',
192
- info: '#2563eb'
193
+ success: '#1E824C',
194
+ warning: '#E6A23C',
195
+ error: '#D93025',
196
+ errorDark: '#A12017',
197
+ info: '#007BCE',
198
+ // RGB versions for rgba() usage
199
+ successRgb: '30, 130, 76',
200
+ warningRgb: '230, 162, 60',
201
+ errorRgb: '217, 48, 37',
202
+ errorDarkRgb: '161, 32, 23',
203
+ infoRgb: '0, 123, 206',
204
+ // Additional RGB versions referenced in CSS
205
+ 'success-rgb': '30, 130, 76',
206
+ 'warning-rgb': '230, 162, 60',
207
+ 'error-rgb': '217, 48, 37',
208
+ 'error-dark-rgb': '161, 32, 23',
209
+ 'info-rgb': '0, 123, 206'
193
210
  },
194
211
  neutral: {
195
- 50: '#fafaf9',
196
- 100: '#f5f5f4',
197
- 200: '#e7e5e4',
198
- 300: '#d6d3d1',
199
- 400: '#a8a29e',
200
- 500: '#78716c',
201
- 600: '#57534e',
202
- 700: '#44403c',
203
- 800: '#292524',
204
- 900: '#1c1917'
212
+ 50: '#FAFAFA',
213
+ 100: '#F4F4F4',
214
+ 200: '#E8E8E8',
215
+ 300: '#D1D1D1',
216
+ 400: '#B5B5B5',
217
+ 500: '#999999',
218
+ 600: '#7A7A7A',
219
+ 700: '#5C5C5C',
220
+ 800: '#3D3D3D',
221
+ 900: '#1E1E1E'
205
222
  },
206
223
  surface: {
207
- background: '#fefefe',
208
- surface: '#fafaf9',
209
- border: '#e7e5e4',
210
- divider: '#d6d3d1'
224
+ background: '#FFF9F3',
225
+ surface: '#FFFFFF',
226
+ border: '#EAD7C0',
227
+ divider: '#F0E2D0'
211
228
  },
212
229
  text: {
213
- primary: '#1c1917',
214
- secondary: '#44403c',
215
- muted: '#78716c',
216
- inverse: '#fafaf9',
217
- onPrimary: '#fefefe',
218
- onSecondary: '#fefefe',
219
- onSurface: '#1c1917'
230
+ primary: '#2B1212',
231
+ secondary: '#5E3A3A',
232
+ muted: '#8C6F6F',
233
+ inverse: '#FFFFFF',
234
+ onPrimary: '#FFFFFF',
235
+ onSecondary: '#2B1212',
236
+ onSurface: '#2B1212'
220
237
  },
221
238
  interactive: {
222
- hover: '#fff7ed',
223
- active: '#fed7aa',
224
- focus: '#f97316',
225
- disabled: '#d6d3d1'
226
- }
239
+ hover: '#842A3B',
240
+ active: '#662222',
241
+ focus: '#A3485A',
242
+ disabled: '#C9B6B6'
243
+ },
244
+ // Additional colors referenced in CSS
245
+ accent: '#F5DAA7',
246
+ 'bg-primary': '#FBEAEA',
247
+ 'bg-secondary': '#FFF1D1',
248
+ 'surface-bg': '#FFF9F3',
249
+ // Additional missing CSS variables
250
+ 'primary-hover': '#842A3B',
251
+ 'primary-active': '#662222',
252
+ 'accent-rgb': '245, 218, 167',
253
+ 'border': '#EAD7C0',
254
+ // Border semantic variables
255
+ 'border-transparent': 'transparent',
256
+ // Text colors referenced in CSS
257
+ 'text-primary': '#2B1212',
258
+ 'text-secondary': '#5E3A3A'
227
259
  },
228
260
  navigation: {
229
261
  layout: 'horizontal',
230
- style: 'creative',
231
- behavior: 'floating',
232
- responsive: 'adaptive',
262
+ style: 'enhanced',
263
+ behavior: 'static',
264
+ responsive: 'mobile-first',
233
265
  animations: {
234
266
  duration: {
235
- fast: '0.12s',
236
- normal: '0.25s',
237
- slow: '0.4s',
267
+ fast: '0.15s',
268
+ normal: '0.2s',
269
+ slow: '0.3s',
238
270
  instant: '0s'
239
271
  },
240
272
  easing: {
@@ -248,108 +280,108 @@ export const harveyTheme = {
248
280
  },
249
281
  stagger: {
250
282
  enabled: true,
251
- delay: '0.03s',
283
+ delay: '0.05s',
252
284
  direction: 'forward'
253
285
  },
254
286
  transitions: {
255
- enter: '0.25s ease-in-out',
256
- exit: '0.12s ease-in',
257
- move: '0.25s ease',
258
- resize: '0.15s ease'
287
+ enter: '0.2s ease-out',
288
+ exit: '0.15s ease-in',
289
+ move: '0.2s ease',
290
+ resize: '0.1s ease'
259
291
  }
260
292
  },
261
293
  spacing: {
262
- container: '1.25rem',
263
- item: '0.75rem',
264
- group: '1.25rem',
265
- divider: '0.5rem',
266
- icon: '0.75rem',
267
- text: '0.5rem',
294
+ container: '1rem',
295
+ item: '0.5rem',
296
+ group: '1rem',
297
+ divider: '0.25rem',
298
+ icon: '0.5rem',
299
+ text: '0.25rem',
268
300
  padding: {
269
- horizontal: '1.25rem',
270
- vertical: '1rem',
271
- top: '1rem',
272
- right: '1.25rem',
273
- bottom: '1rem',
274
- left: '1.25rem'
301
+ horizontal: '1rem',
302
+ vertical: '0.75rem',
303
+ top: '0.75rem',
304
+ right: '1rem',
305
+ bottom: '0.75rem',
306
+ left: '1rem'
275
307
  },
276
308
  margin: {
277
- horizontal: '0.75rem',
278
- vertical: '0.5rem',
279
- top: '0.5rem',
280
- right: '0.75rem',
281
- bottom: '0.5rem',
282
- left: '0.75rem'
309
+ horizontal: '0.5rem',
310
+ vertical: '0.25rem',
311
+ top: '0.25rem',
312
+ right: '0.5rem',
313
+ bottom: '0.25rem',
314
+ left: '0.5rem'
283
315
  }
284
316
  },
285
317
  colors: {
286
318
  background: {
287
319
  primary: '#ffffff',
288
- secondary: '#fefefe',
289
- tertiary: '#fafaf9',
320
+ secondary: '#FFF9F3',
321
+ tertiary: '#FAFAFA',
290
322
  light: '#ffffff',
291
- dark: '#1c1917',
323
+ dark: '#2B1212',
292
324
  contrast: '#000000'
293
325
  },
294
326
  text: {
295
- primary: '#1c1917',
296
- secondary: '#57534e',
297
- tertiary: '#78716c',
298
- light: '#a8a29e',
299
- dark: '#1c1917',
327
+ primary: '#2B1212',
328
+ secondary: '#5E3A3A',
329
+ tertiary: '#8C6F6F',
330
+ light: '#B5B5B5',
331
+ dark: '#2B1212',
300
332
  contrast: '#ffffff'
301
333
  },
302
334
  border: {
303
- primary: '#e7e5e4',
304
- secondary: '#d6d3d1',
305
- tertiary: '#a8a29e',
306
- light: '#f5f5f4',
307
- dark: '#57534e',
335
+ primary: '#EAD7C0',
336
+ secondary: '#F0E2D0',
337
+ tertiary: '#B5B5B5',
338
+ light: '#F4F4F4',
339
+ dark: '#5E3A3A',
308
340
  contrast: '#000000'
309
341
  },
310
342
  accent: {
311
- primary: '#f97316',
312
- secondary: '#ea580c',
313
- tertiary: '#c2410c',
314
- light: '#fed7aa',
315
- dark: '#ea580c',
343
+ primary: '#A3485A',
344
+ secondary: '#8C3447',
345
+ tertiary: '#752737',
346
+ light: '#E8A9A9',
347
+ dark: '#8C3447',
316
348
  contrast: '#ffffff'
317
349
  },
318
350
  hover: {
319
- primary: '#fefefe',
320
- secondary: '#fafaf9',
321
- tertiary: '#f5f5f4',
351
+ primary: '#FFF9F3',
352
+ secondary: '#FAFAFA',
353
+ tertiary: '#F4F4F4',
322
354
  light: '#ffffff',
323
- dark: '#292524',
324
- contrast: '#fefefe'
355
+ dark: '#421414',
356
+ contrast: '#FFF9F3'
325
357
  },
326
358
  active: {
327
- primary: '#f97316',
328
- secondary: '#ea580c',
329
- tertiary: '#c2410c',
330
- light: '#fed7aa',
331
- dark: '#ea580c',
359
+ primary: '#A3485A',
360
+ secondary: '#8C3447',
361
+ tertiary: '#752737',
362
+ light: '#E8A9A9',
363
+ dark: '#8C3447',
332
364
  contrast: '#ffffff'
333
365
  },
334
366
  disabled: {
335
- primary: '#f5f5f4',
336
- secondary: '#e7e5e4',
337
- tertiary: '#d6d3d1',
338
- light: '#fafaf9',
339
- dark: '#78716c',
340
- contrast: '#a8a29e'
367
+ primary: '#F4F4F4',
368
+ secondary: '#E8E8E8',
369
+ tertiary: '#D1D1D1',
370
+ light: '#FAFAFA',
371
+ dark: '#8C6F6F',
372
+ contrast: '#B5B5B5'
341
373
  },
342
374
  focus: {
343
- primary: '#f97316',
344
- secondary: '#ea580c',
345
- tertiary: '#c2410c',
346
- light: '#fed7aa',
347
- dark: '#ea580c',
375
+ primary: '#A3485A',
376
+ secondary: '#8C3447',
377
+ tertiary: '#752737',
378
+ light: '#E8A9A9',
379
+ dark: '#8C3447',
348
380
  contrast: '#ffffff'
349
381
  }
350
382
  },
351
383
  typography: {
352
- fontFamily: 'Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
384
+ fontFamily: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
353
385
  fontSize: {
354
386
  xs: '0.75rem',
355
387
  sm: '0.875rem',
@@ -401,26 +433,26 @@ export const harveyTheme = {
401
433
  },
402
434
  component: {
403
435
  button: {
404
- padding: '0.875rem 1.75rem',
436
+ padding: '0.75rem 1.5rem',
405
437
  margin: '0.5rem',
406
- gap: '0.75rem'
438
+ gap: '0.5rem'
407
439
  },
408
440
  input: {
409
- padding: '0.875rem 1rem',
441
+ padding: '0.75rem 1rem',
410
442
  margin: '0.5rem',
411
443
  gap: '0.5rem'
412
444
  },
413
445
  card: {
414
- padding: '1.75rem',
446
+ padding: '1.5rem',
415
447
  margin: '1rem',
416
- gap: '1.25rem'
448
+ gap: '1rem'
417
449
  }
418
450
  },
419
451
  layout: {
420
- page: '2.5rem',
421
- section: '3.5rem',
422
- container: '1.25rem',
423
- grid: '1.75rem'
452
+ page: '2rem',
453
+ section: '3rem',
454
+ container: '1rem',
455
+ grid: '1.5rem'
424
456
  }
425
457
  },
426
458
  shadows: {
@@ -434,9 +466,9 @@ export const harveyTheme = {
434
466
  },
435
467
  transitions: {
436
468
  duration: {
437
- fast: '0.12s',
438
- normal: '0.25s',
439
- slow: '0.4s'
469
+ fast: '0.15s',
470
+ normal: '0.2s',
471
+ slow: '0.3s'
440
472
  },
441
473
  easing: {
442
474
  linear: 'linear',
@@ -446,10 +478,10 @@ export const harveyTheme = {
446
478
  easeInOut: 'ease-in-out'
447
479
  },
448
480
  properties: {
449
- colors: '0.25s ease-in-out',
450
- transform: '0.25s ease-in-out',
451
- opacity: '0.12s ease',
452
- shadow: '0.25s ease'
481
+ colors: '0.2s ease',
482
+ transform: '0.2s ease',
483
+ opacity: '0.15s ease',
484
+ shadow: '0.2s ease'
453
485
  }
454
486
  },
455
487
  borderRadius: {
@@ -532,11 +564,11 @@ export const harveyTheme = {
532
564
  },
533
565
  meta: {
534
566
  name: 'Harvey Creative',
535
- description: 'Modern, vibrant design system with Poppins typography and warm orange color palette for creative projects',
567
+ description: 'Modern, vibrant design system with Inter typography and warm burgundy/gold color palette for creative projects',
536
568
  author: 'Harvey Design Team',
537
569
  version: '1.0.0',
538
570
  category: 'creative',
539
- tags: ['modern', 'vibrant', 'creative', 'poppins', 'orange', 'warm'],
571
+ tags: ['modern', 'vibrant', 'creative', 'inter', 'burgundy', 'gold', 'warm'],
540
572
  preview: '/themes/harvey-creative-preview.png',
541
573
  createdAt: '2024-12-01T00:00:00.000Z',
542
574
  updatedAt: '2024-12-01T00:00:00.000Z'
@@ -544,8 +576,101 @@ export const harveyTheme = {
544
576
  // NEW: Add dark mode overrides
545
577
  modes: {
546
578
  dark: {
547
- // Dark mode will be automatically generated by the CSS generator
548
- // using the adaptThemeForDarkMode function
579
+ colors: {
580
+ primary: {
581
+ 50: '#2B1212',
582
+ 100: '#421414',
583
+ 200: '#662222',
584
+ 300: '#752737',
585
+ 400: '#8C3447',
586
+ 500: '#A3485A',
587
+ 600: '#C55A5A',
588
+ 700: '#D97D7D',
589
+ 800: '#E8A9A9',
590
+ 900: '#FBEAEA',
591
+ // RGB versions for rgba() usage
592
+ '500-rgb': '163, 72, 90',
593
+ '600-rgb': '197, 90, 90',
594
+ '700-rgb': '217, 125, 125'
595
+ },
596
+ secondary: {
597
+ 50: '#2E2314',
598
+ 100: '#3E2E17',
599
+ 200: '#5E4722',
600
+ 300: '#7B6534',
601
+ 400: '#9C8245',
602
+ 500: '#BCA059',
603
+ 600: '#D9BA71',
604
+ 700: '#EACF8D',
605
+ 800: '#F5DAA7',
606
+ 900: '#FFF1D1'
607
+ },
608
+ semantic: {
609
+ success: '#34D399',
610
+ warning: '#FBBF24',
611
+ error: '#F87171',
612
+ errorDark: '#B91C1C',
613
+ info: '#60A5FA',
614
+ // RGB versions for rgba() usage
615
+ successRgb: '52, 211, 153',
616
+ warningRgb: '251, 191, 36',
617
+ errorRgb: '248, 113, 113',
618
+ errorDarkRgb: '185, 28, 28',
619
+ infoRgb: '96, 165, 250',
620
+ // Additional RGB versions referenced in CSS
621
+ 'success-rgb': '52, 211, 153',
622
+ 'warning-rgb': '251, 191, 36',
623
+ 'error-rgb': '248, 113, 113',
624
+ 'error-dark-rgb': '185, 28, 28',
625
+ 'info-rgb': '96, 165, 250'
626
+ },
627
+ neutral: {
628
+ 50: '#121212',
629
+ 100: '#1A1A1A',
630
+ 200: '#232323',
631
+ 300: '#2E2E2E',
632
+ 400: '#3C3C3C',
633
+ 500: '#565656',
634
+ 600: '#7A7A7A',
635
+ 700: '#A0A0A0',
636
+ 800: '#C5C5C5',
637
+ 900: '#E8E8E8'
638
+ },
639
+ surface: {
640
+ background: '#1B0D0D',
641
+ surface: '#2B1212',
642
+ border: '#3C1818',
643
+ divider: '#4A2222'
644
+ },
645
+ text: {
646
+ primary: '#F5DAA7',
647
+ secondary: '#EACF8D',
648
+ muted: '#C9B6B6',
649
+ inverse: '#1B0D0D',
650
+ onPrimary: '#1B0D0D',
651
+ onSecondary: '#1B0D0D',
652
+ onSurface: '#F5DAA7'
653
+ },
654
+ interactive: {
655
+ hover: '#A3485A',
656
+ active: '#842A3B',
657
+ focus: '#C55A5A',
658
+ disabled: '#3C1818'
659
+ },
660
+ // Additional colors referenced in CSS
661
+ accent: '#EACF8D',
662
+ 'bg-primary': '#2B1212',
663
+ 'bg-secondary': '#3E2E17',
664
+ 'surface-bg': '#1B0D0D',
665
+ // Additional missing CSS variables
666
+ 'primary-hover': '#C55A5A',
667
+ 'primary-active': '#E8A9A9',
668
+ 'accent-rgb': '234, 207, 141',
669
+ 'border': '#3C1818',
670
+ // Text colors referenced in CSS
671
+ 'text-primary': '#F5DAA7',
672
+ 'text-secondary': '#EACF8D'
673
+ }
549
674
  }
550
675
  }
551
676
  };