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

export const sunset: ThemeDefinition = {
  meta: {
    id: 'sunset',
    name: '落日橙黑',
    description: '绚烂夺目的日落橙暗色主题',
    appearance: 'dark',
    preview: ['#1a0e0a', '#f97316', '#fb923c', '#fb7185'],
  },
  tokens: {
    ...SHARED_TOKENS,
    'primary':            '#f97316',
    'primary-foreground': '#ffffff',
    'primary-hover':      '#fb923c',
    'primary-muted':      'rgba(249,115,22,0.12)',
    'accent':             '#fb7185',
    'accent-foreground':  '#1a0e0a',
    'background':         '#1a0e0a',
    'foreground':         '#ffedd5',
    'surface':            '#2c1a10',
    'surface-foreground': '#ffedd5',
    'surface-raised':     '#3d2414',
    'surface-overlay':    'rgba(44,26,16,0.95)',
    'chat-user':          'rgba(249,115,22,0.15)',
    'chat-user-foreground': '#fed7aa',
    'chat-bot':           '#2c1a10',
    'chat-bot-foreground': '#ffedd5',
    'text-primary':       '#fff7ed',
    'text-secondary':     '#c4a08a',
    'text-muted':         '#8a6a50',
    'border':             'rgba(61,36,20,0.7)',
    'border-subtle':      'rgba(61,36,20,0.35)',
    'input-border':       'rgba(61,36,20,0.7)',
    'scroll-thumb':       '#5c3010',
    'scroll-thumb-hover': '#f97316',
    'gradient-1':         'rgba(249,115,22,0.08)',
    'gradient-2':         'rgba(253,186,116,0.06)',
    'gray-1':  '#fff7ed',
    'gray-2':  '#ffedd5',
    'gray-3':  '#fed7aa',
    'gray-4':  '#fdba74',
    'gray-5':  '#fb923c',
    'gray-6':  '#ea580c',
    'gray-7':  '#5c3010',
    'gray-8':  '#2c1a10',
    'gray-9':  '#22140c',
    'gray-10': '#1a0e0a',
    'gray-11': '#0d0705',
  },
};
