1  /**
 2   * Design System Color Tokens
 3   * Source of truth for all colors in the ACDC Wallet
 4   * Imports from @acdc/design for automatic propagation of design updates
 5   *
 6   * NOTE: Once @acdc/design package publishes built dist/ folder, update import to:
 7   *   import { colors as designColors } from '@acdc/design/tokens';
 8   */
 9  
10  import { colors as designColors } from './designTokens';
11  
12  export const Colors = {
13    // Background colors
14    background: {
15      primary: '#09090B',
16      secondary: '#18181B',
17      tertiary: '#27272A',
18    },
19  
20    // Text colors
21    text: {
22      primary: '#FAFAFA',
23      secondary: '#A1A1AA',
24      muted: '#71717A',
25    },
26  
27    // Border colors
28    border: {
29      default: '#27272A',
30      strong: '#3F3F46',
31    },
32  
33    // Accent colors - imported from design system
34    accent: {
35      alpha: designColors.alpha[500],  // #2B87FF (blue)
36      alphaLight: designColors.alpha[300],
37      alphaDark: designColors.alpha[700],
38      delta: designColors.delta[500],  // #F59E0B (amber)
39      deltaLight: designColors.delta[300],
40      deltaDark: designColors.delta[700],
41    },
42  
43    // Semantic colors - imported from design system
44    semantic: {
45      success: designColors.semantic.success,
46      warning: designColors.semantic.warning,
47      error: designColors.semantic.error,
48      info: designColors.semantic.info,
49    },
50  
51    // Common utilities
52    white: '#FFFFFF',
53    black: '#000000',
54    transparent: 'transparent',
55  } as const;
56  
57  // Type for the colors object
58  export type ColorsType = typeof Colors;
59  
60  // Legacy export for backwards compatibility
61  export const colors = Colors;