/*
 * Catawork Chat UI Core — phase 1 foundation.
 *
 * This file is intentionally presentation-neutral in its first release.
 * It gives Hero and Tenant chat one named visual contract before either
 * surface is migrated to shared primitives.  Channel-specific data and the
 * AI/runtime layers remain outside this stylesheet.
 */
:root{
  --chat-ui-font:Vazirmatn,"IRANSansX",Tahoma,Arial,sans-serif;
  --chat-ui-accent:#635bff;
  --chat-ui-accent-strong:#4338ca;
  --chat-ui-surface:#fff;
  --chat-ui-surface-muted:#f6f8fc;
  --chat-ui-text:#172033;
  --chat-ui-text-muted:#697386;
  --chat-ui-line:#e3e8f0;
  --chat-ui-user-text:#fff;
  --chat-ui-success:#17a673;
  --chat-ui-success-soft:#ecfdf3;
  --chat-ui-error:#b42318;
  --chat-ui-error-soft:#fff7f7;
  --chat-ui-radius-shell:28px;
  --chat-ui-radius-header:20px;
  --chat-ui-radius-bubble:20px;
  --chat-ui-radius-control:16px;
  --chat-ui-shadow-shell:0 28px 78px rgba(15,23,42,.15),0 3px 12px rgba(15,23,42,.05);
  --chat-ui-shadow-bubble:0 8px 22px rgba(31,37,63,.06);
  --chat-ui-space-1:4px;
  --chat-ui-space-2:8px;
  --chat-ui-space-3:12px;
  --chat-ui-space-4:16px;
  --chat-ui-space-5:22px;
  --chat-ui-header-height:78px;
  --chat-ui-avatar-size:32px;
  --chat-ui-composer-control-size:48px;
  --chat-ui-transition:180ms cubic-bezier(.22,1,.36,1);
}

/* Hero is the visual reference; its brand palette remains the default. */
.product-guide{
  --chat-ui-accent:var(--brand,#635bff);
  --chat-ui-accent-strong:var(--brand-strong,#4338ca);
  --chat-ui-surface:var(--surface,#fff);
  --chat-ui-surface-muted:var(--surface-muted,#f6f8fc);
  --chat-ui-text:var(--ink,#172033);
  --chat-ui-text-muted:var(--muted,#697386);
  --chat-ui-line:var(--line,#e3e8f0);
}

/* Tenant branding may alter only the accent; the shared geometry stays fixed. */
body.chat-body [data-chat].chat-app{
  --chat-ui-accent:var(--channel-color,#635bff);
  --chat-ui-accent-strong:var(--cc2-brand-strong,#4338ca);
  --chat-ui-surface:var(--cc2-surface,#fff);
  --chat-ui-surface-muted:var(--cc2-surface-soft,#f6f8fc);
  --chat-ui-text:var(--cc2-ink,#172033);
  --chat-ui-text-muted:var(--cc2-muted,#697386);
  --chat-ui-line:var(--cc2-line,#e3e8f0);
}

@media(prefers-reduced-motion:reduce){
  :root{--chat-ui-transition:0ms linear;}
}