import { TextStyle } from 'react-native';

export const theme = {
  colors: {
    background: '#080b12',
    surface: '#121826',
    surfaceSoft: '#1a2234',
    surfaceStrong: '#202b42',
    primary: '#f0b35f',
    primarySoft: 'rgba(240, 179, 95, 0.16)',
    text: '#f6f7fb',
    textSecondary: '#9ba7bc',
    textDisabled: '#5a6578',
    border: '#2a3449',
    success: '#4ade80',
    warning: '#fbbf24',
    error: '#ef4444',
  },
  spacing: {
    xs: 4,
    sm: 8,
    md: 16,
    lg: 24,
    xl: 32,
  },
  borderRadius: {
    sm: 8,
    md: 12,
    lg: 18,
    xl: 24,
  },
  typography: {
    hero: { fontSize: 54, fontWeight: '700' } as TextStyle,
    h1: { fontSize: 28, fontWeight: '700' } as TextStyle,
    h2: { fontSize: 24, fontWeight: '700' } as TextStyle,
    h3: { fontSize: 20, fontWeight: '600' } as TextStyle,
    body: { fontSize: 16, fontWeight: '400' } as TextStyle,
    bodyLarge: { fontSize: 18, fontWeight: '500' } as TextStyle,
    bodySmall: { fontSize: 14, fontWeight: '400' } as TextStyle,
    caption: { fontSize: 12, fontWeight: '400' } as TextStyle,
  },
};