export const SLACK = {
  // Background layers
  bg: '#1A1D21',
  bgElevated: '#222529',
  bgHover: '#27292D',

  // Text
  textPrimary: '#D1D2D3',
  textSecondary: '#97979D',
  nameColor: '#FFFFFF',

  // UI chrome
  separator: '#3A3B3D',
  inputBg: '#222529',
  inputBorder: '#565856',

  // Accents
  link: '#1D9BD1',
  appBadgeBg: '#1264A3',
  appBadgeText: '#FFFFFF',
  mention: 'rgba(29, 155, 209, 0.15)',
  mentionText: '#1D9BD1',

  // Typing dots
  typingDot: '#97979D',

  // Reaction pill
  reactionBg: 'rgba(29, 155, 209, 0.15)',
  reactionBorder: 'rgba(29, 155, 209, 0.4)',
  reactionText: '#D1D2D3',
} as const;