system commit

frontend/src/styles/global.css

@@ -0,0 +1,37 @@
+:root {
+  --bg-color:#141419;
+  --text-color:#e5e7eb;
+  --sidebar-bg:#1e1e24;
+  --border-color:#333;
+  --accent:#3b82f6;
+  --accent-hover:#2563eb;
+  --bubble-user-bg:#3a3f58;
+  --bubble-ai-bg:#2d2f39;
+  --bubble-text-color:#f2f2f7;
+  --input-bg:#262730;
+  --input-border:#333;
+  --button-bg:var(--accent);
+  --button-disabled-bg:#4b5563;
+  --shadow-color:rgba(0,0,0,.3);
+}
+
+[data-theme='light'] {
+  --bg-color:#f5f7fa;
+  --text-color:#1f2933;
+  --sidebar-bg:#ffffff;
+  --border-color:#e2e8f0;
+  --bubble-user-bg:#2563eb10;
+  --bubble-ai-bg:#f1f5f9;
+  --bubble-text-color:#1f2933;
+  --input-bg:#ffffff;
+  --input-border:#cbd5e1;
+  --button-bg:#2563eb;
+  --button-disabled-bg:#94a3b8;
+  --shadow-color:rgba(0,0,0,.08);
+}
+
+html,body { margin:0; padding:0; height:100%; }
+body { background:var(--bg-color); color:var(--text-color); font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif; overflow:hidden; }
+* { box-sizing:border-box; }
+::-webkit-scrollbar { width:8px; }
+::-webkit-scrollbar-thumb { background:var(--border-color); border-radius:4px; }