/* For more color options, visit https://www.npmjs.com/package/@n8n/chat */

:root {
  --chat--color-primary: #e74266;
  --chat--color-primary-shade-50: #db4061;
  --chat--color-primary-shade-100: #cf3c5c;
  --chat--color-secondary: #1362fb;
  --chat--color-secondary-shade-50: #1387fb;
  --chat--color-white: #ffffff;
  --chat--color-light: #f2f4f8;
  --chat--color-light-shade-50: #e6e9f1;
  --chat--color-light-shade-100: #515151;
  --chat--color-medium: #d2d4d9;
  --chat--color-dark: #121212;
  --chat--color-disabled: #a6a6a6;
  --chat--color-typing: #404040;

  --chat--header--color: var(--chat--color-white);
  --chat--message--user--background: var(--chat--color-secondary);

  --chat--message--bot--color: var(--chat--color-white);
  --chat--message--bot--background: var(--chat--color-light-shade-100);

  --chat--body--background: var(--chat--color-dark);

  --chat--message--user--color: var(--chat--color-white);

  --chat--border-radius: 0.5rem;
}

.coindesk-brand {
  /* TODO: Add coindesk theme colors */
}