import { TextStyle } from 'react-native';

interface Typography {
  [key: string]: TextStyle;
}

export const theme = {
  colors: {
    background: '#0a0a14',
    surface: '#161624',
    surfaceVariant: '#1e1e30',
    primary: '#e8b86d',
    primaryVariant: '#d4a45c',
    text: '#ffffff',
    textSecondary: '#9999aa',
    border: '#2a2a40',
    success: '#4ade80',
    warning: '#fbbf24',
    error: '#ef4444',
  },
  spacing: {
    xs: 4,
    sm: 8,
    md: 16,
    lg: 24,
    xl: 32,
  },
  borderRadius: {
    sm: 8,
    md: 12,
    lg: 16,
    xl: 24,
  },
  typography: {
    h1: { fontSize: 28, fontWeight: 'bold' } as TextStyle,
    h2: { fontSize: 24, fontWeight: 'bold' } as TextStyle,
    h3: { fontSize: 20, fontWeight: '600' } as TextStyle,
    body: { fontSize: 16, fontWeight: 'normal' } as TextStyle,
    bodySmall: { fontSize: 14, fontWeight: 'normal' } as TextStyle,
    caption: { fontSize: 12, fontWeight: 'normal' } as TextStyle,
  },
};