:root {
  --chat--color--primary: var(--color-primary);
  --chat--color--primary-shade-50: color-mix(in srgb, var(--color-primary) 90%, black);
  --chat--color--primary-shade-100: color-mix(in srgb, var(--color-primary) 80%, black);
  --chat--color--secondary: var(--color-secondary);
  --chat--color--white: #ffffff;
  --chat--color--light: var(--color-light, #f9fafb);
  --chat--color--medium: #e5e7eb;
  --chat--color--dark: var(--color-dark, #111827);
  --chat--color--disabled: #9ca3af;
  --chat--color--typing: #6b7280;

  --chat--spacing: 1rem;
  --chat--border-radius: 0.5rem;
  --chat--transition-duration: 0.15s;

  --chat--window--width: 400px;
  --chat--window--height: 600px;

  --chat--header--background: var(--color-primary);
  --chat--header--color: #ffffff;
  --chat--header--padding: 1rem;
  --chat--header--border-top: none;
  --chat--header--border-bottom: none;

  --chat--heading--font-size: 1rem;
  --chat--subtitle--font-size: 0.8125rem;
  --chat--subtitle--line-height: 1.5;

  --chat--textarea--height: 56px;

  --chat--message--font-size: 0.9375rem;
  --chat--message--padding: 0.75rem 1rem;
  --chat--message--border-radius: 0.5rem;
  --chat--message-line-height: 1.6;

  --chat--message--bot--background: var(--color-light, #f3f4f6);
  --chat--message--bot--color: var(--color-dark, #111827);
  --chat--message--bot--border: none;

  --chat--message--user--background: var(--color-primary);
  --chat--message--user--color: #ffffff;
  --chat--message--user--border: none;

  --chat--message--pre--background: rgba(0, 0, 0, 0.05);

  --chat--toggle--background: var(--color-primary);
  --chat--toggle--hover--background: color-mix(in srgb, var(--color-primary) 85%, black);
  --chat--toggle--active--background: color-mix(in srgb, var(--color-primary) 75%, black);
  --chat--toggle--color: #ffffff;
  --chat--toggle--size: 3.5rem;
}

.dark {
  --chat--color--light: var(--color-dark, #1f2937);
  --chat--color--medium: #374151;
  --chat--color--dark: var(--color-light, #f9fafb);

  --chat--message--bot--background: #1f2937;
  --chat--message--bot--color: #f3f4f6;

  --chat--message--pre--background: rgba(255, 255, 255, 0.08);
}

.n8n-chat .chat-window {
  border-radius: var(--chat--border-radius);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.n8n-chat .chat-input textarea {
  border-radius: var(--chat--border-radius);
}

.n8n-chat .chat-message-markdown pre {
  background: var(--chat--message--pre--background);
  border-radius: 0.375rem;
  padding: 0.75rem;
  overflow-x: auto;
}