/* 桌面端渲染层 token 的单一来源。
   视觉样式优先消费语义 token，旧的 --ui-* / --seg-* 继续保留为兼容别名，
   方便现有样式逐步迁移。 */

:root {
  color-scheme: light dark;
  font-family: "IBM Plex Sans", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;

  --font-sans: "IBM Plex Sans", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "IBM Plex Mono", "JetBrains Mono", "Consolas", monospace;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;

  --radius-control: 4px;
  --radius-chip: 6px;
  --radius-panel: 8px;
  --radius-overlay: 12px;
  --radius-window: 20px;
  --radius-window-lg: 28px;
  --radius-pill: 999px;

  --motion-fast: 140ms;
  --motion-base: 180ms;
  --motion-slow: 220ms;
  --motion-xslow: 320ms;
  --ease-standard: ease;

  --surface-app-light: #fafaf9;
  --surface-shell-light: #f5f2ee;
  --surface-panel-light: #ffffff;
  --surface-panel-muted-light: #f7f1ee;
  --surface-sidebar-light: #f3ece7;
  --surface-sidebar-strong-light: #ebe1da;
  --surface-user-bubble-light: #fff1f2;
  --surface-trace-light: #f8f2ef;
  --surface-elevated-light: rgba(255, 255, 255, 0.96);
  --surface-overlay-light: rgba(41, 37, 36, 0.16);
  --surface-code-light: #27272a;
  --surface-code-strong-light: #1c1917;
  --text-primary-light: #292524;
  --text-secondary-light: #78716c;
  --text-tertiary-light: #a8a29e;
  --text-on-dark-light: #fafaf9;
  --border-subtle-light: rgba(41, 37, 36, 0.08);
  --border-default-light: #e7e5e4;
  --shadow-sm-light: 0 14px 30px rgba(41, 37, 36, 0.06);
  --shadow-md-light: 0 20px 46px rgba(41, 37, 36, 0.08);
  --shadow-lg-light: 0 28px 68px rgba(41, 37, 36, 0.12);

  --surface-app-dark: #1c1917;
  --surface-shell-dark: #221d1a;
  --surface-panel-dark: #292524;
  --surface-panel-muted-dark: #342d2a;
  --surface-sidebar-dark: #241f1c;
  --surface-sidebar-strong-dark: #181311;
  --surface-user-bubble-dark: rgba(225, 112, 104, 0.16);
  --surface-trace-dark: #241d1b;
  --surface-elevated-dark: rgba(41, 37, 36, 0.96);
  --surface-overlay-dark: rgba(12, 10, 9, 0.58);
  --surface-code-dark: #27272a;
  --surface-code-strong-dark: #14100f;
  --text-primary-dark: #f5f5f4;
  --text-secondary-dark: #d6d3d1;
  --text-tertiary-dark: #a8a29e;
  --text-on-dark-dark: #fafaf9;
  --border-subtle-dark: rgba(231, 229, 228, 0.14);
  --border-default-dark: rgba(231, 229, 228, 0.24);
  --shadow-sm-dark: 0 12px 28px rgba(12, 10, 9, 0.28);
  --shadow-md-dark: 0 18px 40px rgba(12, 10, 9, 0.34);
  --shadow-lg-dark: 0 28px 64px rgba(12, 10, 9, 0.42);

  --brand-primary: #d46b63;
  --brand-primary-hover: #b9534c;
  --brand-accent-highlight: #fca5a5;
  --brand-primary-soft: rgba(212, 107, 99, 0.12);
  --brand-primary-soft-strong: rgba(212, 107, 99, 0.18);
  --brand-primary-dark: #e17068;
  --brand-primary-hover-dark: #fca5a5;
  --brand-accent-highlight-dark: #fca5a5;
  --brand-primary-soft-dark: rgba(225, 112, 104, 0.14);
  --brand-primary-soft-strong-dark: rgba(225, 112, 104, 0.22);
  --semantic-accent-icon-light: #78716c;
  --semantic-accent-icon-dark: #d6d3d1;
  --semantic-accent-icon-hover-light: #b9534c;
  --semantic-accent-icon-hover-dark: #fca5a5;
  --semantic-accent-icon-active-light: #fca5a5;
  --semantic-accent-icon-active-dark: #fca5a5;

  --semantic-success-light: #65a30d;
  --semantic-success-dark: #65a30d;
  --semantic-success-strong-light: #5b8f11;
  --semantic-success-strong-dark: #7cb032;
  --semantic-success-text-light: #5e9410;
  --semantic-success-text-dark: #76ad29;
  --semantic-success-border-light: #c3d3a8;
  --semantic-success-border-dark: #c3d3a8;
  --semantic-success-surface-light: #f0f6e7;
  --semantic-success-surface-dark: #2f3222;
  --semantic-success-surface-strong-light: #e6f0d8;
  --semantic-success-surface-strong-dark: #333920;
  --semantic-warning-light: #b45309;
  --semantic-warning-dark: #b45309;
  --semantic-warning-strong-light: #9e4c0d;
  --semantic-warning-strong-dark: #be6d2f;
  --semantic-warning-text-light: #a34d0c;
  --semantic-warning-text-dark: #bc6625;
  --semantic-warning-border-light: #d9bca7;
  --semantic-warning-border-dark: #d9bca7;
  --semantic-warning-surface-light: #f8eee6;
  --semantic-warning-surface-dark: #372a21;
  --semantic-warning-surface-strong-light: #f3e3d8;
  --semantic-warning-surface-strong-dark: #3f2c20;
  --semantic-error-light: #9f1239;
  --semantic-error-dark: #9f1239;
  --semantic-error-strong-light: #8c1536;
  --semantic-error-strong-dark: #ad3657;
  --semantic-error-text-light: #911436;
  --semantic-error-text-dark: #a92d4f;
  --semantic-error-border-light: #d3aab4;
  --semantic-error-border-dark: #d3aab4;
  --semantic-error-surface-light: #f5e7eb;
  --semantic-error-surface-dark: #352326;
  --semantic-error-surface-strong-light: #f0d9df;
  --semantic-error-surface-strong-dark: #3c2227;
  --semantic-info-light: #6366f1;
  --semantic-info-dark: #6366f1;
  --semantic-info-strong-light: #5a5cd0;
  --semantic-info-strong-dark: #7a7df1;
  --semantic-info-text-light: #5c5ed8;
  --semantic-info-text-dark: #7577f1;
  --semantic-info-border-light: #c2c1e8;
  --semantic-info-border-dark: #c2c1e8;
  --semantic-info-surface-light: #eff0fe;
  --semantic-info-surface-dark: #2f2c39;
  --semantic-info-surface-strong-light: #e6e7fd;
  --semantic-info-surface-strong-dark: #322f45;
  /* 语义状态色补成完整的派生层。
     默认情况下这些值会跟随基础色、边框色和面板色自动联动；
     如果设置页单独覆盖某个派生 token，也能精细控制局部语义表现。 */
  --semantic-success: var(--semantic-success-light);
  --semantic-success-strong: var(--semantic-success-strong-light);
  --semantic-success-text: var(--semantic-success-text-light);
  --semantic-success-border: var(--semantic-success-border-light);
  --semantic-success-surface: var(--semantic-success-surface-light);
  --semantic-success-surface-strong: var(--semantic-success-surface-strong-light);
  --semantic-warning: var(--semantic-warning-light);
  --semantic-warning-strong: var(--semantic-warning-strong-light);
  --semantic-warning-text: var(--semantic-warning-text-light);
  --semantic-warning-border: var(--semantic-warning-border-light);
  --semantic-warning-surface: var(--semantic-warning-surface-light);
  --semantic-warning-surface-strong: var(--semantic-warning-surface-strong-light);
  --semantic-error: var(--semantic-error-light);
  --semantic-error-strong: var(--semantic-error-strong-light);
  --semantic-error-text: var(--semantic-error-text-light);
  --semantic-error-border: var(--semantic-error-border-light);
  --semantic-error-surface: var(--semantic-error-surface-light);
  --semantic-error-surface-strong: var(--semantic-error-surface-strong-light);
  --semantic-info: var(--semantic-info-light);
  --semantic-info-strong: var(--semantic-info-strong-light);
  --semantic-info-text: var(--semantic-info-text-light);
  --semantic-info-border: var(--semantic-info-border-light);
  --semantic-info-surface: var(--semantic-info-surface-light);
  --semantic-info-surface-strong: var(--semantic-info-surface-strong-light);
  --semantic-accent-icon: var(--semantic-accent-icon-light);
  --semantic-accent-icon-hover: var(--semantic-accent-icon-hover-light);
  --semantic-accent-icon-active: var(--semantic-accent-icon-active-light);
  --semantic-pane-tab-bar-surface-light: #f5f2ee;
  --semantic-pane-tab-bar-surface-dark: #221d1a;
  --semantic-left-sidebar-top-menu-surface-light: #f3ece7;
  --semantic-left-sidebar-top-menu-surface-dark: #241f1c;
  --semantic-right-sidebar-top-menu-surface-light: #f5f2ee;
  --semantic-right-sidebar-top-menu-surface-dark: #221d1a;
  --semantic-terminal-surface-light: #ffffff;
  --semantic-terminal-surface-dark: #000000;
  --semantic-sidebar-tree-row-text-light: var(--text-secondary-light);
  --semantic-sidebar-tree-row-text-dark: var(--text-secondary-dark);
  --semantic-sidebar-tree-row-text-hover-light: var(--text-primary-light);
  --semantic-sidebar-tree-row-text-hover-dark: var(--text-primary-dark);
  --semantic-sidebar-tree-row-text-active-light: var(--brand-primary-hover);
  --semantic-sidebar-tree-row-text-active-dark: var(--brand-primary-hover-dark);
  --semantic-sidebar-tree-row-surface-hover-light: var(--mix-seg-panel-muted-86-transparent-14-light);
  --semantic-sidebar-tree-row-surface-hover-dark: var(--mix-seg-panel-muted-86-transparent-14-dark);
  --semantic-sidebar-tree-row-surface-active-light: var(--mix-seg-accent-soft-84-transparent-16-light);
  --semantic-sidebar-tree-row-surface-active-dark: var(--mix-seg-accent-soft-84-transparent-16-dark);
  --semantic-sidebar-tree-row-leading-active-light: var(--brand-primary);
  --semantic-sidebar-tree-row-leading-active-dark: var(--brand-primary-dark);
  --semantic-composer-surface-light: #ffffff;
  --semantic-composer-surface-dark: #292524;
  --semantic-dropdown-menu-surface-light: #ffffff;
  --semantic-dropdown-menu-surface-dark: #302a28;
  --semantic-question-card-surface-light: #f8eeeb;
  --semantic-question-card-surface-dark: #332623;
  --semantic-proposed-plan-card-surface-light: #ffffff;
  --semantic-proposed-plan-card-surface-dark: #292524;
  --semantic-thread-response-text-light: var(--text-primary-light);
  --semantic-thread-response-text-dark: var(--text-primary-dark);
  --semantic-thread-reasoning-text-light: var(--text-secondary-light);
  --semantic-thread-reasoning-text-dark: var(--text-secondary-dark);
  --semantic-markdown-text-light: var(--text-primary-light);
  --semantic-markdown-text-dark: var(--text-primary-dark);
  --semantic-markdown-muted-text-light: var(--text-secondary-light);
  --semantic-markdown-muted-text-dark: var(--text-secondary-dark);
  --semantic-markdown-strong-text-light: var(--text-primary-light);
  --semantic-markdown-strong-text-dark: var(--text-primary-dark);
  --semantic-markdown-accent-light: var(--brand-primary-hover);
  --semantic-markdown-accent-dark: var(--brand-primary-hover-dark);
  --semantic-markdown-border-light: var(--mix-seg-border-82-transparent-18-light);
  --semantic-markdown-border-dark: var(--mix-seg-border-82-transparent-18-dark);
  --semantic-markdown-border-strong-light: var(--mix-seg-accent-24-seg-border-76-light);
  --semantic-markdown-border-strong-dark: var(--mix-seg-accent-24-seg-border-76-dark);
  --semantic-markdown-quote-surface-light: var(--mix-seg-accent-soft-72-seg-panel-28-light);
  --semantic-markdown-quote-surface-dark: var(--mix-seg-accent-soft-72-seg-panel-28-dark);
  --semantic-markdown-inline-code-surface-light: var(--mix-seg-accent-soft-80-seg-panel-20-light);
  --semantic-markdown-inline-code-surface-dark: var(--mix-seg-accent-soft-80-seg-panel-20-dark);
  --semantic-markdown-table-head-surface-light: var(--mix-seg-panel-muted-82-seg-panel-18-light);
  --semantic-markdown-table-head-surface-dark: var(--mix-seg-panel-muted-82-seg-panel-18-dark);
  --semantic-markdown-table-row-alt-surface-light: var(--mix-seg-panel-muted-72-seg-panel-28-light);
  --semantic-markdown-table-row-alt-surface-dark: var(--mix-seg-panel-muted-72-seg-panel-28-dark);
  --semantic-markdown-code-surface-light: #27272a;
  --semantic-markdown-code-surface-dark: var(--surface-code-dark);
  --semantic-markdown-code-text-light: var(--text-on-dark-light);
  --semantic-markdown-code-text-dark: var(--text-on-dark-dark);
  --semantic-markdown-code-muted-text-light: rgba(250, 250, 249, 0.62);
  --semantic-markdown-code-muted-text-dark: rgba(250, 250, 249, 0.62);
  --semantic-markdown-code-border-light: var(--mix-surface-code-48-seg-border-52-light);
  --semantic-markdown-code-border-dark: var(--mix-surface-code-48-seg-border-52-dark);
  --semantic-pane-tab-bar-surface: var(--semantic-pane-tab-bar-surface-light);
  --semantic-left-sidebar-top-menu-surface: var(--semantic-left-sidebar-top-menu-surface-light);
  --semantic-right-sidebar-top-menu-surface: var(--semantic-right-sidebar-top-menu-surface-light);
  --semantic-terminal-surface: var(--semantic-terminal-surface-light);
  --semantic-sidebar-tree-row-text: var(--semantic-sidebar-tree-row-text-light);
  --semantic-sidebar-tree-row-text-hover: var(--semantic-sidebar-tree-row-text-hover-light);
  --semantic-sidebar-tree-row-text-active: var(--semantic-sidebar-tree-row-text-active-light);
  --semantic-sidebar-tree-row-surface-hover: var(--semantic-sidebar-tree-row-surface-hover-light);
  --semantic-sidebar-tree-row-surface-active: var(--semantic-sidebar-tree-row-surface-active-light);
  --semantic-sidebar-tree-row-leading-active: var(--semantic-sidebar-tree-row-leading-active-light);
  --semantic-composer-surface: var(--semantic-composer-surface-light);
  --semantic-dropdown-menu-surface: var(--semantic-dropdown-menu-surface-light);
  --semantic-question-card-surface: var(--semantic-question-card-surface-light);
  --semantic-proposed-plan-card-surface: var(--semantic-proposed-plan-card-surface-light);
  --semantic-thread-response-text: var(--semantic-thread-response-text-light);
  --semantic-thread-reasoning-text: var(--semantic-thread-reasoning-text-light);
  --semantic-markdown-text: var(--semantic-markdown-text-light);
  --semantic-markdown-muted-text: var(--semantic-markdown-muted-text-light);
  --semantic-markdown-strong-text: var(--semantic-markdown-strong-text-light);
  --semantic-markdown-accent: var(--semantic-markdown-accent-light);
  --semantic-markdown-border: var(--semantic-markdown-border-light);
  --semantic-markdown-border-strong: var(--semantic-markdown-border-strong-light);
  --semantic-markdown-quote-surface: var(--semantic-markdown-quote-surface-light);
  --semantic-markdown-inline-code-surface: var(--semantic-markdown-inline-code-surface-light);
  --semantic-markdown-table-head-surface: var(--semantic-markdown-table-head-surface-light);
  --semantic-markdown-table-row-alt-surface: var(--semantic-markdown-table-row-alt-surface-light);
  --semantic-markdown-code-surface: var(--semantic-markdown-code-surface-light);
  --semantic-markdown-code-text: var(--semantic-markdown-code-text-light);
  --semantic-markdown-code-muted-text: var(--semantic-markdown-code-muted-text-light);
  --semantic-markdown-code-border: var(--semantic-markdown-code-border-light);
  --semantic-composer-button-surface-light: #f0f1ff;
  --semantic-composer-button-surface-strong-light: #e5e7ff;
  --semantic-composer-button-text-light: #4f46e5;
  --semantic-composer-button-text-strong-light: #4338ca;
  --semantic-composer-button-surface-dark: #333044;
  --semantic-composer-button-surface-strong-dark: #3d365a;
  --semantic-composer-button-text-dark: #c4b5fd;
  --semantic-composer-button-text-strong-dark: #ddd6fe;
  --semantic-composer-button-surface: var(--semantic-composer-button-surface-light);
  --semantic-composer-button-surface-strong: var(--semantic-composer-button-surface-strong-light);
  --semantic-composer-button-text: var(--semantic-composer-button-text-light);
  --semantic-composer-button-text-strong: var(--semantic-composer-button-text-strong-light);
  --focus-outline-color-light: rgba(212, 107, 99, 0.32);
  --focus-outline-color-dark: rgba(225, 112, 104, 0.32);
  --selection-background-light: rgba(212, 107, 99, 0.18);
  --selection-background-dark: rgba(225, 112, 104, 0.18);
  --ui-panel-light: rgba(255, 255, 255, 0.84);
  --ui-panel-dark: rgba(41, 37, 36, 0.9);
  --ui-panel-subtle-light: rgba(247, 241, 238, 0.88);
  --ui-panel-subtle-dark: rgba(52, 45, 42, 0.92);
  --settings-theme-token-bg-light: #fbf7f5;
  --settings-theme-token-bg-dark: #2f2927;
  --settings-theme-token-custom-bg-light: #f8e7e6;
  --settings-theme-token-custom-bg-dark: #46312f;
  --settings-theme-token-custom-border-light: #e2c5c2;
  --settings-theme-token-custom-border-dark: rgba(227, 159, 154, 0.438);
  --settings-theme-token-code-bg-light: #f7f4f1;
  --settings-theme-token-code-bg-dark: #231e1c;
  --settings-theme-token-bg: var(--settings-theme-token-bg-light);
  --settings-theme-token-custom-bg: var(--settings-theme-token-custom-bg-light);
  --settings-theme-token-custom-border: var(--settings-theme-token-custom-border-light);
  --settings-theme-token-code-bg: var(--settings-theme-token-code-bg-light);
  /* Precomputed single-token colors migrated from legacy color-mix usage. */
  --mix-brand-accent-active-12-transparent-88-light: rgba(252, 165, 165, 0.12);
  --mix-brand-accent-active-12-seg-panel-88-light: #fff4f4;
  --mix-brand-accent-active-16-transparent-84-light: rgba(252, 165, 165, 0.16);
  --mix-brand-accent-active-20-transparent-80-light: rgba(252, 165, 165, 0.2);
  --mix-brand-accent-active-24-seg-border-76-light: #ecd6d5;
  --mix-brand-accent-active-26-seg-border-74-light: #ecd4d4;
  --mix-brand-accent-active-28-rgba-148-163-184-0-28-72-light: rgba(208, 164, 173, 0.482);
  --mix-brand-accent-active-48-transparent-52-light: rgba(252, 165, 165, 0.48);
  --mix-seg-accent-12-transparent-88-light: rgba(212, 107, 99, 0.12);
  --mix-seg-accent-14-transparent-86-light: rgba(212, 107, 99, 0.14);
  --mix-seg-accent-14-seg-border-86-light: #e4d4d2;
  --mix-seg-accent-16-transparent-84-light: rgba(212, 107, 99, 0.16);
  --mix-seg-accent-22-seg-border-78-light:
    color-mix(in srgb, var(--brand-primary) 22%, var(--border-default-light) 78%);
  --mix-seg-accent-24-transparent-76-light: rgba(212, 107, 99, 0.24);
  --mix-seg-accent-24-seg-border-76-light: #e2c8c5;
  --mix-seg-accent-26-seg-border-74-light: #e2c5c2;
  --mix-seg-accent-28-seg-border-72-light: #e2c3c0;
  --mix-seg-accent-32-seg-border-68-light: #e1bebb;
  --mix-seg-accent-34-seg-border-66-light: #e1bcb8;
  --mix-seg-accent-36-seg-border-64-light: #e0b9b6;
  --mix-seg-accent-40-seg-border-60-light: #dfb4b0;
  --mix-seg-accent-42-seg-border-58-light: #dfb2ae;
  --mix-seg-accent-48-seg-border-52-light: #deaaa6;
  --mix-seg-accent-72-transparent-28-light: rgba(212, 107, 99, 0.72);
  --mix-seg-accent-soft-42-seg-shell-58-light: rgba(242, 231, 227, 0.63);
  --mix-seg-accent-soft-68-seg-panel-32-light: rgba(246, 225, 223, 0.402);
  --mix-seg-accent-soft-70-seg-panel-30-light: rgba(246, 223, 221, 0.384);
  --mix-seg-accent-soft-72-transparent-28-light: rgba(212, 107, 99, 0.086);
  --mix-seg-accent-soft-72-seg-panel-28-light: rgba(245, 220, 218, 0.366);
  --mix-seg-accent-soft-72-surface-trace-28-light: rgba(240, 210, 206, 0.366);
  --mix-seg-accent-soft-74-seg-panel-26-light: rgba(244, 217, 215, 0.349);
  --mix-seg-accent-soft-76-seg-panel-24-light: rgba(243, 214, 212, 0.331);
  --mix-seg-accent-soft-78-seg-panel-22-light: rgba(242, 211, 208, 0.314);
  --mix-seg-accent-soft-80-seg-panel-20-light: rgba(241, 207, 204, 0.296);
  --mix-seg-accent-soft-82-transparent-18-light: rgba(212, 107, 99, 0.098);
  --mix-seg-accent-soft-84-transparent-16-light: rgba(212, 107, 99, 0.101);
  --mix-seg-accent-soft-84-seg-panel-16-light: rgba(238, 198, 195, 0.261);
  --mix-seg-accent-strong-88-white-12-light: #c16861;
  --mix-seg-border-74-transparent-26-light: rgba(231, 229, 228, 0.74);
  --mix-seg-border-76-transparent-24-light: rgba(231, 229, 228, 0.76);
  --mix-seg-border-82-transparent-18-light: rgba(231, 229, 228, 0.82);
  --mix-seg-border-82-white-18-light: #ebeae9;
  --mix-seg-border-84-transparent-16-light: rgba(231, 229, 228, 0.84);
  --mix-seg-border-86-seg-accent-soft-14-light: rgba(231, 227, 226, 0.877);
  --mix-seg-border-88-white-12-light: #eae8e7;
  --mix-seg-border-90-transparent-10-light: rgba(231, 229, 228, 0.9);
  --mix-seg-border-96-transparent-4-light: rgba(231, 229, 228, 0.96);
  --mix-seg-border-72-seg-panel-28-light:
    color-mix(in srgb, var(--border-default-light) 72%, var(--surface-panel-light) 28%);
  --mix-seg-danger-10-transparent-90-light: rgba(159, 18, 57, 0.1);
  --mix-seg-danger-72-text-on-dark-28-light: #b8536f;
  --mix-seg-danger-78-seg-text-1-22-light: #851634;
  --mix-seg-danger-8-seg-panel-92-light: #f7ecef;
  --mix-seg-danger-9-transparent-91-light: rgba(159, 18, 57, 0.09);
  --mix-seg-divider-80-transparent-20-light: rgba(41, 37, 36, 0.064);
  --mix-seg-panel-66-seg-panel-muted-34-light: #fcfaf9;
  --mix-seg-panel-72-seg-panel-muted-28-light: #fdfbfa;
  --mix-seg-panel-76-seg-panel-muted-24-light: #fdfcfb;
  --mix-seg-panel-88-white-12-light: #ffffff;
  --mix-seg-panel-92-transparent-8-light: rgba(255, 255, 255, 0.92);
  --mix-seg-panel-muted-72-seg-panel-28-light: #f9f5f3;
  --mix-seg-panel-muted-74-seg-panel-26-light: #f9f5f2;
  --mix-seg-panel-muted-78-seg-panel-22-light: #f9f4f2;
  --mix-seg-panel-muted-82-seg-panel-18-light: #f8f4f1;
  --mix-seg-panel-muted-86-transparent-14-light: rgba(247, 241, 238, 0.86);
  --mix-seg-panel-muted-88-seg-panel-12-light: #f8f3f0;
  --mix-seg-panel-muted-92-seg-accent-soft-8-light: rgba(247, 240, 237, 0.93);
  --mix-seg-shell-56-ffffff-44-light: #f9f8f5;
  --mix-seg-shell-62-ffffff-38-light: #f9f7f4;
  --mix-seg-shell-82-eef2f7-18-light: #f4f2f0;
  --mix-seg-shell-84-seg-panel-muted-16-light: #f5f2ee;
  --mix-seg-shell-88-seg-panel-12-light: #f6f4f0;
  --mix-seg-shell-92-ffffff-8-light: #f6f3ef;
  --mix-seg-shell-92-seg-panel-8-light: #f6f3ef;
  --mix-seg-success-10-transparent-90-light: rgba(101, 163, 13, 0.1);
  --mix-seg-success-72-text-on-dark-28-light: #8fbb4f;
  --mix-seg-success-78-seg-text-1-22-light: #588712;
  --mix-seg-success-9-transparent-91-light: rgba(101, 163, 13, 0.09);
  --mix-seg-text-1-5-transparent-95-light: rgba(41, 37, 36, 0.05);
  --mix-seg-text-2-12-transparent-88-light: rgba(120, 113, 108, 0.12);
  --mix-seg-text-3-34-transparent-66-light: rgba(168, 162, 158, 0.34);
  --mix-seg-text-3-54-transparent-46-light: rgba(168, 162, 158, 0.54);
  --mix-seg-warning-surface-84-surface-trace-16-light: #f8efe7;
  --mix-surface-code-16-seg-panel-84-light: #dcdcdd;
  --mix-surface-code-34-seg-border-66-light: #a6a4a5;
  --mix-surface-code-48-seg-border-52-light: #8b8a8b;
  --mix-surface-code-86-surface-code-strong-14-light: #252527;
  --mix-surface-code-88-surface-code-strong-12-light: #262528;
  --mix-surface-elevated-88-seg-panel-12-light: rgba(255, 255, 255, 0.965);
  --mix-surface-trace-84-seg-panel-16-light: #f9f4f2;
  --mix-surface-trace-88-seg-panel-12-light: #f9f4f1;
  --mix-surface-user-bubble-68-seg-panel-32-light: #fff5f6;
  --mix-ui-accent-strong-14-transparent-86-light: rgba(185, 83, 76, 0.14);
  --mix-ui-accent-strong-18-transparent-82-light: rgba(185, 83, 76, 0.18);
  --mix-brand-accent-active-12-transparent-88-dark: rgba(252, 165, 165, 0.12);
  --mix-brand-accent-active-12-seg-panel-88-dark: #423433;
  --mix-brand-accent-active-16-transparent-84-dark: rgba(252, 165, 165, 0.16);
  --mix-brand-accent-active-20-transparent-80-dark: rgba(252, 165, 165, 0.2);
  --mix-brand-accent-active-24-seg-border-76-dark: rgba(243, 193, 192, 0.422);
  --mix-brand-accent-active-26-seg-border-74-dark: rgba(243, 191, 191, 0.438);
  --mix-brand-accent-active-28-rgba-148-163-184-0-28-72-dark: rgba(208, 164, 173, 0.482);
  --mix-brand-accent-active-48-transparent-52-dark: rgba(252, 165, 165, 0.48);
  --mix-seg-accent-12-transparent-88-dark: rgba(225, 112, 104, 0.12);
  --mix-seg-accent-14-transparent-86-dark: rgba(225, 112, 104, 0.14);
  --mix-seg-accent-14-seg-border-86-dark: rgba(229, 182, 178, 0.346);
  --mix-seg-accent-16-transparent-84-dark: rgba(225, 112, 104, 0.16);
  --mix-seg-accent-22-seg-border-78-dark:
    color-mix(in srgb, var(--brand-primary-dark) 22%, var(--border-default-dark) 78%);
  --mix-seg-accent-24-transparent-76-dark: rgba(225, 112, 104, 0.24);
  --mix-seg-accent-24-seg-border-76-dark: rgba(228, 163, 158, 0.422);
  --mix-seg-accent-26-seg-border-74-dark: rgba(227, 159, 154, 0.438);
  --mix-seg-accent-28-seg-border-72-dark: rgba(227, 157, 151, 0.453);
  --mix-seg-accent-32-seg-border-68-dark: rgba(227, 152, 146, 0.483);
  --mix-seg-accent-34-seg-border-66-dark: rgba(227, 149, 143, 0.498);
  --mix-seg-accent-36-seg-border-64-dark: rgba(227, 147, 141, 0.514);
  --mix-seg-accent-40-seg-border-60-dark: rgba(227, 143, 137, 0.544);
  --mix-seg-accent-42-seg-border-58-dark: rgba(226, 141, 135, 0.559);
  --mix-seg-accent-48-seg-border-52-dark: rgba(226, 136, 130, 0.605);
  --mix-seg-accent-72-transparent-28-dark: rgba(225, 112, 104, 0.72);
  --mix-seg-accent-soft-42-seg-shell-58-dark: rgba(52, 37, 33, 0.639);
  --mix-seg-accent-soft-68-seg-panel-32-dark: rgba(83, 54, 52, 0.415);
  --mix-seg-accent-soft-70-seg-panel-30-dark: rgba(86, 55, 53, 0.398);
  --mix-seg-accent-soft-72-transparent-28-dark: rgba(225, 112, 104, 0.101);
  --mix-seg-accent-soft-72-seg-panel-28-dark: rgba(90, 57, 54, 0.381);
  --mix-seg-accent-soft-72-surface-trace-28-dark: rgba(86, 51, 47, 0.381);
  --mix-seg-accent-soft-74-seg-panel-26-dark: rgba(93, 58, 55, 0.364);
  --mix-seg-accent-soft-76-seg-panel-24-dark: rgba(98, 60, 57, 0.346);
  --mix-seg-accent-soft-78-seg-panel-22-dark: rgba(102, 62, 59, 0.329);
  --mix-seg-accent-soft-80-seg-panel-20-dark: rgba(107, 64, 60, 0.312);
  --mix-seg-accent-soft-82-transparent-18-dark: rgba(225, 112, 104, 0.115);
  --mix-seg-accent-soft-84-transparent-16-dark: rgba(225, 112, 104, 0.118);
  --mix-seg-accent-soft-84-seg-panel-16-dark: rgba(119, 69, 65, 0.278);
  --mix-seg-accent-strong-88-white-12-dark: #fcb0b0;
  --mix-seg-border-74-transparent-26-dark: rgba(231, 229, 228, 0.178);
  --mix-seg-border-76-transparent-24-dark: rgba(231, 229, 228, 0.182);
  --mix-seg-border-82-transparent-18-dark: rgba(231, 229, 228, 0.197);
  --mix-seg-border-82-white-18-dark: rgba(242, 241, 241, 0.377);
  --mix-seg-border-84-transparent-16-dark: rgba(231, 229, 228, 0.202);
  --mix-seg-border-86-seg-accent-soft-14-dark: rgba(230, 219, 217, 0.226);
  --mix-seg-border-88-white-12-dark: rgba(240, 238, 238, 0.331);
  --mix-seg-border-90-transparent-10-dark: rgba(231, 229, 228, 0.216);
  --mix-seg-border-96-transparent-4-dark: rgba(231, 229, 228, 0.23);
  --mix-seg-border-72-seg-panel-28-dark:
    color-mix(in srgb, var(--border-default-dark) 72%, var(--surface-panel-dark) 28%);
  --mix-seg-danger-10-transparent-90-dark: rgba(159, 18, 57, 0.1);
  --mix-seg-danger-72-text-on-dark-28-dark: #b8536f;
  --mix-seg-danger-78-seg-text-1-22-dark: #b24462;
  --mix-seg-danger-8-seg-panel-92-dark: #322326;
  --mix-seg-danger-9-transparent-91-dark: rgba(159, 18, 57, 0.09);
  --mix-seg-divider-80-transparent-20-dark: rgba(231, 229, 228, 0.112);
  --mix-seg-panel-66-seg-panel-muted-34-dark: #2d2826;
  --mix-seg-panel-72-seg-panel-muted-28-dark: #2c2726;
  --mix-seg-panel-76-seg-panel-muted-24-dark: #2c2725;
  --mix-seg-panel-88-white-12-dark: #433f3e;
  --mix-seg-panel-92-transparent-8-dark: rgba(41, 37, 36, 0.92);
  --mix-seg-panel-muted-72-seg-panel-28-dark: #312b28;
  --mix-seg-panel-muted-74-seg-panel-26-dark: #312b28;
  --mix-seg-panel-muted-78-seg-panel-22-dark: #322b29;
  --mix-seg-panel-muted-82-seg-panel-18-dark: #322c29;
  --mix-seg-panel-muted-86-transparent-14-dark: rgba(52, 45, 42, 0.86);
  --mix-seg-panel-muted-88-seg-panel-12-dark: #332c29;
  --mix-seg-panel-muted-92-seg-accent-soft-8-dark: rgba(54, 46, 43, 0.931);
  --mix-seg-shell-56-ffffff-44-dark: #83807f;
  --mix-seg-shell-62-ffffff-38-dark: #767371;
  --mix-seg-shell-82-eef2f7-18-dark: #474342;
  --mix-seg-shell-84-seg-panel-muted-16-dark: #25201d;
  --mix-seg-shell-88-seg-panel-12-dark: #231e1b;
  --mix-seg-shell-92-ffffff-8-dark: #342f2c;
  --mix-seg-shell-92-seg-panel-8-dark: #231e1b;
  --mix-seg-success-10-transparent-90-dark: rgba(101, 163, 13, 0.1);
  --mix-seg-success-72-text-on-dark-28-dark: #8fbb4f;
  --mix-seg-success-78-seg-text-1-22-dark: #85b540;
  --mix-seg-success-9-transparent-91-dark: rgba(101, 163, 13, 0.09);
  --mix-seg-text-1-5-transparent-95-dark: rgba(245, 245, 244, 0.05);
  --mix-seg-text-2-12-transparent-88-dark: rgba(214, 211, 209, 0.12);
  --mix-seg-text-3-34-transparent-66-dark: rgba(168, 162, 158, 0.34);
  --mix-seg-text-3-54-transparent-46-dark: rgba(168, 162, 158, 0.54);
  --mix-seg-warning-surface-84-surface-trace-16-dark: #342820;
  --mix-surface-code-16-seg-panel-84-dark: #292525;
  --mix-surface-code-34-seg-border-66-dark: rgba(100, 99, 101, 0.498);
  --mix-surface-code-48-seg-border-52-dark: rgba(79, 78, 80, 0.605);
  --mix-surface-code-86-surface-code-strong-14-dark: #242426;
  --mix-surface-code-88-surface-code-strong-12-dark: #252427;
  --mix-surface-elevated-88-seg-panel-12-dark: rgba(41, 37, 36, 0.965);
  --mix-surface-trace-84-seg-panel-16-dark: #251e1c;
  --mix-surface-trace-88-seg-panel-12-dark: #251e1c;
  --mix-surface-user-bubble-68-seg-panel-32-dark: rgba(88, 56, 53, 0.429);
  --mix-ui-accent-strong-14-transparent-86-dark: rgba(252, 165, 165, 0.14);
  --mix-ui-accent-strong-18-transparent-82-dark: rgba(252, 165, 165, 0.18);
  --mix-brand-accent-active-12-transparent-88: var(--mix-brand-accent-active-12-transparent-88-light);
  --mix-brand-accent-active-12-seg-panel-88: var(--mix-brand-accent-active-12-seg-panel-88-light);
  --mix-brand-accent-active-16-transparent-84: var(--mix-brand-accent-active-16-transparent-84-light);
  --mix-brand-accent-active-20-transparent-80: var(--mix-brand-accent-active-20-transparent-80-light);
  --mix-brand-accent-active-24-seg-border-76: var(--mix-brand-accent-active-24-seg-border-76-light);
  --mix-brand-accent-active-26-seg-border-74: var(--mix-brand-accent-active-26-seg-border-74-light);
  --mix-brand-accent-active-28-rgba-148-163-184-0-28-72: var(--mix-brand-accent-active-28-rgba-148-163-184-0-28-72-light);
  --mix-brand-accent-active-48-transparent-52: var(--mix-brand-accent-active-48-transparent-52-light);
  --mix-seg-accent-12-transparent-88: var(--mix-seg-accent-12-transparent-88-light);
  --mix-seg-accent-14-transparent-86: var(--mix-seg-accent-14-transparent-86-light);
  --mix-seg-accent-14-seg-border-86: var(--mix-seg-accent-14-seg-border-86-light);
  --mix-seg-accent-16-transparent-84: var(--mix-seg-accent-16-transparent-84-light);
  --mix-seg-accent-22-seg-border-78: var(--mix-seg-accent-22-seg-border-78-light);
  --mix-seg-accent-24-transparent-76: var(--mix-seg-accent-24-transparent-76-light);
  --mix-seg-accent-24-seg-border-76: var(--mix-seg-accent-24-seg-border-76-light);
  --mix-seg-accent-26-seg-border-74: var(--mix-seg-accent-26-seg-border-74-light);
  --mix-seg-accent-28-seg-border-72: var(--mix-seg-accent-28-seg-border-72-light);
  --mix-seg-accent-32-seg-border-68: var(--mix-seg-accent-32-seg-border-68-light);
  --mix-seg-accent-34-seg-border-66: var(--mix-seg-accent-34-seg-border-66-light);
  --mix-seg-accent-36-seg-border-64: var(--mix-seg-accent-36-seg-border-64-light);
  --mix-seg-accent-40-seg-border-60: var(--mix-seg-accent-40-seg-border-60-light);
  --mix-seg-accent-42-seg-border-58: var(--mix-seg-accent-42-seg-border-58-light);
  --mix-seg-accent-48-seg-border-52: var(--mix-seg-accent-48-seg-border-52-light);
  --mix-seg-accent-72-transparent-28: var(--mix-seg-accent-72-transparent-28-light);
  --mix-seg-accent-soft-42-seg-shell-58: var(--mix-seg-accent-soft-42-seg-shell-58-light);
  --mix-seg-accent-soft-68-seg-panel-32: var(--mix-seg-accent-soft-68-seg-panel-32-light);
  --mix-seg-accent-soft-70-seg-panel-30: var(--mix-seg-accent-soft-70-seg-panel-30-light);
  --mix-seg-accent-soft-72-transparent-28: var(--mix-seg-accent-soft-72-transparent-28-light);
  --mix-seg-accent-soft-72-seg-panel-28: var(--mix-seg-accent-soft-72-seg-panel-28-light);
  --mix-seg-accent-soft-72-surface-trace-28: var(--mix-seg-accent-soft-72-surface-trace-28-light);
  --mix-seg-accent-soft-74-seg-panel-26: var(--mix-seg-accent-soft-74-seg-panel-26-light);
  --mix-seg-accent-soft-76-seg-panel-24: var(--mix-seg-accent-soft-76-seg-panel-24-light);
  --mix-seg-accent-soft-78-seg-panel-22: var(--mix-seg-accent-soft-78-seg-panel-22-light);
  --mix-seg-accent-soft-80-seg-panel-20: var(--mix-seg-accent-soft-80-seg-panel-20-light);
  --mix-seg-accent-soft-82-transparent-18: var(--mix-seg-accent-soft-82-transparent-18-light);
  --mix-seg-accent-soft-84-transparent-16: var(--mix-seg-accent-soft-84-transparent-16-light);
  --mix-seg-accent-soft-84-seg-panel-16: var(--mix-seg-accent-soft-84-seg-panel-16-light);
  --mix-seg-accent-strong-88-white-12: var(--mix-seg-accent-strong-88-white-12-light);
  --mix-seg-border-74-transparent-26: var(--mix-seg-border-74-transparent-26-light);
  --mix-seg-border-76-transparent-24: var(--mix-seg-border-76-transparent-24-light);
  --mix-seg-border-82-transparent-18: var(--mix-seg-border-82-transparent-18-light);
  --mix-seg-border-82-white-18: var(--mix-seg-border-82-white-18-light);
  --mix-seg-border-84-transparent-16: var(--mix-seg-border-84-transparent-16-light);
  --mix-seg-border-86-seg-accent-soft-14: var(--mix-seg-border-86-seg-accent-soft-14-light);
  --mix-seg-border-88-white-12: var(--mix-seg-border-88-white-12-light);
  --mix-seg-border-90-transparent-10: var(--mix-seg-border-90-transparent-10-light);
  --mix-seg-border-96-transparent-4: var(--mix-seg-border-96-transparent-4-light);
  --mix-seg-border-72-seg-panel-28: var(--mix-seg-border-72-seg-panel-28-light);
  --mix-seg-danger-10-transparent-90: var(--mix-seg-danger-10-transparent-90-light);
  --mix-seg-danger-72-text-on-dark-28: var(--mix-seg-danger-72-text-on-dark-28-light);
  --mix-seg-danger-78-seg-text-1-22: var(--mix-seg-danger-78-seg-text-1-22-light);
  --mix-seg-danger-8-seg-panel-92: var(--mix-seg-danger-8-seg-panel-92-light);
  --mix-seg-danger-9-transparent-91: var(--mix-seg-danger-9-transparent-91-light);
  --mix-seg-divider-80-transparent-20: var(--mix-seg-divider-80-transparent-20-light);
  --mix-seg-panel-66-seg-panel-muted-34: var(--mix-seg-panel-66-seg-panel-muted-34-light);
  --mix-seg-panel-72-seg-panel-muted-28: var(--mix-seg-panel-72-seg-panel-muted-28-light);
  --mix-seg-panel-76-seg-panel-muted-24: var(--mix-seg-panel-76-seg-panel-muted-24-light);
  --mix-seg-panel-88-white-12: var(--mix-seg-panel-88-white-12-light);
  --mix-seg-panel-92-transparent-8: var(--mix-seg-panel-92-transparent-8-light);
  --mix-seg-panel-muted-72-seg-panel-28: var(--mix-seg-panel-muted-72-seg-panel-28-light);
  --mix-seg-panel-muted-74-seg-panel-26: var(--mix-seg-panel-muted-74-seg-panel-26-light);
  --mix-seg-panel-muted-78-seg-panel-22: var(--mix-seg-panel-muted-78-seg-panel-22-light);
  --mix-seg-panel-muted-82-seg-panel-18: var(--mix-seg-panel-muted-82-seg-panel-18-light);
  --mix-seg-panel-muted-86-transparent-14: var(--mix-seg-panel-muted-86-transparent-14-light);
  --mix-seg-panel-muted-88-seg-panel-12: var(--mix-seg-panel-muted-88-seg-panel-12-light);
  --mix-seg-panel-muted-92-seg-accent-soft-8: var(--mix-seg-panel-muted-92-seg-accent-soft-8-light);
  --mix-seg-shell-56-ffffff-44: var(--mix-seg-shell-56-ffffff-44-light);
  --mix-seg-shell-62-ffffff-38: var(--mix-seg-shell-62-ffffff-38-light);
  --mix-seg-shell-82-eef2f7-18: var(--mix-seg-shell-82-eef2f7-18-light);
  --mix-seg-shell-84-seg-panel-muted-16: var(--mix-seg-shell-84-seg-panel-muted-16-light);
  --mix-seg-shell-88-seg-panel-12: var(--mix-seg-shell-88-seg-panel-12-light);
  --mix-seg-shell-92-ffffff-8: var(--mix-seg-shell-92-ffffff-8-light);
  --mix-seg-shell-92-seg-panel-8: var(--mix-seg-shell-92-seg-panel-8-light);
  --mix-seg-success-10-transparent-90: var(--mix-seg-success-10-transparent-90-light);
  --mix-seg-success-72-text-on-dark-28: var(--mix-seg-success-72-text-on-dark-28-light);
  --mix-seg-success-78-seg-text-1-22: var(--mix-seg-success-78-seg-text-1-22-light);
  --mix-seg-success-9-transparent-91: var(--mix-seg-success-9-transparent-91-light);
  --mix-seg-text-1-5-transparent-95: var(--mix-seg-text-1-5-transparent-95-light);
  --mix-seg-text-2-12-transparent-88: var(--mix-seg-text-2-12-transparent-88-light);
  --mix-seg-text-3-34-transparent-66: var(--mix-seg-text-3-34-transparent-66-light);
  --mix-seg-text-3-54-transparent-46: var(--mix-seg-text-3-54-transparent-46-light);
  --mix-seg-warning-surface-84-surface-trace-16: var(--mix-seg-warning-surface-84-surface-trace-16-light);
  --mix-surface-code-16-seg-panel-84: var(--mix-surface-code-16-seg-panel-84-light);
  --mix-surface-code-34-seg-border-66: var(--mix-surface-code-34-seg-border-66-light);
  --mix-surface-code-48-seg-border-52: var(--mix-surface-code-48-seg-border-52-light);
  --mix-surface-code-86-surface-code-strong-14: var(--mix-surface-code-86-surface-code-strong-14-light);
  --mix-surface-code-88-surface-code-strong-12: var(--mix-surface-code-88-surface-code-strong-12-light);
  --mix-surface-elevated-88-seg-panel-12: var(--mix-surface-elevated-88-seg-panel-12-light);
  --mix-surface-trace-84-seg-panel-16: var(--mix-surface-trace-84-seg-panel-16-light);
  --mix-surface-trace-88-seg-panel-12: var(--mix-surface-trace-88-seg-panel-12-light);
  --mix-surface-user-bubble-68-seg-panel-32: var(--mix-surface-user-bubble-68-seg-panel-32-light);
  --mix-ui-accent-strong-14-transparent-86: var(--mix-ui-accent-strong-14-transparent-86-light);
  --mix-ui-accent-strong-18-transparent-82: var(--mix-ui-accent-strong-18-transparent-82-light);

  --surface-app: var(--surface-app-light);
  --surface-shell: var(--surface-shell-light);
  --surface-panel: var(--surface-panel-light);
  --surface-panel-muted: var(--surface-panel-muted-light);
  --surface-sidebar: var(--surface-sidebar-light);
  --surface-sidebar-strong: var(--surface-sidebar-strong-light);
  --surface-user-bubble: var(--surface-user-bubble-light);
  --surface-trace: var(--surface-trace-light);
  --surface-elevated: var(--surface-elevated-light);
  --surface-overlay: var(--surface-overlay-light);
  --surface-code: var(--surface-code-light);
  --surface-code-strong: var(--surface-code-strong-light);
  --text-primary: var(--text-primary-light);
  --text-secondary: var(--text-secondary-light);
  --text-tertiary: var(--text-tertiary-light);
  --text-on-dark: var(--text-on-dark-light);
  --border-subtle: var(--border-subtle-light);
  --border-default: var(--border-default-light);
  --shadow-sm: var(--shadow-sm-light);
  --shadow-md: var(--shadow-md-light);
  --shadow-lg: var(--shadow-lg-light);
  --brand-primary-active: var(--brand-primary);
  --brand-primary-strong: var(--brand-primary-hover);
  --brand-accent-active: var(--brand-accent-highlight);

  color: var(--text-primary);
  background: var(--surface-app);

  --focus-outline-width: 2px;
  --focus-outline-offset: 2px;
  --focus-outline-color: var(--focus-outline-color-light);
  --selection-background: var(--selection-background-light);

  --color-surface-app: var(--surface-app);
  --color-surface-shell: var(--surface-shell);
  --color-surface-panel: var(--surface-panel);
  --color-surface-panel-muted: var(--surface-panel-muted);
  --color-surface-sidebar: var(--surface-sidebar);
  --color-surface-sidebar-strong: var(--surface-sidebar-strong);
  --color-border-subtle: var(--border-subtle);
  --color-border-default: var(--border-default);
  --color-text-primary: var(--text-primary);
  --color-text-secondary: var(--text-secondary);
  --color-text-tertiary: var(--text-tertiary);
  --color-accent: var(--brand-primary-active);
  --color-accent-strong: var(--brand-primary-strong);
  --color-accent-soft: var(--brand-primary-soft);
  --color-accent-icon: var(--semantic-accent-icon);
  --color-accent-icon-hover: var(--semantic-accent-icon-hover);
  --color-accent-icon-active: var(--semantic-accent-icon-active);
  --color-success: var(--semantic-success);
  --color-success-strong: var(--semantic-success-strong);
  --color-success-text: var(--semantic-success-text);
  --color-success-border: var(--semantic-success-border);
  --color-success-surface: var(--semantic-success-surface);
  --color-success-surface-strong: var(--semantic-success-surface-strong);
  --color-warning: var(--semantic-warning);
  --color-warning-strong: var(--semantic-warning-strong);
  --color-warning-text: var(--semantic-warning-text);
  --color-warning-border: var(--semantic-warning-border);
  --color-warning-surface: var(--semantic-warning-surface);
  --color-warning-surface-strong: var(--semantic-warning-surface-strong);
  --color-danger: var(--semantic-error);
  --color-danger-strong: var(--semantic-error-strong);
  --color-danger-text: var(--semantic-error-text);
  --color-danger-border: var(--semantic-error-border);
  --color-danger-surface: var(--semantic-error-surface);
  --color-danger-surface-strong: var(--semantic-error-surface-strong);
  --color-info: var(--semantic-info);
  --color-info-strong: var(--semantic-info-strong);
  --color-info-text: var(--semantic-info-text);
  --color-info-border: var(--semantic-info-border);
  --color-info-surface: var(--semantic-info-surface);
  --color-info-surface-strong: var(--semantic-info-surface-strong);
  --color-composer-surface: var(--semantic-composer-surface);
  --color-dropdown-menu-surface: var(--semantic-dropdown-menu-surface);
  --color-question-card-surface: var(--semantic-question-card-surface);
  --color-composer-button-surface: var(--semantic-composer-button-surface);
  --color-composer-button-surface-strong: var(--semantic-composer-button-surface-strong);
  --color-composer-button-text: var(--semantic-composer-button-text);
  --color-composer-button-text-strong: var(--semantic-composer-button-text-strong);

  --ui-bg: var(--surface-app);
  --ui-bg-highlight: var(--surface-shell);
  --ui-panel: var(--ui-panel-light);
  --ui-panel-strong: var(--surface-elevated);
  --ui-panel-subtle: var(--ui-panel-subtle-light);
  --ui-border: var(--border-subtle);
  --ui-divider: var(--border-subtle);
  --ui-text-1: var(--text-primary);
  --ui-text-2: var(--text-secondary);
  --ui-text-3: var(--text-tertiary);
  --ui-accent: var(--brand-primary-active);
  --ui-accent-strong: var(--brand-primary-strong);
  --ui-accent-soft: var(--brand-primary-soft);
  --ui-accent-soft-strong: var(--brand-primary-soft-strong);
  --ui-accent-icon: var(--semantic-accent-icon);
  --ui-accent-icon-hover: var(--semantic-accent-icon-hover);
  --ui-accent-icon-active: var(--semantic-accent-icon-active);
  --ui-success: var(--semantic-success);
  --ui-success-strong: var(--semantic-success-strong);
  --ui-success-text: var(--semantic-success-text);
  --ui-success-border: var(--semantic-success-border);
  --ui-success-surface: var(--semantic-success-surface);
  --ui-success-surface-strong: var(--semantic-success-surface-strong);
  --ui-warning: var(--semantic-warning);
  --ui-warning-strong: var(--semantic-warning-strong);
  --ui-warning-text: var(--semantic-warning-text);
  --ui-warning-border: var(--semantic-warning-border);
  --ui-warning-surface: var(--semantic-warning-surface);
  --ui-warning-surface-strong: var(--semantic-warning-surface-strong);
  --ui-danger: var(--semantic-error);
  --ui-danger-strong: var(--semantic-error-strong);
  --ui-danger-text: var(--semantic-error-text);
  --ui-danger-border: var(--semantic-error-border);
  --ui-danger-surface: var(--semantic-error-surface);
  --ui-danger-surface-strong: var(--semantic-error-surface-strong);
  --ui-info: var(--semantic-info);
  --ui-info-strong: var(--semantic-info-strong);
  --ui-info-text: var(--semantic-info-text);
  --ui-info-border: var(--semantic-info-border);
  --ui-info-surface: var(--semantic-info-surface);
  --ui-info-surface-strong: var(--semantic-info-surface-strong);
  --ui-composer-surface: var(--semantic-composer-surface);
  --ui-dropdown-menu-surface: var(--semantic-dropdown-menu-surface);
  --ui-question-card-surface: var(--semantic-question-card-surface);
  --ui-composer-button-surface: var(--semantic-composer-button-surface);
  --ui-composer-button-surface-strong: var(--semantic-composer-button-surface-strong);
  --ui-composer-button-text: var(--semantic-composer-button-text);
  --ui-composer-button-text-strong: var(--semantic-composer-button-text-strong);
  --ui-shadow-sm: var(--shadow-sm);
  --ui-shadow-md: var(--shadow-md);
  --ui-shadow-lg: var(--shadow-lg);
  --ui-radius-xs: 12px;
  --ui-radius-sm: 16px;
  --ui-radius-md: 20px;
  --ui-radius-lg: 28px;
  --ui-radius-pill: var(--radius-pill);

  --seg-bg: var(--surface-app);
  --seg-shell: var(--surface-shell);
  --seg-panel: var(--surface-panel);
  --seg-panel-muted: var(--surface-panel-muted);
  --seg-sidebar: var(--surface-sidebar);
  --seg-sidebar-strong: var(--surface-sidebar-strong);
  --seg-pane-tab-bar-surface: var(--semantic-pane-tab-bar-surface);
  --seg-left-sidebar-top-menu-surface: var(--semantic-left-sidebar-top-menu-surface);
  --seg-right-sidebar-top-menu-surface: var(--semantic-right-sidebar-top-menu-surface);
  --seg-terminal-surface: var(--semantic-terminal-surface);
  --seg-border: var(--border-default);
  --seg-divider: var(--border-subtle);
  --seg-text-1: var(--text-primary);
  --seg-text-2: var(--text-secondary);
  --seg-text-3: var(--text-tertiary);
  --seg-accent: var(--brand-primary-active);
  --seg-accent-soft: var(--brand-primary-soft);
  --seg-accent-strong: var(--brand-primary-strong);
  --seg-accent-icon: var(--semantic-accent-icon);
  --seg-accent-icon-hover: var(--semantic-accent-icon-hover);
  --seg-accent-icon-active: var(--semantic-accent-icon-active);
  --seg-success: var(--semantic-success);
  --seg-success-strong: var(--semantic-success-strong);
  --seg-success-text: var(--semantic-success-text);
  --seg-success-border: var(--semantic-success-border);
  --seg-success-surface: var(--semantic-success-surface);
  --seg-success-surface-strong: var(--semantic-success-surface-strong);
  --seg-warning: var(--semantic-warning);
  --seg-warning-strong: var(--semantic-warning-strong);
  --seg-warning-text: var(--semantic-warning-text);
  --seg-warning-border: var(--semantic-warning-border);
  --seg-warning-surface: var(--semantic-warning-surface);
  --seg-warning-surface-strong: var(--semantic-warning-surface-strong);
  --seg-danger: var(--semantic-error);
  --seg-danger-strong: var(--semantic-error-strong);
  --seg-danger-text: var(--semantic-error-text);
  --seg-danger-border: var(--semantic-error-border);
  --seg-danger-surface: var(--semantic-error-surface);
  --seg-danger-surface-strong: var(--semantic-error-surface-strong);
  --seg-info: var(--semantic-info);
  --seg-info-strong: var(--semantic-info-strong);
  --seg-info-text: var(--semantic-info-text);
  --seg-info-border: var(--semantic-info-border);
  --seg-info-surface: var(--semantic-info-surface);
  --seg-info-surface-strong: var(--semantic-info-surface-strong);
  --seg-composer-surface: var(--semantic-composer-surface);
  --seg-dropdown-menu-surface: var(--semantic-dropdown-menu-surface);
  --seg-question-card-surface: var(--semantic-question-card-surface);
  --seg-composer-button-surface: var(--semantic-composer-button-surface);
  --seg-composer-button-surface-strong: var(--semantic-composer-button-surface-strong);
  --seg-composer-button-text: var(--semantic-composer-button-text);
  --seg-composer-button-text-strong: var(--semantic-composer-button-text-strong);
  --seg-radius-xs: var(--radius-control);
  --seg-radius-sm: var(--radius-chip);
  --seg-radius-md: var(--radius-panel);
}

:root[data-brand-theme="sage"] {
  --surface-app-light: #f8fafc;
  --surface-shell-light: #f1f5f9;
  --surface-panel-light: #ffffff;
  --surface-panel-muted-light: #f0f7f6;
  --surface-sidebar-light: #eef4f3;
  --surface-sidebar-strong-light: #e2ece9;
  --surface-user-bubble-light: #f0fdfa;
  --surface-trace-light: #f4f8f8;
  --surface-elevated-light: rgba(255, 255, 255, 0.96);
  --surface-overlay-light: rgba(15, 23, 42, 0.16);
  --surface-code-light: #1e293b;
  --surface-code-strong-light: #0f172a;
  --text-primary-light: #0f172a;
  --text-secondary-light: #475569;
  --text-tertiary-light: #64748b;
  --text-on-dark-light: #f8fafc;
  --border-subtle-light: rgba(15, 23, 42, 0.08);
  --border-default-light: #e2e8f0;
  --shadow-sm-light: 0 14px 30px rgba(15, 23, 42, 0.06);
  --shadow-md-light: 0 20px 46px rgba(15, 23, 42, 0.08);
  --shadow-lg-light: 0 28px 68px rgba(15, 23, 42, 0.12);

  --surface-app-dark: #0f172a;
  --surface-shell-dark: #162235;
  --surface-panel-dark: #1e293b;
  --surface-panel-muted-dark: #182536;
  --surface-sidebar-dark: #162235;
  --surface-sidebar-strong-dark: #111c2c;
  --surface-user-bubble-dark: rgba(45, 212, 191, 0.1);
  --surface-trace-dark: #122234;
  --surface-elevated-dark: rgba(30, 41, 59, 0.96);
  --surface-overlay-dark: rgba(2, 6, 23, 0.56);
  --surface-code-dark: #0f172a;
  --surface-code-strong-dark: #020617;
  --text-primary-dark: #f1f5f9;
  --text-secondary-dark: #cbd5e1;
  --text-tertiary-dark: #94a3b8;
  --text-on-dark-dark: #f8fafc;
  --border-subtle-dark: rgba(148, 163, 184, 0.14);
  --border-default-dark: rgba(148, 163, 184, 0.24);
  --shadow-sm-dark: 0 12px 28px rgba(2, 6, 23, 0.28);
  --shadow-md-dark: 0 18px 40px rgba(2, 6, 23, 0.34);
  --shadow-lg-dark: 0 28px 64px rgba(2, 6, 23, 0.42);

  --brand-primary: #0f766e;
  --brand-primary-hover: #115e59;
  --brand-accent-highlight: #2dd4bf;
  --brand-primary-soft: rgba(15, 118, 110, 0.12);
  --brand-primary-soft-strong: rgba(15, 118, 110, 0.18);
  --brand-primary-dark: #14b8a6;
  --brand-primary-hover-dark: #2dd4bf;
  --brand-accent-highlight-dark: #5eead4;
  --brand-primary-soft-dark: rgba(20, 184, 166, 0.14);
  --brand-primary-soft-strong-dark: rgba(20, 184, 166, 0.22);
  --semantic-accent-icon-light: #475569;
  --semantic-accent-icon-dark: #cbd5e1;
  --semantic-accent-icon-hover-light: #115e59;
  --semantic-accent-icon-hover-dark: #2dd4bf;
  --semantic-accent-icon-active-light: #2dd4bf;
  --semantic-accent-icon-active-dark: #5eead4;

  --semantic-success-light: #0f766e;
  --semantic-success-dark: #0f766e;
  --semantic-success-strong-light: #0f6763;
  --semantic-success-strong-dark: #338a84;
  --semantic-success-text-light: #0f6b66;
  --semantic-success-text-dark: #2a857f;
  --semantic-success-border-light: #a7c8cc;
  --semantic-success-border-dark: #6f96a3;
  --semantic-success-surface-light: #e7f1f1;
  --semantic-success-surface-dark: #1d3140;
  --semantic-success-surface-strong-light: #d9e9e8;
  --semantic-success-surface-strong-dark: #1c3543;
  --semantic-warning-light: #d97706;
  --semantic-warning-dark: #d97706;
  --semantic-warning-strong-light: #b9680c;
  --semantic-warning-strong-dark: #dd8b2d;
  --semantic-warning-text-light: #c16b0a;
  --semantic-warning-text-dark: #dc8623;
  --semantic-warning-border-light: #dfc8ae;
  --semantic-warning-border-dark: #a79786;
  --semantic-warning-surface-light: #fbf1e6;
  --semantic-warning-surface-dark: #313136;
  --semantic-warning-surface-strong-light: #f9e9d7;
  --semantic-warning-surface-strong-dark: #3c3533;
  --semantic-error-light: #e11d48;
  --semantic-error-dark: #e11d48;
  --semantic-error-strong-light: #bf1c43;
  --semantic-error-strong-dark: #e44064;
  --semantic-error-text-light: #c81c44;
  --semantic-error-text-dark: #e3375d;
  --semantic-error-border-light: #e2afc1;
  --semantic-error-border-dark: #aa7d99;
  --semantic-error-surface-light: #fce8ed;
  --semantic-error-surface-dark: #32283c;
  --semantic-error-surface-strong-light: #fadbe2;
  --semantic-error-surface-strong-dark: #3d273d;
  --semantic-info-light: #0ea5e9;
  --semantic-info-dark: #0ea5e9;
  --semantic-info-strong-light: #0e8eca;
  --semantic-info-strong-dark: #32b2ec;
  --semantic-info-text-light: #0e94d2;
  --semantic-info-text-dark: #29afeb;
  --semantic-info-border-light: #a7d5ee;
  --semantic-info-border-dark: #6ea4c6;
  --semantic-info-surface-light: #e7f6fd;
  --semantic-info-surface-dark: #1c354c;
  --semantic-info-surface-strong-light: #d8f1fb;
  --semantic-info-surface-strong-dark: #1b3d57;
  --semantic-pane-tab-bar-surface-light: #eef2f7;
  --semantic-pane-tab-bar-surface-dark: #182536;
  --semantic-left-sidebar-top-menu-surface-light: #e4f1ef;
  --semantic-left-sidebar-top-menu-surface-dark: #0f1f31;
  --semantic-right-sidebar-top-menu-surface-light: #eef2f7;
  --semantic-right-sidebar-top-menu-surface-dark: #182536;
  --semantic-terminal-surface-light: #ffffff;
  --semantic-terminal-surface-dark: #000000;
  --semantic-composer-surface-light: #ffffff;
  --semantic-composer-surface-dark: #1e293b;
  --semantic-dropdown-menu-surface-light: #ffffff;
  --semantic-dropdown-menu-surface-dark: #223047;
  --semantic-question-card-surface-light: #e8f7f4;
  --semantic-question-card-surface-dark: #153344;
  --semantic-proposed-plan-card-surface-light: #ffffff;
  --semantic-proposed-plan-card-surface-dark: #1e293b;
  --semantic-markdown-code-surface-light: #1e293b;
  --semantic-markdown-code-surface-dark: #0f172a;
  --semantic-composer-button-surface-light: #e8f7fc;
  --semantic-composer-button-surface-strong-light: #d5f0fa;
  --semantic-composer-button-text-light: #0369a1;
  --semantic-composer-button-text-strong-light: #075985;
  --semantic-composer-button-surface-dark: #123247;
  --semantic-composer-button-surface-strong-dark: #164761;
  --semantic-composer-button-text-dark: #7dd3fc;
  --semantic-composer-button-text-strong-dark: #bae6fd;
  --focus-outline-color-light: rgba(15, 118, 110, 0.32);
  --focus-outline-color-dark: rgba(20, 184, 166, 0.32);
  --selection-background-light: rgba(15, 118, 110, 0.18);
  --selection-background-dark: rgba(20, 184, 166, 0.18);
  --ui-panel-light: rgba(255, 255, 255, 0.84);
  --ui-panel-dark: rgba(30, 41, 59, 0.9);
  --ui-panel-subtle-light: rgba(240, 247, 246, 0.88);
  --ui-panel-subtle-dark: rgba(24, 37, 54, 0.92);
  --settings-theme-token-bg-light: #f7fbfa;
  --settings-theme-token-bg-dark: #1b2738;
  --settings-theme-token-custom-bg-light: #d9e9e8;
  --settings-theme-token-custom-bg-dark: #1c404c;
  --settings-theme-token-custom-border-light: #abcace;
  --settings-theme-token-custom-border-dark: rgba(72, 175, 173, 0.438);
  --settings-theme-token-code-bg-light: #f3f7fa;
  --settings-theme-token-code-bg-dark: #172336;
  --mix-brand-accent-active-12-transparent-88-light: rgba(45, 212, 191, 0.12);
  --mix-brand-accent-active-12-seg-panel-88-light: #e6faf7;
  --mix-brand-accent-active-16-transparent-84-light: rgba(45, 212, 191, 0.16);
  --mix-brand-accent-active-20-transparent-80-light: rgba(45, 212, 191, 0.2);
  --mix-brand-accent-active-24-seg-border-76-light: #b7e3e4;
  --mix-brand-accent-active-26-seg-border-74-light: #b3e3e3;
  --mix-brand-accent-active-28-rgba-148-163-184-0-28-72-light: rgba(88, 191, 188, 0.482);
  --mix-brand-accent-active-48-transparent-52-light: rgba(45, 212, 191, 0.48);
  --mix-seg-accent-12-transparent-88-light: rgba(15, 118, 110, 0.12);
  --mix-seg-accent-14-transparent-86-light: rgba(15, 118, 110, 0.14);
  --mix-seg-accent-14-seg-border-86-light: #c4d8de;
  --mix-seg-accent-16-transparent-84-light: rgba(15, 118, 110, 0.16);
  --mix-seg-accent-22-seg-border-78-light:
    color-mix(in srgb, var(--brand-primary) 22%, var(--border-default-light) 78%);
  --mix-seg-accent-24-transparent-76-light: rgba(15, 118, 110, 0.24);
  --mix-seg-accent-24-seg-border-76-light: #afcdd1;
  --mix-seg-accent-26-seg-border-74-light: #abcace;
  --mix-seg-accent-28-seg-border-72-light: #a7c8cc;
  --mix-seg-accent-32-seg-border-68-light: #9ec4c6;
  --mix-seg-accent-34-seg-border-66-light: #9ac1c4;
  --mix-seg-accent-36-seg-border-64-light: #96bfc1;
  --mix-seg-accent-40-seg-border-60-light: #8ebabc;
  --mix-seg-accent-42-seg-border-58-light: #89b8b9;
  --mix-seg-accent-48-seg-border-52-light: #7db1b2;
  --mix-seg-accent-72-transparent-28-light: rgba(15, 118, 110, 0.72);
  --mix-seg-accent-soft-42-seg-shell-58-light: rgba(223, 235, 238, 0.63);
  --mix-seg-accent-soft-68-seg-panel-32-light: rgba(206, 227, 226, 0.402);
  --mix-seg-accent-soft-70-seg-panel-30-light: rgba(203, 225, 223, 0.384);
  --mix-seg-accent-soft-72-transparent-28-light: rgba(15, 118, 110, 0.086);
  --mix-seg-accent-soft-72-seg-panel-28-light: rgba(198, 223, 221, 0.366);
  --mix-seg-accent-soft-72-surface-trace-28-light: rgba(190, 217, 215, 0.366);
  --mix-seg-accent-soft-74-seg-panel-26-light: rgba(194, 220, 218, 0.349);
  --mix-seg-accent-soft-76-seg-panel-24-light: rgba(189, 217, 215, 0.331);
  --mix-seg-accent-soft-78-seg-panel-22-light: rgba(183, 214, 212, 0.314);
  --mix-seg-accent-soft-80-seg-panel-20-light: rgba(177, 211, 208, 0.296);
  --mix-seg-accent-soft-82-transparent-18-light: rgba(15, 118, 110, 0.098);
  --mix-seg-accent-soft-84-transparent-16-light: rgba(15, 118, 110, 0.101);
  --mix-seg-accent-soft-84-seg-panel-16-light: rgba(162, 202, 199, 0.261);
  --mix-seg-accent-strong-88-white-12-light: #2e716d;
  --mix-seg-border-74-transparent-26-light: rgba(226, 232, 240, 0.74);
  --mix-seg-border-76-transparent-24-light: rgba(226, 232, 240, 0.76);
  --mix-seg-border-82-transparent-18-light: rgba(226, 232, 240, 0.82);
  --mix-seg-border-82-white-18-light: #e7ecf3;
  --mix-seg-border-84-transparent-16-light: rgba(226, 232, 240, 0.84);
  --mix-seg-border-86-seg-accent-soft-14-light: rgba(222, 230, 238, 0.877);
  --mix-seg-border-88-white-12-light: #e5ebf2;
  --mix-seg-border-90-transparent-10-light: rgba(226, 232, 240, 0.9);
  --mix-seg-border-96-transparent-4-light: rgba(226, 232, 240, 0.96);
  --mix-seg-border-72-seg-panel-28-light:
    color-mix(in srgb, var(--border-default-light) 72%, var(--surface-panel-light) 28%);
  --mix-seg-danger-10-transparent-90-light: rgba(225, 29, 72, 0.1);
  --mix-seg-danger-72-text-on-dark-28-light: #e75b7a;
  --mix-seg-danger-78-seg-text-1-22-light: #b31c41;
  --mix-seg-danger-8-seg-panel-92-light: #fdedf0;
  --mix-seg-danger-9-transparent-91-light: rgba(225, 29, 72, 0.09);
  --mix-seg-divider-80-transparent-20-light: rgba(15, 23, 42, 0.064);
  --mix-seg-panel-66-seg-panel-muted-34-light: #fafcfc;
  --mix-seg-panel-72-seg-panel-muted-28-light: #fbfdfc;
  --mix-seg-panel-76-seg-panel-muted-24-light: #fbfdfd;
  --mix-seg-panel-88-white-12-light: #ffffff;
  --mix-seg-panel-92-transparent-8-light: rgba(255, 255, 255, 0.92);
  --mix-seg-panel-muted-72-seg-panel-28-light: #f4f9f9;
  --mix-seg-panel-muted-74-seg-panel-26-light: #f4f9f8;
  --mix-seg-panel-muted-78-seg-panel-22-light: #f3f9f8;
  --mix-seg-panel-muted-82-seg-panel-18-light: #f3f8f8;
  --mix-seg-panel-muted-86-transparent-14-light: rgba(240, 247, 246, 0.86);
  --mix-seg-panel-muted-88-seg-panel-12-light: #f2f8f7;
  --mix-seg-panel-muted-92-seg-accent-soft-8-light: rgba(238, 246, 245, 0.93);
  --mix-seg-shell-56-ffffff-44-light: #f7f9fc;
  --mix-seg-shell-62-ffffff-38-light: #f6f9fb;
  --mix-seg-shell-82-eef2f7-18-light: #f0f4f9;
  --mix-seg-shell-84-seg-panel-muted-16-light: #f1f5f9;
  --mix-seg-shell-88-seg-panel-12-light: #f3f6fa;
  --mix-seg-shell-92-ffffff-8-light: #f2f6f9;
  --mix-seg-shell-92-seg-panel-8-light: #f2f6f9;
  --mix-seg-success-10-transparent-90-light: rgba(15, 118, 110, 0.1);
  --mix-seg-success-72-text-on-dark-28-light: #509b96;
  --mix-seg-success-78-seg-text-1-22-light: #0f615f;
  --mix-seg-success-9-transparent-91-light: rgba(15, 118, 110, 0.09);
  --mix-seg-text-1-5-transparent-95-light: rgba(15, 23, 42, 0.05);
  --mix-seg-text-2-12-transparent-88-light: rgba(71, 85, 105, 0.12);
  --mix-seg-text-3-34-transparent-66-light: rgba(100, 116, 139, 0.34);
  --mix-seg-text-3-54-transparent-46-light: rgba(100, 116, 139, 0.54);
  --mix-seg-warning-surface-84-surface-trace-16-light: #faf2e9;
  --mix-surface-code-16-seg-panel-84-light: #dbdde0;
  --mix-surface-code-34-seg-border-66-light: #9fa7b2;
  --mix-surface-code-48-seg-border-52-light: #848c99;
  --mix-surface-code-86-surface-code-strong-14-light: #1c2639;
  --mix-surface-code-88-surface-code-strong-12-light: #1c2739;
  --mix-surface-elevated-88-seg-panel-12-light: rgba(255, 255, 255, 0.965);
  --mix-surface-trace-84-seg-panel-16-light: #f6f9f9;
  --mix-surface-trace-88-seg-panel-12-light: #f5f9f9;
  --mix-surface-user-bubble-68-seg-panel-32-light: #f5fefc;
  --mix-ui-accent-strong-14-transparent-86-light: rgba(17, 94, 89, 0.14);
  --mix-ui-accent-strong-18-transparent-82-light: rgba(17, 94, 89, 0.18);
  --mix-brand-accent-active-12-transparent-88-dark: rgba(94, 234, 212, 0.12);
  --mix-brand-accent-active-12-seg-panel-88-dark: #26404d;
  --mix-brand-accent-active-16-transparent-84-dark: rgba(94, 234, 212, 0.16);
  --mix-brand-accent-active-20-transparent-80-dark: rgba(94, 234, 212, 0.2);
  --mix-brand-accent-active-24-seg-border-76-dark: rgba(117, 203, 200, 0.422);
  --mix-brand-accent-active-26-seg-border-74-dark: rgba(116, 205, 201, 0.438);
  --mix-brand-accent-active-28-rgba-148-163-184-0-28-72-dark: rgba(117, 204, 200, 0.482);
  --mix-brand-accent-active-48-transparent-52-dark: rgba(94, 234, 212, 0.48);
  --mix-seg-accent-12-transparent-88-dark: rgba(20, 184, 166, 0.12);
  --mix-seg-accent-14-transparent-86-dark: rgba(20, 184, 166, 0.14);
  --mix-seg-accent-14-seg-border-86-dark: rgba(96, 171, 177, 0.346);
  --mix-seg-accent-16-transparent-84-dark: rgba(20, 184, 166, 0.16);
  --mix-seg-accent-22-seg-border-78-dark:
    color-mix(in srgb, var(--brand-primary-dark) 22%, var(--border-default-dark) 78%);
  --mix-seg-accent-24-transparent-76-dark: rgba(20, 184, 166, 0.24);
  --mix-seg-accent-24-seg-border-76-dark: rgba(75, 175, 174, 0.422);
  --mix-seg-accent-26-seg-border-74-dark: rgba(72, 175, 173, 0.438);
  --mix-seg-accent-28-seg-border-72-dark: rgba(69, 176, 173, 0.453);
  --mix-seg-accent-32-seg-border-68-dark: rgba(63, 177, 172, 0.483);
  --mix-seg-accent-34-seg-border-66-dark: rgba(61, 177, 172, 0.498);
  --mix-seg-accent-36-seg-border-64-dark: rgba(58, 178, 171, 0.514);
  --mix-seg-accent-40-seg-border-60-dark: rgba(54, 178, 171, 0.544);
  --mix-seg-accent-42-seg-border-58-dark: rgba(52, 179, 170, 0.559);
  --mix-seg-accent-48-seg-border-52-dark: rgba(46, 180, 170, 0.605);
  --mix-seg-accent-72-transparent-28-dark: rgba(20, 184, 166, 0.72);
  --mix-seg-accent-soft-42-seg-shell-58-dark: rgba(22, 48, 63, 0.639);
  --mix-seg-accent-soft-68-seg-panel-32-dark: rgba(28, 74, 84, 0.415);
  --mix-seg-accent-soft-70-seg-panel-30-dark: rgba(28, 76, 85, 0.398);
  --mix-seg-accent-soft-72-transparent-28-dark: rgba(20, 184, 166, 0.101);
  --mix-seg-accent-soft-72-seg-panel-28-dark: rgba(27, 79, 87, 0.381);
  --mix-seg-accent-soft-72-surface-trace-28-dark: rgba(19, 74, 82, 0.381);
  --mix-seg-accent-soft-74-seg-panel-26-dark: rgba(27, 82, 89, 0.364);
  --mix-seg-accent-soft-76-seg-panel-24-dark: rgba(27, 85, 92, 0.346);
  --mix-seg-accent-soft-78-seg-panel-22-dark: rgba(27, 88, 94, 0.329);
  --mix-seg-accent-soft-80-seg-panel-20-dark: rgba(26, 92, 97, 0.312);
  --mix-seg-accent-soft-82-transparent-18-dark: rgba(20, 184, 166, 0.115);
  --mix-seg-accent-soft-84-transparent-16-dark: rgba(20, 184, 166, 0.118);
  --mix-seg-accent-soft-84-seg-panel-16-dark: rgba(26, 102, 104, 0.278);
  --mix-seg-accent-strong-88-white-12-dark: #46d9c7;
  --mix-seg-border-74-transparent-26-dark: rgba(148, 163, 184, 0.178);
  --mix-seg-border-76-transparent-24-dark: rgba(148, 163, 184, 0.182);
  --mix-seg-border-82-transparent-18-dark: rgba(148, 163, 184, 0.197);
  --mix-seg-border-82-white-18-dark: rgba(199, 207, 218, 0.377);
  --mix-seg-border-84-transparent-16-dark: rgba(148, 163, 184, 0.202);
  --mix-seg-border-86-seg-accent-soft-14-dark: rgba(137, 165, 182, 0.226);
  --mix-seg-border-88-white-12-dark: rgba(187, 196, 210, 0.331);
  --mix-seg-border-90-transparent-10-dark: rgba(148, 163, 184, 0.216);
  --mix-seg-border-96-transparent-4-dark: rgba(148, 163, 184, 0.23);
  --mix-seg-border-72-seg-panel-28-dark:
    color-mix(in srgb, var(--border-default-dark) 72%, var(--surface-panel-dark) 28%);
  --mix-seg-danger-10-transparent-90-dark: rgba(225, 29, 72, 0.1);
  --mix-seg-danger-72-text-on-dark-28-dark: #e75b7a;
  --mix-seg-danger-78-seg-text-1-22-dark: #e54d6f;
  --mix-seg-danger-8-seg-panel-92-dark: #2e283c;
  --mix-seg-danger-9-transparent-91-dark: rgba(225, 29, 72, 0.09);
  --mix-seg-divider-80-transparent-20-dark: rgba(148, 163, 184, 0.112);
  --mix-seg-panel-66-seg-panel-muted-34-dark: #1c2839;
  --mix-seg-panel-72-seg-panel-muted-28-dark: #1c283a;
  --mix-seg-panel-76-seg-panel-muted-24-dark: #1d283a;
  --mix-seg-panel-88-white-12-dark: #394353;
  --mix-seg-panel-92-transparent-8-dark: rgba(30, 41, 59, 0.92);
  --mix-seg-panel-muted-72-seg-panel-28-dark: #1a2637;
  --mix-seg-panel-muted-74-seg-panel-26-dark: #1a2637;
  --mix-seg-panel-muted-78-seg-panel-22-dark: #192637;
  --mix-seg-panel-muted-82-seg-panel-18-dark: #192637;
  --mix-seg-panel-muted-86-transparent-14-dark: rgba(24, 37, 54, 0.86);
  --mix-seg-panel-muted-88-seg-panel-12-dark: #192537;
  --mix-seg-panel-muted-92-seg-accent-soft-8-dark: rgba(24, 39, 55, 0.931);
  --mix-seg-shell-56-ffffff-44-dark: #7d838e;
  --mix-seg-shell-62-ffffff-38-dark: #6f7682;
  --mix-seg-shell-82-eef2f7-18-dark: #3d4758;
  --mix-seg-shell-84-seg-panel-muted-16-dark: #162235;
  --mix-seg-shell-88-seg-panel-12-dark: #172336;
  --mix-seg-shell-92-ffffff-8-dark: #293445;
  --mix-seg-shell-92-seg-panel-8-dark: #172335;
  --mix-seg-success-10-transparent-90-dark: rgba(15, 118, 110, 0.1);
  --mix-seg-success-72-text-on-dark-28-dark: #509b96;
  --mix-seg-success-78-seg-text-1-22-dark: #41928d;
  --mix-seg-success-9-transparent-91-dark: rgba(15, 118, 110, 0.09);
  --mix-seg-text-1-5-transparent-95-dark: rgba(241, 245, 249, 0.05);
  --mix-seg-text-2-12-transparent-88-dark: rgba(203, 213, 225, 0.12);
  --mix-seg-text-3-34-transparent-66-dark: rgba(148, 163, 184, 0.34);
  --mix-seg-text-3-54-transparent-46-dark: rgba(148, 163, 184, 0.54);
  --mix-seg-warning-surface-84-surface-trace-16-dark: #2c2f36;
  --mix-surface-code-16-seg-panel-84-dark: #1c2638;
  --mix-surface-code-34-seg-border-66-dark: rgba(57, 67, 87, 0.498);
  --mix-surface-code-48-seg-border-52-dark: rgba(42, 52, 71, 0.605);
  --mix-surface-code-86-surface-code-strong-14-dark: #0d1527;
  --mix-surface-code-88-surface-code-strong-12-dark: #0d1528;
  --mix-surface-elevated-88-seg-panel-12-dark: rgba(30, 41, 59, 0.965);
  --mix-surface-trace-84-seg-panel-16-dark: #142335;
  --mix-surface-trace-88-seg-panel-12-dark: #132335;
  --mix-surface-user-bubble-68-seg-panel-32-dark: rgba(33, 71, 82, 0.388);
  --mix-ui-accent-strong-14-transparent-86-dark: rgba(45, 212, 191, 0.14);
  --mix-ui-accent-strong-18-transparent-82-dark: rgba(45, 212, 191, 0.18);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-app: var(--surface-app-dark);
    --surface-shell: var(--surface-shell-dark);
    --surface-panel: var(--surface-panel-dark);
    --surface-panel-muted: var(--surface-panel-muted-dark);
    --surface-sidebar: var(--surface-sidebar-dark);
    --surface-sidebar-strong: var(--surface-sidebar-strong-dark);
    --surface-user-bubble: var(--surface-user-bubble-dark);
    --surface-trace: var(--surface-trace-dark);
    --surface-elevated: var(--surface-elevated-dark);
    --surface-overlay: var(--surface-overlay-dark);
    --surface-code: var(--surface-code-dark);
    --surface-code-strong: var(--surface-code-strong-dark);
    --text-primary: var(--text-primary-dark);
    --text-secondary: var(--text-secondary-dark);
    --text-tertiary: var(--text-tertiary-dark);
    --text-on-dark: var(--text-on-dark-dark);
    --border-subtle: var(--border-subtle-dark);
    --border-default: var(--border-default-dark);
    --shadow-sm: var(--shadow-sm-dark);
    --shadow-md: var(--shadow-md-dark);
    --shadow-lg: var(--shadow-lg-dark);
    --brand-primary-active: var(--brand-primary-dark);
    --brand-primary-strong: var(--brand-primary-hover-dark);
    --brand-accent-active: var(--brand-accent-highlight-dark);
    --semantic-accent-icon: var(--semantic-accent-icon-dark);
    --semantic-accent-icon-hover: var(--semantic-accent-icon-hover-dark);
    --semantic-accent-icon-active: var(--semantic-accent-icon-active-dark);
    --semantic-success: var(--semantic-success-dark);
    --semantic-success-strong: var(--semantic-success-strong-dark);
    --semantic-success-text: var(--semantic-success-text-dark);
    --semantic-success-border: var(--semantic-success-border-dark);
    --semantic-success-surface: var(--semantic-success-surface-dark);
    --semantic-success-surface-strong: var(--semantic-success-surface-strong-dark);
    --semantic-warning: var(--semantic-warning-dark);
    --semantic-warning-strong: var(--semantic-warning-strong-dark);
    --semantic-warning-text: var(--semantic-warning-text-dark);
    --semantic-warning-border: var(--semantic-warning-border-dark);
    --semantic-warning-surface: var(--semantic-warning-surface-dark);
    --semantic-warning-surface-strong: var(--semantic-warning-surface-strong-dark);
    --semantic-error: var(--semantic-error-dark);
    --semantic-error-strong: var(--semantic-error-strong-dark);
    --semantic-error-text: var(--semantic-error-text-dark);
    --semantic-error-border: var(--semantic-error-border-dark);
    --semantic-error-surface: var(--semantic-error-surface-dark);
    --semantic-error-surface-strong: var(--semantic-error-surface-strong-dark);
    --semantic-info: var(--semantic-info-dark);
    --semantic-info-strong: var(--semantic-info-strong-dark);
    --semantic-info-text: var(--semantic-info-text-dark);
    --semantic-info-border: var(--semantic-info-border-dark);
    --semantic-info-surface: var(--semantic-info-surface-dark);
    --semantic-info-surface-strong: var(--semantic-info-surface-strong-dark);
    --semantic-pane-tab-bar-surface: var(--semantic-pane-tab-bar-surface-dark);
    --semantic-left-sidebar-top-menu-surface: var(--semantic-left-sidebar-top-menu-surface-dark);
    --semantic-right-sidebar-top-menu-surface: var(--semantic-right-sidebar-top-menu-surface-dark);
    --semantic-terminal-surface: var(--semantic-terminal-surface-dark);
    --semantic-composer-surface: var(--semantic-composer-surface-dark);
    --semantic-dropdown-menu-surface: var(--semantic-dropdown-menu-surface-dark);
    --semantic-question-card-surface: var(--semantic-question-card-surface-dark);
    --semantic-proposed-plan-card-surface: var(--semantic-proposed-plan-card-surface-dark);
    --semantic-thread-response-text: var(--semantic-thread-response-text-dark);
    --semantic-thread-reasoning-text: var(--semantic-thread-reasoning-text-dark);
    --semantic-markdown-text: var(--semantic-markdown-text-dark);
    --semantic-markdown-muted-text: var(--semantic-markdown-muted-text-dark);
    --semantic-markdown-strong-text: var(--semantic-markdown-strong-text-dark);
    --semantic-markdown-accent: var(--semantic-markdown-accent-dark);
    --semantic-markdown-border: var(--semantic-markdown-border-dark);
    --semantic-markdown-border-strong: var(--semantic-markdown-border-strong-dark);
    --semantic-markdown-quote-surface: var(--semantic-markdown-quote-surface-dark);
    --semantic-markdown-inline-code-surface: var(--semantic-markdown-inline-code-surface-dark);
    --semantic-markdown-table-head-surface: var(--semantic-markdown-table-head-surface-dark);
    --semantic-markdown-table-row-alt-surface: var(--semantic-markdown-table-row-alt-surface-dark);
    --semantic-markdown-code-surface: var(--semantic-markdown-code-surface-dark);
    --semantic-markdown-code-text: var(--semantic-markdown-code-text-dark);
    --semantic-markdown-code-muted-text: var(--semantic-markdown-code-muted-text-dark);
    --semantic-markdown-code-border: var(--semantic-markdown-code-border-dark);
    --semantic-composer-button-surface: var(--semantic-composer-button-surface-dark);
    --semantic-composer-button-surface-strong: var(--semantic-composer-button-surface-strong-dark);
    --semantic-composer-button-text: var(--semantic-composer-button-text-dark);
    --semantic-composer-button-text-strong: var(--semantic-composer-button-text-strong-dark);
    --focus-outline-color: var(--focus-outline-color-dark);
    --selection-background: var(--selection-background-dark);
    --ui-panel: var(--ui-panel-dark);
    --ui-panel-subtle: var(--ui-panel-subtle-dark);
    --settings-theme-token-bg: var(--settings-theme-token-bg-dark);
    --settings-theme-token-custom-bg: var(--settings-theme-token-custom-bg-dark);
    --settings-theme-token-custom-border: var(--settings-theme-token-custom-border-dark);
    --settings-theme-token-code-bg: var(--settings-theme-token-code-bg-dark);
    --mix-brand-accent-active-12-transparent-88: var(--mix-brand-accent-active-12-transparent-88-dark);
    --mix-brand-accent-active-12-seg-panel-88: var(--mix-brand-accent-active-12-seg-panel-88-dark);
    --mix-brand-accent-active-16-transparent-84: var(--mix-brand-accent-active-16-transparent-84-dark);
    --mix-brand-accent-active-20-transparent-80: var(--mix-brand-accent-active-20-transparent-80-dark);
    --mix-brand-accent-active-24-seg-border-76: var(--mix-brand-accent-active-24-seg-border-76-dark);
    --mix-brand-accent-active-26-seg-border-74: var(--mix-brand-accent-active-26-seg-border-74-dark);
    --mix-brand-accent-active-28-rgba-148-163-184-0-28-72: var(--mix-brand-accent-active-28-rgba-148-163-184-0-28-72-dark);
    --mix-brand-accent-active-48-transparent-52: var(--mix-brand-accent-active-48-transparent-52-dark);
    --mix-seg-accent-12-transparent-88: var(--mix-seg-accent-12-transparent-88-dark);
    --mix-seg-accent-14-transparent-86: var(--mix-seg-accent-14-transparent-86-dark);
    --mix-seg-accent-14-seg-border-86: var(--mix-seg-accent-14-seg-border-86-dark);
    --mix-seg-accent-16-transparent-84: var(--mix-seg-accent-16-transparent-84-dark);
    --mix-seg-accent-22-seg-border-78: var(--mix-seg-accent-22-seg-border-78-dark);
    --mix-seg-accent-24-transparent-76: var(--mix-seg-accent-24-transparent-76-dark);
    --mix-seg-accent-24-seg-border-76: var(--mix-seg-accent-24-seg-border-76-dark);
    --mix-seg-accent-26-seg-border-74: var(--mix-seg-accent-26-seg-border-74-dark);
    --mix-seg-accent-28-seg-border-72: var(--mix-seg-accent-28-seg-border-72-dark);
    --mix-seg-accent-32-seg-border-68: var(--mix-seg-accent-32-seg-border-68-dark);
    --mix-seg-accent-34-seg-border-66: var(--mix-seg-accent-34-seg-border-66-dark);
    --mix-seg-accent-36-seg-border-64: var(--mix-seg-accent-36-seg-border-64-dark);
    --mix-seg-accent-40-seg-border-60: var(--mix-seg-accent-40-seg-border-60-dark);
    --mix-seg-accent-42-seg-border-58: var(--mix-seg-accent-42-seg-border-58-dark);
    --mix-seg-accent-48-seg-border-52: var(--mix-seg-accent-48-seg-border-52-dark);
    --mix-seg-accent-72-transparent-28: var(--mix-seg-accent-72-transparent-28-dark);
    --mix-seg-accent-soft-42-seg-shell-58: var(--mix-seg-accent-soft-42-seg-shell-58-dark);
    --mix-seg-accent-soft-68-seg-panel-32: var(--mix-seg-accent-soft-68-seg-panel-32-dark);
    --mix-seg-accent-soft-70-seg-panel-30: var(--mix-seg-accent-soft-70-seg-panel-30-dark);
    --mix-seg-accent-soft-72-transparent-28: var(--mix-seg-accent-soft-72-transparent-28-dark);
    --mix-seg-accent-soft-72-seg-panel-28: var(--mix-seg-accent-soft-72-seg-panel-28-dark);
    --mix-seg-accent-soft-72-surface-trace-28: var(--mix-seg-accent-soft-72-surface-trace-28-dark);
    --mix-seg-accent-soft-74-seg-panel-26: var(--mix-seg-accent-soft-74-seg-panel-26-dark);
    --mix-seg-accent-soft-76-seg-panel-24: var(--mix-seg-accent-soft-76-seg-panel-24-dark);
    --mix-seg-accent-soft-78-seg-panel-22: var(--mix-seg-accent-soft-78-seg-panel-22-dark);
    --mix-seg-accent-soft-80-seg-panel-20: var(--mix-seg-accent-soft-80-seg-panel-20-dark);
    --mix-seg-accent-soft-82-transparent-18: var(--mix-seg-accent-soft-82-transparent-18-dark);
    --mix-seg-accent-soft-84-transparent-16: var(--mix-seg-accent-soft-84-transparent-16-dark);
    --mix-seg-accent-soft-84-seg-panel-16: var(--mix-seg-accent-soft-84-seg-panel-16-dark);
    --mix-seg-accent-strong-88-white-12: var(--mix-seg-accent-strong-88-white-12-dark);
    --mix-seg-border-74-transparent-26: var(--mix-seg-border-74-transparent-26-dark);
    --mix-seg-border-76-transparent-24: var(--mix-seg-border-76-transparent-24-dark);
    --mix-seg-border-82-transparent-18: var(--mix-seg-border-82-transparent-18-dark);
    --mix-seg-border-82-white-18: var(--mix-seg-border-82-white-18-dark);
    --mix-seg-border-84-transparent-16: var(--mix-seg-border-84-transparent-16-dark);
    --mix-seg-border-86-seg-accent-soft-14: var(--mix-seg-border-86-seg-accent-soft-14-dark);
    --mix-seg-border-88-white-12: var(--mix-seg-border-88-white-12-dark);
    --mix-seg-border-90-transparent-10: var(--mix-seg-border-90-transparent-10-dark);
    --mix-seg-border-96-transparent-4: var(--mix-seg-border-96-transparent-4-dark);
    --mix-seg-border-72-seg-panel-28: var(--mix-seg-border-72-seg-panel-28-dark);
    --mix-seg-danger-10-transparent-90: var(--mix-seg-danger-10-transparent-90-dark);
    --mix-seg-danger-72-text-on-dark-28: var(--mix-seg-danger-72-text-on-dark-28-dark);
    --mix-seg-danger-78-seg-text-1-22: var(--mix-seg-danger-78-seg-text-1-22-dark);
    --mix-seg-danger-8-seg-panel-92: var(--mix-seg-danger-8-seg-panel-92-dark);
    --mix-seg-danger-9-transparent-91: var(--mix-seg-danger-9-transparent-91-dark);
    --mix-seg-divider-80-transparent-20: var(--mix-seg-divider-80-transparent-20-dark);
    --mix-seg-panel-66-seg-panel-muted-34: var(--mix-seg-panel-66-seg-panel-muted-34-dark);
    --mix-seg-panel-72-seg-panel-muted-28: var(--mix-seg-panel-72-seg-panel-muted-28-dark);
    --mix-seg-panel-76-seg-panel-muted-24: var(--mix-seg-panel-76-seg-panel-muted-24-dark);
    --mix-seg-panel-88-white-12: var(--mix-seg-panel-88-white-12-dark);
    --mix-seg-panel-92-transparent-8: var(--mix-seg-panel-92-transparent-8-dark);
    --mix-seg-panel-muted-72-seg-panel-28: var(--mix-seg-panel-muted-72-seg-panel-28-dark);
    --mix-seg-panel-muted-74-seg-panel-26: var(--mix-seg-panel-muted-74-seg-panel-26-dark);
    --mix-seg-panel-muted-78-seg-panel-22: var(--mix-seg-panel-muted-78-seg-panel-22-dark);
    --mix-seg-panel-muted-82-seg-panel-18: var(--mix-seg-panel-muted-82-seg-panel-18-dark);
    --mix-seg-panel-muted-86-transparent-14: var(--mix-seg-panel-muted-86-transparent-14-dark);
    --mix-seg-panel-muted-88-seg-panel-12: var(--mix-seg-panel-muted-88-seg-panel-12-dark);
    --mix-seg-panel-muted-92-seg-accent-soft-8: var(--mix-seg-panel-muted-92-seg-accent-soft-8-dark);
    --mix-seg-shell-56-ffffff-44: var(--mix-seg-shell-56-ffffff-44-dark);
    --mix-seg-shell-62-ffffff-38: var(--mix-seg-shell-62-ffffff-38-dark);
    --mix-seg-shell-82-eef2f7-18: var(--mix-seg-shell-82-eef2f7-18-dark);
    --mix-seg-shell-84-seg-panel-muted-16: var(--mix-seg-shell-84-seg-panel-muted-16-dark);
    --mix-seg-shell-88-seg-panel-12: var(--mix-seg-shell-88-seg-panel-12-dark);
    --mix-seg-shell-92-ffffff-8: var(--mix-seg-shell-92-ffffff-8-dark);
    --mix-seg-shell-92-seg-panel-8: var(--mix-seg-shell-92-seg-panel-8-dark);
    --mix-seg-success-10-transparent-90: var(--mix-seg-success-10-transparent-90-dark);
    --mix-seg-success-72-text-on-dark-28: var(--mix-seg-success-72-text-on-dark-28-dark);
    --mix-seg-success-78-seg-text-1-22: var(--mix-seg-success-78-seg-text-1-22-dark);
    --mix-seg-success-9-transparent-91: var(--mix-seg-success-9-transparent-91-dark);
    --mix-seg-text-1-5-transparent-95: var(--mix-seg-text-1-5-transparent-95-dark);
    --mix-seg-text-2-12-transparent-88: var(--mix-seg-text-2-12-transparent-88-dark);
    --mix-seg-text-3-34-transparent-66: var(--mix-seg-text-3-34-transparent-66-dark);
    --mix-seg-text-3-54-transparent-46: var(--mix-seg-text-3-54-transparent-46-dark);
    --mix-seg-warning-surface-84-surface-trace-16: var(--mix-seg-warning-surface-84-surface-trace-16-dark);
    --mix-surface-code-16-seg-panel-84: var(--mix-surface-code-16-seg-panel-84-dark);
    --mix-surface-code-34-seg-border-66: var(--mix-surface-code-34-seg-border-66-dark);
    --mix-surface-code-48-seg-border-52: var(--mix-surface-code-48-seg-border-52-dark);
    --mix-surface-code-86-surface-code-strong-14: var(--mix-surface-code-86-surface-code-strong-14-dark);
    --mix-surface-code-88-surface-code-strong-12: var(--mix-surface-code-88-surface-code-strong-12-dark);
    --mix-surface-elevated-88-seg-panel-12: var(--mix-surface-elevated-88-seg-panel-12-dark);
    --mix-surface-trace-84-seg-panel-16: var(--mix-surface-trace-84-seg-panel-16-dark);
    --mix-surface-trace-88-seg-panel-12: var(--mix-surface-trace-88-seg-panel-12-dark);
    --mix-surface-user-bubble-68-seg-panel-32: var(--mix-surface-user-bubble-68-seg-panel-32-dark);
    --mix-ui-accent-strong-14-transparent-86: var(--mix-ui-accent-strong-14-transparent-86-dark);
    --mix-ui-accent-strong-18-transparent-82: var(--mix-ui-accent-strong-18-transparent-82-dark);
    --brand-primary-soft: var(--brand-primary-soft-dark);
    --brand-primary-soft-strong: var(--brand-primary-soft-strong-dark);
    color: var(--text-primary);
    background: var(--surface-app);
  }
}

:root[data-theme="dark"] {
  --surface-app: var(--surface-app-dark);
  --surface-shell: var(--surface-shell-dark);
  --surface-panel: var(--surface-panel-dark);
  --surface-panel-muted: var(--surface-panel-muted-dark);
  --surface-sidebar: var(--surface-sidebar-dark);
  --surface-sidebar-strong: var(--surface-sidebar-strong-dark);
  --surface-user-bubble: var(--surface-user-bubble-dark);
  --surface-trace: var(--surface-trace-dark);
  --surface-elevated: var(--surface-elevated-dark);
  --surface-overlay: var(--surface-overlay-dark);
  --surface-code: var(--surface-code-dark);
  --surface-code-strong: var(--surface-code-strong-dark);
  --text-primary: var(--text-primary-dark);
  --text-secondary: var(--text-secondary-dark);
  --text-tertiary: var(--text-tertiary-dark);
  --text-on-dark: var(--text-on-dark-dark);
  --border-subtle: var(--border-subtle-dark);
  --border-default: var(--border-default-dark);
  --shadow-sm: var(--shadow-sm-dark);
  --shadow-md: var(--shadow-md-dark);
  --shadow-lg: var(--shadow-lg-dark);
  --brand-primary-active: var(--brand-primary-dark);
  --brand-primary-strong: var(--brand-primary-hover-dark);
  --brand-accent-active: var(--brand-accent-highlight-dark);
  --semantic-accent-icon: var(--semantic-accent-icon-dark);
  --semantic-accent-icon-hover: var(--semantic-accent-icon-hover-dark);
  --semantic-accent-icon-active: var(--semantic-accent-icon-active-dark);
  --semantic-success: var(--semantic-success-dark);
  --semantic-success-strong: var(--semantic-success-strong-dark);
  --semantic-success-text: var(--semantic-success-text-dark);
  --semantic-success-border: var(--semantic-success-border-dark);
  --semantic-success-surface: var(--semantic-success-surface-dark);
  --semantic-success-surface-strong: var(--semantic-success-surface-strong-dark);
  --semantic-warning: var(--semantic-warning-dark);
  --semantic-warning-strong: var(--semantic-warning-strong-dark);
  --semantic-warning-text: var(--semantic-warning-text-dark);
  --semantic-warning-border: var(--semantic-warning-border-dark);
  --semantic-warning-surface: var(--semantic-warning-surface-dark);
  --semantic-warning-surface-strong: var(--semantic-warning-surface-strong-dark);
  --semantic-error: var(--semantic-error-dark);
  --semantic-error-strong: var(--semantic-error-strong-dark);
  --semantic-error-text: var(--semantic-error-text-dark);
  --semantic-error-border: var(--semantic-error-border-dark);
  --semantic-error-surface: var(--semantic-error-surface-dark);
  --semantic-error-surface-strong: var(--semantic-error-surface-strong-dark);
  --semantic-info: var(--semantic-info-dark);
  --semantic-info-strong: var(--semantic-info-strong-dark);
  --semantic-info-text: var(--semantic-info-text-dark);
  --semantic-info-border: var(--semantic-info-border-dark);
  --semantic-info-surface: var(--semantic-info-surface-dark);
  --semantic-info-surface-strong: var(--semantic-info-surface-strong-dark);
  --semantic-pane-tab-bar-surface: var(--semantic-pane-tab-bar-surface-dark);
  --semantic-left-sidebar-top-menu-surface: var(--semantic-left-sidebar-top-menu-surface-dark);
  --semantic-right-sidebar-top-menu-surface: var(--semantic-right-sidebar-top-menu-surface-dark);
  --semantic-terminal-surface: var(--semantic-terminal-surface-dark);
  --semantic-sidebar-tree-row-text: var(--semantic-sidebar-tree-row-text-dark);
  --semantic-sidebar-tree-row-text-hover: var(--semantic-sidebar-tree-row-text-hover-dark);
  --semantic-sidebar-tree-row-text-active: var(--semantic-sidebar-tree-row-text-active-dark);
  --semantic-sidebar-tree-row-surface-hover: var(--semantic-sidebar-tree-row-surface-hover-dark);
  --semantic-sidebar-tree-row-surface-active: var(--semantic-sidebar-tree-row-surface-active-dark);
  --semantic-sidebar-tree-row-leading-active: var(--semantic-sidebar-tree-row-leading-active-dark);
  --semantic-composer-surface: var(--semantic-composer-surface-dark);
  --semantic-dropdown-menu-surface: var(--semantic-dropdown-menu-surface-dark);
  --semantic-question-card-surface: var(--semantic-question-card-surface-dark);
  --semantic-proposed-plan-card-surface: var(--semantic-proposed-plan-card-surface-dark);
  --semantic-thread-response-text: var(--semantic-thread-response-text-dark);
  --semantic-thread-reasoning-text: var(--semantic-thread-reasoning-text-dark);
  --semantic-markdown-text: var(--semantic-markdown-text-dark);
  --semantic-markdown-muted-text: var(--semantic-markdown-muted-text-dark);
  --semantic-markdown-strong-text: var(--semantic-markdown-strong-text-dark);
  --semantic-markdown-accent: var(--semantic-markdown-accent-dark);
  --semantic-markdown-border: var(--semantic-markdown-border-dark);
  --semantic-markdown-border-strong: var(--semantic-markdown-border-strong-dark);
  --semantic-markdown-quote-surface: var(--semantic-markdown-quote-surface-dark);
  --semantic-markdown-inline-code-surface: var(--semantic-markdown-inline-code-surface-dark);
  --semantic-markdown-table-head-surface: var(--semantic-markdown-table-head-surface-dark);
  --semantic-markdown-table-row-alt-surface: var(--semantic-markdown-table-row-alt-surface-dark);
  --semantic-markdown-code-surface: var(--semantic-markdown-code-surface-dark);
  --semantic-markdown-code-text: var(--semantic-markdown-code-text-dark);
  --semantic-markdown-code-muted-text: var(--semantic-markdown-code-muted-text-dark);
  --semantic-markdown-code-border: var(--semantic-markdown-code-border-dark);
  --semantic-composer-button-surface: var(--semantic-composer-button-surface-dark);
  --semantic-composer-button-surface-strong: var(--semantic-composer-button-surface-strong-dark);
  --semantic-composer-button-text: var(--semantic-composer-button-text-dark);
  --semantic-composer-button-text-strong: var(--semantic-composer-button-text-strong-dark);
  --focus-outline-color: var(--focus-outline-color-dark);
  --selection-background: var(--selection-background-dark);
  --ui-panel: var(--ui-panel-dark);
  --ui-panel-subtle: var(--ui-panel-subtle-dark);
  --settings-theme-token-bg: var(--settings-theme-token-bg-dark);
  --settings-theme-token-custom-bg: var(--settings-theme-token-custom-bg-dark);
  --settings-theme-token-custom-border: var(--settings-theme-token-custom-border-dark);
  --settings-theme-token-code-bg: var(--settings-theme-token-code-bg-dark);
  --mix-brand-accent-active-12-transparent-88: var(--mix-brand-accent-active-12-transparent-88-dark);
  --mix-brand-accent-active-12-seg-panel-88: var(--mix-brand-accent-active-12-seg-panel-88-dark);
  --mix-brand-accent-active-16-transparent-84: var(--mix-brand-accent-active-16-transparent-84-dark);
  --mix-brand-accent-active-20-transparent-80: var(--mix-brand-accent-active-20-transparent-80-dark);
  --mix-brand-accent-active-24-seg-border-76: var(--mix-brand-accent-active-24-seg-border-76-dark);
  --mix-brand-accent-active-26-seg-border-74: var(--mix-brand-accent-active-26-seg-border-74-dark);
  --mix-brand-accent-active-28-rgba-148-163-184-0-28-72: var(--mix-brand-accent-active-28-rgba-148-163-184-0-28-72-dark);
  --mix-brand-accent-active-48-transparent-52: var(--mix-brand-accent-active-48-transparent-52-dark);
  --mix-seg-accent-12-transparent-88: var(--mix-seg-accent-12-transparent-88-dark);
  --mix-seg-accent-14-transparent-86: var(--mix-seg-accent-14-transparent-86-dark);
  --mix-seg-accent-14-seg-border-86: var(--mix-seg-accent-14-seg-border-86-dark);
  --mix-seg-accent-16-transparent-84: var(--mix-seg-accent-16-transparent-84-dark);
  --mix-seg-accent-22-seg-border-78: var(--mix-seg-accent-22-seg-border-78-dark);
  --mix-seg-accent-24-transparent-76: var(--mix-seg-accent-24-transparent-76-dark);
  --mix-seg-accent-24-seg-border-76: var(--mix-seg-accent-24-seg-border-76-dark);
  --mix-seg-accent-26-seg-border-74: var(--mix-seg-accent-26-seg-border-74-dark);
  --mix-seg-accent-28-seg-border-72: var(--mix-seg-accent-28-seg-border-72-dark);
  --mix-seg-accent-32-seg-border-68: var(--mix-seg-accent-32-seg-border-68-dark);
  --mix-seg-accent-34-seg-border-66: var(--mix-seg-accent-34-seg-border-66-dark);
  --mix-seg-accent-36-seg-border-64: var(--mix-seg-accent-36-seg-border-64-dark);
  --mix-seg-accent-40-seg-border-60: var(--mix-seg-accent-40-seg-border-60-dark);
  --mix-seg-accent-42-seg-border-58: var(--mix-seg-accent-42-seg-border-58-dark);
  --mix-seg-accent-48-seg-border-52: var(--mix-seg-accent-48-seg-border-52-dark);
  --mix-seg-accent-72-transparent-28: var(--mix-seg-accent-72-transparent-28-dark);
  --mix-seg-accent-soft-42-seg-shell-58: var(--mix-seg-accent-soft-42-seg-shell-58-dark);
  --mix-seg-accent-soft-68-seg-panel-32: var(--mix-seg-accent-soft-68-seg-panel-32-dark);
  --mix-seg-accent-soft-70-seg-panel-30: var(--mix-seg-accent-soft-70-seg-panel-30-dark);
  --mix-seg-accent-soft-72-transparent-28: var(--mix-seg-accent-soft-72-transparent-28-dark);
  --mix-seg-accent-soft-72-seg-panel-28: var(--mix-seg-accent-soft-72-seg-panel-28-dark);
  --mix-seg-accent-soft-72-surface-trace-28: var(--mix-seg-accent-soft-72-surface-trace-28-dark);
  --mix-seg-accent-soft-74-seg-panel-26: var(--mix-seg-accent-soft-74-seg-panel-26-dark);
  --mix-seg-accent-soft-76-seg-panel-24: var(--mix-seg-accent-soft-76-seg-panel-24-dark);
  --mix-seg-accent-soft-78-seg-panel-22: var(--mix-seg-accent-soft-78-seg-panel-22-dark);
  --mix-seg-accent-soft-80-seg-panel-20: var(--mix-seg-accent-soft-80-seg-panel-20-dark);
  --mix-seg-accent-soft-82-transparent-18: var(--mix-seg-accent-soft-82-transparent-18-dark);
  --mix-seg-accent-soft-84-transparent-16: var(--mix-seg-accent-soft-84-transparent-16-dark);
  --mix-seg-accent-soft-84-seg-panel-16: var(--mix-seg-accent-soft-84-seg-panel-16-dark);
  --mix-seg-accent-strong-88-white-12: var(--mix-seg-accent-strong-88-white-12-dark);
  --mix-seg-border-74-transparent-26: var(--mix-seg-border-74-transparent-26-dark);
  --mix-seg-border-76-transparent-24: var(--mix-seg-border-76-transparent-24-dark);
  --mix-seg-border-82-transparent-18: var(--mix-seg-border-82-transparent-18-dark);
  --mix-seg-border-82-white-18: var(--mix-seg-border-82-white-18-dark);
  --mix-seg-border-84-transparent-16: var(--mix-seg-border-84-transparent-16-dark);
  --mix-seg-border-86-seg-accent-soft-14: var(--mix-seg-border-86-seg-accent-soft-14-dark);
  --mix-seg-border-88-white-12: var(--mix-seg-border-88-white-12-dark);
  --mix-seg-border-90-transparent-10: var(--mix-seg-border-90-transparent-10-dark);
  --mix-seg-border-96-transparent-4: var(--mix-seg-border-96-transparent-4-dark);
  --mix-seg-border-72-seg-panel-28: var(--mix-seg-border-72-seg-panel-28-dark);
  --mix-seg-danger-10-transparent-90: var(--mix-seg-danger-10-transparent-90-dark);
  --mix-seg-danger-72-text-on-dark-28: var(--mix-seg-danger-72-text-on-dark-28-dark);
  --mix-seg-danger-78-seg-text-1-22: var(--mix-seg-danger-78-seg-text-1-22-dark);
  --mix-seg-danger-8-seg-panel-92: var(--mix-seg-danger-8-seg-panel-92-dark);
  --mix-seg-danger-9-transparent-91: var(--mix-seg-danger-9-transparent-91-dark);
  --mix-seg-divider-80-transparent-20: var(--mix-seg-divider-80-transparent-20-dark);
  --mix-seg-panel-66-seg-panel-muted-34: var(--mix-seg-panel-66-seg-panel-muted-34-dark);
  --mix-seg-panel-72-seg-panel-muted-28: var(--mix-seg-panel-72-seg-panel-muted-28-dark);
  --mix-seg-panel-76-seg-panel-muted-24: var(--mix-seg-panel-76-seg-panel-muted-24-dark);
  --mix-seg-panel-88-white-12: var(--mix-seg-panel-88-white-12-dark);
  --mix-seg-panel-92-transparent-8: var(--mix-seg-panel-92-transparent-8-dark);
  --mix-seg-panel-muted-72-seg-panel-28: var(--mix-seg-panel-muted-72-seg-panel-28-dark);
  --mix-seg-panel-muted-74-seg-panel-26: var(--mix-seg-panel-muted-74-seg-panel-26-dark);
  --mix-seg-panel-muted-78-seg-panel-22: var(--mix-seg-panel-muted-78-seg-panel-22-dark);
  --mix-seg-panel-muted-82-seg-panel-18: var(--mix-seg-panel-muted-82-seg-panel-18-dark);
  --mix-seg-panel-muted-86-transparent-14: var(--mix-seg-panel-muted-86-transparent-14-dark);
  --mix-seg-panel-muted-88-seg-panel-12: var(--mix-seg-panel-muted-88-seg-panel-12-dark);
  --mix-seg-panel-muted-92-seg-accent-soft-8: var(--mix-seg-panel-muted-92-seg-accent-soft-8-dark);
  --mix-seg-shell-56-ffffff-44: var(--mix-seg-shell-56-ffffff-44-dark);
  --mix-seg-shell-62-ffffff-38: var(--mix-seg-shell-62-ffffff-38-dark);
  --mix-seg-shell-82-eef2f7-18: var(--mix-seg-shell-82-eef2f7-18-dark);
  --mix-seg-shell-84-seg-panel-muted-16: var(--mix-seg-shell-84-seg-panel-muted-16-dark);
  --mix-seg-shell-88-seg-panel-12: var(--mix-seg-shell-88-seg-panel-12-dark);
  --mix-seg-shell-92-ffffff-8: var(--mix-seg-shell-92-ffffff-8-dark);
  --mix-seg-shell-92-seg-panel-8: var(--mix-seg-shell-92-seg-panel-8-dark);
  --mix-seg-success-10-transparent-90: var(--mix-seg-success-10-transparent-90-dark);
  --mix-seg-success-72-text-on-dark-28: var(--mix-seg-success-72-text-on-dark-28-dark);
  --mix-seg-success-78-seg-text-1-22: var(--mix-seg-success-78-seg-text-1-22-dark);
  --mix-seg-success-9-transparent-91: var(--mix-seg-success-9-transparent-91-dark);
  --mix-seg-text-1-5-transparent-95: var(--mix-seg-text-1-5-transparent-95-dark);
  --mix-seg-text-2-12-transparent-88: var(--mix-seg-text-2-12-transparent-88-dark);
  --mix-seg-text-3-34-transparent-66: var(--mix-seg-text-3-34-transparent-66-dark);
  --mix-seg-text-3-54-transparent-46: var(--mix-seg-text-3-54-transparent-46-dark);
  --mix-seg-warning-surface-84-surface-trace-16: var(--mix-seg-warning-surface-84-surface-trace-16-dark);
  --mix-surface-code-16-seg-panel-84: var(--mix-surface-code-16-seg-panel-84-dark);
  --mix-surface-code-34-seg-border-66: var(--mix-surface-code-34-seg-border-66-dark);
  --mix-surface-code-48-seg-border-52: var(--mix-surface-code-48-seg-border-52-dark);
  --mix-surface-code-86-surface-code-strong-14: var(--mix-surface-code-86-surface-code-strong-14-dark);
  --mix-surface-code-88-surface-code-strong-12: var(--mix-surface-code-88-surface-code-strong-12-dark);
  --mix-surface-elevated-88-seg-panel-12: var(--mix-surface-elevated-88-seg-panel-12-dark);
  --mix-surface-trace-84-seg-panel-16: var(--mix-surface-trace-84-seg-panel-16-dark);
  --mix-surface-trace-88-seg-panel-12: var(--mix-surface-trace-88-seg-panel-12-dark);
  --mix-surface-user-bubble-68-seg-panel-32: var(--mix-surface-user-bubble-68-seg-panel-32-dark);
  --mix-ui-accent-strong-14-transparent-86: var(--mix-ui-accent-strong-14-transparent-86-dark);
  --mix-ui-accent-strong-18-transparent-82: var(--mix-ui-accent-strong-18-transparent-82-dark);
  --brand-primary-soft: var(--brand-primary-soft-dark);
  --brand-primary-soft-strong: var(--brand-primary-soft-strong-dark);
  color: var(--text-primary);
  background: var(--surface-app);
}
