@prenta/admin 2.6.1 → 2.7.0

package/design-system/tokens.json

@@ -1,75 +1,83 @@
 {
   "$schema": "https://design-tokens.github.io/community-group/format/",
   "name": "PrentaCMS",
-  "version": "2.0.0",
-  "description": "Design tokens for the PrentaCMS admin interface. Two themes: light (default) and dark. THIS FILE IS THE SOURCE OF TRUTH — tokens.css, tokens.scss, tokens.tailwind.cjs, and src/styles/prenta-tokens.css are all generated from it by `pnpm --filter @prenta/admin generate`. Never hand-edit a generated file.",
+  "version": "2.1.0",
+  "description": "Design tokens for the PrentaCMS admin interface (October 2026 kit, docs/design/prenta/tokens.css). Three bases: Porcelain (light, default), Linen (warm light) and Graphite (dark), plus one tunable accent. THIS FILE IS THE SOURCE OF TRUTH — tokens.css, tokens.scss, tokens.tailwind.cjs, and src/styles/prenta-tokens.css are all generated from it by `pnpm --filter @prenta/admin generate`. Never hand-edit a generated file.",
   "conventions": {
     "var": "Every token carries the exact CSS custom property it emits. The generator never derives a name — a rename happens here or not at all.",
     "aliases": "Deprecated custom property names kept alive so existing rules keep resolving. Emitted after the canonical name. Remove only in a major.",
     "designValue": "Present when the shipped value deliberately differs from the design handoff. The reason belongs in `comment`. This is how a documented deviation stays documented instead of decaying into drift.",
-    "scope": "The handoff bundle (design-system/tokens.css) emits :root. The runtime copy (src/styles/prenta-tokens.css) emits .prenta-admin, because the admin mounts inside consumer applications and custom properties resolve by inheritance rather than specificity — a host :root would otherwise win."
+    "scope": "The handoff bundle (design-system/tokens.css) emits :root. The runtime copy (src/styles/prenta-tokens.css) emits .prenta-admin, because the admin mounts inside consumer applications and custom properties resolve by inheritance rather than specificity — a host :root would otherwise win.",
+    "accent": "The accent is picked once (--acc-base). The ThemeProvider writes the pick and its two contrast-tuned variants (--acc-lt for light bases, --acc-dk for Graphite, from fit() in @prenta/core/appearance) inline on the admin root. Everything else — --acc, its tint, its mid tone, the AI gradient — is derived here with color-mix, so a custom accent repaints without a reload."
   },
   "color": {
     "light": {
       "surface": {
-        "bg": { "value": "#F5F4FA", "var": "--bg", "comment": "App background" },
+        "bg": { "value": "#F4F5F7", "var": "--bg", "comment": "Porcelain app background" },
         "sb": { "value": "#FFFFFF", "var": "--sb", "comment": "Sidebar / topbar surface" },
         "card": { "value": "#FFFFFF", "var": "--card", "comment": "Card / panel surface" },
-        "bdr": { "value": "#E8E6F2", "var": "--bdr", "comment": "Hairline border" }
+        "bdr": { "value": "#E3E5EA", "var": "--bdr", "comment": "Hairline border" }
       },
       "text": {
-        "txt": { "value": "#1A1827", "var": "--txt", "comment": "Primary text" },
-        "sub": { "value": "#6B6878", "var": "--sub", "comment": "Secondary text" },
+        "txt": { "value": "#16181D", "var": "--txt", "comment": "Primary text" },
+        "sub": { "value": "#50555F", "var": "--sub", "comment": "Secondary text" },
         "muted": {
-          "value": "#716E83",
-          "designValue": "#B0ADBE",
+          "value": "#676C76",
           "var": "--muted",
-          "comment": "Tertiary text. The handoff value #B0ADBE is 2.2:1 on --card — below WCAG AA. The admin uses --muted as real text (section labels, check hints, canvas meta line, character counters), so it is darkened to 4.6:1 while staying one step lighter than --sub to preserve the hierarchy. Do not revert without also changing every --muted consumer to decorative use."
+          "comment": "Tertiary text. October 2026 Porcelain value, 5.27:1 on white. Tailwind exposes it as text-faint, because bg-muted is a surface in this repo."
         }
       },
       "accent": {
-        "acc": { "value": "#7C3AED", "var": "--acc", "comment": "Accent / interactive" },
+        "acc-base": {
+          "value": "#2F5BEA",
+          "var": "--acc-base",
+          "comment": "Picked accent, Cobalt by default. Presets: Teal #0F8A7E, Actuate coral #E8645A, Rust #C2410C, Slate #3F4A5A."
+        },
+        "acc": {
+          "value": "var(--acc-lt, var(--acc-base))",
+          "var": "--acc",
+          "comment": "Accent text and fills. --acc-lt is the pick nudged toward black until it clears 4.6:1."
+        },
         "acc-l": {
-          "value": "#EDE9FE",
+          "value": "color-mix(in oklch, var(--acc) 11%, var(--card))",
           "var": "--acc-l",
-          "comment": "Accent tint (hover/active bg)"
+          "comment": "Accent tint: hover, selected rows, active nav"
         },
-        "acc-m": { "value": "#C4B5FD", "var": "--acc-m", "comment": "Accent mid (focus ring)" }
+        "acc-m": {
+          "value": "color-mix(in oklch, var(--acc) 38%, var(--card))",
+          "var": "--acc-m",
+          "comment": "Accent mid: focus ring, hover borders"
+        },
+        "on-acc": { "value": "#FFFFFF", "var": "--on-acc", "comment": "Text on accent fills" }
       },
       "semantic": {
         "suc": {
           "value": "#047857",
-          "designValue": "#059669",
           "var": "--suc",
-          "comment": "Success text/fill. The handoff value #059669 is 3.57:1 on --suc-l at 11.5px (axe on Pages Published chips). Emerald-700 meets 4.5:1 on that tint, on bg-success/10 over a card, and with white."
+          "comment": "Success text/fill. Text on its own tint clears 4.5:1."
         },
         "suc-l": { "value": "#ECFDF5", "var": "--suc-l" },
         "warn": {
-          "value": "#92400E",
-          "designValue": "#D97706",
+          "value": "#B45309",
           "var": "--warn",
-          "comment": "Warning text/fill. The handoff value #D97706 is 2.85:1 on --warn-l. Amber-700 #B45309 is 4.39:1 on bg-warning/10 over a card (axe on dashboard Scheduled chips). Amber-800 meets 4.5:1 on that mixed tint and with white."
+          "comment": "Warning text/fill. 4.84:1 on --warn-l, 5.02:1 on white. Pair it with --warn-l, not a translucent warn mix (4.39:1 at 10%)."
         },
         "warn-l": { "value": "#FFFBEB", "var": "--warn-l" },
-        "err": {
-          "value": "#B91C1C",
-          "designValue": "#DC2626",
-          "var": "--err",
-          "comment": "Error text/fill. The handoff value #DC2626 is 4.41:1 on --err-l — just under AA for 11.5px StatusBadge text. Red-700 meets 4.5:1 on that tint and with white."
-        },
+        "err": { "value": "#B91C1C", "var": "--err", "comment": "Error text/fill" },
         "err-l": { "value": "#FEF2F2", "var": "--err-l" },
-        "info": {
-          "value": "#0E7490",
-          "designValue": "#0891B2",
-          "var": "--info",
-          "comment": "Info text/fill. The handoff value #0891B2 is 3.31:1 on --info-l. Cyan-700 meets 4.5:1 on that tint and with white."
-        },
-        "info-l": { "value": "#E0F7FA", "var": "--info-l" }
+        "info": { "value": "#0E7490", "var": "--info", "comment": "Info text/fill" },
+        "info-l": { "value": "#E0F7FA", "var": "--info-l" },
+        "orange": { "value": "#C2410C", "var": "--orange" },
+        "notify-dot": {
+          "value": "#E11D48",
+          "var": "--notify-dot",
+          "comment": "Topbar bell unread dot"
+        }
       },
       "tag": {
-        "comment": "Editorial hues for page / post-type pills. Deliberately separate from the semantic ramp so 'pink' is not warning orange and 'blue' is not info cyan.",
-        "tag-purple": { "value": "#7C3AED", "var": "--tag-purple" },
-        "tag-purple-soft": { "value": "#F3E8FF", "var": "--tag-purple-soft" },
+        "comment": "Editorial hues for page / post-type pills. Deliberately separate from the semantic ramp so 'pink' is not warning orange and 'blue' is not info cyan. The stored name 'purple' renders as the kit's indigo; the v1 purple #7C3AED is retired.",
+        "tag-purple": { "value": "#4F46E5", "var": "--tag-purple" },
+        "tag-purple-soft": { "value": "#EEF2FF", "var": "--tag-purple-soft" },
         "tag-green": { "value": "#0F766E", "var": "--tag-green" },
         "tag-green-soft": { "value": "#CCFBF1", "var": "--tag-green-soft" },
         "tag-orange": { "value": "#C2410C", "var": "--tag-orange" },
@@ -93,14 +101,65 @@
         },
         "tag-gray-soft": { "value": "#F1F5F9", "var": "--tag-gray-soft" }
       },
+      "avatar": {
+        "comment": "Author / user avatar fills behind white initials. Same in every base. Order follows the kit's AVATAR_COLORS (Settings → Users).",
+        "avatar-1": { "value": "#2F5BEA", "var": "--avatar-1" },
+        "avatar-2": { "value": "#0E7490", "var": "--avatar-2" },
+        "avatar-3": { "value": "#047857", "var": "--avatar-3" },
+        "avatar-4": { "value": "#B45309", "var": "--avatar-4" },
+        "avatar-5": { "value": "#E11D48", "var": "--avatar-5" },
+        "avatar-6": { "value": "#4F46E5", "var": "--avatar-6" },
+        "avatar-7": { "value": "#DB2777", "var": "--avatar-7" },
+        "avatar-8": {
+          "value": "#0F766E",
+          "designValue": "#0D9488",
+          "var": "--avatar-8",
+          "comment": "The handoff value #0D9488 is 3.74:1 with white initials. Teal-700 meets 4.5:1."
+        }
+      },
       "ai": {
-        "ai1": { "value": "#7C3AED", "var": "--ai1" },
-        "ai2": { "value": "#C026D3", "var": "--ai2" },
+        "ai1": { "value": "var(--acc)", "var": "--ai1" },
+        "ai2": {
+          "value": "oklch(from var(--acc) calc(l - 0.07) c calc(h - 50))",
+          "var": "--ai2",
+          "comment": "Second AI gradient stop: the accent rotated 50°. Darkened on light bases so white text keeps 4.5:1, hover brightness included (the kit lightens it, 2.85:1 on Cobalt)"
+        },
         "ai-soft": {
-          "value": "linear-gradient(135deg, rgba(124, 58, 237, 0.09), rgba(192, 38, 211, 0.07))",
+          "value": "linear-gradient(135deg, color-mix(in oklch, var(--ai1) 9%, transparent), color-mix(in oklch, var(--ai2) 7%, transparent))",
           "var": "--ai-soft"
         }
       },
+      "overlay": {
+        "scrim": {
+          "value": "rgba(10, 12, 20, 0.38)",
+          "var": "--scrim",
+          "comment": "Modal backdrop"
+        },
+        "scrim-drawer": {
+          "value": "rgba(10, 12, 20, 0.28)",
+          "var": "--scrim-drawer",
+          "comment": "Drawer backdrop"
+        }
+      },
+      "code": {
+        "comment": "Code surfaces. Same in every base.",
+        "code-bg": { "value": "#0F1115", "var": "--code-bg" },
+        "code-txt": { "value": "#D6DAE1", "var": "--code-txt" },
+        "code-cmt": { "value": "#6B7280", "var": "--code-cmt" },
+        "code-str": { "value": "#9FD39B", "var": "--code-str" },
+        "code-kw": { "value": "#C4A7FF", "var": "--code-kw" },
+        "code-err": { "value": "#F2B8B5", "var": "--code-err" },
+        "code-btn-bg": { "value": "#171A20", "var": "--code-btn-bg" },
+        "code-btn-bdr": { "value": "#2A2E36", "var": "--code-btn-bdr" },
+        "code-btn-txt": { "value": "#C9CDD4", "var": "--code-btn-txt" }
+      },
+      "preview": {
+        "serp-link": {
+          "value": "#1A0DAB",
+          "var": "--serp-link",
+          "comment": "Search result title in the SERP preview. Google's link blue, so the card looks like the result it previews; never derived from the accent."
+        }
+      },
       "control": {
         "toggle-thumb": {
           "value": "#FFFFFF",
@@ -109,27 +168,51 @@
         }
       }
     },
+    "linen": {
+      "comment": "Warm light base. Overrides only these names; everything else is Porcelain.",
+      "surface": {
+        "bg": { "value": "#F5F2EC", "var": "--bg" },
+        "sb": { "value": "#FBFAF7", "var": "--sb" },
+        "card": { "value": "#FFFFFF", "var": "--card" },
+        "bdr": { "value": "#E6E0D6", "var": "--bdr" }
+      },
+      "text": {
+        "txt": { "value": "#1E1A15", "var": "--txt" },
+        "sub": { "value": "#5C554A", "var": "--sub" },
+        "muted": { "value": "#6D665A", "var": "--muted" }
+      }
+    },
     "dark": {
       "surface": {
-        "bg": { "value": "#0D0C18", "var": "--bg" },
-        "sb": { "value": "#141222", "var": "--sb" },
-        "card": { "value": "#1C1A2E", "var": "--card" },
-        "bdr": { "value": "#2C2A42", "var": "--bdr" }
+        "bg": { "value": "#0E0F11", "var": "--bg" },
+        "sb": { "value": "#15161A", "var": "--sb" },
+        "card": { "value": "#1B1D21", "var": "--card" },
+        "bdr": { "value": "#2A2D33", "var": "--bdr" }
       },
       "text": {
-        "txt": { "value": "#EAE8F5", "var": "--txt" },
-        "sub": { "value": "#8E8BA8", "var": "--sub" },
+        "txt": { "value": "#ECEDEF", "var": "--txt" },
+        "sub": { "value": "#ADB1BA", "var": "--sub" },
         "muted": {
-          "value": "#8784A2",
-          "designValue": "#504E68",
+          "value": "#9499A3",
           "var": "--muted",
-          "comment": "Same AA correction as light mode — the handoff value #504E68 is 2.1:1 on --card."
+          "comment": "Graphite tertiary text. 5.90:1 on the Graphite card."
         }
       },
       "accent": {
-        "acc": { "value": "#9D71F0", "var": "--acc" },
-        "acc-l": { "value": "#231950", "var": "--acc-l" },
-        "acc-m": { "value": "#5E3EAA", "var": "--acc-m" }
+        "acc": {
+          "value": "var(--acc-dk, color-mix(in oklch, var(--acc-base) 70%, #ffffff))",
+          "var": "--acc",
+          "comment": "--acc-dk is the pick nudged toward white until it clears 4.6:1 on Graphite."
+        },
+        "acc-l": {
+          "value": "color-mix(in oklch, var(--acc-base) 20%, var(--card))",
+          "var": "--acc-l"
+        },
+        "acc-m": {
+          "value": "color-mix(in oklch, var(--acc-base) 50%, var(--card))",
+          "var": "--acc-m"
+        },
+        "on-acc": { "value": "#0E0F11", "var": "--on-acc" }
       },
       "semantic": {
         "suc": { "value": "#10B981", "var": "--suc" },
@@ -139,11 +222,12 @@
         "err": { "value": "#F87171", "var": "--err" },
         "err-l": { "value": "#200808", "var": "--err-l" },
         "info": { "value": "#38BDF8", "var": "--info" },
-        "info-l": { "value": "#0A2838", "var": "--info-l" }
+        "info-l": { "value": "#0A2838", "var": "--info-l" },
+        "orange": { "value": "#FB923C", "var": "--orange" }
       },
       "tag": {
-        "tag-purple": { "value": "#A78BFA", "var": "--tag-purple" },
-        "tag-purple-soft": { "value": "#2E1065", "var": "--tag-purple-soft" },
+        "tag-purple": { "value": "#818CF8", "var": "--tag-purple" },
+        "tag-purple-soft": { "value": "#1E1B4B", "var": "--tag-purple-soft" },
         "tag-green": { "value": "#2DD4BF", "var": "--tag-green" },
         "tag-green-soft": { "value": "#042F2E", "var": "--tag-green-soft" },
         "tag-orange": { "value": "#FB923C", "var": "--tag-orange" },
@@ -158,34 +242,40 @@
         "tag-gray-soft": { "value": "#1E293B", "var": "--tag-gray-soft" }
       },
       "ai": {
-        "ai1": { "value": "#7C3AED", "var": "--ai1" },
-        "ai2": { "value": "#C026D3", "var": "--ai2" },
+        "ai2": {
+          "value": "oklch(from var(--acc) calc(l + 0.1) c calc(h - 50))",
+          "var": "--ai2",
+          "comment": "Graphite keeps the kit's lighter stop: the text on it is dark"
+        },
         "ai-soft": {
-          "value": "linear-gradient(135deg, rgba(157, 113, 240, 0.16), rgba(192, 38, 211, 0.12))",
+          "value": "linear-gradient(135deg, color-mix(in oklch, var(--ai1) 16%, transparent), color-mix(in oklch, var(--ai2) 12%, transparent))",
           "var": "--ai-soft"
         }
+      },
+      "preview": {
+        "serp-link": { "value": "#8AB4F8", "var": "--serp-link" }
       }
     }
   },
   "accentOptions": {
-    "comment": "Selectable admin accent colors (Appearance settings). All swap into --acc at runtime.",
-    "purple": { "value": "#7C3AED" },
-    "blue": { "value": "#2563EB" },
-    "teal": { "value": "#0D9488" },
-    "pink": { "value": "#DB2777" },
-    "orange": { "value": "#EA580C" }
+    "comment": "Selectable admin accent colors. Swatches are the design picks; applied fills are contrast-tuned by fit() in @prenta/core/appearance.",
+    "cobalt": { "value": "#2F5BEA" },
+    "teal": { "value": "#0F8A7E" },
+    "coral": { "value": "#E8645A" },
+    "rust": { "value": "#C2410C" },
+    "slate": { "value": "#3F4A5A" }
   },
   "font": {
     "family": {
       "sans": {
-        "value": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+        "value": "'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
         "var": "--font-sans",
-        "comment": "UI text. system-ui until OFL woff2 ships under design-system/fonts/. Never a third-party request — the admin renders inside consumer applications."
+        "comment": "UI text. DM Sans is self-hosted via @fontsource (no Google Fonts request)."
       },
       "mono": {
         "value": "'DM Mono', ui-monospace, 'SFMono-Regular', monospace",
         "var": "--font-mono",
-        "comment": "Code, robots directives, token names"
+        "comment": "Code, keys, ids, paths and slugs"
       }
     },
     "weight": {
@@ -202,11 +292,25 @@
         "letterSpacing": "-0.5px",
         "comment": "Page title"
       },
+      "drawer": {
+        "value": "16px",
+        "var": "--fs-drawer",
+        "weight": 700,
+        "letterSpacing": "-0.2px",
+        "comment": "Drawer / modal title"
+      },
+      "stat": {
+        "value": "20px",
+        "var": "--fs-stat",
+        "weight": 700,
+        "letterSpacing": "-0.4px",
+        "comment": "Jobs drawer result numbers"
+      },
       "card": {
-        "value": "14px",
+        "value": "13.5px",
         "var": "--fs-card",
         "weight": 600,
-        "comment": "Card / section title"
+        "comment": "Card heading"
       },
       "body": {
         "value": "13px",
@@ -214,17 +318,47 @@
         "weight": 450,
         "comment": "Body, controls, table cells"
       },
+      "sm": {
+        "value": "12.5px",
+        "var": "--fs-sm",
+        "comment": "Secondary rows, breadcrumbs, chips"
+      },
       "sub": {
         "value": "12px",
         "var": "--fs-sub",
         "weight": 500,
-        "comment": "Secondary / captions"
+        "comment": "Meta, help"
       },
       "hint": {
         "value": "11.5px",
         "var": "--fs-hint",
         "weight": 450,
-        "comment": "Hints, metadata"
+        "comment": "Hints, table meta, mono"
+      },
+      "badge": {
+        "value": "9.5px",
+        "var": "--fs-badge",
+        "weight": 700,
+        "comment": "Nav unread badges"
+      },
+      "tab": {
+        "value": "9px",
+        "var": "--fs-tab",
+        "comment": "Mobile tab bar labels"
+      },
+      "count": {
+        "value": "10.5px",
+        "var": "--fs-count",
+        "weight": 600,
+        "comment": "Count badges in tabs and nav"
+      },
+      "micro": {
+        "value": "11px",
+        "var": "--fs-micro",
+        "weight": 700,
+        "letterSpacing": "0.4px",
+        "textTransform": "uppercase",
+        "comment": "Table headers"
       },
       "label": {
         "value": "10px",
@@ -232,23 +366,39 @@
         "weight": 600,
         "letterSpacing": "0.8px",
         "textTransform": "uppercase",
-        "comment": "Section labels"
+        "comment": "Sidebar section labels"
       }
     }
   },
   "dimension": {
     "layout": {
-      "sidebarWidth": { "value": "224px", "var": "--sbw" },
-      "sidebarWidthCollapsed": { "value": "60px", "var": "--sbw-col" },
-      "topbarHeight": { "value": "56px", "var": "--tbh" }
+      "sidebarWidth": { "value": "224px", "var": "--sbw", "comment": "Sidebar expanded" },
+      "sidebarWidthCollapsed": {
+        "value": "60px",
+        "var": "--sbw-col",
+        "comment": "Sidebar collapsed / tablet rail"
+      },
+      "topbarHeight": { "value": "56px", "var": "--tbh" },
+      "gutter": { "value": "28px", "var": "--gut", "comment": "Page gutter (laptop tier)" },
+      "drawerWidth": { "value": "440px", "var": "--drawer-w", "comment": "Generic drawer" },
+      "jobsDrawerWidth": {
+        "value": "620px",
+        "var": "--jobs-drawer-w",
+        "comment": "Jobs detail drawer"
+      },
+      "tabbarHeight": { "value": "56px", "var": "--tabbar-h", "comment": "Mobile bottom tab bar" }
     },
     "radius": {
-      "comment": "Measured from the shipped UI, not aspirational.",
-      "sm": {
-        "value": "6px",
-        "var": "--r-sm",
-        "comment": "Small buttons, badges, tags, chips-in-rows"
-      },
+      "comment": "The kit's scale (--r-xs … --r-14, --r-pill) plus the repo's role names. Tailwind's rounded-sm/md/lg/xl stay 6/8/10/12px; theme.css maps them onto this scale.",
+      "xs": { "value": "4px", "var": "--r-xs", "comment": "kbd, consent badge" },
+      "sm": { "value": "5px", "var": "--r-sm", "comment": "Tiny tags" },
+      "r6": { "value": "6px", "var": "--r-6", "comment": "Small icon buttons, chips in rows" },
+      "r7": { "value": "7px", "var": "--r-7", "comment": "Nav items, menu buttons" },
+      "r8": { "value": "8px", "var": "--r-8", "comment": "Buttons, inputs, selects" },
+      "r9": { "value": "9px", "var": "--r-9", "comment": "Toasts, list items" },
+      "r10": { "value": "10px", "var": "--r-10", "comment": "Inner cards, alerts, KPI tiles" },
+      "r12": { "value": "12px", "var": "--r-12", "comment": "Page cards" },
+      "r14": { "value": "14px", "var": "--r-14", "comment": "Modals" },
       "field": { "value": "7px", "var": "--r-field", "comment": "Text inputs, textareas, selects" },
       "ctl": {
         "value": "8px",
@@ -256,7 +406,7 @@
         "aliases": ["--r-control"],
         "comment": "Primary / secondary buttons, dropdowns. --r-control is the pre-2.0 name, kept resolving for existing rules."
       },
-      "base": { "value": "10px", "var": "--r", "comment": "Cards and panels" },
+      "base": { "value": "12px", "var": "--r", "comment": "Cards and panels" },
       "fig": { "value": "12px", "var": "--r-fig", "comment": "Canvas figures and media frames" },
       "pill": { "value": "99px", "var": "--r-pill", "comment": "Toggles, meters, notice pills" }
     },
@@ -297,16 +447,43 @@
   "elevation": {
     "light": {
       "shd": {
-        "value": "0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.04)",
+        "value": "0 1px 2px rgba(16, 18, 24, 0.05), 0 1px 4px rgba(16, 18, 24, 0.04)",
         "var": "--shd",
         "comment": "Card resting"
       },
       "shd2": {
-        "value": "0 4px 16px rgba(0, 0, 0, 0.1)",
+        "value": "0 4px 16px rgba(16, 18, 24, 0.1)",
         "var": "--shd2",
         "comment": "Popovers, modals, hover"
+      },
+      "shd-bar": {
+        "value": "0 10px 30px rgba(0, 0, 0, 0.22)",
+        "var": "--shd-bar",
+        "comment": "Floating unsaved-changes bar"
+      },
+      "shd-knob": {
+        "value": "0 1px 2px rgba(0, 0, 0, 0.25)",
+        "var": "--shd-knob",
+        "comment": "Switch knob"
+      },
+      "shd-save": {
+        "value": "0 -3px 16px rgba(0, 0, 0, 0.06)",
+        "var": "--shd-save",
+        "comment": "Settings save bar (Settings.html .ap-save)"
+      },
+      "shd-tabbar": {
+        "value": "0 -2px 12px rgba(0, 0, 0, 0.08)",
+        "var": "--shd-tabbar",
+        "comment": "Mobile bottom tab bar"
       }
     },
+    "linen": {
+      "shd": {
+        "value": "0 1px 2px rgba(40, 30, 15, 0.06), 0 1px 4px rgba(40, 30, 15, 0.04)",
+        "var": "--shd"
+      },
+      "shd2": { "value": "0 4px 16px rgba(40, 30, 15, 0.1)", "var": "--shd2" }
+    },
     "dark": {
       "shd": {
         "value": "0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2)",
@@ -323,7 +500,7 @@
       "comment": "Hover, color"
     },
     "base": {
-      "value": "0.18s",
+      "value": "0.15s",
       "var": "--mo-base",
       "aliases": ["--motion-base"],
       "comment": "Toggles, reveals"
@@ -342,19 +519,33 @@
     }
   },
   "layer": {
-    "comment": "The five layers the UI actually uses. Anything outside this set is a bug.",
+    "comment": "Every stacking layer the admin uses, lowest first. Anything outside this set is a bug.",
     "raise": {
       "value": "2",
       "var": "--z-raise",
       "comment": "Canvas section labels, sticky group headers"
     },
+    "bar": { "value": "20", "var": "--z-bar", "comment": "Sticky bars" },
     "resizer": { "value": "30", "var": "--z-resizer", "comment": "Panel drag handle" },
     "overlay": {
       "value": "45",
       "var": "--z-overlay",
       "comment": "In-panel overlays (version history)"
     },
+    "tabbar": {
+      "value": "30",
+      "var": "--z-tabbar",
+      "comment": "Mobile bottom tab bar. Kit 110; below the admin's overlays (scrims 40, drawers and dialogs 50+) so it never covers a sheet's footer"
+    },
     "menu": { "value": "120", "var": "--z-menu", "comment": "Dropdowns, flyouts" },
-    "toast": { "value": "200", "var": "--z-toast" }
+    "drawer-scrim": { "value": "150", "var": "--z-drawer-scrim" },
+    "drawer": { "value": "160", "var": "--z-drawer" },
+    "modal": { "value": "200", "var": "--z-modal" },
+    "toast": { "value": "260", "var": "--z-toast" },
+    "toast-jobs": {
+      "value": "300",
+      "var": "--z-toast-jobs",
+      "comment": "Jobs toasts over the Jobs drawer"
+    }
   }
 }