1 files changed, 66 insertions, 0 deletions
diff --git a/api/static/css/base.css b/api/static/css/base.css
new file mode 100644
index 0000000..aa28ba5
--- /dev/null
+++ b/api/static/css/base.css
@@ -0,0 +1,66 @@
+:root {
+    /* Colors - Deep Industrial Dark */
+    --color-bg-0: #0a0a0b;      /* Deepest background */
+    --color-bg-1: #121214;      /* Sidebar / Cards */
+    --color-bg-2: #1c1c1f;      /* Input fields */
+    --color-bg-3: #2a2a2e;      /* Borders / Hover */
+
+    /* Text */
+    --color-text-primary: #f0f0f2;
+    --color-text-secondary: #9ea0a6;
+    --color-text-muted: #62646c;
+
+    /* Accent - Pure Purple */
+    --color-accent: #9d4edd;
+    --color-accent-hover: #7b2cbf;
+    --color-accent-text: #ffffff;
+
+    /* Semantic */
+    --color-success: #10b981;
+    --color-warning: #f59e0b;
+    --color-danger: #ef4444;
+    --color-info: #3b82f6;
+
+    /* Spacing & Borders */
+    --border-width: 1px;
+    --border-radius: 4px; /* Crisp corners */
+    --space-xs: 4px;
+    --space-sm: 8px;
+    --space-md: 16px;
+    --space-lg: 24px;
+    --space-xl: 32px;
+
+    /* Transitions */
+    --transition-fast: 0.15s ease;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    background-color: var(--color-bg-0);
+    color: var(--color-text-primary);
+    line-height: 1.5;
+    height: 100vh;
+    overflow: hidden; /* Main scroll happens in panes */
+}
+
+/* Scrollbar Styling */
+::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+}
+::-webkit-scrollbar-track {
+    background: var(--color-bg-0);
+}
+::-webkit-scrollbar-thumb {
+    background: var(--color-bg-3);
+    border-radius: 10px;
+}
+::-webkit-scrollbar-thumb:hover {
+    background: var(--color-accent);
+}