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

export const emerald: ThemeDefinition = {
  meta: {
    id: 'emerald',
    name: '翡翠暗绿',
    description: '自然灵动的翡翠绿暗色主题',
    appearance: 'dark',
    preview: ['#0a1a14', '#10b981', '#34d399', '#67e8f9'],
  },
  tokens: {
    ...SHARED_TOKENS,
    'primary':            '#10b981',
    'primary-foreground': '#ffffff',
    'primary-hover':      '#34d399',
    'primary-muted':      'rgba(16,185,129,0.12)',
    'accent':             '#67e8f9',
    'accent-foreground':  '#0a1a14',
    'background':         '#0a1a14',
    'foreground':         '#d1fae5',
    'surface':            '#14352a',
    'surface-foreground': '#d1fae5',
    'surface-raised':     '#1a4a3a',
    'surface-overlay':    'rgba(20,53,42,0.95)',
    'chat-user':          'rgba(16,185,129,0.15)',
    'chat-user-foreground': '#a7f3d0',
    'chat-bot':           '#14352a',
    'chat-bot-foreground': '#d1fae5',
    'text-primary':       '#ecfdf5',
    'text-secondary':     '#8cb8a2',
    'text-muted':         '#5e8a72',
    'border':             'rgba(26,74,58,0.7)',
    'border-subtle':      'rgba(26,74,58,0.35)',
    'input-border':       'rgba(26,74,58,0.7)',
    'scroll-thumb':       '#1a5c42',
    'scroll-thumb-hover': '#10b981',
    'gradient-1':         'rgba(16,185,129,0.08)',
    'gradient-2':         'rgba(110,231,183,0.06)',
    'gray-1':  '#ecfdf5',
    'gray-2':  '#d1fae5',
    'gray-3':  '#a7f3d0',
    'gray-4':  '#6ee7b7',
    'gray-5':  '#34d399',
    'gray-6':  '#059669',
    'gray-7':  '#1a5c42',
    'gray-8':  '#14352a',
    'gray-9':  '#0f2820',
    'gray-10': '#0a1a14',
    'gray-11': '#050e0a',
  },
};
