Gray color tokens

[jaredcwhite]

I was working on an update to the Dropbox component and testing it out in both Core and Detroit, and I was scratching my head wondering why the --bloom-color-gray-700 token which normally is #767676 was displaying as full black (#000000).

Then I discovered that's because Detroit has defined --bloom-color-gray-700 as #000000. 😃

So…I'm wondering if that's because all usage of that particular shade of gray in the component system really should be black in Detroit no matter what, or if it was due to a special case or two and now we're sort of stuck with it even if we really need a shade of gray.

Maybe we need a "higher level" token to represent a few common "gray-ish" things? Random thought: an accent-neutral to accompany accent-cool and accent-warm?

[slowbot]

@jaredcwhite We could talk about adding more "semantic" colors which would allow us higher level control over color assignments.

I've seen it called "text" , "content: , "foreground" or "surface"

[jaredcwhite]

I like foreground or surface. I think I've heard surface used before, but I don't remember if it applied to text or shading in particular.

[jaredcwhite]

This might get addressed as part of the text styles @emilyjablonski is working on here: #3055