Point color, radius, stroke, focus, and type tokens at the Figma scale so later sections use the same values.

Co-authored-by: Cursor <cursoragent@cursor.com>

stories/modals/Share.stories.js

@@ -19,7 +19,7 @@ export default {
 function ShareStoryHost() {
   const [open, setOpen] = useState(true);
   return (
-    <div className="min-h-[100dvh] bg-[var(--color-surface-inverse-brand-primary)] p-6">
+    <div className="min-h-[100dvh] bg-[var(--color-surface-invert-brand-primary)] p-6">
       <button
         type="button"
         className="rounded-md bg-[var(--color-surface-default-primary)] px-4 py-2 text-small-paragraph text-[var(--color-content-default-primary)]"