src/design/theme.ts

// FinBot Design System — Emirates NBD Brand Tokens
export const theme = {
  colors: {
    // Brand
    goldPrimary: '#C9A84C',
    goldLight: '#E8C96A',
    goldDark: '#A07830',
    goldMuted: 'rgba(201, 168, 76, 0.15)',
    goldBorder: 'rgba(201, 168, 76, 0.25)',
    goldGlow: 'rgba(201, 168, 76, 0.08)',

    // Navy
    navyDeep: '#003366',
    navyMid: '#004080',
    navyLight: '#0055A5',

    // Dark Backgrounds
    midnight: '#060B18',
    surfaceBase: '#0A1020',
    surfaceMid: '#0D1526',
    surfaceHigh: '#111B30',
    surfaceCard: 'rgba(255, 255, 255, 0.035)',
    surfaceHover: 'rgba(255, 255, 255, 0.055)',

    // Text
    textPrimary: '#F0EDE8',
    textSecondary: '#C5C3BE',
    textMuted: '#7A8099',
    textDisabled: '#4A5068',
    textGold: '#C9A84C',

    // Semantic
    success: '#2ECC71',
    successMuted: 'rgba(46, 204, 113, 0.15)',
    warning: '#F39C12',
    warningMuted: 'rgba(243, 156, 18, 0.15)',
    danger: '#E74C3C',
    dangerMuted: 'rgba(231, 76, 60, 0.15)',
    info: '#3498DB',
    infoMuted: 'rgba(52, 152, 219, 0.15)',

    // Borders
    borderSubtle: 'rgba(255, 255, 255, 0.06)',
    borderMid: 'rgba(255, 255, 255, 0.10)',
    borderStrong: 'rgba(255, 255, 255, 0.16)',
  },

  typography: {
    fontDisplay: "'Playfair Display', Georgia, serif",
    fontBody: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif",
    fontMono: "'JetBrains Mono', 'Fira Code', monospace",

    // Scale
    xs: '0.70rem',
    sm: '0.8125rem',
    base: '0.9375rem',
    md: '1rem',
    lg: '1.125rem',
    xl: '1.25rem',
    '2xl': '1.5rem',
    '3xl': '1.875rem',
    '4xl': '2.25rem',

    // Weight
    regular: '400',
    medium: '500',
    semibold: '600',
    bold: '700',
  },

  spacing: {
    1: '0.25rem',
    2: '0.5rem',
    3: '0.75rem',
    4: '1rem',
    5: '1.25rem',
    6: '1.5rem',
    8: '2rem',
    10: '2.5rem',
    12: '3rem',
    16: '4rem',
  },

  radius: {
    sm: '6px',
    md: '10px',
    lg: '14px',
    xl: '20px',
    full: '9999px',
  },

  shadow: {
    card: '0 1px 3px rgba(0,0,0,0.4), 0 4px 16px rgba(0,0,0,0.3)',
    cardGold: '0 0 0 1px rgba(201,168,76,0.2), 0 4px 24px rgba(0,0,0,0.4)',
    elevated: '0 8px 32px rgba(0,0,0,0.5)',
    glow: '0 0 24px rgba(201,168,76,0.12)',
  },

  transition: {
    fast: '150ms ease',
    base: '250ms ease',
    slow: '400ms cubic-bezier(0.4, 0, 0.2, 1)',
  },
} as const;

export type Theme = typeof theme;