[data-ds-part="root"] {
  background-color: var(--ds-theme-color-background);
  color: var(--ds-theme-color-text);
}

[data-ds-part="sidebar"] {
  background-color: var(--ds-theme-color-panel);
  border-color: var(--ds-theme-color-line);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.1);
  transition-property: background-color, border-color;
  transition-duration: 180ms;
}

[data-ds-part="main"] {
  background-color: var(--ds-theme-color-background);
  color: var(--ds-theme-color-text);
}

[data-ds-part="header"] {
  background-color: var(--ds-theme-color-panel-alt);
  border-color: var(--ds-theme-color-line);
  border-width: 0 0 1px 0;
  border-style: solid;
}

[data-ds-part="home"] {
  color: var(--ds-theme-color-text);
}

[data-ds-part="home-hero"] {
  color: var(--ds-theme-color-highlight);
}

[data-ds-part="project-list"] {
  color: var(--ds-theme-color-muted);
  border-color: var(--ds-theme-color-line);
  border-width: 1px 0 0 0;
  border-style: solid;
}

[data-ds-part="thread"] {
  color: var(--ds-theme-color-text);
}

[data-ds-part="message"] {
  background-color: var(--ds-theme-color-panel-alt);
  color: var(--ds-theme-color-text);
  border-color: var(--ds-theme-color-line);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  transition-property: border-color;
  transition-duration: 160ms;
}

[data-ds-part="message"]:hover {
  border-color: var(--ds-theme-color-accent);
}

[data-ds-part="composer"] {
  background-color: var(--ds-theme-color-panel);
  border-color: var(--ds-theme-color-line);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.08);
  transition-property: border-color;
  transition-duration: 160ms;
}

[data-ds-part="composer"]:focus-visible {
  border-color: var(--ds-theme-color-accent);
}

[data-ds-part="composer-toolbar"] {
  color: var(--ds-theme-color-muted);
  border-color: var(--ds-theme-color-line);
  border-width: 1px 0 0 0;
  border-style: solid;
}

[data-ds-part="dialog"] {
  background-color: var(--ds-theme-color-panel);
  color: var(--ds-theme-color-text);
  border-color: var(--ds-theme-color-accent-alt);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--ds-theme-surface-radius);
  backdrop-filter: blur(var(--ds-theme-surface-blur)) saturate(1.12);
}