@font-face {
  font-family: Barlow;
  src: local("Barlow"), url(/assets/dist/fonts/Barlow/Barlow-Regular.ttf) format("truetype");
}

@font-face {
  font-family: Barlow;
  src: local("Barlow"), url(/assets/dist/fonts/Barlow/Barlow-SemiBold.ttf) format("truetype");
  font-weight: bold;
}

:root {
  /* assets */
  --logo-url: url(/assets/dist/logo.png);
  --bot-avatar-url: url(/assets/dist/botAvatar.png);
  --live-chat-avatar-url: url(/assets/dist/operator.svg);
  --chat-watermark-url: unset;

  /* chat buttons */
  --button-border-radius: 24px;
  --button-background-color: white;
  --button-text-color: #005ca9;
  --button-border-color: white;

  /* chat bubbles */
  --bubbleBorderRadius: 8px;
  --botPrimaryTextColor: #fff;
  --botPrimaryLinkColor: #fff;
  --botPrimaryBackground: linear-gradient(263.22deg, #00acee 0%, #005ca9 100%);
  --botPrimaryBackgroundColor: #005ca9;
  --botBubbleBorderWidth: 0;
  --userPrimaryTextColor: #414141;
  --userPrimaryLinkColor: #414141;
  --userPrimaryBackgroundColor: white;
  --userBubbleBorderWidth: 0;

  /* ionic */
  --ion-background-color: #e8eaf7;
  --ion-toolbar-background: #f6f6f3;
  --ion-font-family: "Barlow";
  --ion-text-color: #414141;

  /* colors (see https://ionicframework.com/docs/theming/color-generator) */
  --ion-color-primary: #005ca9;
  --ion-color-primary-rgb: 0, 92, 169;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #005195;
  --ion-color-primary-tint: #1a6cb2;
  --ion-color-secondary: #c4cce7;
  --ion-color-secondary-rgb: 196, 204, 231;
  --ion-color-secondary-contrast: #000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #acb4cb;
  --ion-color-secondary-tint: #cad1e9;
  --ion-color-tertiary: #005ca9;
  --ion-color-tertiary-rgb: 0, 92, 169;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #005195;
  --ion-color-tertiary-tint: #1a6cb2;
  --ion-color-success: #85b545;
  --ion-color-success-rgb: 133, 181, 69;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #759f3d;
  --ion-color-success-tint: #91bc58;
  --ion-color-warning: #f5db5c;
  --ion-color-warning-rgb: 245, 219, 92;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #d8c151;
  --ion-color-warning-tint: #f6df6c;
  --ion-color-danger: #f55c5c;
  --ion-color-danger-rgb: 245, 92, 92;
  --ion-color-danger-contrast: #000;
  --ion-color-danger-contrast-rgb: 0, 0, 0;
  --ion-color-danger-shade: #d85151;
  --ion-color-danger-tint: #f66c6c;
  --ion-color-medium: #afb2bb;
  --ion-color-medium-rgb: 175, 178, 187;
  --ion-color-medium-contrast: #000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #9a9da5;
  --ion-color-medium-tint: #b7bac2;
  --ion-color-light: #f7f7f7;
  --ion-color-light-rgb: 247,247,247;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0,0,0;
  --ion-color-light-shade: #d9d9d9;
  --ion-color-light-tint: #f8f8f8;
}