/* Reskins the @n8n/chat widget to match the Observatory design system. */
:root{
  --chat--color--primary: #f59e3a;
  --chat--color--primary-shade-50: #e08a2b;
  --chat--color--primary--shade-100: #c97a22;
  --chat--color--secondary: #1a1614;
  --chat--color-secondary-shade-50: #2a2724;
  --chat--color-white: #fdfcfa;
  --chat--color-light: #f7f6f3;
  --chat--color-light-shade-50: #e3e3de;
  --chat--color-light-shade-100: #d7d7d0;
  --chat--color-medium: #a8a7a1;
  --chat--color-dark: #1a1614;
  --chat--color-disabled: #a8a7a1;
  --chat--color-typing: #66635f;

  --chat--spacing: 1rem;
  --chat--border-radius: 4px;
  --chat--transition-duration: 0.15s;
  --chat--font-family: 'Inter', system-ui, sans-serif;

  --chat--header--background: var(--chat--color-dark);
  --chat--header--color: var(--chat--color-light);
  --chat--heading--font-size: 1.4em;

  --chat--message--font-size: 0.95rem;
  --chat--message--bot--background: var(--chat--color-white);
  --chat--message--bot--color: var(--chat--color-dark);
  --chat--message--user--background: var(--chat--color--secondary);
  --chat--message--user--color: var(--chat--color-white);

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

  --chat--input--background: var(--chat--color-white);
  --chat--textarea--height: 50px;

  --chat--button--background--primary: var(--chat--color--secondary);
  --chat--button--background--primary--hover: var(--chat--color-secondary-shade-50);
  --chat--input--send--button--color: var(--chat--color--secondary);
  --chat--input--send--button--color-hover: var(--chat--color-secondary-shade-50);
}

#n8n-chat{
  font-family: 'Inter', system-ui, sans-serif;
}