feat: add main features

Agents for developpement added + frontend add + backend added. Git viewer created + agent and template creator + layout and project creator

frontend/src/shared/styles/theme.css

@@ -0,0 +1,76 @@
+/*
+ * IdeA design system — global theme (LD).
+ *
+ * Tailwind v4, CSS-first: semantic tokens declared under `@theme` become
+ * utilities (e.g. `--color-surface` → `bg-surface text-surface border-surface`).
+ * The palette is a **dark IDE** theme by default — IdeA is an IDE, not a website.
+ * Features should consume these tokens + the `shared/ui` components rather than
+ * hard-coding colours.
+ */
+
+@import "tailwindcss";
+
+@theme {
+  /* Surfaces (back-to-front) */
+  --color-canvas: #0e1116; /* app background */
+  --color-surface: #161b22; /* panels, cards */
+  --color-raised: #1c2430; /* inputs, hovered rows */
+  --color-overlay: #222c3a; /* popovers, menus */
+
+  /* Lines & text */
+  --color-border: #2b3440;
+  --color-border-strong: #3b4757;
+  --color-content: #e6edf3; /* primary text */
+  --color-muted: #9aa7b4; /* secondary text */
+  --color-faint: #6b7785; /* disabled / placeholder */
+
+  /* Accent & status */
+  --color-primary: #4c8dff;
+  --color-primary-hover: #3b7bf0;
+  --color-on-primary: #ffffff;
+  --color-danger: #f85149;
+  --color-success: #3fb950;
+  --color-warning: #d29922;
+
+  /* Typography */
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica,
+    Arial, sans-serif;
+  --font-mono:
+    "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo,
+    Consolas, monospace;
+
+  /* Radii */
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+}
+
+@layer base {
+  /* Tell the engine (incl. the Tauri WebKitGTK webview) to render native form
+     controls — <select> popups, <option>, checkboxes, scrollbars — in dark mode.
+     Without this, WebKitGTK paints them with the light system GTK theme, which is
+     why dropdowns looked white in the packaged app but not in a dark browser. */
+  :root {
+    color-scheme: dark;
+  }
+
+  html,
+  body,
+  #root {
+    height: 100%;
+  }
+
+  body {
+    margin: 0;
+    background-color: var(--color-canvas);
+    color: var(--color-content);
+    font-family: var(--font-sans);
+    -webkit-font-smoothing: antialiased;
+  }
+
+  /* A consistent focus ring across the kit (keyboard accessibility). */
+  :focus-visible {
+    outline: 2px solid var(--color-primary);
+    outline-offset: 1px;
+  }
+}