feat(ui): migrate entire UI to "Cozy Home" design

Warm, friendly redesign replacing the generic cold-shadcn look. Built as a
swappable token bundle so other presets can be added later; dark mode and the
user-tunable accent hue are retained.

Foundation
- app.css: warm cream (light) + "dusk" (dark) token system; terracotta accent
  (default hue 16); pastel --room-* palette; vivid --status-* (dots/bars) plus
  AA-legible --status-*-ink (text); soft warm shadows; --radius 1rem; font tokens
- Fonts: Fraunces (display) + Figtree (body), self-hosted in static/fonts
  (no Google CDN) so offline/LAN installs work; system-ui fallbacks kept
- h1/h2/h3 render in Fraunces via base layer

Chrome and surfaces
- Sidebar, Header, home, AppCard/BoardCard, BoardHeader, sections, favorites
- 29 widgets + integration renderers: cozy card shells, room-palette charts
- Default background is a static warm "cozy" glow (mesh demoted, rAF gated on
  prefers-reduced-motion)

System-wide
- Status colors tokenized (no raw bg/text-*-500 or status hex); success/warning
  to status tokens, categorical to room palette, errors to destructive
- Inputs rounded-xl; buttons rounded-xl; cards/dialogs rounded-[1.4rem];
  soft-shadow vocabulary only; focus-visible:ring-primary/30
- Forms, admin tables (now cozy cards), dialogs, popovers, auth screens

a11y: reduced-motion guards; darker status "ink" text for AA on cream.
Known tradeoff: terracotta primary + white button text ~2.96:1 (signature color,
user-tunable).

Verified: svelte-check 0/0, build ok, 274 tests pass, eslint 0 errors.
Design refs + system sheet in design-mockups/.

src/lib/components/app/AppForm.svelte

@@ -121,7 +121,7 @@
 				name="name"
 				type="text"
 				bind:value={$form.name}
-				class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+				class="w-full rounded-xl border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/30"
 				placeholder={$t('app.name_placeholder')}
 			/>
 			{#if $errors.name}
@@ -138,7 +138,7 @@
 				name="url"
 				type="url"
 				bind:value={$form.url}
-				class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+				class="w-full rounded-xl border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/30"
 				placeholder={$t('app.url_placeholder')}
 			/>
 			{#if $errors.url}
@@ -170,7 +170,7 @@
 			name="description"
 			type="text"
 			bind:value={$form.description}
-			class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+			class="w-full rounded-xl border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/30"
 			placeholder={$t('app.description_placeholder')}
 		/>
 	</div>
@@ -186,7 +186,7 @@
 				bind:value={$form.category}
 				suggestions={categorySuggestions}
 				placeholder={$t('app.category_placeholder')}
-				class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+				class="w-full rounded-xl border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/30"
 			/>
 		</div>
 
@@ -200,7 +200,7 @@
 				bind:value={$form.tags}
 				suggestions={tagSuggestions}
 				placeholder={$t('app.tags_placeholder')}
-				class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+				class="w-full rounded-xl border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/30"
 			/>
 		</div>
 	</div>
@@ -269,7 +269,7 @@
 							name="healthcheckExpectedStatus"
 							type="number"
 							bind:value={$form.healthcheckExpectedStatus}
-							class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+							class="w-full rounded-xl border border-input bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/30"
 							min="100"
 							max="599"
 						/>
@@ -287,7 +287,7 @@
 							name="healthcheckTimeout"
 							type="number"
 							bind:value={$form.healthcheckTimeout}
-							class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+							class="w-full rounded-xl border border-input bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/30"
 							min="1000"
 							max="30000"
 							step="1000"
@@ -307,7 +307,7 @@
 						name="healthcheckInterval"
 						type="number"
 						bind:value={$form.healthcheckInterval}
-						class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+						class="w-full rounded-xl border border-input bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/30"
 						min="30"
 						max="86400"
 					/>
@@ -349,7 +349,7 @@
 						id="integrationType"
 						name="integrationType"
 						bind:value={$form.integrationType}
-						class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+						class="w-full rounded-xl border border-input bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/30"
 					>
 						<option value="">None</option>
 						{#each availableIntegrations as integration (integration.id)}
@@ -395,7 +395,7 @@
 							{testingConnection ? 'Testing...' : 'Test Connection'}
 						</button>
 						{#if testResult}
-							<span class="text-sm {testResult.success ? 'text-green-500' : 'text-destructive'}">
+							<span class="text-sm {testResult.success ? 'text-status-online-ink' : 'text-destructive'}">
 								{testResult.message}
 							</span>
 						{/if}
@@ -412,7 +412,7 @@
 		<button
 			type="submit"
 			disabled={$submitting}
-			class="rounded-md bg-primary px-6 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
+			class="rounded-xl bg-primary px-6 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 disabled:cursor-not-allowed disabled:opacity-50"
 		>
 			{#if $submitting}
 				{$t('app.saving')}