@charset "UTF-8";
/*
 * CreditlandAI.Client — Chat theme defaults
 * ─────────────────────────────────────────
 * All --chat-* custom properties are derived from the SCSS brand variables
 * defined in variables.scss. Override :root in your consuming app to theme.
 */
:root {
  /* ── Primary brand — assistant / AI accent ─────────────────────────── */
  --chat-primary: #982069;
  --chat-primary-rgb: 152, 32, 105;
  --chat-primary-light: color-mix(in srgb, var(--chat-primary) 52%, white);
  --chat-primary-dark: color-mix(in srgb, var(--chat-primary) 70%, black);
  /* ── Secondary brand — user messages ───────────────────────────────── */
  --chat-secondary: #006398;
  --chat-secondary-rgb: 0, 99, 152;
  --chat-secondary-light: color-mix(in srgb, var(--chat-secondary) 68%, white);
  /* ── Gradient accent stops (thinking animation ring) ───────────────── */
  --chat-blue-accent: #4facfe;
  --chat-purple-accent: #9b6fd8;
  /* ── Progress bar ────────────────────────────────────────────────────  */
  --chat-progress-color: #0572ce;
  --chat-progress-rgb: 5, 114, 206;
  /* ── Error / voice recording state ─────────────────────────────────── */
  --chat-error: #ef4444;
  --chat-error-rgb: 239, 68, 68;
  --chat-error-dark: color-mix(in srgb, var(--chat-error) 82%, black);
  /* ── Agent selector highlighted option background ───────────────────── */
  --chat-info-selected-bg: #dbeafe;
  /* ── MudBlazor SVG-mask icon override — keeps Bootstrap Icons unaffected */
  --icon-color: transparent;
  /* ── Avatar icons — fully overridable SVG data-URIs ────────────────── */
  --chat-avatar-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='%23006398'/%3E%3Cpath d='M12 14c-5 0-8 3-8 6h16c0-3-3-6-8-6z' fill='%230087cb'/%3E%3C/svg%3E");
  --chat-avatar-assistant: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l3 3L6 12L3 9z' fill='%237a1a54'/%3E%3Cpath d='M15 3l4 4l-4 4l-4-4z' fill='%23982069'/%3E%3Cpath d='M8 15l2.5 2.5L8 20L5.5 17.5z' fill='%23b42d7e'/%3E%3C/svg%3E");
}