/* GENERATED by packages/ui-tokens/scripts/build.mjs from tokens.json. Do not edit. */
:root {
  color-scheme: light;
  --ch-color-bg: #f4f3ef;
  --ch-color-bg-raised: #ecebe6;
  --ch-color-surface: #ffffff;
  --ch-color-surface-2: #ebe9e3;
  --ch-color-surface-3: #dfdcd4;
  --ch-color-control-track: #e6e4dd;
  --ch-color-control-raised: #ffffff;
  --ch-color-text: #1a1918;
  --ch-color-text-muted: #565350;
  --ch-color-text-faint: #6f6b66;
  --ch-color-border: #d6d3cc;
  --ch-color-border-strong: #8f8a82;
  --ch-color-accent: #0b6b5d;
  --ch-color-accent-strong: #074f45;
  --ch-color-accent-text: #ffffff;
  --ch-color-accent-soft: #d6ede7;
  --ch-color-accent-soft-text: #074f45;
  --ch-color-danger: #b3261e;
  --ch-color-danger-text: #ffffff;
  --ch-color-danger-soft: #fbe3e0;
  --ch-color-danger-soft-text: #8a1c15;
  --ch-color-warning-soft: #fbeccb;
  --ch-color-warning-soft-text: #6b4600;
  --ch-color-success-soft: #dcefe2;
  --ch-color-success-soft-text: #1d5a34;
  --ch-color-info-soft: #dfe9f7;
  --ch-color-info-soft-text: #1f4d86;
  --ch-color-status-running: #1f7a48;
  --ch-color-status-running-sweep: #8fe3b3;
  --ch-color-status-blocked: #b3261e;
  --ch-color-status-scheduled: #a86200;
  --ch-color-status-review: #7a3fc0;
  --ch-color-status-ready: #2b67b0;
  --ch-color-chart-1: #2a78d6;
  --ch-color-chart-2: #eb6834;
  --ch-color-chart-3: #1baf7a;
  --ch-color-chart-4: #eda100;
  --ch-color-chart-5: #e87ba4;
  --ch-color-chart-6: #008300;
  --ch-color-review-soft: #efe5fa;
  --ch-color-review-soft-text: #5b2a91;
  --ch-color-link: #0f5c8c;
  --ch-color-focus: #1f6fb5;
  --ch-color-user-bubble: #e3efeb;
  --ch-color-user-bubble-text: #1a1918;
  --ch-color-user-bubble-border: #c9ded7;
  --ch-color-agent-bubble: #ffffff;
  --ch-color-agent-bubble-text: #1a1918;
  --ch-color-agent-bubble-border: #e2ded5;
  --ch-color-thinking: #0b6b5d;
  --ch-color-thinking-track: #e0ddd5;
  --ch-color-code-bg: #efede8;
  --ch-color-code-text: #1a1918;
  --ch-color-code-keyword: #7a2a8f;
  --ch-color-code-string: #1d5a34;
  --ch-color-code-comment: #6b6560;
  --ch-color-code-number: #8a4a00;
  --ch-color-scrim: #00000066;
  --ch-glass-tint: 255 255 255;
  --ch-glass-level: 2;
  --ch-glass-blur: 18px;
  --ch-glass-alpha: 0.78;
  --ch-glass-border-alpha: 0.6;
  --ch-glass-saturate: 1.35;
  --ch-glass-shadow: 0 8px 30px rgb(0 0 0 / 0.10);
  --ch-space-0: 0;
  --ch-space-1: 0.25rem;
  --ch-space-2: 0.5rem;
  --ch-space-3: 0.75rem;
  --ch-space-4: 1rem;
  --ch-space-5: 1.25rem;
  --ch-space-6: 1.5rem;
  --ch-space-8: 2rem;
  --ch-space-10: 2.5rem;
  --ch-space-12: 3rem;
  --ch-radius-sm: 0.375rem;
  --ch-radius-md: 0.625rem;
  --ch-radius-lg: 1rem;
  --ch-radius-xl: 1.5rem;
  --ch-radius-full: 9999px;
  --ch-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.07), 0 1px 1px rgb(0 0 0 / 0.04);
  --ch-shadow-md: 0 4px 12px rgb(0 0 0 / 0.10), 0 1px 3px rgb(0 0 0 / 0.06);
  --ch-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.16), 0 2px 8px rgb(0 0 0 / 0.08);
  --ch-control-track-pad: 0.1875rem;
  --ch-control-track-radius: 0.75rem;
  --ch-control-item-radius: 0.5625rem;
  --ch-control-gap: 0.125rem;
  --ch-control-height-sm: 1.75rem;
  --ch-control-height-md: 2.125rem;
  --ch-control-height-lg: 2.5rem;
  --ch-control-pad-sm: 0.5rem;
  --ch-control-pad-md: 0.75rem;
  --ch-control-pad-lg: 1rem;
  --ch-control-font-sm: var(--ch-font-size-xs);
  --ch-control-font-md: var(--ch-font-size-sm);
  --ch-control-font-lg: var(--ch-font-size-md);
  --ch-font-sans: "Segoe UI", "Noto Sans Arabic", "Noto Sans", system-ui, -apple-system, sans-serif;
  --ch-font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, SFMono-Regular, Menlo, monospace;
  --ch-font-size-xs: 0.75rem;
  --ch-font-size-sm: 0.875rem;
  --ch-font-size-md: 1rem;
  --ch-font-size-lg: 1.125rem;
  --ch-font-size-xl: 1.375rem;
  --ch-font-size-2xl: 1.75rem;
  --ch-font-leading-tight: 1.25;
  --ch-font-leading-normal: 1.55;
  --ch-font-leading-relaxed: 1.75;
  --ch-layout-reading-max: 48rem;
  --ch-layout-sidebar-width: 18rem;
  --ch-layout-sidebar-min: 14rem;
  --ch-layout-settings-nav: 14rem;
  --ch-layout-pane-min: 18rem;
  --ch-layout-pane-default: 34rem;
  --ch-layout-topbar-height: 3.25rem;
  --ch-layout-composer-max: 48rem;
  --ch-layout-bubble-max: 70%;
  --ch-layout-avatar-sm: 1.75rem;
  --ch-layout-avatar-md: 2.25rem;
  --ch-layout-turn-gap: 1.75rem;
  --ch-layout-group-gap: 0.375rem;
  --ch-motion-fast: 120ms;
  --ch-motion-normal: 200ms;
  --ch-motion-slow: 320ms;
  --ch-motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --ch-z-base: 0;
  --ch-z-raised: 10;
  --ch-z-sticky: 100;
  --ch-z-chrome: 200;
  --ch-z-overlay: 300;
  --ch-z-popover: 400;
  --ch-z-toast: 500;
  /* Derived: the glass surface itself. Chrome uses these three; content never does. */
  --ch-glass-bg: rgb(var(--ch-glass-tint) / var(--ch-glass-alpha));
  --ch-glass-border: color-mix(in srgb, var(--ch-color-border) calc(var(--ch-glass-border-alpha) * 100%), transparent);
  --ch-glass-filter: blur(var(--ch-glass-blur)) saturate(var(--ch-glass-saturate));
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --ch-color-bg: #111210;
  --ch-color-bg-raised: #171816;
  --ch-color-surface: #1c1d1b;
  --ch-color-surface-2: #262825;
  --ch-color-surface-3: #31332f;
  --ch-color-control-track: #1b1c1a;
  --ch-color-control-raised: #34362f;
  --ch-color-text: #ecebe6;
  --ch-color-text-muted: #b3b0a9;
  --ch-color-text-faint: #8f8c85;
  --ch-color-border: #33352f;
  --ch-color-border-strong: #6f7268;
  --ch-color-accent: #3fc2a1;
  --ch-color-accent-strong: #7fe0c6;
  --ch-color-accent-text: #08211b;
  --ch-color-accent-soft: #1b3a33;
  --ch-color-accent-soft-text: #8fe6cc;
  --ch-color-danger: #ff8a7a;
  --ch-color-danger-text: #2a0a06;
  --ch-color-danger-soft: #3d1a16;
  --ch-color-danger-soft-text: #ffb3a8;
  --ch-color-warning-soft: #3d2e0e;
  --ch-color-warning-soft-text: #f5d08a;
  --ch-color-success-soft: #173625;
  --ch-color-success-soft-text: #9be0b4;
  --ch-color-info-soft: #1b2c44;
  --ch-color-info-soft-text: #a7c8f2;
  --ch-color-status-running: #4fd08f;
  --ch-color-status-running-sweep: #c9f8de;
  --ch-color-status-blocked: #ff8a7a;
  --ch-color-status-scheduled: #f2b64a;
  --ch-color-status-review: #c39bf5;
  --ch-color-status-ready: #8fc6ff;
  --ch-color-chart-1: #3987e5;
  --ch-color-chart-2: #d95926;
  --ch-color-chart-3: #199e70;
  --ch-color-chart-4: #c98500;
  --ch-color-chart-5: #d55181;
  --ch-color-chart-6: #008300;
  --ch-color-review-soft: #2d2140;
  --ch-color-review-soft-text: #dcc4fb;
  --ch-color-link: #8fc6ff;
  --ch-color-focus: #8fc6ff;
  --ch-color-user-bubble: #22342e;
  --ch-color-user-bubble-text: #ecebe6;
  --ch-color-user-bubble-border: #2f453d;
  --ch-color-agent-bubble: #1a1b19;
  --ch-color-agent-bubble-text: #ecebe6;
  --ch-color-agent-bubble-border: #2d2f2a;
  --ch-color-thinking: #3fc2a1;
  --ch-color-thinking-track: #2a2c27;
  --ch-color-code-bg: #0c0d0b;
  --ch-color-code-text: #ecebe6;
  --ch-color-code-keyword: #d9a3ee;
  --ch-color-code-string: #9be0b4;
  --ch-color-code-comment: #8f8c85;
  --ch-color-code-number: #f2c48a;
  --ch-color-scrim: #00000099;
  --ch-glass-tint: 28 29 27;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
  --ch-color-bg: #111210;
  --ch-color-bg-raised: #171816;
  --ch-color-surface: #1c1d1b;
  --ch-color-surface-2: #262825;
  --ch-color-surface-3: #31332f;
  --ch-color-control-track: #1b1c1a;
  --ch-color-control-raised: #34362f;
  --ch-color-text: #ecebe6;
  --ch-color-text-muted: #b3b0a9;
  --ch-color-text-faint: #8f8c85;
  --ch-color-border: #33352f;
  --ch-color-border-strong: #6f7268;
  --ch-color-accent: #3fc2a1;
  --ch-color-accent-strong: #7fe0c6;
  --ch-color-accent-text: #08211b;
  --ch-color-accent-soft: #1b3a33;
  --ch-color-accent-soft-text: #8fe6cc;
  --ch-color-danger: #ff8a7a;
  --ch-color-danger-text: #2a0a06;
  --ch-color-danger-soft: #3d1a16;
  --ch-color-danger-soft-text: #ffb3a8;
  --ch-color-warning-soft: #3d2e0e;
  --ch-color-warning-soft-text: #f5d08a;
  --ch-color-success-soft: #173625;
  --ch-color-success-soft-text: #9be0b4;
  --ch-color-info-soft: #1b2c44;
  --ch-color-info-soft-text: #a7c8f2;
  --ch-color-status-running: #4fd08f;
  --ch-color-status-running-sweep: #c9f8de;
  --ch-color-status-blocked: #ff8a7a;
  --ch-color-status-scheduled: #f2b64a;
  --ch-color-status-review: #c39bf5;
  --ch-color-status-ready: #8fc6ff;
  --ch-color-chart-1: #3987e5;
  --ch-color-chart-2: #d95926;
  --ch-color-chart-3: #199e70;
  --ch-color-chart-4: #c98500;
  --ch-color-chart-5: #d55181;
  --ch-color-chart-6: #008300;
  --ch-color-review-soft: #2d2140;
  --ch-color-review-soft-text: #dcc4fb;
  --ch-color-link: #8fc6ff;
  --ch-color-focus: #8fc6ff;
  --ch-color-user-bubble: #22342e;
  --ch-color-user-bubble-text: #ecebe6;
  --ch-color-user-bubble-border: #2f453d;
  --ch-color-agent-bubble: #1a1b19;
  --ch-color-agent-bubble-text: #ecebe6;
  --ch-color-agent-bubble-border: #2d2f2a;
  --ch-color-thinking: #3fc2a1;
  --ch-color-thinking-track: #2a2c27;
  --ch-color-code-bg: #0c0d0b;
  --ch-color-code-text: #ecebe6;
  --ch-color-code-keyword: #d9a3ee;
  --ch-color-code-string: #9be0b4;
  --ch-color-code-comment: #8f8c85;
  --ch-color-code-number: #f2c48a;
  --ch-color-scrim: #00000099;
  --ch-glass-tint: 28 29 27;
  }
}
:root[data-glass='0'] {
  --ch-glass-level: 0;
  --ch-glass-blur: 0px;
  --ch-glass-alpha: 1;
  --ch-glass-border-alpha: 1;
  --ch-glass-saturate: 1;
  --ch-glass-shadow: none;
}
:root[data-glass='1'] {
  --ch-glass-level: 1;
  --ch-glass-blur: 10px;
  --ch-glass-alpha: 0.9;
  --ch-glass-border-alpha: 0.8;
  --ch-glass-saturate: 1.1;
  --ch-glass-shadow: 0 1px 2px rgb(0 0 0 / 0.06);
}
:root[data-glass='2'] {
  --ch-glass-level: 2;
  --ch-glass-blur: 18px;
  --ch-glass-alpha: 0.78;
  --ch-glass-border-alpha: 0.6;
  --ch-glass-saturate: 1.35;
  --ch-glass-shadow: 0 8px 30px rgb(0 0 0 / 0.10);
}
:root[data-glass='3'] {
  --ch-glass-level: 3;
  --ch-glass-blur: 30px;
  --ch-glass-alpha: 0.62;
  --ch-glass-border-alpha: 0.45;
  --ch-glass-saturate: 1.6;
  --ch-glass-shadow: 0 12px 40px rgb(0 0 0 / 0.14);
}
/* The person asked the OS for less transparency: every level collapses to solid. */
@media (prefers-reduced-transparency: reduce) {
  :root,
  :root[data-glass] {
  --ch-glass-level: 0;
  --ch-glass-blur: 0px;
  --ch-glass-alpha: 1;
  --ch-glass-border-alpha: 1;
  --ch-glass-saturate: 1;
  --ch-glass-shadow: none;
  }
}
/* The person asked the OS for less motion: transitions become instant. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --ch-motion-fast: 0ms;
    --ch-motion-normal: 0ms;
    --ch-motion-slow: 0ms;
  }
}