First draft

frontend/src/index.css

@@ -0,0 +1,69 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  /* BRAIN.md Strict Gemini Dark Theme Tokens */
+  --bg-app: #0b0f19;
+  --bg-surface: #131314;
+  --bg-card: #1e1f20;
+  --bg-card-hover: #282a2c;
+
+  --border-subtle: rgba(255, 255, 255, 0.08);
+  --border-focus: rgba(138, 180, 248, 0.40);
+
+  --accent-blue: #8ab4f8;
+  --accent-purple: #c58af9;
+  --swipe-keep: #81c995;
+  --swipe-discard: #f28b82;
+
+  --text-primary: #e3e3e3;
+  --text-muted: #9aa0a6;
+  --text-subtle: #5f6368;
+}
+
+* {
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+}
+
+body {
+  background-color: var(--bg-app);
+  color: var(--text-primary);
+  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  overflow-x: hidden;
+}
+
+/* Subtle custom dark scrollbar */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.12);
+  border-radius: 9999px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: rgba(138, 180, 248, 0.35);
+}
+
+.gemini-border {
+  border: 1px solid var(--border-subtle);
+}
+
+.gemini-input-glow:focus-within {
+  border-color: rgba(138, 180, 248, 0.55);
+  box-shadow: 0 0 32px -4px rgba(138, 180, 248, 0.25), 0 0 12px -2px rgba(197, 138, 249, 0.2);
+}
+
+.gemini-gradient-text {
+  background: linear-gradient(135deg, #8ab4f8 0%, #c58af9 55%, #81c995 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}