tokens: Add 'maroon' color option token and Red Link component tokens

Adding new 'maroon' color option token and also
Red Link component tokens as they are only used in a MediaWiki context.

Bug: T305236
Change-Id: Id739631fd2b579d4878268d84637c633da50cab3

packages/codex-design-tokens/src/codex-base.json

@@ -162,7 +162,7 @@
 			"value": "{ color.red600 }"
 		},
 		"visited": {
-			"comment": "'Visited' color. In combination with progressive. Used for links.",
+			"comment": "'Visited' color. In combination with progressive. Used for default links.",
 			"value": "{ color.purple }"
 		},
 		"error": {

packages/codex-design-tokens/src/codex-components.json

@@ -74,6 +74,22 @@
 		"primary--focus": {
 			"deprecated": true,
 			"value": "{ color.progressive--focus }"
+		},
+		"link-red": {
+			"comment": "Red ('new') Link color and states",
+			"value": "{ color.red600 }"
+		},
+		"link-red--hover": {
+			"value": "{ color.red500 }"
+		},
+		"link-red--active": {
+			"value": "{ color.red700 }"
+		},
+		"link-red--focus": {
+			"value": "{ color.red600 }"
+		},
+		"link-red--visited": {
+			"value": "{ color.maroon }"
 		}
 	},
 	"position": {

packages/codex-design-tokens/src/theme-wikimedia-ui.json

@@ -77,6 +77,9 @@
 		"purple": {
 			"value": "#6b4ba1"
 		},
+		"maroon": {
+			"value": "#a55858"
+		},
 		"modifier-gray100-translucent": {
 			"comment": "TODO: Not part of DS Figma yet. Equals `color-gray100` on white.",
 			"value": "rgba( 0, 24, 73, calc( 7 / 255 ) )"