chore: create Multica handoff checkpoint

frontend/shared/tokens.css

@@ -150,6 +150,7 @@
   --space-24: 24px;
 
   --sidebar-width: var(--size-sidebar);
+  --sidebar-compact-width: 64px;
   --topbar-height: var(--size-topbar);
   --summary-height: var(--size-summary);
   --statusbar-height: var(--size-statusbar);
@@ -173,12 +174,25 @@
   --sentiment-history-min-height: 220px;
   --primary-share: 1.45fr;
   --secondary-share: .75fr;
-  --mobile-nav-height: 58px;
-  --mobile-header-height: 50px;
-  --mobile-tab-height: 54px;
-  --mobile-shell-pad: 8px;
-  --mobile-page-pad: 10px;
+  --mobile-nav-height: 64px;
+  --mobile-header-height: 52px;
+  --mobile-tab-height: 56px;
+  --mobile-touch-size: 44px;
+  --mobile-date-width: 116px;
+  --mobile-nav-icon-size: 20px;
+  --mobile-chart-height: 240px;
+  --mobile-table-min-height: 260px;
+  --mobile-phase-badge-width: 88px;
+  --mobile-summary-card-width: 124px;
+  --mobile-shell-pad: var(--space-8);
+  --mobile-page-pad: var(--space-12);
   --mobile-min-width: 320px;
+  --mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
+  --mobile-content-bottom: calc(var(--mobile-nav-height) + var(--mobile-safe-bottom) + var(--mobile-page-pad));
+  --mobile-layer-header: 50;
+  --mobile-layer-nav: 70;
+  --mobile-layer-menu: 80;
+  --mobile-layer-backdrop: 75;
   --font-aux: var(--font-size-aux);
 
   --dragon-profile-list-width: 340px;
@@ -205,6 +219,14 @@
   --dragon-profile-weight-strong: 750;
   --dragon-profile-weight-semibold: 600;
 
+  --mentor-directory-width: 280px;
+  --mentor-profile-width: 272px;
+  --mentor-pane-header-height: 58px;
+  --mentor-avatar-size: 38px;
+  --mentor-profile-avatar-size: 68px;
+  --mentor-composer-min-height: 94px;
+  --mentor-message-max-width: 82%;
+
   --chart-background: #fbfcfd;
   --chart-grid: #e2e8ec;
   --chart-axis: #6c7983;