restructure: flatten workspace nesting, move devcontainer to root

- backend/workspaces/backend/ → backend/
- backend/workspaces/frontend/ → frontend/
- backend/.devcontainer/ + .vscode/ → repo root (where VS Code expects them)
- loose scripts/SQL files → scripts/
- replace nested git repo with single repo at project root
- update docker-compose.yml build context and devcontainer.json path
- add root .gitignore

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/routes/layout.css

@@ -0,0 +1,48 @@
+/* 1. Import Tailwind (replaces @tailwind base/components/utilities) */
+@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&family=Montserrat:wght@400;500;600;700&display=swap');
+@import "tailwindcss";
+
+/* 2. Define Custom Theme Variables */
+@theme {
+  /* COLORS:
+     Defining a variable starting with --color-* automatically creates 
+     utilities like bg-brand-navy, text-brand-navy, border-brand-navy, etc.
+  */
+  --color-brand-navy: #002850;
+  --color-brand-mint: #A6DAD8;
+  --color-brand-sand: #E4E2D7;
+  --color-brand-white: #ffffff;
+  --color-brand-dark: #1A1A1A;
+
+  /* FONTS:
+     Defining --font-* creates utilities like font-sans, font-serif.
+     We override the defaults here.
+  */
+  --font-sans: "Montserrat", ui-sans-serif, system-ui, sans-serif;
+  --font-serif: "Merriweather", ui-serif, Georgia, serif;
+
+  /* SPACING/SIZING (Optional):
+     You can also define custom sizes if needed, e.g., for that huge number
+  */
+  --text-huge: 4rem; 
+}
+
+/* 3. Custom Utilities & Base Styles */
+
+/* Import the fonts from Google */
+
+/* Apply base styles directly to HTML elements */
+@layer base {
+  body {
+    /* Use the theme variable directly using standard CSS syntax */
+    background-color: var(--color-brand-sand);
+    color: var(--color-brand-navy);
+    font-family: var(--font-serif);
+  }
+
+  /* Set headings to use the brand sans-serif font */
+  h1, h2, h3, h4, h5, h6 {
+    font-family: var(--font-sans);
+    font-weight: 500; /* Medium weight matches the screenshot headers */
+  }
+}