Chattigo Colors Palettes

$primary-palette: (
  dark    : hsl(347, 77%, 46%),
  base    : hsl(347, 84%, 56%),
  light   : hsl(344, 85%, 68%),
  light-alt : hsl(335, 38%, 72%),
);

$secondary-palette: (
  dark      : hsl(25, 88%, 44%),
  base      : hsl(25, 88%, 55%),
  light     : hsl(25, 88%, 64%),
  light-alt : hsl(25, 87%, 82%),
);

$grey-palette: (
  dark      : hsl(0, 0%, 15%),
  base      : hsl(240, 1%, 26%),
  light     : hsl(300, 1%, 58%),
  light-i   : hsl(0, 0%, 88%),
  light-iii : hsl(210, 12%, 97%),
  light-alt : hsl(240, 9%, 75%),
);

$event-palette: (
  success : hsl(142, 70%, 49%),
  error   : hsl(1, 99%, 43%),
  warning : hsl(44, 100%, 58%),
  info    : hsl(216, 98%, 61%),
  paused  : hsl(249, 56%, 45%),
);

$base-palette: (
  true-white: hsl(0, 0%, 100%),
  'white'   : hsl(0, 0%, 98%),
  'black'   : hsl(240, 1%, 26%),
);

$social-palette: (
  facebook  : hsl(215, 48%, 49%),
  whatsapp  : hsl(142, 70%, 49%),
  messenger : hsl(198, 100%, 50%),
  twitter   : hsl(203, 89%, 53%),
);

$gradients-palette: (
  primary-hard: $primary-hard,
  primary-soft: $primary-soft,
  balanced    : $balanced,
);

$messages-box-palette: (
  sended: hsl(46, 90%, 92%),
  received: hsl(0, 0, 99%),
  sended-gradient: $sended-gradient,
  received-gradient: $received-gradient,
);