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

export const ocean: ThemeDefinition = {
  meta: {
    id: 'ocean',
    name: '深海蓝黑',
    description: '深海般沉稳的蓝黑暗色主题',
    appearance: 'dark',
    preview: ['#0c1222', '#0ea5e9', '#38bdf8', '#2dd4bf'],
  },
  tokens: {
    ...SHARED_TOKENS,
    'primary':            '#0ea5e9',
    'primary-foreground': '#ffffff',
    'primary-hover':      '#38bdf8',
    'primary-muted':      'rgba(14,165,233,0.12)',
    'accent':             '#2dd4bf',
    'accent-foreground':  '#0c1222',
    'background':         '#0c1222',
    'foreground':         '#e0f2fe',
    'surface':            '#172032',
    'surface-foreground': '#e0f2fe',
    'surface-raised':     '#1e3048',
    'surface-overlay':    'rgba(23,32,50,0.95)',
    'chat-user':          'rgba(14,165,233,0.15)',
    'chat-user-foreground': '#bae6fd',
    'chat-bot':           '#172032',
    'chat-bot-foreground': '#e0f2fe',
    'text-primary':       '#f0f9ff',
    'text-secondary':     '#9ab8c8',
    'text-muted':         '#627f8e',
    'border':             'rgba(30,48,72,0.7)',
    'border-subtle':      'rgba(30,48,72,0.35)',
    'input-border':       'rgba(30,48,72,0.7)',
    'scroll-thumb':       '#1e3a5f',
    'scroll-thumb-hover': '#2563eb',
    'gradient-1':         'rgba(14,165,233,0.08)',
    'gradient-2':         'rgba(6,182,212,0.06)',
    'gray-1':  '#f0f9ff',
    'gray-2':  '#e0f2fe',
    'gray-3':  '#bae6fd',
    'gray-4':  '#7dd3fc',
    'gray-5':  '#38bdf8',
    'gray-6':  '#0284c7',
    'gray-7':  '#1e3a5f',
    'gray-8':  '#172032',
    'gray-9':  '#0f1a2e',
    'gray-10': '#0c1222',
    'gray-11': '#060b16',
  },
};
