Redesign on the Stitch reference, in Plus Jakarta Sans

Four passes, and the shape they landed on.

The type face is Plus Jakarta Sans (variable, wght 200-800), which brings a
fix with it: it carries the rupee glyph and Switzer does not, so prices stop
being set in Geist Mono to work around a missing character. Mono stays where
it is earned - references and phone numbers, read digit by digit.

Surfaces lift rather than outline. Cards carry two very soft shadow layers
instead of a hairline, because eight outlined boxes down a screen read as a
wireframe. The tab bar floats as a pill again for the same reason it was
right to: it is now the same kind of object as everything above it.

Screens:

* Home is the greeting, the address, the sphere and one card. The card lost
  its progress bar - a filling line says "wait", and a parcel two days into
  a journey is not something anyone is waiting through - and gained the size
  that buys.
* Orders cards are four bands: identity, destination, route, and whatever is
  happening right now. Plus a search field, because the list is the archive.
* Tracking leads with the state at display size, then TRIP MILESTONES with a
  step counter, then the courier.
* Review is a route thread over two particular cards.
* Account opens on the person: avatar, name, and two counted figures.

Three real bugs the redesign surfaced:

* Quick dispatch handed `loadCities()` straight to a FutureBuilder, so the
  catalogue was refetched on every rebuild and Home never settled.
* Order cards showed the whole visit's weight on one destination's row -
  somebody else's parcel. Per group now, and only once actually weighed.
* The pickup window was printed beside "In transit", where it reads as a
  delivery time nobody promised.

Nothing invented. The reference shows EXPRESS PRIORITY, CARBON OFFSET,
CONCIERGE ELITE and hub-to-hub routing; this backend sends none of them, so
they are absent rather than mocked up.

flutter analyze: clean. flutter test: 88 passing.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EqVJPB9B4QuieZnBAAKgYQ

lib/ui/widgets/pieces.dart

@@ -114,25 +114,29 @@ class DmChoiceChip extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final fg = selected
-        ? Colors.white
-        : (enabled ? DmColors.ink2 : DmColors.ink4);
+    // ── A segmented control, not a crimson block ──
+    //
+    // "Today" was a solid brand fill with [DmShadow.liftSm] under it, sitting
+    // eight points above a list of windows and two hundred above the crimson
+    // button that confirms one. Three crimson objects on a sheet that asks a
+    // single question, and the loudest of them was the day — which the
+    // customer changes once, if ever.
+    //
+    // It is a lifted white chip on a sunken track now: the same convention
+    // iOS and every banking app use for a segment, where *selected* means
+    // raised rather than coloured.
+    final fg = selected ? DmColors.ink : (enabled ? DmColors.ink3 : DmColors.ink4);
 
     final chip = AnimatedContainer(
       duration: DmMotion.base,
       curve: DmMotion.ease,
-      constraints: const BoxConstraints(minHeight: 38),
-      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+      constraints: const BoxConstraints(minHeight: 40),
+      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 9),
       alignment: Alignment.center,
       decoration: BoxDecoration(
-        color: selected
-            ? DmColors.brand
-            : (enabled ? DmColors.surface : DmColors.surfaceAlt),
-        border: Border.all(
-          color: selected ? DmColors.brand : DmColors.border,
-        ),
-        borderRadius: DmRadius.all(DmRadius.xs),
-        boxShadow: selected ? DmShadow.liftSm : null,
+        color: selected ? DmColors.surface : Colors.transparent,
+        borderRadius: DmRadius.all(DmRadius.sm),
+        boxShadow: selected ? DmShadow.card : null,
       ),
       child: Row(
         mainAxisSize: MainAxisSize.min,
@@ -143,7 +147,11 @@ class DmChoiceChip extends StatelessWidget {
               label,
               maxLines: 1,
               overflow: TextOverflow.ellipsis,
-              style: DmText.label.copyWith(fontSize: 13, color: fg),
+              style: DmText.label.copyWith(
+                fontSize: 13.5,
+                color: fg,
+                fontWeight: selected ? FontWeight.w700 : FontWeight.w600,
+              ),
             ),
           ),
           if (count != null) ...[
@@ -151,14 +159,14 @@ class DmChoiceChip extends StatelessWidget {
             Container(
               padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 2),
               decoration: BoxDecoration(
-                color: selected ? const Color(0x3DFFFFFF) : DmColors.surfaceAlt,
+                color: selected ? DmColors.surfaceAlt : DmColors.surface,
                 borderRadius: DmRadius.all(DmRadius.pill),
               ),
               child: Text(
                 '$count',
                 style: DmText.monoSm.copyWith(
                   fontSize: 11,
-                  color: selected ? Colors.white : DmColors.ink3,
+                  color: DmColors.ink3,
                 ),
               ),
             ),