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

export const cyber: ThemeDefinition = {
  meta: {
    id: 'cyber',
    name: '赛博霓虹',
    description: '充满未来感的赛博朋克霓虹暗色主题',
    appearance: 'dark',
    preview: ['#0a0a1a', '#a855f7', '#c084fc', '#22d3ee'],
  },
  tokens: {
    ...SHARED_TOKENS,
    'destructive':        '#ff0080',
    'success':            '#00ff88',
    'warning':            '#ffaa00',
    'primary':            '#a855f7',
    'primary-foreground': '#ffffff',
    'primary-hover':      '#c084fc',
    'primary-muted':      'rgba(168,85,247,0.12)',
    'accent':             '#22d3ee',
    'accent-foreground':  '#0a0a1a',
    'background':         '#0a0a1a',
    'foreground':         '#e0e7ff',
    'surface':            '#15152a',
    'surface-foreground': '#e0e7ff',
    'surface-raised':     '#1e1e3a',
    'surface-overlay':    'rgba(21,21,42,0.95)',
    'chat-user':          'rgba(168,85,247,0.15)',
    'chat-user-foreground': '#e9d5ff',
    'chat-bot':           '#15152a',
    'chat-bot-foreground': '#e0e7ff',
    'text-primary':       '#f0f0ff',
    'text-secondary':     '#c084fc',
    'text-muted':         '#818cf8',
    'border':             'rgba(30,30,58,0.7)',
    'border-subtle':      'rgba(30,30,58,0.35)',
    'input-border':       'rgba(30,30,58,0.7)',
    'scroll-thumb':       '#2d2d5a',
    'scroll-thumb-hover': '#a855f7',
    'gradient-1':         'rgba(168,85,247,0.08)',
    'gradient-2':         'rgba(34,211,238,0.06)',
    'gray-1':  '#f0f0ff',
    'gray-2':  '#e0e7ff',
    'gray-3':  '#c7d2fe',
    'gray-4':  '#a5b4fc',
    'gray-5':  '#818cf8',
    'gray-6':  '#6366f1',
    'gray-7':  '#2d2d5a',
    'gray-8':  '#1e1e3a',
    'gray-9':  '#15152a',
    'gray-10': '#0a0a1a',
    'gray-11': '#05050d',
  },
};
