:root{
  --color-bg:#0b1020;
  --color-bg-elevated:#11162a;
  --color-panel:rgba(255,255,255,.06);
  --color-panel-solid:#121829;
  --color-text:#edf2ff;
  --color-text-soft:#9aa4d1;
  --color-primary:#7c5cff;
  --color-primary-hover:#9377ff;
  --color-border:rgba(255,255,255,.12);
  --color-user-bubble:#7c5cff;
  --color-assistant-bubble:rgba(255,255,255,.08);
  --color-input-bg:rgba(255,255,255,.05);
  --color-success:#1fbf75;
  --color-warning:#ffb020;
  --color-danger:#ff5d73;
  --color-code-bg:#0c1224;
  --color-overlay:rgba(6,10,20,.58);
  --composer-fade-start:rgba(11,16,32,0);
  --composer-fade-mid:rgba(11,16,32,.72);
  --composer-fade-end:rgba(11,16,32,.92);
  --bubble-user-text:#fff;
  --bubble-assistant-text:#edf2ff;
  --shadow-panel:0 18px 50px rgba(0,0,0,.28);
  --shadow-bubble:0 12px 30px rgba(0,0,0,.16);
  --radius-xs:8px;
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:22px;
  --radius-xl:28px;
  --font-family-base:Inter,ui-sans-serif,system-ui,sans-serif;
  --font-family-mono:ui-monospace,SFMono-Regular,monospace;
  --font-size-xs:12px;
  --font-size-sm:13px;
  --font-size-md:15px;
  --font-size-lg:17px;
  --font-size-xl:20px;
  --line-height-base:1.65;
  --spacing-xs:4px;
  --spacing-sm:8px;
  --spacing-md:12px;
  --spacing-lg:16px;
  --spacing-xl:24px;
  --backdrop-blur:16px;
  --sidebar-width:292px;
  --chat-max-width:940px;
  --bubble-max-width:78%;
  --input-min-height:56px;
  --input-max-height:180px;
  --header-height:60px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}