1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
export const Colors = {
background: '#0D1117',
surface: '#161B22',
surfaceElevated: '#1C2333',
border: '#2A3444',
primary: '#1A6B3C',
primaryLight: '#24A55A',
accent: '#C9A84C',
positive: '#24A55A',
negative: '#E05252',
warning: '#E0A84C',
textPrimary: '#E6EDF3',
textSecondary: '#8B949E',
textMuted: '#484F58',
textOnPrimary: '#FFFFFF',
white: '#FFFFFF',
transparent: 'transparent',
} as const;
export const Typography = {
display: {
fontFamily: 'DMSans_700Bold',
fontSize: 52,
lineHeight: 60,
letterSpacing: -1.5,
},
h1: {
fontFamily: 'DMSans_700Bold',
fontSize: 28,
lineHeight: 34,
letterSpacing: -0.5,
},
h2: {
fontFamily: 'DMSans_600SemiBold',
fontSize: 20,
lineHeight: 26,
letterSpacing: -0.3,
},
bodyLarge: {
fontFamily: 'DMSans_400Regular',
fontSize: 17,
lineHeight: 24,
},
body: {
fontFamily: 'DMSans_400Regular',
fontSize: 15,
lineHeight: 22,
},
caption: {
fontFamily: 'DMSans_400Regular',
fontSize: 12,
lineHeight: 16,
letterSpacing: 0.3,
},
currencyLabel: {
fontFamily: 'DMSans_300Light',
fontSize: 24,
lineHeight: 32,
letterSpacing: -0.5,
},
} as const;
export const Spacing = {
xs: 4,
sm: 8,
md: 16,
lg: 24,
xl: 32,
xxl: 48,
} as const;
export const Radius = {
sm: 8,
md: 12,
lg: 16,
xl: 24,
full: 9999,
} as const;
export const Shadow = {
card: {
shadowColor: '#000',
shadowOffset: { width: 0, height: 4 },
shadowOpacity: 0.3,
shadowRadius: 8,
elevation: 8,
},
glow: {
shadowColor: Colors.primary,
shadowOffset: { width: 0, height: 0 },
shadowOpacity: 0.4,
shadowRadius: 16,
elevation: 12,
},
} as const;
|
