:root {
  --aui-text-primary: #17191d;
  --aui-text-secondary: #5f6670;
  --aui-text-tertiary: #8b939e;
  --aui-text-inverse: #ffffff;
  --aui-bg-app: #f6f7f9;
  --aui-bg-rail: #f8f9fb;
  --aui-bg-panel: #ffffff;
  --aui-bg-elevated: #ffffff;
  --aui-bg-subtle: #f3f5f7;
  --aui-bg-hover: rgba(23, 31, 42, 0.052);
  --aui-fill: rgba(23, 31, 42, 0.11);
  --aui-fill-secondary: rgba(23, 31, 42, 0.065);
  --aui-fill-tertiary: rgba(23, 31, 42, 0.038);
  --aui-fill-quaternary: rgba(23, 31, 42, 0.02);
  --aui-border-subtle: rgba(24, 34, 48, 0.09);
  --aui-border-strong: rgba(24, 34, 48, 0.16);
  --aui-control-border: rgba(24, 34, 48, 0.12);
  --aui-control-border-hover: rgba(24, 34, 48, 0.2);
  --aui-accent: #2f6fed;
  --aui-accent-strong: #2459c7;
  --aui-surface-bg: var(--aui-bg-elevated);
  --aui-surface-bg-hover: var(--aui-bg-hover);
  --aui-surface-border: rgba(24, 34, 48, 0.085);
  --aui-surface-border-hover: rgba(24, 34, 48, 0.15);
  --aui-surface-border-inline-width: 1px;
  --aui-surface-radius: var(--aui-radius-md);
  --aui-glass-bg: rgba(255, 255, 255, 0.9);
  --aui-glass-border: rgba(24, 34, 48, 0.1);
  --aui-radius-xs: 4px;
  --aui-radius-sm: 6px;
  --aui-radius-md: 8px;
  --aui-radius-lg: 10px;
  --aui-radius-xl: 12px;
  --aui-shadow-xs: none;
  --aui-shadow-sm: none;
  --aui-shadow-md: none;
  --aui-shadow-lg: 0 18px 44px rgba(15, 23, 42, 0.12);
  --aui-surface-shadow: none;
  --aui-overlay-shadow: var(--aui-shadow-lg);
  --aui-control-shadow: none;
  --aui-composer-shadow: none;
  --aui-workbench-sidebar-bg: var(--aui-bg-rail);
  --aui-workbench-canvas-bg: var(--aui-bg-app);
  --aui-workbench-inspector-bg: var(--aui-bg-panel);
}

[data-aui-theme="dark"] {
  --aui-text-primary: #f3f4f6;
  --aui-text-secondary: #aeb4bf;
  --aui-text-tertiary: #737b87;
  --aui-text-inverse: #101318;
  --aui-bg-app: #111318;
  --aui-bg-rail: #0d0f13;
  --aui-bg-panel: #15181e;
  --aui-bg-elevated: #1a1e25;
  --aui-bg-subtle: #171b21;
  --aui-bg-hover: rgba(245, 247, 250, 0.075);
  --aui-fill: rgba(245, 247, 250, 0.15);
  --aui-fill-secondary: rgba(245, 247, 250, 0.095);
  --aui-fill-tertiary: rgba(245, 247, 250, 0.058);
  --aui-fill-quaternary: rgba(245, 247, 250, 0.028);
  --aui-border-subtle: rgba(245, 247, 250, 0.09);
  --aui-border-strong: rgba(245, 247, 250, 0.16);
  --aui-control-border: rgba(245, 247, 250, 0.12);
  --aui-control-border-hover: rgba(245, 247, 250, 0.2);
  --aui-accent: #7aa2f7;
  --aui-accent-strong: #9ab8fa;
  --aui-surface-bg: var(--aui-bg-elevated);
  --aui-surface-bg-hover: var(--aui-bg-hover);
  --aui-surface-border: rgba(245, 247, 250, 0.08);
  --aui-surface-border-hover: rgba(245, 247, 250, 0.15);
  --aui-glass-bg: rgba(21, 24, 30, 0.9);
  --aui-glass-border: rgba(245, 247, 250, 0.11);
  --aui-shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.28);
}

:root[data-aui-theme="light"][data-aui-palette="moss"] {
  --aui-text-primary: #2f3b36;
  --aui-text-secondary: #69756f;
  --aui-text-tertiary: #9aa39e;
  --aui-bg-app: #f3f1eb;
  --aui-bg-rail: #eae9e2;
  --aui-bg-panel: #faf9f5;
  --aui-bg-subtle: #f7f6f1;
  --aui-bg-hover: rgba(38, 48, 42, 0.048);
  --aui-fill: rgba(38, 48, 42, 0.1);
  --aui-fill-secondary: rgba(38, 48, 42, 0.06);
  --aui-fill-tertiary: rgba(38, 48, 42, 0.034);
  --aui-fill-quaternary: rgba(38, 48, 42, 0.018);
  --aui-border-subtle: rgba(45, 61, 50, 0.08);
  --aui-border-strong: rgba(45, 61, 50, 0.14);
  --aui-control-border: rgba(45, 61, 50, 0.105);
  --aui-control-border-hover: rgba(45, 61, 50, 0.18);
  --aui-accent: #6d998c;
  --aui-accent-strong: #47776c;
  --aui-surface-border: rgba(45, 61, 50, 0.075);
  --aui-surface-border-hover: rgba(45, 61, 50, 0.13);
  --aui-glass-bg: rgba(255, 255, 255, 0.78);
  --aui-glass-border: rgba(45, 61, 50, 0.09);
}

:root[data-aui-theme="light"][data-aui-palette="clay"] {
  --aui-text-primary: #302d2c;
  --aui-text-secondary: #6d6662;
  --aui-text-tertiary: #9b928c;
  --aui-bg-app: #f4f1eb;
  --aui-bg-rail: #ebe7de;
  --aui-bg-panel: #fbfaf7;
  --aui-bg-subtle: #f8f5ef;
  --aui-bg-hover: rgba(57, 43, 36, 0.046);
  --aui-fill: rgba(57, 43, 36, 0.09);
  --aui-fill-secondary: rgba(57, 43, 36, 0.058);
  --aui-fill-tertiary: rgba(57, 43, 36, 0.033);
  --aui-fill-quaternary: rgba(57, 43, 36, 0.017);
  --aui-border-subtle: rgba(74, 53, 42, 0.078);
  --aui-border-strong: rgba(74, 53, 42, 0.135);
  --aui-control-border: rgba(74, 53, 42, 0.1);
  --aui-control-border-hover: rgba(74, 53, 42, 0.17);
  --aui-accent: #8f5e63;
  --aui-accent-strong: #6d414b;
  --aui-surface-border: rgba(74, 53, 42, 0.072);
  --aui-surface-border-hover: rgba(74, 53, 42, 0.125);
  --aui-glass-bg: rgba(255, 252, 247, 0.72);
  --aui-glass-border: rgba(255, 255, 255, 0.74);
}

:root[data-aui-theme="light"][data-aui-palette="iris"] {
  --aui-text-primary: #2c2932;
  --aui-text-secondary: #6e6977;
  --aui-text-tertiary: #9b96a2;
  --aui-bg-app: #f6f4f8;
  --aui-bg-rail: #f0edf4;
  --aui-bg-panel: #faf8fc;
  --aui-bg-subtle: #f8f6fa;
  --aui-bg-hover: rgba(46, 40, 58, 0.047);
  --aui-fill: rgba(46, 40, 58, 0.09);
  --aui-fill-secondary: rgba(46, 40, 58, 0.058);
  --aui-fill-tertiary: rgba(46, 40, 58, 0.033);
  --aui-fill-quaternary: rgba(46, 40, 58, 0.017);
  --aui-border-subtle: rgba(61, 52, 79, 0.078);
  --aui-border-strong: rgba(61, 52, 79, 0.135);
  --aui-control-border: rgba(61, 52, 79, 0.1);
  --aui-control-border-hover: rgba(61, 52, 79, 0.17);
  --aui-accent: #776d96;
  --aui-accent-strong: #635985;
  --aui-surface-border: rgba(61, 52, 79, 0.072);
  --aui-surface-border-hover: rgba(61, 52, 79, 0.125);
  --aui-glass-bg: rgba(250, 248, 252, 0.79);
  --aui-glass-border: rgba(255, 255, 255, 0.76);
}

:root[data-aui-palette="clay"][data-aui-theme="dark"] {
  --aui-accent: #d0a18d;
  --aui-accent-strong: #dfb5a3;
}

:root[data-aui-palette="iris"][data-aui-theme="dark"] {
  --aui-accent: #b6aad1;
  --aui-accent-strong: #c9bee0;
}

:root[data-aui-palette="moss"][data-aui-theme="dark"] {
  --aui-accent: #9db9a4;
  --aui-accent-strong: #b2c9b7;
}

:where([data-aui-theme]) {
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
}

:where([data-aui-theme]) .aui-thread-header {
  border-bottom-color: var(--aui-glass-border);
  background: var(--aui-glass-bg);
  backdrop-filter: blur(20px) saturate(135%);
}

:where([data-aui-theme]) .aui-thread-conversation .conversation-item {
  padding-block: 13px;
}

:where([data-aui-theme]) .aui-thread-conversation .conversation-entry,
:where([data-aui-theme]) .aui-thread-conversation .conversation-body {
  box-shadow: none;
}

:where([data-aui-theme]) .aui-thread-status-panel,
:where([data-aui-theme]) .aui-thread-result-snapshot-panel,
:where([data-aui-theme]) .aui-thread-outcome-panel {
  box-shadow: none;
}

:where([data-aui-theme]) .aui-drawer,
:where([data-aui-theme]) .aui-dialog,
:where([data-aui-theme]) .aui-command-palette,
:where([data-aui-theme]) .aui-dropdown__menu,
:where([data-aui-theme]) .aui-select__listbox,
:where([data-aui-theme]) .aui-toast-viewport li {
  border-color: var(--aui-glass-border);
  background: var(--aui-glass-bg);
  backdrop-filter: blur(20px) saturate(135%);
}

:where([data-aui-theme]) .aui-drawer,
:where([data-aui-theme]) .aui-dialog,
:where([data-aui-theme]) .aui-command-palette,
:where([data-aui-theme]) .aui-toast-viewport li {
  box-shadow: var(--aui-overlay-shadow);
}

@media (prefers-reduced-transparency: reduce) {
  :where([data-aui-theme]) .aui-thread-header,
  :where([data-aui-theme]) .aui-drawer,
  :where([data-aui-theme]) .aui-dialog,
  :where([data-aui-theme]) .aui-command-palette,
  :where([data-aui-theme]) .aui-dropdown__menu,
  :where([data-aui-theme]) .aui-select__listbox,
  :where([data-aui-theme]) .aui-toast-viewport li {
    background: var(--aui-bg-elevated);
    backdrop-filter: none;
  }
}

@media (prefers-contrast: more) {
  :where([data-aui-theme]) .aui-surface,
  :where([data-aui-theme]) .aui-thread-header,
  :where([data-aui-theme]) .aui-thread-status-panel {
    border-color: var(--aui-border-strong);
  }
}