export const colors = {
  // 主色调 - 根据Figma设计稿更新
  primary: '#FE780F', // 橙色主色调 FE780F
  primaryDark: '#E67D1E',
  primaryLight: '#FFAB5C',

  // 渐变色系 - 新增
  gradient: {
    primary: ['#46A8FF', '#78F6D3'], // 蓝绿渐变
    secondary: ['#5856D6', '#A855F7'], // 紫色渐变
    accent: ['#FF9500', '#FFAB00'], // 橙色渐变
    success: ['#34C759', '#30D158'], // 绿色渐变
    warm: ['#FF6B6B', '#FFE66D'], // 暖色渐变
    cool: ['#4ECDC4', '#44A08D'], // 冷色渐变
    cover: [
      'rgba(241, 244, 249, 0.7)', // 0% - 稍微透明
      'rgba(241, 244, 249, 0.5)', // 30% - 很透明
      'rgba(241, 244, 249, 0)', // 100% - 完全透明
    ] as [string, string, ...string[]],
  },

  // 辅助色
  secondary: '#5856D6',
  accent: '#4584F8', // 蓝色辅助色

  // 基础色
  white: '#FFFFFF',
  black: '#000000',

  // 灰度色阶
  gray: {
    50: '#F9FAFB',
    100: '#F3F4F6',
    200: '#E5E7EB',
    300: '#D1D5DB',
    400: '#9CA3AF',
    500: '#6B7280',
    600: '#4B5563',
    700: '#374151',
    800: '#1F2937',
    900: '#111827',
  },

  // 背景色 - 根据Figma设计稿更新
  background: {
    primary: '#FFFFFF',
    secondary: '#F7F8FA', // 浅灰背景
    tertiary: '#E5E5EA',
    bg: '#F1F4F9',
  },

  // 文字颜色 - 根据Figma设计稿更新
  text: {
    primary: '#2A2B33', // 深色文字
    secondary: '#64677A', // 中等灰色文字
    tertiary: '#9092A3', // 浅灰色文字
  },

  // 状态色
  success: '#34C759',
  warning: '#FF9500',
  error: '#FF3B30',
  info: '#007AFF',

  // 边框和分割线
  border: '#EBEBF0',
  separator: '#E5E5EA',

  // 表面色
  surface: '#FFFFFF',

  // 半透明遮罩/反色文字（会员、收银台等页用）
  overlay: {
    black50: 'rgba(0,0,0,0.5)',
    white08: 'rgba(255,255,255,0.08)',
    white20: 'rgba(255,255,255,0.2)',
    white60: 'rgba(255,255,255,0.6)',
  },

  // 暗色主题
  dark: {
    background: {
      primary: '#000000',
      secondary: '#1C1C1E',
      tertiary: '#2C2C2E',
    },
    text: {
      primary: '#FFFFFF',
      secondary: '#8E8E93',
      tertiary: '#C7C7CC',
    },
    border: '#38383A',
    separator: '#38383A',
    surface: '#2C2C2E',
  },
};


// figma颜色值定义
export const colorsNew = {
  // 主色
  primary: '#FE780F',

  // 填充类型颜色
  fill: {
    // 设计定义：白色填充
    f1: '#FFFFFF',

    // 设计定义：亮灰色填充
    f2: '#F7F8FA',

    // 设计定义：浅灰色填充、禁用背景
    f3: '#F2F3F5',

    // 设计定义：暗灰色填充，用于默认标签背景
    f4: '#FFF4F0',
  },

  // 线条类型颜色
  line: {
    // 设计定义：较浅的轮廓线（卡片）
    l1: '#F2F3F5',

    // 设计定义：分隔线、较重的轮廓线
    l2: '#EBEBF0',

    // 设计定义：按钮、表单控件边框、分割器
    l3: '#DCDDE5',

    // 设计定义：加重的线条、线条悬浮
    l4: '#B0B2BF',
  },

  // 文字类型颜色
  text: {
    // 设计定义：标题
    // color-text-1
    t1: '#2A2B33',

    // 设计定义：默认文本
    // color-text-2
    t2: '#414352',

    // 设计定义：段落文本
    // color-text-3
    t3: '#64677A',

    // 设计定义：次要文字、描述、引用
    // color-text-4
    t4: '#9092A3',

    // 设计定义：初始文字、禁用文字
    // color-text-5
    t5: '#B0B2BF',
  },

  // 手柄、分割条等浅灰
  handle: '#DADCE5',
};
