/* JV Consulting — chat widget theme.
   Restyles the default n8n chat widget (pink/magenta, light body, pill
   corners) to match the site's Titanium theme: graphite black, cognac
   amber accent, sharp corners, Inter Tight / Geist Mono. Only the
   widget's own CSS custom properties are touched — load this AFTER
   assets/n8n-chat.css so these win. No structural CSS here, so a
   package update won't break it.
   Token values are copied from assets/site.css (--bg, --surface,
   --text, --accent, --accent-ink, --rule, --r-sm) — keep the two in
   sync if the site's palette ever changes. */
:root {
  /* accent -> cognac amber, replacing the default pink/magenta */
  --chat--color--primary: #C8873C;
  --chat--color--primary-shade-50: #B87830;
  --chat--color--primary--shade-100: #A66A2A;
  --chat--color--secondary: #E0A155;
  --chat--color-secondary-shade-50: #C8873C;

  /* surfaces -> graphite, replacing the default white chat body */
  --chat--color-white: #EDEAE6;
  --chat--color-light: #171719;
  --chat--color-light-shade-50: #1D1D20;
  --chat--color-light-shade-100: #2A2A2D;
  --chat--color-medium: #5A5651;
  --chat--color-dark: #0A0A0B;
  --chat--color-disabled: #3A3A3D;
  --chat--color-typing: #8A8580;

  --chat--font-family: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;
  --chat--font-family--monospace: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* sharp corners, not rounded pills — matches the rest of the site.
     The toggle bubble stays circular; a floating action button reads
     as a control, not a card. */
  --chat--border-radius: 3px;
  --chat--input--border-radius: 3px;
  --chat--input--container--border-radius: 3px;
  --chat--input--button--border-radius: 3px;
  --chat--button--border-radius: 3px;
  --chat--message--border-radius: 3px;
  --chat--window--border-radius: 4px;

  --chat--window--border: 1px solid rgba(237,234,230,.16);
  --chat--window--width: 400px;
  --chat--window--height: 600px;

  --chat--header--background: #0A0A0B;
  --chat--header--color: #EDEAE6;
  --chat--header--border-bottom: 1px solid rgba(237,234,230,.16);

  --chat--body--background: #121214;

  --chat--message--bot--background: #171719;
  --chat--message--bot--color: #EDEAE6;
  --chat--message--bot--border: 1px solid rgba(237,234,230,.08);
  --chat--message--user--background: #C8873C;
  --chat--message--user--color: #120A03;
  --chat--message--user--border: none;

  --chat--input--background: #121214;
  --chat--input--text-color: #EDEAE6;
  --chat--input--border: 1px solid rgba(237,234,230,.16);
  --chat--input--border-active: 1px solid #C8873C;
  --chat--input--container--background: #121214;
  --chat--input--container--border: 1px solid rgba(237,234,230,.16);

  --chat--input--send--button--background: #C8873C;
  --chat--input--send--button--color: #120A03;
  --chat--input--send--button--background-hover: #E0A155;
  --chat--input--send--button--color-hover: #120A03;

  --chat--toggle--background: #C8873C;
  --chat--toggle--hover--background: #E0A155;
  --chat--toggle--active--background: #B87830;
  --chat--toggle--color: #120A03;

  --chat--footer--background: #0A0A0B;
  --chat--footer--color: #5A5651;
  --chat--footer--border-top: 1px solid rgba(237,234,230,.08);
}