/* DigiIntell skin for the LibreChat "assist" instance (FEATURE-021).
 * Loaded after LibreChat's bundle via the overlaid index.html. Overrides the
 * theme tokens with the experience site's palette: white surfaces, slate text,
 * blue-600 accent, 0.5rem radius, Inter. Light on html:root{}, dark on html:root.dark{} (out-specifies the bundle). */

html:root {
  --presentation: var(--white);
  --text-primary: 15 23 42;            /* slate-900 (site: hsl 0 0% 3.9%) */
  --text-secondary: 71 85 105;         /* slate-600 */
  --text-secondary-alt: 100 116 139;
  --text-tertiary: 100 116 139;
  --link: var(--blue-600);
  --link-hover: var(--blue-700);
  --accent-primary: var(--blue-600);
  --accent-primary-hover: var(--blue-700);
  --header-primary: var(--white);
  --header-hover: var(--blue-50);
  --header-button-hover: var(--blue-100);
  --surface-primary: var(--white);
  --surface-primary-alt: 248 250 252;   /* slate-50 */
  --surface-primary-contrast: var(--white);
  --surface-secondary: 248 250 252;
  --surface-secondary-alt: 241 245 249;
  --surface-tertiary: 241 245 249;      /* slate-100 */
  --surface-tertiary-alt: 226 232 240;
  --surface-chat: var(--white);
  --surface-dialog: var(--white);
  --surface-hover: 241 245 249;
  --surface-hover-alt: 226 232 240;
  --surface-active: 219 234 254;        /* blue-100 */
  --surface-active-alt: 239 246 255;
  --surface-composer-hover: 241 245 249;
  --surface-submit: var(--blue-600);
  --surface-submit-hover: var(--blue-700);
  --surface-inverted: 15 23 42;
  --surface-inverted-hover: 30 41 59;
  --border-light: 229 231 235;          /* site --border hsl(0 0% 89.8%) */
  --border-medium: 209 213 219;
  --border-heavy: 156 163 175;
  --border-xheavy: 107 114 128;
  --ring-primary: var(--blue-600);
  --theme-surface-radius: 0.5rem;
  --theme-large-surface-radius: 0.75rem;
  --theme-font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

html:root.dark {
  --presentation: 10 10 10;             /* site dark hsl(0 0% 3.9%) */
  --text-primary: 250 250 250;
  --text-secondary: 203 213 225;
  --text-secondary-alt: 148 163 184;
  --text-tertiary: 148 163 184;
  --link: var(--blue-400);
  --link-hover: var(--blue-300);
  --accent-primary: var(--blue-500);
  --accent-primary-hover: var(--blue-400);
  --header-primary: 23 23 23;
  --header-hover: 38 38 38;
  --header-button-hover: 38 38 38;
  --surface-primary: 10 10 10;
  --surface-primary-alt: 23 23 23;
  --surface-primary-contrast: 23 23 23;
  --surface-secondary: 23 23 23;
  --surface-secondary-alt: 38 38 38;
  --surface-tertiary: 38 38 38;
  --surface-tertiary-alt: 64 64 64;
  --surface-chat: 10 10 10;
  --surface-dialog: 23 23 23;
  --surface-hover: 38 38 38;
  --surface-hover-alt: 64 64 64;
  --surface-active: 30 58 138;          /* blue-900 */
  --surface-active-alt: 23 37 84;
  --surface-composer-hover: 38 38 38;
  --surface-submit: var(--blue-600);
  --surface-submit-hover: var(--blue-500);
  --border-light: 38 38 38;
  --border-medium: 64 64 64;
  --border-heavy: 82 82 82;
  --border-xheavy: 115 115 115;
  --ring-primary: var(--blue-500);
}

/* Small polish to match the site's header + card treatment */
html body { font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
a { color: rgb(var(--link)); }
::selection { background: rgb(var(--blue-100)); }
html.dark ::selection { background: rgb(var(--blue-900)); }