import { SHARED_TOKENS } from '../tokens/shared';
import type { ThemeDefinition } from './types';

export const classicLight: ThemeDefinition = {
  meta: {
    id: 'classic-light',
    name: '经典浅色',
    description: '原生默认浅色主题，冷调灰白',
    appearance: 'light',
    preview: ['#F8F9FB', '#3B82F6', '#60A5FA', '#6B7280'],
  },
  tokens: {
    ...SHARED_TOKENS,
    'primary':            '#3B82F6',
    'primary-foreground': '#ffffff',
    'primary-hover':      '#2563EB',
    'primary-muted':      'rgba(59,130,246,0.10)',
    'accent':             '#3B82F6',
    'accent-foreground':  '#ffffff',
    'background':         '#F8F9FB',
    'foreground':         '#1A1D23',
    'surface':            '#FFFFFF',
    'surface-foreground': '#1A1D23',
    'surface-raised':     '#F0F1F4',
    'surface-overlay':    'rgba(240,241,244,0.92)',
    'chat-user':          '#DBEAFE',
    'chat-user-foreground': '#1e3a8a',
    'chat-bot':           '#F0F1F4',
    'chat-bot-foreground': '#1A1D23',
    'text-primary':       '#1A1D23',
    'text-secondary':     '#6B7280',
    'text-muted':         '#9CA3AF',
    'border':             'rgba(224,226,231,0.6)',
    'border-subtle':      'rgba(224,226,231,0.3)',
    'input-border':       'rgba(224,226,231,0.6)',
    'scroll-thumb':       '#9CA3AF',
    'scroll-thumb-hover': '#6B7280',
    'gradient-1':         'rgba(59,130,246,0.06)',
    'gradient-2':         'rgba(59,130,246,0.02)',
    'gray-1':  '#F8F9FB',
    'gray-2':  '#F0F1F4',
    'gray-3':  '#EBEDF0',
    'gray-4':  '#E0E2E7',
    'gray-5':  '#9CA3AF',
    'gray-6':  '#6B7280',
    'gray-7':  '#4B5563',
    'gray-8':  '#374151',
    'gray-9':  '#1F2937',
    'gray-10': '#1A1D23',
    'gray-11': '#111827',
  },
};
