// components/Chat/theme.ts
export const theme = {
  // ── Brand colors (refined navy — professional, not "dev-default") ──
  brand: {
    50:  '#f0f4ff',
    100: '#e0e7ff',
    200: '#c7d2fe',
    300: '#a5b4fc',
    400: '#818cf8',
    500: '#6366f1',  // primary
    600: '#4f46e5',  // primary hover
    700: '#4338ca',
    800: '#3730a3',
    900: '#312e81',
    950: '#1e1b4b',
  },

  // ── Neutrals (sophisticated grays) ──
  gray: {
    50:  '#fafafa',
    100: '#f4f4f5',
    200: '#e4e4e7',
    300: '#d4d4d8',
    400: '#a1a1aa',
    500: '#71717a',
    600: '#52525b',
    700: '#3f3f46',
    800: '#27272a',
    900: '#18181b',
    950: '#09090b',
  },

  // ── Semantic ──
  success: '#10b981',
  warning: '#f59e0b',
  danger:  '#ef4444',
  info:    '#3b82f6',

  // ── Avatar palette (muted, professional) ──
  avatarPalette: [
    '#6366f1', '#8b5cf6', '#ec4899', '#f43f5e',
    '#f97316', '#eab308', '#84cc16', '#10b981',
    '#06b6d4', '#3b82f6',
  ],

  // ── Spacing ──
  radius: { sm: 6, md: 10, lg: 14, xl: 18, full: 999 },

  // ── Shadows (subtle, layered) ──
  shadow: {
    sm: '0 1px 2px rgba(15,23,42,0.06)',
    md: '0 4px 12px rgba(15,23,42,0.08), 0 1px 3px rgba(15,23,42,0.04)',
    lg: '0 12px 32px rgba(15,23,42,0.12), 0 4px 12px rgba(15,23,42,0.06)',
    xl: '0 24px 60px rgba(15,23,42,0.16), 0 8px 20px rgba(15,23,42,0.08)',
  },

  // ── Gradients (subtle, modern) ──
  gradient: {
    brand: 'linear-gradient(135deg, #4f46e5 0%, #6366f1 100%)',
    brandSoft: 'linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%)',
    header: 'linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%)',
  },
};

export const fontFamily = `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', 'Helvetica Neue', Arial, sans-serif`;