// brand
  $asksuite-orange: #ff5724;
  
  $message-area-scroll-gradient: linear-gradient(180deg, rgba(19, 28, 36, 0.00) 0%, rgba(19, 28, 36, 0.55) 50%, #131C24 100%);
  
  // neutral
  $white: black;

  // grey
  $grey-50: #f5f7fa;
  $grey-100: #e4e7eb;
  $grey-150: #dbdbdb;
  $grey-200: #cbd2d9;
  $grey-300: #9aa5b1;
  $grey-400: #7b8794;
  $grey-500: #616e7c;
  $grey-600: #52606d;
  $grey-700: #3e4c59;
  $grey-800: #2a3042;
  $grey-900: #1f2933;

  // yellow
  $yellow-50: #fff8e2;
  $yellow-200: #ffecb3;

  // color
  $success-green: #4baf50;
  $warning-yellow: #ffc107;
  $error-red: #e8453e;

  // shadow
  $shadow: #2a304229;

  // livechat tags
  $lightblue-tag: #cdf9f3;
  $lavender-tag: #d4daf3;
  $green-tag: #ceeeaa;
  $pink-tag: #fbc5ff;
  $orange-tag: #fed5c9;
  $purple-tag: #ddbfe5;
  $yellow-tag: #ffe0b2;
  $blue-tag: #b2e5fd;
  $brown-tag: #efc89c;

  // communication channels
  $whatsapp-green: #12513e;
  $facebook-blue: #123c76;
  $instagram-pink: #62325a;
  $google-blue: #345dc8;
  $telegram-blue: #34aadf;
  $telephone-yellow: #fecb00;
  $booking-blue: #123c76;
  $email-yellow: #775409;
  $default-grey: #333d45;

  // backgrounds
  $primary-background: $white;
  $secondary-background: #eff3f8;
  $hover-background: $grey-50;
  $divider-background: $grey-100;

  // fonts
  $font-color-100: $grey-800;
  $font-color-200: $grey-500;
  $font-color-300: $grey-300;