/**
 * OmniCard AI - uni-app x (uts) 全局设计 Token 常量定义
 * 严格遵循 AGENTS.md 约束规范与 uts 强类型规范
 */

export type UtsColorTokens = {
  primary: string
  primaryGradient: string
  primarySoft: string
  aurora: string
  bg: string
  surface: string
  border: string
  text: string
  text2: string
  success: string
  warning: string
  error: string
}

export const utsLightColors: UtsColorTokens = {
  primary: '#0088FF',
  primaryGradient: 'linear-gradient(135deg, #00A3FF 0%, #0B63E5 100%)',
  primarySoft: '#EBF5FF',
  aurora: 'linear-gradient(135deg, #00D2FF 0%, #0088FF 50%, #6366F1 100%)',
  bg: '#F5F8FC',
  surface: '#FFFFFF',
  border: '#EBF1F7',
  text: '#101828',
  text2: '#64748B',
  success: '#12B76A',
  warning: '#F79009',
  error: '#F04438'
}

export const utsDarkColors: UtsColorTokens = {
  primary: '#3894FF',
  primaryGradient: 'linear-gradient(135deg, #3894FF 0%, #0B63E5 100%)',
  primarySoft: '#0D2847',
  aurora: 'linear-gradient(135deg, #00D2FF 0%, #0088FF 50%, #6366F1 100%)',
  bg: '#0B0D10',
  surface: '#13171F',
  border: '#232936',
  text: '#F2F4F7',
  text2: '#94A3B8',
  success: '#32D583',
  warning: '#FDB022',
  error: '#F97066'
}

export type UtsSpacing = {
  space4: string
  space8: string
  space12: string
  space16: string
  space20: string
  space24: string
  space32: string
  space48: string
  space64: string
}

export const utsSpacing: UtsSpacing = {
  space4: '4px',
  space8: '8px',
  space12: '12px',
  space16: '16px',
  space20: '20px',
  space24: '24px',
  space32: '32px',
  space48: '48px',
  space64: '64px'
}

export type UtsRadius = {
  button: string
  card: string
  modal: string
  pill: string
}

export const utsRadius: UtsRadius = {
  button: '14px',
  card: '20px',
  modal: '24px',
  pill: '9999px'
}

export type UtsTypography = {
  fontFamily: string
  shadowCard: string
  shadowCta: string
  shadowFloat: string
  shadow: string
}

export const utsTypography: UtsTypography = {
  fontFamily: 'Inter, "Noto Sans SC", "Noto Sans Arabic", "Noto Sans JP", "Noto Sans KR", "SF Pro Display", sans-serif',
  shadowCard: '0 8px 30px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(11, 99, 229, 0.03)',
  shadowCta: '0 8px 20px rgba(0, 136, 255, 0.22)',
  shadowFloat: '0 12px 36px rgba(16, 24, 40, 0.08)',
  shadow: '0 8px 30px rgba(0, 0, 0, 0.04)'
}