Fase 0: scaffold monorepo, SvelteKit skeleton, and dev infrastructure

- Turborepo + pnpm workspaces with apps/web and packages/types
- SvelteKit app: Tailwind, Paraglide i18n (en/es), keycloak-js, Supabase client,
  auth/collective stores, PWA service worker skeleton, all route placeholders
- packages/types: domain types (User, Collective, ShoppingList, etc.) and
  database.ts placeholder for generated types
- Justfile with dev, db-*, kc-*, build, backup, restore, deploy recipes
- infra/docker-compose.dev.yml: Postgres 15, GoTrue, PostgREST, Realtime v2.83,
  Storage, Kong (port 8001), Studio, Keycloak 24
- infra/docker-compose.prod.yml, kong.yml, db-init scripts, backup/deploy scripts
- keycloak/realm-export.json with colectivo realm and 5 dev test users
- supabase/config.toml and seed.sql with sample collective and items
- GitHub Actions: ci.yml (lint+typecheck+build) and deploy.yml (GHCR + SSH)
- .env.example documenting all required variables
- Fixed docker-compose issues: Studio image tag, Kong port conflict (8001),
  internal role passwords init script, Realtime METRICS_JWT_SECRET/APP_NAME

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

apps/web/src/app.css

@@ -0,0 +1,45 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';
+
+/* Inter font */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+
+/* Design tokens — light mode */
+:root {
+	--background: 248 250 252; /* slate-50 */
+	--surface: 255 255 255;    /* white */
+	--surface-raised: 241 245 249; /* slate-100 */
+	--border: 226 232 240;     /* slate-200 */
+	--text-primary: 15 23 42;  /* slate-900 */
+	--text-secondary: 100 116 139; /* slate-500 */
+	--text-muted: 148 163 184; /* slate-400 */
+}
+
+/* Design tokens — dark mode */
+.dark {
+	--background: 15 23 42;    /* slate-950 */
+	--surface: 30 41 59;       /* slate-800 → closer to slate-900 card */
+	--surface-raised: 51 65 85; /* slate-700 */
+	--border: 51 65 85;        /* slate-700 */
+	--text-primary: 248 250 252; /* slate-50 */
+	--text-secondary: 148 163 184; /* slate-400 */
+	--text-muted: 100 116 139;   /* slate-500 */
+}
+
+* {
+	box-sizing: border-box;
+}
+
+html,
+body {
+	height: 100%;
+}
+
+body {
+	font-family: 'Inter', system-ui, sans-serif;
+	background-color: hsl(var(--background));
+	color: hsl(var(--text-primary));
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}