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/notifications/NotificationHistory.svelte

@@ -73,9 +73,9 @@
 
 	function eventBadgeClass(event: string): string {
 		switch (event) {
-			case 'app_online': return 'bg-green-500/10 text-green-500';
-			case 'app_offline': return 'bg-red-500/10 text-red-500';
-			case 'app_degraded': return 'bg-yellow-500/10 text-yellow-500';
+			case 'app_online': return 'bg-status-online/15 text-status-online-ink';
+			case 'app_offline': return 'bg-status-offline/15 text-status-offline-ink';
+			case 'app_degraded': return 'bg-status-degraded/15 text-status-degraded-ink';
 			default: return 'bg-muted text-muted-foreground';
 		}
 	}
@@ -87,7 +87,7 @@
 		<select
 			bind:value={filterEvent}
 			onchange={applyFilters}
-			class="rounded-md border border-input bg-background px-3 py-1.5 text-sm text-foreground"
+			class="rounded-xl border border-input bg-background px-3 py-1.5 text-sm text-foreground"
 		>
 			<option value="">All Events</option>
 			<option value="app_online">Online</option>
@@ -104,7 +104,7 @@
 			<p class="text-muted-foreground">No notifications found</p>
 		</div>
 	{:else}
-		<div class="overflow-x-auto rounded-lg border border-border">
+		<div class="overflow-x-auto rounded-2xl border border-border bg-card shadow-[var(--shadow-soft)]">
 			<table class="w-full text-left text-sm">
 				<thead class="border-b border-border bg-muted/50">
 					<tr>