/* ============================================================
   chat-tokens.css — CSS custom properties only.
   Loaded first; everything else references these tokens.
   ============================================================ */

/* ============================================================
   Bookably Host Agent — Chat UI
   ============================================================ */

/* Soft-keyboard inset — JS sets this from window.visualViewport so the chat
   container can shrink to make room for the on-screen keyboard. Defaults to
   0 on desktop and on platforms where the layout viewport already shrinks. */
:root {
	--bha-kb-inset: 0px;
}
:root {
	--bha-chrome-teal:        #1097c5;
	--bha-chrome-teal-dark:   #0d7fa8;
	--bha-chrome-teal-deep:   #0a4a5e;
	--bha-chrome-teal-tint:   #f0f7fa;
	--bha-chrome-teal-soft:   #a8d6e6;
	--bha-chrome-neutral-50:  #f9fafb;
	--bha-chrome-neutral-100: #f1f5f9;
	--bha-chrome-neutral-200: #e5e7eb;
	--bha-chrome-neutral-500: #6b7280;
	--bha-chrome-neutral-700: #334155;
	--bha-chrome-neutral-900: #0f172a;
	--bha-chrome-amber-tint:  #fef3c7;
	--bha-chrome-amber-text:  #92400e;
	--bha-chrome-amber-edge:  #fde68a;
	--bha-chrome-red-tint:    #fef2f2;
	--bha-chrome-red-text:    #991b1b;
	--bha-chrome-red-edge:    #fca5a5;
	--bha-chrome-shadow-sm:   0 1px 2px rgba(15, 23, 42, 0.06);
	--bha-chrome-shadow-md:   0 4px 12px rgba(15, 23, 42, 0.08);
	--bha-chrome-font-stack:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}