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

export const mocha: ThemeDefinition = {
  meta: {
    id: 'mocha',
    name: '摩卡棕黑',
    description: '醇厚温暖的咖啡色暗色主题',
    appearance: 'dark',
    preview: ['#1a1210', '#d97706', '#f59e0b', '#a78bfa'],
  },
  tokens: {
    ...SHARED_TOKENS,
    'primary':            '#d97706',
    'primary-foreground': '#ffffff',
    'primary-hover':      '#f59e0b',
    'primary-muted':      'rgba(217,119,6,0.12)',
    'accent':             '#a78bfa',
    'accent-foreground':  '#1a1210',
    'background':         '#1a1210',
    'foreground':         '#fef3c7',
    'surface':            '#2c2018',
    'surface-foreground': '#fef3c7',
    'surface-raised':     '#3d2c1e',
    'surface-overlay':    'rgba(44,32,24,0.95)',
    'chat-user':          'rgba(217,119,6,0.15)',
    'chat-user-foreground': '#fde68a',
    'chat-bot':           '#2c2018',
    'chat-bot-foreground': '#fef3c7',
    'text-primary':       '#fffbeb',
    'text-secondary':     '#bfa888',
    'text-muted':         '#7a6a50',
    'border':             'rgba(61,44,30,0.7)',
    'border-subtle':      'rgba(61,44,30,0.35)',
    'input-border':       'rgba(61,44,30,0.7)',
    'scroll-thumb':       '#5c3a1e',
    'scroll-thumb-hover': '#d97706',
    'gradient-1':         'rgba(217,119,6,0.08)',
    'gradient-2':         'rgba(251,191,36,0.06)',
    'gray-1':  '#fffbeb',
    'gray-2':  '#fef3c7',
    'gray-3':  '#fde68a',
    'gray-4':  '#fbbf24',
    'gray-5':  '#f59e0b',
    'gray-6':  '#b45309',
    'gray-7':  '#5c3a1e',
    'gray-8':  '#2c2018',
    'gray-9':  '#221810',
    'gray-10': '#1a1210',
    'gray-11': '#0d0908',
  },
};
