/**
 * Claude-themed syntax highlighting theme
 * Features orange, purple, and violet colors to match Claude's aesthetic
 */
export const claudeSyntaxTheme: any = {
  'code[class*="language-"]': {
    color: '#e3e8f0',
    background: 'transparent',
    textShadow: 'none',
    fontFamily: 'var(--font-mono)',
    fontSize: '0.875em',
    textAlign: 'left',
    whiteSpace: 'pre',
    wordSpacing: 'normal',
    wordBreak: 'normal',
    wordWrap: 'normal',
    lineHeight: '1.5',
    MozTabSize: '4',
    OTabSize: '4',
    tabSize: '4',
    WebkitHyphens: 'none',
    MozHyphens: 'none',
    msHyphens: 'none',
    hyphens: 'none',
  },
  'pre[class*="language-"]': {
    color: '#e3e8f0',
    background: 'transparent',
    textShadow: 'none',
    fontFamily: 'var(--font-mono)',
    fontSize: '0.875em',
    textAlign: 'left',
    whiteSpace: 'pre',
    wordSpacing: 'normal',
    wordBreak: 'normal',
    wordWrap: 'normal',
    lineHeight: '1.5',
    MozTabSize: '4',
    OTabSize: '4',
    tabSize: '4',
    WebkitHyphens: 'none',
    MozHyphens: 'none',
    msHyphens: 'none',
    hyphens: 'none',
    padding: '1em',
    margin: '0',
    overflow: 'auto',
  },
  ':not(pre) > code[class*="language-"]': {
    background: 'rgba(139, 92, 246, 0.1)',
    padding: '0.1em 0.3em',
    borderRadius: '0.3em',
    whiteSpace: 'normal',
  },
  'comment': {
    color: '#6b7280',
    fontStyle: 'italic',
  },
  'prolog': {
    color: '#6b7280',
  },
  'doctype': {
    color: '#6b7280',
  },
  'cdata': {
    color: '#6b7280',
  },
  'punctuation': {
    color: '#9ca3af',
  },
  'namespace': {
    opacity: '0.7',
  },
  'property': {
    color: '#f59e0b', // Amber/Orange
  },
  'tag': {
    color: '#8b5cf6', // Violet
  },
  'boolean': {
    color: '#f59e0b', // Amber/Orange
  },
  'number': {
    color: '#f59e0b', // Amber/Orange
  },
  'constant': {
    color: '#f59e0b', // Amber/Orange
  },
  'symbol': {
    color: '#f59e0b', // Amber/Orange
  },
  'deleted': {
    color: '#ef4444',
  },
  'selector': {
    color: '#a78bfa', // Light Purple
  },
  'attr-name': {
    color: '#a78bfa', // Light Purple
  },
  'string': {
    color: '#10b981', // Emerald Green
  },
  'char': {
    color: '#10b981', // Emerald Green
  },
  'builtin': {
    color: '#8b5cf6', // Violet
  },
  'url': {
    color: '#10b981', // Emerald Green
  },
  'inserted': {
    color: '#10b981', // Emerald Green
  },
  'entity': {
    color: '#a78bfa', // Light Purple
    cursor: 'help',
  },
  'atrule': {
    color: '#c084fc', // Light Violet
  },
  'attr-value': {
    color: '#10b981', // Emerald Green
  },
  'keyword': {
    color: '#c084fc', // Light Violet
  },
  'function': {
    color: '#818cf8', // Indigo
  },
  'class-name': {
    color: '#f59e0b', // Amber/Orange
  },
  'regex': {
    color: '#06b6d4', // Cyan
  },
  'important': {
    color: '#f59e0b', // Amber/Orange
    fontWeight: 'bold',
  },
  'variable': {
    color: '#a78bfa', // Light Purple
  },
  'bold': {
    fontWeight: 'bold',
  },
  'italic': {
    fontStyle: 'italic',
  },
  'operator': {
    color: '#9ca3af',
  },
  'script': {
    color: '#e3e8f0',
  },
  'parameter': {
    color: '#fbbf24', // Yellow
  },
  'method': {
    color: '#818cf8', // Indigo
  },
  'field': {
    color: '#f59e0b', // Amber/Orange
  },
  'annotation': {
    color: '#6b7280',
  },
  'type': {
    color: '#a78bfa', // Light Purple
  },
  'module': {
    color: '#8b5cf6', // Violet
  },
};