export const theme = {
  colors: {
    background: '#0a0e1a',
    surface: '#141829',
    surfaceLight: '#1e2340',
    primary: '#d4a843',
    primaryDark: '#b08a2e',
    accent: '#f0c75e',
    text: '#e8e8f0',
    textSecondary: '#8b8fa8',
    textMuted: '#5a5e78',
    success: '#4caf50',
    danger: '#ef5350',
    draw: '#78909c',
    border: '#2a2f4a',
    card: '#161b30',
  },
  spacing: {
    xs: 4,
    sm: 8,
    md: 16,
    lg: 24,
    xl: 32,
  },
  borderRadius: {
    sm: 8,
    md: 12,
    lg: 16,
  },
  fontSize: {
    xs: 11,
    sm: 13,
    md: 15,
    lg: 18,
    xl: 24,
    xxl: 32,
  },
};