/* Angel Cloud design system tokens (design-system/reference/tokens.css), generated by landing/tools/build-assets.mjs.
   Daylight by default, Twilight when the system is dark; data-theme on <html> forces one. */
:root, :root[data-theme="light"] {
  color-scheme: light;
  --color-primary: #1a6dd6;
  --color-on-primary: #ffffff;
  --color-primary-shade: #1557b0;
  --color-primary-shade-darker: #11488f;
  --color-primary-tint: #1a6dd61a;
  --color-primary-opacity: #1a6dd61e;
  --color-primary-opacity-hover: #1a6dd640;
  --color-links: #1a6dd6;
  --color-background: #ffffff;
  --surface-glass: rgba(255, 255, 255, 0.72);
  --color-background-secondary: #f2f7fc;
  --color-background-secondary-accent: #e3edf7;
  --color-background-sidebar: #d8e9fa;
  --color-background-selected: #eef4fb;
  --color-chat-hover: #eef4fb;
  --color-chat-active: #1a6dd6;
  --color-item-hover: #eef4fb;
  --color-item-active: #e2ecf7;
  --color-interactive-element-hover: rgba(14, 27, 44, 0.06);
  --color-text: #0e1b2c;
  --color-text-secondary: #566779;
  --color-text-secondary-apple: #566779;
  --color-icon-secondary: #566779;
  --color-text-meta: #5f6e80;
  --color-text-green: #177a44;
  --color-placeholders: #7d8ca0;
  --color-chat-username: #1f5fa8;
  --color-borders: #d6e2ee;
  --color-borders-input: #7d8da1;
  --color-dividers: #cfdbe7;
  --color-green: #1e9e5a;
  --color-green-darker: #17824a;
  --color-success: #1e9e5a;
  --color-active: #1e9e5a;
  --color-error: #c62b20;
  --color-error-shade: #a8231a;
  --color-warning: #a86200;
  --color-yellow: #fdd764;
  --color-orange: #d08a31;
  --color-gray: #627387;
  --color-white: #ffffff;
  --color-background-own: #d9eafe;
  --color-background-own-apple: #d9eafe;
  --color-message-meta-own: #275f9e;
  --color-accent-own: #1a6dd6;
  --color-code: #2c5d94;
  --color-code-bg: #0e1b2c0f;
  --code-surface: #0e1b2c;
  --code-surface-text: #d6e2f0;
  --code-surface-ok: #5fd28f;
  --color-default-shadow: #1e46782e;
  --color-light-shadow: #1e46781a;
  --color-toast-background: #0e1b2ccc;
  --sky-zenith: #3a86dc;
  --sky-mid: #8cc3f1;
  --sky-horizon: #e9f5ff;
  --sun-core: #fffdf3;
  --sun-glow: #ffe7a3;
  --cloud-light: #ffffff;
  --cloud-mid: #e6eff8;
  --cloud-shade: #b7cbe0;
  --circuit-line: rgba(26, 79, 140, 0.09);
  --star: rgba(255, 255, 255, 0);
  --brand-sky-deep: #0d3f86;
  --brand-sky: #1f74d8;
  --brand-sky-light: #5fb1f2;
  --brand-sky-glow: #8fdbff;
  --brand-halo: #ffd15c;
  --brand-halo-light: #fff1b8;
  --brand-halo-deep: #f5a524;
  --brand-cloud-tint: #dfeefc;
  --brand-night: #071a3a;
  --voice-surface: rgba(10, 22, 40, 0.86);
  --voice-speaking: #7cc4ff;
  --voice-listening: #14b8a6;
  --voice-thinking: #f59e0b;
  --voice-error: #ef4444;
  --agent-codex: #10a37f;
  --agent-claude: #d97757;
  --agent-hermes: #1f74d8;
  --shadow-island: 0 2px 12px -2px rgba(30, 70, 120, 0.18);
  --shadow-pane: 0 2px 10px -2px rgba(30, 70, 120, 0.25);
  --shadow-footer: 0 1px 8px 1px rgba(0, 0, 0, 0.12);
  --shadow-chat-list-panel: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  --shadow-menu: 0 4px 16px 2px #1e46782e;
  --shadow-message: 0 1px 2px #1e46782e;
  --shadow-dialog: 0 8px 40px rgba(30, 70, 120, 0.28);
  --shadow-voice: 0 8px 32px rgba(0, 0, 0, 0.35);
  --shadow-sun: 0 0 22px 2px rgba(255, 209, 92, 0.55);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-primary: #7cbcf5;
    --color-on-primary: #0b1a2e;
    --color-primary-shade: #64a8e6;
    --color-primary-shade-darker: #4f93d4;
    --color-primary-tint: #7cbcf51f;
    --color-primary-opacity: #7cbcf51e;
    --color-primary-opacity-hover: #7cbcf540;
    --color-links: #7cbcf5;
    --color-background: #121d2e;
    --surface-glass: rgba(18, 29, 46, 0.74);
    --color-background-secondary: #0c1522;
    --color-background-secondary-accent: #172438;
    --color-background-sidebar: #0b1320;
    --color-background-selected: #1b2a40;
    --color-chat-hover: #1b2a40;
    --color-chat-active: #2c4a72;
    --color-item-hover: #1b2a40;
    --color-item-active: #213350;
    --color-interactive-element-hover: rgba(244, 239, 231, 0.08);
    --color-text: #f4efe7;
    --color-text-secondary: #a7b3c4;
    --color-text-secondary-apple: #a7b3c4;
    --color-icon-secondary: #a7b3c4;
    --color-text-meta: #8f9cae;
    --color-text-green: #3fcf7f;
    --color-placeholders: #74849a;
    --color-chat-username: #9cc8f5;
    --color-borders: #26354b;
    --color-borders-input: #5f7189;
    --color-dividers: #2c3c53;
    --color-green: #3fcf7f;
    --color-green-darker: #33b56d;
    --color-success: #3fcf7f;
    --color-active: #3fcf7f;
    --color-error: #ff7a6b;
    --color-error-shade: #e8655a;
    --color-warning: #f5a524;
    --color-gray: #607390;
    --color-background-own: #24496f;
    --color-background-own-apple: #24496f;
    --color-message-meta-own: #c9d8ea;
    --color-accent-own: #9ccdf8;
    --color-code: #ffc874;
    --color-code-bg: #00000059;
    --code-surface: #060c16;
    --color-default-shadow: #000000a6;
    --color-light-shadow: #00000059;
    --color-toast-background: #05090fcc;
    --sky-zenith: #081427;
    --sky-mid: #1b3354;
    --sky-horizon: #e39a5f;
    --sun-core: #ffe2b0;
    --sun-glow: #f5a35a;
    --cloud-light: #f0ae78;
    --cloud-mid: #2f3d55;
    --cloud-shade: #18243a;
    --circuit-line: rgba(255, 210, 150, 0.08);
    --star: #fff6e0;
    --shadow-island: 0 2px 12px -2px rgba(0, 0, 0, 0.55);
    --shadow-pane: 0 2px 10px -2px rgba(0, 0, 0, 0.6);
    --shadow-menu: 0 4px 16px 2px #000000a6;
    --shadow-message: 0 1px 2px #000000a6;
    --shadow-dialog: 0 8px 40px rgba(0, 0, 0, 0.6);
    --shadow-sun: 0 0 22px 2px rgba(255, 209, 92, 0.3);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-primary: #7cbcf5;
  --color-on-primary: #0b1a2e;
  --color-primary-shade: #64a8e6;
  --color-primary-shade-darker: #4f93d4;
  --color-primary-tint: #7cbcf51f;
  --color-primary-opacity: #7cbcf51e;
  --color-primary-opacity-hover: #7cbcf540;
  --color-links: #7cbcf5;
  --color-background: #121d2e;
  --surface-glass: rgba(18, 29, 46, 0.74);
  --color-background-secondary: #0c1522;
  --color-background-secondary-accent: #172438;
  --color-background-sidebar: #0b1320;
  --color-background-selected: #1b2a40;
  --color-chat-hover: #1b2a40;
  --color-chat-active: #2c4a72;
  --color-item-hover: #1b2a40;
  --color-item-active: #213350;
  --color-interactive-element-hover: rgba(244, 239, 231, 0.08);
  --color-text: #f4efe7;
  --color-text-secondary: #a7b3c4;
  --color-text-secondary-apple: #a7b3c4;
  --color-icon-secondary: #a7b3c4;
  --color-text-meta: #8f9cae;
  --color-text-green: #3fcf7f;
  --color-placeholders: #74849a;
  --color-chat-username: #9cc8f5;
  --color-borders: #26354b;
  --color-borders-input: #5f7189;
  --color-dividers: #2c3c53;
  --color-green: #3fcf7f;
  --color-green-darker: #33b56d;
  --color-success: #3fcf7f;
  --color-active: #3fcf7f;
  --color-error: #ff7a6b;
  --color-error-shade: #e8655a;
  --color-warning: #f5a524;
  --color-gray: #607390;
  --color-background-own: #24496f;
  --color-background-own-apple: #24496f;
  --color-message-meta-own: #c9d8ea;
  --color-accent-own: #9ccdf8;
  --color-code: #ffc874;
  --color-code-bg: #00000059;
  --code-surface: #060c16;
  --color-default-shadow: #000000a6;
  --color-light-shadow: #00000059;
  --color-toast-background: #05090fcc;
  --sky-zenith: #081427;
  --sky-mid: #1b3354;
  --sky-horizon: #e39a5f;
  --sun-core: #ffe2b0;
  --sun-glow: #f5a35a;
  --cloud-light: #f0ae78;
  --cloud-mid: #2f3d55;
  --cloud-shade: #18243a;
  --circuit-line: rgba(255, 210, 150, 0.08);
  --star: #fff6e0;
  --shadow-island: 0 2px 12px -2px rgba(0, 0, 0, 0.55);
  --shadow-pane: 0 2px 10px -2px rgba(0, 0, 0, 0.6);
  --shadow-menu: 0 4px 16px 2px #000000a6;
  --shadow-message: 0 1px 2px #000000a6;
  --shadow-dialog: 0 8px 40px rgba(0, 0, 0, 0.6);
  --shadow-sun: 0 0 22px 2px rgba(255, 209, 92, 0.3);
}
:root {
  --spacer-1: 0.25rem;
  --spacer-2: 0.5rem;
  --spacer-3: 1rem;
  --spacer-4: 1.5rem;
  --spacer-5: 2rem;
  --spacer-6: 3rem;
  --chat-list-inline-inset: 0.5rem;
  --middle-panel-inline-padding: 1rem;
  --angelcloud-rail-inset: 1rem;
  --border-radius-default-tiny: 0.375rem;
  --border-radius-messages-small: 0.375rem;
  --border-radius-default-small: 0.625rem;
  --border-radius-messages: 0.9375rem;
  --border-radius-default: 1rem;
  --border-radius-menu: 1rem;
  --border-radius-list-item: 1rem;
  --border-radius-toast: 1rem;
  --border-radius-button-tiny: 1.125rem;
  --border-radius-island: 1.5rem;
  --border-radius-pane: 1.5rem;
  --border-radius-button: 1.75rem;
  --border-radius-modal: 2rem;
  --angelcloud-rail-width: 5rem;
  --traffic-lights-inset: 6.25rem;
  --folders-sidebar-width: 5rem;
  --middle-header-height: 3rem;
  --column-header-height: 4rem;
  --right-column-width: 26.5rem;
  --messages-container-width: 47.5rem;
  --symbol-menu-width: 24rem;
  --z-modal-confirm: 10500;
  --z-portal-menu: 10000;
  --z-lock-screen: 3000;
  --z-modal-menu: 1600;
  --z-modal: 1510;
  --z-media-viewer: 1500;
  --z-right-column: 900;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Roboto", "Apple Color Emoji", "Helvetica Neue", sans-serif;
  --font-roboto: "Roboto", -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --font-mono: "Cascadia Mono", "Roboto Mono", "Droid Sans Mono", "SF Mono", "Menlo", "Ubuntu Mono", "Consolas", monospace;
  --font-rounded: ui-rounded, "Nunito", "Roboto", "Helvetica Neue", sans-serif;
  --font-numbers: ui-rounded, "Numbers Rounded", "Roboto", "Helvetica Neue", sans-serif;
  --font-condensed: "Roboto Condensed", "Roboto", "Helvetica Neue", sans-serif;
  --font-voice: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-icons: icons;
}