/* HEI branding: the palette and the login logo. Injected into index.html when
   BRANDING=on (docker-compose.yml command + docker-compose.branding.yml).
   Colours only — everything structural lives with the feature in ui/overlay/. */

/* Login page: LibreChat gives the logo a 40px slot, too small for a real
   emblem. Grow the slot; the img inside is h-full/object-contain already. */
div.h-10.w-full.bg-cover:has(> img[src$="logo.svg"]) {
  height: 7.5rem;
  margin-top: 3rem;
}

/* --- Palette: warm neutrals instead of pure black/white, HEI blue as the one
   accent (send button, links, chips). LibreChat styles everything through
   these variables, so overriding them re-tints the whole app consistently. --- */
:root {
  --hei-accent: #124F83;
  --hei-accent-hover: #0f4270;
  --hei-accent-soft: rgba(18, 79, 131, 0.08);
  --presentation: #fbfaf6;
  --surface-primary: #fbfaf6;
  --surface-primary-alt: #f5f3ec;
  --surface-primary-contrast: #f5f3ec;
  --surface-secondary: #f3f1ea;
  --surface-secondary-alt: #f3f1ea;
  --surface-tertiary: #ebe8df;
  --surface-tertiary-alt: #ebe8df;
  --surface-chat: #ffffff;
  --surface-hover: #ece9e0;
  --surface-hover-alt: #ece9e0;
  --surface-active: #e3dfd3;
  --surface-active-alt: #ebe8df;
  --surface-submit: var(--hei-accent);
  --surface-submit-hover: var(--hei-accent-hover);
  --text-primary: #2b2a27;
  --text-secondary: #5f5c55;
  --text-secondary-alt: #7a766d;
  --border-light: #ebe8df;
  --border-medium: #ddd9cd;
  --border-medium-alt: #ddd9cd;
  --border-heavy: #cfcabb;
}
.dark {
  --hei-accent: #4a90c8;
  --hei-accent-hover: #5ea0d6;
  --hei-accent-soft: rgba(74, 144, 200, 0.14);
  --presentation: #2b2a27;
  --surface-primary: #2b2a27;
  --surface-primary-alt: #302f2b;
  --surface-primary-contrast: #302f2b;
  --surface-secondary: #33322e;
  --surface-secondary-alt: #33322e;
  --surface-tertiary: #3c3a35;
  --surface-tertiary-alt: #3c3a35;
  --surface-chat: #3c3a35;
  --surface-hover: #45433d;
  --surface-hover-alt: #45433d;
  --surface-active: #4f4c45;
  --surface-active-alt: #45433d;
  --surface-submit: var(--hei-accent);
  --surface-submit-hover: var(--hei-accent-hover);
  --text-primary: #ecebe6;
  --text-secondary: #b9b6ad;
  --text-secondary-alt: #979389;
  --border-light: rgba(236, 235, 230, 0.10);
  --border-medium: rgba(236, 235, 230, 0.16);
  --border-medium-alt: rgba(236, 235, 230, 0.16);
  --border-heavy: rgba(236, 235, 230, 0.24);
}

/* Answer content: one accent, quietly. */
.message-render a { color: var(--hei-accent); text-decoration-color: var(--hei-accent-soft); }
.message-render a:hover { color: var(--hei-accent-hover); }
.message-render h1, .message-render h2 { color: var(--text-primary); border-bottom: 1px solid var(--border-light); padding-bottom: 0.25em; }
.message-render table thead th { background: var(--hei-accent-soft); }
.message-render table tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--surface-secondary) 60%, transparent); }
.message-render hr { border-color: var(--border-medium); }
.message-render strong { color: var(--text-primary); }

/* The follow-up chips, Sources card, citation pills and charts are built and
   styled by ui/overlay/hei-*.js from the variables above (--hei-accent,
   --surface-*, --border-*); they need no rules here. */
.hei-followups button { border-color: color-mix(in srgb, var(--hei-accent) 35%, transparent); }
.hei-cite { border-color: color-mix(in srgb, var(--hei-accent) 25%, transparent); }