/* @n8n/chat brand variables. Layout left to the widget. */
:root {
  --chat--color-primary: #0F2741;
  --chat--color-primary-shade-50: #0a1c30;
  --chat--color-primary-shade-100: #050f1a;
  --chat--color-secondary: #B8763A;
  --chat--color-secondary-shade-50: #9c6230;
  --chat--color-white: #FFFFFF;
  --chat--color-light: #F5F1EA;
  --chat--color-light-shade-50: #EFE8DC;
  --chat--color-light-shade-100: #E5DDCD;
  --chat--color-medium: rgba(15, 39, 65, 0.5);
  --chat--color-dark: #0F2741;
  --chat--color-disabled: rgba(15, 39, 65, 0.3);
  --chat--color-typing: rgba(15, 39, 65, 0.6);

  --chat--message--font-size: 15px;
  --chat--message--padding: 12px 16px;
  --chat--message--border-radius: 14px;
  --chat--message-line-height: 1.5;
  --chat--message--bot--background: #FFFFFF;
  --chat--message--bot--color: #0F2741;
  --chat--message--bot--border: 1px solid rgba(15, 39, 65, 0.08);
  --chat--message--user--background: #0F2741;
  --chat--message--user--color: #F5F1EA;
  --chat--message--user--border: 0;
  --chat--message--pre--background: rgba(15, 39, 65, 0.06);

  --chat--input--background: #FFFFFF;
  --chat--input--text-color: #0F2741;
  --chat--input--border: 1px solid rgba(15, 39, 65, 0.12);
  --chat--input--border-radius: 6px;

  --chat--button--background: #0F2741;
  --chat--button--color: #FFFFFF;
  --chat--button--hover--background: #B8763A;

  --chat--body--background: transparent;
  --chat--header--background: transparent;
  --chat--header--color: #0F2741;
  --chat--heading--font-size: 0;
  --chat--subtitle--font-size: 0;
  --chat--header--padding: 0;
  --chat--header--border-bottom: 0;

  --chat--font-family: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}