// 主题配置 - 将 SCSS 变量转换为 JavaScript 主题对象
export const theme = {
  colors: {
    primary: '#0769fb',
    aiChatBg: '#e0e8f4',
    processBg: '#07fb40',
    screenshotBg: 'rgba(251, 7, 7, 0.9)', // #fb0707e6
    white: '#fff',
    black: '#000',
  },
  
  sizes: {
    full: '100%',
    spacingBase: 0,
  },
  
  layout: {
    flexCenter: {
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
    },
  },
  
  // 响应式断点
  breakpoints: {
    sm: '576px',
    md: '768px',
    lg: '992px',
    xl: '1200px',
  },
}