56 lines
1.3 KiB
TypeScript
56 lines
1.3 KiB
TypeScript
export const COLORS = {
|
|
primary: '#D4AF37', // Gold
|
|
secondary: '#1a1a1a', // Dark black
|
|
background: '#0a0a0a', // Deep black
|
|
surface: '#1f1f1f', // Card background
|
|
text: '#ffffff', // White text
|
|
textSecondary: '#b0b0b0', // Gray text
|
|
accent: '#FFD700', // Bright gold
|
|
error: '#ff4444',
|
|
success: '#44ff44',
|
|
warning: '#ffaa00',
|
|
border: '#333333',
|
|
overlay: 'rgba(0, 0, 0, 0.5)',
|
|
};
|
|
|
|
export const SIZES = {
|
|
base: 8,
|
|
font: 14,
|
|
radius: 12,
|
|
padding: 16,
|
|
margin: 16,
|
|
};
|
|
|
|
export const FONTS = {
|
|
h1: { fontSize: 32, fontWeight: 'bold' as const },
|
|
h2: { fontSize: 24, fontWeight: 'bold' as const },
|
|
h3: { fontSize: 20, fontWeight: '600' as const },
|
|
h4: { fontSize: 18, fontWeight: '600' as const },
|
|
body: { fontSize: 16, fontWeight: 'normal' as const },
|
|
caption: { fontSize: 12, fontWeight: 'normal' as const },
|
|
};
|
|
|
|
export const SHADOWS = {
|
|
light: {
|
|
shadowColor: '#000',
|
|
shadowOffset: { width: 0, height: 2 },
|
|
shadowOpacity: 0.1,
|
|
shadowRadius: 4,
|
|
elevation: 3,
|
|
},
|
|
medium: {
|
|
shadowColor: '#000',
|
|
shadowOffset: { width: 0, height: 4 },
|
|
shadowOpacity: 0.15,
|
|
shadowRadius: 8,
|
|
elevation: 6,
|
|
},
|
|
heavy: {
|
|
shadowColor: '#000',
|
|
shadowOffset: { width: 0, height: 8 },
|
|
shadowOpacity: 0.2,
|
|
shadowRadius: 16,
|
|
elevation: 10,
|
|
},
|
|
};
|