V13-FE-011: finalize search list layout slice

frontend/src/design-system/tokens.css

@@ -16,6 +16,13 @@
   --ks-color-surface: #ffffff;
   --ks-color-canvas: #f7f8fa;
   --ks-color-focus: #2563eb;
+  --ks-color-text: var(--ks-color-neutral-950);
+  --ks-color-text-muted: var(--ks-color-neutral-600);
+  --ks-color-text-on-dark: var(--ks-color-surface);
+  --ks-color-surface-raised: var(--ks-color-surface);
+  --ks-color-border: var(--ks-color-neutral-200);
+  --ks-color-border-strong: var(--ks-color-neutral-300);
+  --ks-color-warning-border: var(--ks-color-warning);
   --ks-space-1: 0.25rem;
   --ks-space-2: 0.5rem;
   --ks-space-3: 0.75rem;
@@ -27,6 +34,7 @@
   --ks-radius-lg: 0.75rem;
   --ks-shadow-sm: 0 1px 2px rgb(0 0 0 / 8%);
   --ks-shadow-md: 0 8px 24px rgb(0 0 0 / 10%);
+  --ks-shadow-lg: 0 16px 48px rgb(0 0 0 / 16%);
   --ks-font-page: 1.5rem;
   --ks-line-page: 2rem;
   --ks-font-section: 1.125rem;
@@ -38,6 +46,15 @@
   --ks-control-height: 2.75rem;
   --ks-grid-density: 2.25rem;
   --ks-content-max: 100rem;
+  --ks-focus-ring-width: 3px;
+  --ks-focus-ring-offset: 2px;
+  --ks-shell-sidebar-width: 16rem;
+  --ks-shell-header-height: 3.5rem;
+  --ks-shell-sidenav-width: 13.75rem;
+  --ks-shell-sidenav-collapsed: 3.5rem;
+  --ks-shell-tabs-height: 2.5rem;
+  --ks-shell-pageheader-height: 3rem;
+  --ks-shell-commandbar-height: 2.75rem;
 }
 
 [data-density='compact'] {