:root {
  --chat--color--primary: #b99bff;
  --chat--color--primary-shade-50: #aa89f5;
  --chat--color--primary--shade-100: #9b78ea;
  --chat--color--secondary: #cab4ff;
  --chat--color-secondary-shade-50: #b89ff6;
  --chat--color-white: #ffffff;
  --chat--color-light: #f6f0ff;
  --chat--color-light-shade-50: #eadcff;
  --chat--color-light-shade-100: #d7c6ff;
  --chat--color-medium: #c7b2ea;
  --chat--color-dark: #342553;
  --chat--color-typing: #6e5f90;

  --chat--window--border-radius: 18px;
  --chat--window--border: 1px solid rgba(137, 108, 188, 0.24);
  --chat--window--box-shadow: 0 24px 50px rgba(118, 91, 166, 0.2);

  --chat--header--background: linear-gradient(135deg, #b99bff, #cab4ff);
  --chat--header--color: #2f1f4c;

  --chat--message--bot--background: rgba(247, 239, 255, 0.92);
  --chat--message--bot--color: #342553;
  --chat--message--bot--border: 1px solid rgba(137, 108, 188, 0.18);

  --chat--message--user--background: rgba(185, 155, 255, 0.24);
  --chat--message--user--color: #342553;

  --chat--toggle--background: #b99bff;
  --chat--toggle--hover--background: #aa89f5;
  --chat--toggle--active--background: #9b78ea;
  --chat--toggle--color: #2f1f4c;

  --chat--body--background: #f6f0ff;
  --chat--footer--background: #f3e9ff;
  --chat--footer--color: #342553;

  --chat--input--background: #ffffff;
  --chat--input--text-color: #342553;
}

html[data-theme='dark'] {
  --chat--color--primary: #d2bbff;
  --chat--color--primary-shade-50: #c6adfa;
  --chat--color--primary--shade-100: #b79af3;
  --chat--color--secondary: #c3a5ff;
  --chat--color-secondary-shade-50: #af90ec;
  --chat--color-light: #1c1534;
  --chat--color-light-shade-50: #2b2148;
  --chat--color-light-shade-100: #3a2d62;
  --chat--color-medium: #6f5f96;
  --chat--color-dark: #f3edff;
  --chat--color-typing: #c9b9ea;

  --chat--window--border: 1px solid rgba(205, 183, 245, 0.26);
  --chat--window--box-shadow: 0 26px 56px rgba(9, 5, 18, 0.55);

  --chat--header--background: linear-gradient(135deg, #d2bbff, #c3a5ff);
  --chat--header--color: #26183f;

  --chat--message--bot--background: rgba(50, 38, 83, 0.9);
  --chat--message--bot--color: #f3edff;
  --chat--message--bot--border: 1px solid rgba(205, 183, 245, 0.16);

  --chat--message--user--background: rgba(210, 187, 255, 0.2);
  --chat--message--user--color: #f3edff;

  --chat--toggle--background: #d2bbff;
  --chat--toggle--hover--background: #c6adfa;
  --chat--toggle--active--background: #b79af3;
  --chat--toggle--color: #26183f;

  --chat--body--background: #1c1534;
  --chat--footer--background: #312652;
  --chat--footer--color: #f3edff;

  --chat--input--background: #2b2148;
  --chat--input--text-color: #f3edff;
}