[JakeGinnivan]

Summary

Bracket escapes (w="[180px]", outline="[2px solid ...]") skip the token system, so a downstream fork's theme can't reach them. This replaces 185 of the 207 in core/website with design tokens.

 panda.config.ts
   tokens
+    colors   tier.{platinum,gold,silver,bronze}.{bg,fg}   # fixed, not themed
+    zIndex   raised
+    borders  focus, focus-chrome, focus-admin, focus-on-dark, transparent, tab-indicator
+    shadows  admin-card, current-row (+ theme shadows)
+    sizes    page-max-w, px, and exact steps 22.5 … 200
+  utilities.extend
+    top/right/bottom/left/insetStart/insetEnd: half (50%), full (100%)

• Public pages stay pixel-identical. Where a value fell between steps on the 4px grid, I added the exact step (sizes.27.5 = 110px) instead of rounding. Admin pages round to the nearest existing token.
• Skip link now uses Panda's srOnly instead of a hand-written hidden box.
• The 22 escapes left have no token form: calc(), anchor(), max(), em and ch units, dvh/vh fractions, and brightness(). One is on the header logo line, which feat(blog): migrate every Medium post onto the site and retire blog.dddperth.com #209 also edits.
• Removes hero/circle-date.tsx, which nothing imported.

Evidence

• Before: 207 bracket escapes in core/website/app + panda.config.ts.
  After: 22.
• Typecheck is clean, ESLint has 0 errors, vitest passes 874/874 (after rebasing onto 0d48e2f), and react-router build succeeds.
• pnpm vr passed 81/81 against the existing baselines on the first two commits, with no baselines regenerated.
• Not run: pnpm vr on the last commit (srOnly + insets), because Docker was down. I checked the generated CSS instead: it contains top: 50%, inset-inline-start: 50%, top: 100%, the srOnly clip rule, and clip: auto on focus.

Merge Danger

Door: two-way

Pure style refactor; revert restores it.

Blast Radius: layout

On public pages, a token resolving to the wrong value would change the layout, which the VR gate catches. Admin pages aren't in the VR suite, so the ±2px rounding there is visually unverified. Forks get new token names and can theme them. The VR suite takes no focused screenshots, so check the skip link by pressing Tab on any page. #209 will conflict in hero-panel.tsx and mdx-image.tsx.