:root {
  /* Brand Colors */
  --chat--color-primary: #1d4ed8; /* Bright Blue */
  --chat--color-primary-shade-50: #1e40af;
  --chat--color-primary-shade-100: #1e3a8a;

  --chat--color-secondary: #20b69e;
  --chat--color-white: #ffffff;
  --chat--color-light: #f8fafc;
  --chat--color-light-shade-100: #e2e8f0;
  --chat--color-dark: #0f172a;
  --chat--color-disabled: #64748b;
  --chat--color-typing: #334155;

  /* Layout + Spacing */
  --chat--spacing: 1rem;
  --chat--border-radius: 0.75rem;
  --chat--transition-duration: 0.2s;

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

  /* Header */
  --chat--header-height: auto;
  --chat--header--padding: 1rem;
  --chat--header--background: var(--chat--color-dark);
  --chat--header--color: var(--chat--color-white);
  --chat--heading--font-size: 1.25rem;
  --chat--subtitle--font-size: 0.875rem;
  --chat--subtitle--line-height: 1.6;

  /* Text Area */
  --chat--textarea--height: 50px;

  /* Messages */
  --chat--message--font-size: 1rem;
  --chat--message--padding: 0.75rem;
  --chat--message--border-radius: var(--chat--border-radius);
  --chat--message-line-height: 1.6;

  --chat--message--bot--background: #1e293b;
  --chat--message--bot--color: #f1f5f9;
  --chat--message--bot--border: none;

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

  --chat--message--pre--background: #1e293b;

  /* Chat Toggle */
  --chat--toggle--background: var(--chat--color-primary);
  --chat--toggle--hover--background: var(--chat--color-primary-shade-50);
  --chat--toggle--active--background: var(--chat--color-primary-shade-100);
  --chat--toggle--color: var(--chat--color-white);
  --chat--toggle--size: 60px;

  /* Shadow */
  --chat--window--box-shadow: 0 16px 30px rgba(0, 0, 0, 0.25);
}