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,
  },
};