export const colors = {
  // 背景层级 - 从深到浅
  background: {
    base: '#121212',        // 页面最底层背景
    elevated: '#1e1e1e',    // 卡片、面板、弹窗
    overlay: '#2c2c2c',     // 悬停状态、下拉菜单
    sunken: '#0a0a0a',      // 输入框、内嵌区域
  },

  // 品牌色
  primary: {
    DEFAULT: '#00ffcc',
    hover: '#00e6b8',
    active: '#00cca3',
    muted: 'rgba(0, 255, 204, 0.1)',
    glow: 'rgba(0, 255, 204, 0.3)',
  },

  // 功能色
  semantic: {
    success: '#00ffcc',     // 与主色保持一致
    warning: '#ffb74d',
    error: '#ff5252',
    info: '#64b5f6',
  },

  // 文字色
  text: {
    primary: '#e1e1e1',     // 主要文字
    secondary: '#a0a0a0',   // 次要文字
    muted: '#666666',       // 弱化文字
    disabled: '#444444',    // 禁用状态
    inverse: '#121212',     // 用于主色背景上的文字
  },

  // 边框
  border: {
    DEFAULT: '#2c2c2c',
    light: '#383838',
    focus: '#00ffcc',
  },
} as const;

export type Colors = typeof colors;
