Replace remaining hardcoded hex colors with color tokens (CR-27)

Map leftover component hex values onto the existing color scale, and leave third-party share brands and the Avatar white-alpha border documented as intentional exceptions.

app/components/sections/Stats/Stats.view.tsx

@@ -41,12 +41,12 @@ function StatsView({
         >
           <span className="-mb-1 block whitespace-nowrap md:-mb-0 md:inline md:whitespace-normal md:leading-[inherit]">
             {titlePrefix ? (
-              <span className="text-[#636363]">
+              <span className="text-[var(--color-gray-500)]">
                 {titlePrefix}{" "}
               </span>
             ) : null}
             {titleEmphasis ? (
-              <span className="font-normal text-[#e0e0e0]">
+              <span className="font-normal text-[var(--color-gray-100)]">
                 {titleEmphasis}
               </span>
             ) : null}
@@ -55,12 +55,12 @@ function StatsView({
             <>
               <span className="hidden md:inline md:leading-[inherit]">{" "}</span>
               <span className="block whitespace-nowrap md:inline md:whitespace-normal md:leading-[inherit]">
-                <span className="text-[#636363]">
+                <span className="text-[var(--color-gray-500)]">
                   {suffixLead}
                   {suffixTail ? "\u00a0" : null}
                 </span>
                 {suffixTail ? (
-                  <span className="text-[#e0e0e0]">{suffixTail}</span>
+                  <span className="text-[var(--color-gray-100)]">{suffixTail}</span>
                 ) : null}
               </span>
             </>