[css-color-6] Rewrite serialization section for contrast-color()

Co-Authored-By: fantasai <725717+fantasai@users.noreply.github.com>

Author: LeaVerou

css-color-6/Overview.bs

@@ -283,8 +283,6 @@ If no target contrast is specified</h4>
 
 
 
-
-
 <!--
 ████████  ████████  ██████   ███████  ██       ██     ██ ████████
 ██     ██ ██       ██    ██ ██     ██ ██       ██     ██ ██
@@ -306,8 +304,7 @@ If no target contrast is specified</h4>
 		resolved according to [[css-color-4#resolving-color-values]].
 		Otherwise (if ''currentColor'' was used in the function),
 		the computed  value is the ''contrast-color()'' function
-		with each <<color>> parameter resolved according to [[css-color-4#resolving-color-values]],
-		and the keywords ''AA'', ''AA-large'', ''AAA'', ''AAA-large'' replaced with their corresponding numeric value,
+		with each component [=computed|computed value=],
 		thus preserving inheritance into child elements.
 
 		<div class="example">
@@ -365,79 +362,23 @@ to add serialization of the
 results of the
 ''contrast-color()'' function.
 
-In this section, the strings used in the specification and the corresponding characters are as follows.
-
-<table class="data">
-	<tr>
-		<th>String</th>
-		<th>Character</th>
-	</tr>
-	<tr>
-		<td>" "</td>
-		<td>U+0020 SPACE</td>
-	</tr>
-	<tr>
-		<td>","</td>
-		<td>U+002C COMMA</td>
-	</tr>
-	<tr>
-		<td>"-"</td>
-		<td>U+002D HYPHEN-MINUS</td>
-	</tr>
-	<tr>
-		<td>"."</td>
-		<td>U+002E FULL STOP</td>
-	</tr>
-	<tr>
-		<td>"/"</td>
-		<td>U+002F SOLIDUS</td>
-	</tr>
-</table>
-
-The string "." shall be used as a decimal separator,
-regardless of locale,
-and there shall be no thousands separator.
-
-As usual,
-if the alpha of the result is exactly 1,
-it is omitted from the serialization;
-an implicit value of 1 (fully opaque) is the default.
-
 Serializing contrast-color() {#serial-contrast-color}
 -----------------------------------------------------
 
-The serialization of the result of a ''contrast-color()'' function
-is a <<color>>,
-as defined in [[css-color-4#serializing-color-values]].
-The form used
-is the same as that used to specify
-the winning color.
+The [=specified value=] of the ''contrast-color()'' function
+is serialized with each keyword value as specified
+and each component in canonical order.
+
+The [=resolved value=] of the ''contrast-color()'' function
+is the [=used color=] serialized the same as any other <<color>>.
 
 <!--
 <wpt>
 	parsing/color-contrast-computed.html
 </wpt>
 -->
 
-The <em>minimum</em> precision for round-tripping
-is the same as that specified in
-[[css-color-4#serializing-color-values]].
-
-<div class="example">
-	The winner of this contrast choice
-	<pre>contrast-color(wheat tbd-bg wcag2, olive, sienna, maroon)</pre>
-	is maroon,
-	so the result is serialized as
-	<span class="swatch" style="--color: maroon"></span>
-	"rgb(128 0 0)".
-
-	While the winner of
-	<pre>contrast-color(wheat tbd-bg wcag2, color(prophoto-rgb 0.4 0.4 0.2), color(display-p3 0.45 0.08 0.05))</pre>
-	is color(display-p3 0.45 0.08 0.05),
-	so the result is serialized as
-	<span class="swatch" style="--color: rgb(49.277% 0.414% 0.524%)"></span>
-	"color(display-p3 0.45 0.08 0.05)".
-</div>
+
 
 <!--
  ██████  ████████  ██████  ██     ██ ████████  ████ ████████ ██    ██