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

export const sakura: ThemeDefinition = {
  meta: {
    id: 'sakura',
    name: '樱花粉白',
    description: '柔和粉色主题，优雅浪漫',
    appearance: 'light',
    preview: ['#fdf2f8', '#ec4899', '#f472b6', '#a855f7'],
  },
  tokens: {
    ...SHARED_TOKENS,
    'primary':            '#ec4899',
    'primary-foreground': '#ffffff',
    'primary-hover':      '#db2777',
    'primary-muted':      'rgba(236,72,153,0.08)',
    'accent':             '#a855f7',
    'accent-foreground':  '#ffffff',
    'background':         '#fdf2f8',
    'foreground':         '#1e1b2e',
    'surface':            '#ffffff',
    'surface-foreground': '#1e1b2e',
    'surface-raised':     '#fce7f3',
    'surface-overlay':    'rgba(252,231,243,0.92)',
    'chat-user':          '#fce7f3',
    'chat-user-foreground': '#831843',
    'chat-bot':           '#fdf2f8',
    'chat-bot-foreground': '#1e1b2e',
    'text-primary':       '#1e1b2e',
    'text-secondary':     '#6b5b7b',
    'text-muted':         '#8b6fa0',
    'border':             'rgba(219,190,213,0.5)',
    'border-subtle':      'rgba(219,190,213,0.25)',
    'input-border':       'rgba(219,190,213,0.5)',
    'scroll-thumb':       '#d4a0c8',
    'scroll-thumb-hover': '#b87daa',
    'gradient-1':         'rgba(236,72,153,0.06)',
    'gradient-2':         'rgba(168,85,247,0.04)',
    'gray-1':  '#faf5f8',
    'gray-2':  '#f3e8ef',
    'gray-3':  '#e8d5e1',
    'gray-4':  '#d4b8ca',
    'gray-5':  '#b08fa4',
    'gray-6':  '#8d6e82',
    'gray-7':  '#6b5b6e',
    'gray-8':  '#504355',
    'gray-9':  '#3a2d40',
    'gray-10': '#2a1f30',
    'gray-11': '#1e1b2e',
  },
};
