style: accent color for links, prices, selection, focus outlines and spinner; remove grayscale filter

css/base.css

@@ -22,13 +22,13 @@ body {
 }
 
 a {
-    color: var(--color-primary);
+    color: var(--color-accent);
     text-decoration: none;
     transition: color var(--transition-fast);
 }
 
 a:hover {
-    color: var(--color-primary-hover);
+    color: var(--color-accent-hover);
 }
 
 img, svg {
@@ -87,17 +87,8 @@ p + p {
 }
 
 ::selection {
-    background-color: var(--color-primary);
-    color: white;
-}
-
-/* Grayscale all emoji icons */
-.emoji-icon,
-.upload-icon,
-.empty-state-icon,
-[class*="encrypted"],
-.listing-location {
-    filter: grayscale(1);
+    background-color: var(--color-accent);
+    color: var(--color-accent-text, white);
 }
 
 .sr-only {