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/option_tile.dart

@@ -59,20 +59,27 @@ class _DmOptionTileState extends State<DmOptionTile> {
     final selected = widget.selected;
     final enabled = widget.enabled;
 
+    // ── Selection is a tint and an edge, not a crimson slab ──
+    //
+    // A chosen slot used to fill solid brand and carry [DmShadow.lift] — the
+    // 80%-crimson glow written for the one committing button on a screen. In
+    // a list of six windows that made the choice the loudest object in the
+    // sheet, louder than the button that confirms it, and the white text
+    // inside it broke the type colour every other row was set in.
+    //
+    // A wash with a crimson edge says *chosen* just as unambiguously, keeps
+    // the row's type where it was, and leaves the crimson fill to the footer
+    // button — which is the thing the customer presses next.
     final Color background = selected
-        ? DmColors.brand
+        ? DmColors.brandSoft
         : (enabled ? DmColors.surface : DmColors.surfaceAlt);
 
-    final Color edge = selected
-        ? DmColors.brand
-        : (enabled ? DmColors.border : DmColors.border);
-
     final titleColor = selected
-        ? Colors.white
+        ? DmColors.brandPress
         : (enabled ? DmColors.ink : DmColors.ink3);
 
     final subColor = selected
-        ? DmColors.onBrand2
+        ? DmColors.brandPress
         : (enabled ? DmColors.ink2 : DmColors.ink3);
 
     return Semantics(
@@ -107,8 +114,13 @@ class _DmOptionTileState extends State<DmOptionTile> {
             decoration: BoxDecoration(
               color: background,
               borderRadius: DmRadius.all(DmRadius.md),
-              border: Border.all(color: edge),
-              boxShadow: selected ? DmShadow.lift : null,
+              border: selected
+                  ? Border.all(color: DmColors.brand, width: 1.5)
+                  : null,
+              // An unchosen, available option is a card like any other: lifted
+              // off the sheet rather than outlined on it. A disabled one is
+              // flat, because it is not an object you can pick up.
+              boxShadow: enabled && !selected ? DmShadow.card : null,
             ),
             child: Row(
               children: [
@@ -116,7 +128,7 @@ class _DmOptionTileState extends State<DmOptionTile> {
                   Icon(
                     widget.leading,
                     size: 20,
-                    color: selected ? Colors.white : DmColors.ink3,
+                    color: selected ? DmColors.brand : DmColors.ink3,
                   ),
                   const SizedBox(width: 13),
                 ],
@@ -178,9 +190,11 @@ class _Radio extends StatelessWidget {
       alignment: Alignment.center,
       decoration: BoxDecoration(
         shape: BoxShape.circle,
+        // The mark takes the brand now that the tile behind it is a wash
+        // rather than a crimson field — white on `brandSoft` is invisible.
         border: Border.all(
           color: selected
-              ? Colors.white
+              ? DmColors.brand
               : (enabled ? DmColors.ink4 : DmColors.border),
           width: selected ? 2 : 1.5,
         ),
@@ -190,7 +204,7 @@ class _Radio extends StatelessWidget {
               width: 10,
               height: 10,
               decoration: const BoxDecoration(
-                color: Colors.white,
+                color: DmColors.brand,
                 shape: BoxShape.circle,
               ),
             )