feat(ui): migrate all view bodies to design tokens (F1b)

Tokenize every remaining component <style> — calculator, order tab,
inspectors, tables, report sections, lobby, auth, mail, battle viewer,
toasts, map overlays. A scripted pass handled the unambiguous core
palette (text/bg/surface/border/accent/danger/muted), the rest were
mapped to the semantic/grey tokens by role.

Remaining colour literals are the documented exceptions only: the
battle-scene SVG data-visualisation palette (fixed dark, like the WebGL
map canvas), overlay scrims (modal / map-canvas), and directional or
deliberate drop shadows. The default theme stays dark until light
coherence is signed off across the views.

Updates ui/docs/design-system.md (migration status + exceptions).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

ui/frontend/src/lib/calculator/ship-design-area.svelte

@@ -172,13 +172,13 @@ calculator math — so the ship-group upgrade flow can reuse it later.
 		gap: 0.35rem;
 	}
 	.col-head {
-		color: #8890b0;
+		color: var(--color-text-muted);
 		font-size: 0.7rem;
 		text-align: center;
 		text-transform: lowercase;
 	}
 	.label {
-		color: #aab;
+		color: var(--color-text-muted);
 		font-size: 0.8rem;
 	}
 	input {
@@ -187,19 +187,19 @@ calculator math — so the ship-group upgrade flow can reuse it later.
 		width: 100%;
 		min-width: 0;
 		padding: 0.2rem 0.35rem;
-		background: #0a0e1a;
-		color: #e8eaf6;
-		border: 1px solid #2a3150;
+		background: var(--color-bg);
+		color: var(--color-text);
+		border: 1px solid var(--color-border);
 		border-radius: 3px;
 		font-variant-numeric: tabular-nums;
 	}
 	input[data-computed="true"],
 	input[readonly] {
-		color: #9fb0ff;
-		background: #11162a;
+		color: var(--color-accent);
+		background: var(--color-surface-raised);
 	}
 	input[aria-invalid="true"] {
-		border-color: #d97a7a;
+		border-color: var(--color-danger);
 	}
 	.tech-cell {
 		display: flex;