:root {
  --exl-window-bg: var(--exl-app-bg, #ffffff);
  --exl-window-frame-bg: var(--exl-surface-bg);
  --exl-assistant-bg: var(--exl-surface-bg);
  --exl-chat-navigation-bg: var(--exl-surface-subtle-bg);
}

html.dark {
  --exl-window-bg: var(--exl-app-bg, #0f172a);
}

@media (prefers-reduced-transparency: no-preference) and (forced-colors: none) {
  html[data-window-backdrop="mica"] {
    --exl-window-bg: transparent;
    --exl-window-frame-bg: transparent;
    --exl-assistant-bg: transparent;
    --exl-chat-navigation-bg: transparent;
    --exl-title-bar-bg: transparent;
  }
}