fix some bugs

src/components/orders/OrderTrackingTimeline.vue

@@ -80,7 +80,8 @@ function timestampFor(step: OrderStatus) {
   margin: 4px 0;
   padding: 12px;
   border-radius: 14px;
-  background: #eef4ff;
+  background: var(--color-primary-soft);
+  border: 1px solid var(--color-border);
 }
 
 .tracking-timeline__marker-wrap {
@@ -94,7 +95,7 @@ function timestampFor(step: OrderStatus) {
   top: 22px;
   bottom: -10px;
   width: 2px;
-  background: #e2e8f0;
+  background: var(--color-border);
 }
 
 .tracking-timeline__item:last-child .tracking-timeline__line {
@@ -109,8 +110,8 @@ function timestampFor(step: OrderStatus) {
   width: 22px;
   height: 22px;
   border-radius: 50%;
-  background: #e2e8f0;
-  border: 2px solid #e2e8f0;
+  background: var(--color-border);
+  border: 2px solid var(--color-border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -126,12 +127,12 @@ function timestampFor(step: OrderStatus) {
 .tracking-timeline__item--current .tracking-timeline__marker {
   background: var(--color-primary);
   border-color: var(--color-primary);
-  box-shadow: 0 0 0 4px rgba(29, 53, 87, 0.12);
+  box-shadow: 0 0 0 4px var(--color-primary-soft);
 }
 
 .tracking-timeline__item--pending .tracking-timeline__marker {
-  background: #fff;
-  border-color: #cbd5e1;
+  background: var(--color-elevated);
+  border-color: var(--color-border);
 }
 
 .tracking-timeline__check {