import { TextStyle, ViewStyle } from 'react-native';

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

export const theme = {
  colors: {
    background: '#060612',
    backgroundMid: '#0a0a1e',
    surface: 'rgba(255,255,255,0.06)',
    surface2: 'rgba(255,255,255,0.10)',
    border: 'rgba(255,255,255,0.08)',
    primary: '#e8b86d',
    primaryDim: '#a07840',
    primaryGlow: 'rgba(232,184,109,0.15)',
    primarySoft: 'rgba(232,184,109,0.08)',
    text: '#e8e6f0',
    textSecondary: '#7a7890',
    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: 20,
    xxl: 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,
  },
};