diff --git a/packages/css/src/components/link/link.scss b/packages/css/src/components/link/link.scss
index 15f2e09965..1866521a7c 100644
--- a/packages/css/src/components/link/link.scss
+++ b/packages/css/src/components/link/link.scss
@@ -23,7 +23,6 @@
   display: inline-block;
   font-size: var(--ams-link-standalone-font-size);
   line-height: var(--ams-link-standalone-line-height);
-  text-decoration-line: var(--ams-link-standalone-text-decoration-line);
   text-decoration-thickness: var(--ams-link-standalone-text-decoration-thickness);
   text-underline-offset: var(--ams-link-standalone-text-underline-offset);
 
@@ -39,7 +38,6 @@
   font-family: var(--ams-link-inline-font-family);
   font-size: var(--ams-link-inline-font-size);
   line-height: var(--ams-link-inline-line-height);
-  text-decoration-line: var(--ams-link-inline-text-decoration-line);
   text-decoration-thickness: var(--ams-link-inline-text-decoration-thickness);
   text-underline-offset: var(--ams-link-inline-text-underline-offset);
 
diff --git a/proprietary/tokens/README.md b/proprietary/tokens/README.md
index 9df7fc93f0..ccdb12d437 100644
--- a/proprietary/tokens/README.md
+++ b/proprietary/tokens/README.md
@@ -111,8 +111,8 @@ The same goes for custom components that you may create in your application.
 
 ```css
 .my-input {
-  color: var(--ams-link-appearance-color);
-  text-underline-offset: var(--ams-link-appearance-text-underline-offset);
+  color: var(--ams-links-color);
+  text-underline-offset: var(--ams-links-text-underline-offset);
 }
 ```
 
diff --git a/proprietary/tokens/src/common/ams/link-appearance.tokens.json b/proprietary/tokens/src/common/ams/links.tokens.json
similarity index 70%
rename from proprietary/tokens/src/common/ams/link-appearance.tokens.json
rename to proprietary/tokens/src/common/ams/links.tokens.json
index 44854a4cba..60eeccca4c 100644
--- a/proprietary/tokens/src/common/ams/link-appearance.tokens.json
+++ b/proprietary/tokens/src/common/ams/links.tokens.json
@@ -1,18 +1,13 @@
 {
   "ams": {
-    "link-appearance": {
+    "links": {
       "color": { "value": "{ams.color.interactive.default}" },
       "text-decoration-thickness": { "value": "{ams.border.width.md}" },
       "text-underline-offset": { "value": "0.3333em" },
       "hover": {
-        "color": { "value": "{ams.color.interactive.hover}" }
-      },
-      "regular": {
-        "text-decoration-line": { "value": "underline" },
-        "hover": {
-          "text-decoration-thickness": { "value": "{ams.border.width.lg}" },
-          "text-underline-offset": { "value": "0.2778em" }
-        }
+        "color": { "value": "{ams.color.interactive.hover}" },
+        "text-decoration-thickness": { "value": "{ams.border.width.lg}" },
+        "text-underline-offset": { "value": "0.2778em" }
       },
       "subtle": {
         "text-decoration-line": { "value": "none" },
diff --git a/proprietary/tokens/src/components/ams/breadcrumb.tokens.json b/proprietary/tokens/src/components/ams/breadcrumb.tokens.json
index 58e846f97b..b7ad369208 100644
--- a/proprietary/tokens/src/components/ams/breadcrumb.tokens.json
+++ b/proprietary/tokens/src/components/ams/breadcrumb.tokens.json
@@ -14,14 +14,14 @@
         "margin-inline": { "value": "{ams.space.xs}" }
       },
       "link": {
-        "color": { "value": "{ams.link-appearance.color}" },
+        "color": { "value": "{ams.links.color}" },
         "outline-offset": { "value": "{ams.focus.outline-offset}" },
-        "text-decoration-line": { "value": "{ams.link-appearance.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
+        "text-decoration-line": { "value": "{ams.links.subtle.text-decoration-line}" },
+        "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+        "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
         "hover": {
-          "color": { "value": "{ams.link-appearance.hover.color}" },
-          "text-decoration-line": { "value": "{ams.link-appearance.subtle.hover.text-decoration-line}" }
+          "color": { "value": "{ams.links.hover.color}" },
+          "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
         }
       }
     }
diff --git a/proprietary/tokens/src/components/ams/card.tokens.json b/proprietary/tokens/src/components/ams/card.tokens.json
index 32063dc21b..ace7eb27d3 100644
--- a/proprietary/tokens/src/components/ams/card.tokens.json
+++ b/proprietary/tokens/src/components/ams/card.tokens.json
@@ -6,13 +6,13 @@
         "gap": { "value": "{ams.space.sm}" }
       },
       "link": {
-        "color": { "value": "{ams.link-appearance.color}" },
-        "text-decoration-line": { "value": "{ams.link-appearance.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
+        "color": { "value": "{ams.links.color}" },
+        "text-decoration-line": { "value": "{ams.links.subtle.text-decoration-line}" },
+        "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+        "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
         "hover": {
-          "color": { "value": "{ams.link-appearance.hover.color}" },
-          "text-decoration-line": { "value": "{ams.link-appearance.subtle.hover.text-decoration-line}" }
+          "color": { "value": "{ams.links.hover.color}" },
+          "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
         }
       },
       "outline-offset": { "value": "{ams.focus.outline-offset}" }
diff --git a/proprietary/tokens/src/components/ams/header.tokens.json b/proprietary/tokens/src/components/ams/header.tokens.json
index 2610cfaddc..01b3b92498 100644
--- a/proprietary/tokens/src/components/ams/header.tokens.json
+++ b/proprietary/tokens/src/components/ams/header.tokens.json
@@ -27,7 +27,7 @@
         "column-gap": { "value": "{ams.space.lg}" },
         "row-gap": { "value": "{ams.space.xs}" },
         "item": {
-          "color": { "value": "{ams.link-appearance.color}" },
+          "color": { "value": "{ams.links.color}" },
           "column-gap": { "value": "{ams.space.xs}" },
           "font-family": { "value": "{ams.text.font-family}" },
           "font-size": { "value": "{ams.text.level.5.font-size}" },
@@ -36,15 +36,15 @@
           "outline-offset": { "value": "{ams.focus.outline-offset}" },
           "padding-block": { "value": "{ams.space.xs}" },
           "hover": {
-            "color": { "value": "{ams.link-appearance.hover.color}" }
+            "color": { "value": "{ams.links.hover.color}" }
           }
         },
         "link": {
-          "text-decoration-line": { "value": "{ams.link-appearance.subtle.text-decoration-line}" },
-          "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-          "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
+          "text-decoration-line": { "value": "{ams.links.subtle.text-decoration-line}" },
+          "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+          "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
           "hover": {
-            "text-decoration-line": { "value": "{ams.link-appearance.subtle.hover.text-decoration-line}" }
+            "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
           }
         }
       },
diff --git a/proprietary/tokens/src/components/ams/link-list.tokens.json b/proprietary/tokens/src/components/ams/link-list.tokens.json
index 017c52baf8..ecea3746f1 100644
--- a/proprietary/tokens/src/components/ams/link-list.tokens.json
+++ b/proprietary/tokens/src/components/ams/link-list.tokens.json
@@ -3,16 +3,16 @@
     "link-list": {
       "gap": { "value": "{ams.space.sm}" },
       "link": {
-        "color": { "value": "{ams.link-appearance.color}" },
+        "color": { "value": "{ams.links.color}" },
         "font-family": { "value": "{ams.text.font-family}" },
         "font-size": { "value": "{ams.text.level.5.font-size}" },
         "font-weight": { "value": "{ams.text.font-weight.normal}" },
         "gap": { "value": "{ams.space.sm}" },
         "line-height": { "value": "{ams.text.level.5.line-height}" },
         "outline-offset": { "value": "{ams.focus.outline-offset}" },
-        "text-decoration-line": { "value": "{ams.link-appearance.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
+        "text-decoration-line": { "value": "{ams.links.subtle.text-decoration-line}" },
+        "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+        "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
         "small": {
           "font-size": { "value": "{ams.text.level.6.font-size}" },
           "line-height": { "value": "{ams.text.level.6.line-height}" }
@@ -22,19 +22,19 @@
           "line-height": { "value": "{ams.text.level.4.line-height}" }
         },
         "hover": {
-          "color": { "value": "{ams.link-appearance.hover.color}" },
-          "text-decoration-line": { "value": "{ams.link-appearance.subtle.hover.text-decoration-line}" }
+          "color": { "value": "{ams.links.hover.color}" },
+          "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
         },
         "contrast": {
-          "color": { "value": "{ams.link-appearance.contrast.color}" },
+          "color": { "value": "{ams.links.contrast.color}" },
           "hover": {
-            "color": { "value": "{ams.link-appearance.contrast.hover.color}" }
+            "color": { "value": "{ams.links.contrast.hover.color}" }
           }
         },
         "inverse": {
-          "color": { "value": "{ams.link-appearance.inverse.color}" },
+          "color": { "value": "{ams.links.inverse.color}" },
           "hover": {
-            "color": { "value": "{ams.link-appearance.inverse.hover.color}" }
+            "color": { "value": "{ams.links.inverse.hover.color}" }
           }
         }
       }
diff --git a/proprietary/tokens/src/components/ams/link.tokens.json b/proprietary/tokens/src/components/ams/link.tokens.json
index 1dd7f93234..0124add84e 100644
--- a/proprietary/tokens/src/components/ams/link.tokens.json
+++ b/proprietary/tokens/src/components/ams/link.tokens.json
@@ -1,50 +1,48 @@
 {
   "ams": {
     "link": {
-      "color": { "value": "{ams.link-appearance.color}" },
+      "color": { "value": "{ams.links.color}" },
       "font-family": { "value": "{ams.text.font-family}" },
       "font-weight": { "value": "{ams.text.font-weight.normal}" },
       "outline-offset": { "value": "{ams.focus.outline-offset}" },
       "hover": {
-        "color": { "value": "{ams.link-appearance.hover.color}" }
+        "color": { "value": "{ams.links.hover.color}" }
       },
       "inline": {
-        "text-decoration-line": { "value": "{ams.link-appearance.regular.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
+        "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+        "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
         "font-family": { "value": "inherit" },
         "font-size": { "value": "inherit" },
         "line-height": { "value": "inherit" },
         "hover": {
           "text-decoration-thickness": {
-            "value": "{ams.link-appearance.regular.hover.text-decoration-thickness}"
+            "value": "{ams.links.hover.text-decoration-thickness}"
           },
-          "text-underline-offset": { "value": "{ams.link-appearance.regular.hover.text-underline-offset}" }
+          "text-underline-offset": { "value": "{ams.links.hover.text-underline-offset}" }
         }
       },
       "standalone": {
         "font-size": { "value": "{ams.text.level.5.font-size}" },
         "line-height": { "value": "{ams.text.level.5.line-height}" },
-        "text-decoration-line": { "value": "{ams.link-appearance.regular.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
+        "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+        "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
         "hover": {
           "text-decoration-thickness": {
-            "value": "{ams.link-appearance.regular.hover.text-decoration-thickness}"
+            "value": "{ams.links.hover.text-decoration-thickness}"
           },
-          "text-underline-offset": { "value": "{ams.link-appearance.regular.hover.text-underline-offset}" }
+          "text-underline-offset": { "value": "{ams.links.hover.text-underline-offset}" }
         }
       },
       "contrast": {
-        "color": { "value": "{ams.link-appearance.contrast.color}" },
+        "color": { "value": "{ams.links.contrast.color}" },
         "hover": {
-          "color": { "value": "{ams.link-appearance.contrast.hover.color}" }
+          "color": { "value": "{ams.links.contrast.hover.color}" }
         }
       },
       "inverse": {
-        "color": { "value": "{ams.link-appearance.inverse.color}" },
+        "color": { "value": "{ams.links.inverse.color}" },
         "hover": {
-          "color": { "value": "{ams.link-appearance.inverse.hover.color}" }
+          "color": { "value": "{ams.links.inverse.hover.color}" }
         }
       }
     }
diff --git a/proprietary/tokens/src/components/ams/page-menu.tokens.json b/proprietary/tokens/src/components/ams/page-menu.tokens.json
index 0fa9a7ccbf..925297ceab 100644
--- a/proprietary/tokens/src/components/ams/page-menu.tokens.json
+++ b/proprietary/tokens/src/components/ams/page-menu.tokens.json
@@ -4,19 +4,19 @@
       "column-gap": { "value": "{ams.space.grid.md}" },
       "row-gap": { "value": "{ams.space.grid.xs}" },
       "item": {
-        "color": { "value": "{ams.link-appearance.color}" },
+        "color": { "value": "{ams.links.color}" },
         "font-family": { "value": "{ams.text.font-family}" },
         "font-size": { "value": "{ams.text.level.6.font-size}" },
         "font-weight": { "value": "{ams.text.font-weight.normal}" },
         "gap": { "value": "{ams.space.sm}" },
         "line-height": { "value": "{ams.text.level.6.line-height}" },
         "outline-offset": { "value": "{ams.focus.outline-offset}" },
-        "text-decoration-line": { "value": "{ams.link-appearance.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
+        "text-decoration-line": { "value": "{ams.links.subtle.text-decoration-line}" },
+        "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+        "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
         "hover": {
-          "color": { "value": "{ams.link-appearance.hover.color}" },
-          "text-decoration-line": { "value": "{ams.link-appearance.subtle.hover.text-decoration-line}" }
+          "color": { "value": "{ams.links.hover.color}" },
+          "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
         }
       }
     }
diff --git a/proprietary/tokens/src/components/ams/pagination.tokens.json b/proprietary/tokens/src/components/ams/pagination.tokens.json
index 9344039123..60a239868e 100644
--- a/proprietary/tokens/src/components/ams/pagination.tokens.json
+++ b/proprietary/tokens/src/components/ams/pagination.tokens.json
@@ -6,19 +6,19 @@
       "font-weight": { "value": "{ams.text.font-weight.normal}" },
       "line-height": { "value": "{ams.text.level.5.line-height}" },
       "link": {
-        "color": { "value": "{ams.link-appearance.color}" },
+        "color": { "value": "{ams.links.color}" },
         "gap": { "value": "{ams.space.xs}" },
         "outline-offset": { "value": "{ams.focus.outline-offset}" },
         "padding-inline": { "value": "{ams.space.sm}" },
-        "text-decoration-line": { "value": "{ams.link-appearance.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
+        "text-decoration-line": { "value": "{ams.links.subtle.text-decoration-line}" },
+        "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+        "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
         "current": {
           "font-weight": { "value": "{ams.text.font-weight.bold}" }
         },
         "hover": {
-          "color": { "value": "{ams.link-appearance.hover.color}" },
-          "text-decoration-line": { "value": "{ams.link-appearance.subtle.hover.text-decoration-line}" }
+          "color": { "value": "{ams.links.hover.color}" },
+          "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
         }
       }
     }
diff --git a/proprietary/tokens/src/components/ams/radio.tokens.json b/proprietary/tokens/src/components/ams/radio.tokens.json
index 0f26a6e2f2..3d1a8f6db7 100644
--- a/proprietary/tokens/src/components/ams/radio.tokens.json
+++ b/proprietary/tokens/src/components/ams/radio.tokens.json
@@ -9,8 +9,8 @@
       "gap": { "value": "{ams.space.sm}" },
       "line-height": { "value": "{ams.text.level.5.line-height}" },
       "outline-offset": { "value": "{ams.focus.outline-offset}" },
-      "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-      "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
+      "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+      "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
       "checked-indicator": {
         "fill": { "value": "{ams.color.interactive.default}" },
         "disabled": {
@@ -72,7 +72,7 @@
       },
       "hover": {
         "color": { "value": "{ams.color.interactive.hover}" },
-        "text-decoration-line": { "value": "{ams.link-appearance.subtle.hover.text-decoration-line}" }
+        "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
       },
       "icon-container": {
         "block-size": { "value": "calc({ams.radio.font-size} * {ams.radio.line-height})" },
diff --git a/proprietary/tokens/src/components/ams/table-of-contents.tokens.json b/proprietary/tokens/src/components/ams/table-of-contents.tokens.json
index 3940de65be..76d78a9966 100644
--- a/proprietary/tokens/src/components/ams/table-of-contents.tokens.json
+++ b/proprietary/tokens/src/components/ams/table-of-contents.tokens.json
@@ -7,14 +7,14 @@
       "gap": { "value": "{ams.space.md}" },
       "line-height": { "value": "{ams.text.level.5.line-height}" },
       "link": {
-        "color": { "value": "{ams.link-appearance.color}" },
+        "color": { "value": "{ams.links.color}" },
         "outline-offset": { "value": "{ams.focus.outline-offset}" },
-        "text-decoration-line": { "value": "{ams.link-appearance.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
+        "text-decoration-line": { "value": "{ams.links.subtle.text-decoration-line}" },
+        "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+        "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
         "hover": {
-          "color": { "value": "{ams.link-appearance.hover.color}" },
-          "text-decoration-line": { "value": "{ams.link-appearance.subtle.hover.text-decoration-line}" }
+          "color": { "value": "{ams.links.hover.color}" },
+          "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
         }
       },
       "list": {
diff --git a/proprietary/tokens/src/components/ams/top-task-link.tokens.json b/proprietary/tokens/src/components/ams/top-task-link.tokens.json
index 307db23db8..39b6867cf2 100644
--- a/proprietary/tokens/src/components/ams/top-task-link.tokens.json
+++ b/proprietary/tokens/src/components/ams/top-task-link.tokens.json
@@ -10,17 +10,17 @@
         "line-height": { "value": "{ams.text.level.6.line-height}" }
       },
       "label": {
-        "color": { "value": "{ams.link-appearance.color}" },
+        "color": { "value": "{ams.links.color}" },
         "font-family": { "value": "{ams.text.font-family}" },
         "font-size": { "value": "{ams.text.level.4.font-size}" },
         "font-weight": { "value": "{ams.text.font-weight.bold}" },
         "line-height": { "value": "{ams.text.level.4.line-height}" },
-        "text-decoration-line": { "value": "{ams.link-appearance.subtle.text-decoration-line}" },
-        "text-decoration-thickness": { "value": "{ams.link-appearance.text-decoration-thickness}" },
-        "text-underline-offset": { "value": "{ams.link-appearance.text-underline-offset}" },
+        "text-decoration-line": { "value": "{ams.links.subtle.text-decoration-line}" },
+        "text-decoration-thickness": { "value": "{ams.links.text-decoration-thickness}" },
+        "text-underline-offset": { "value": "{ams.links.text-underline-offset}" },
         "hover": {
-          "color": { "value": "{ams.link-appearance.hover.color}" },
-          "text-decoration-line": { "value": "{ams.link-appearance.subtle.hover.text-decoration-line}" }
+          "color": { "value": "{ams.links.hover.color}" },
+          "text-decoration-line": { "value": "{ams.links.subtle.hover.text-decoration-line}" }
         }
       },
       "outline-offset": { "value": "{ams.focus.outline-offset}" }
diff --git a/storybook/src/foundation/design-tokens/links.docs.mdx b/storybook/src/foundation/design-tokens/links.docs.mdx
new file mode 100644
index 0000000000..fa2c168601
--- /dev/null
+++ b/storybook/src/foundation/design-tokens/links.docs.mdx
@@ -0,0 +1,52 @@
+{/* @license CC0-1.0 */}
+
+import { Meta } from "@storybook/blocks";
+
+<Meta title="Brand/Design Tokens/Links" />
+
+# Links
+
+Several link components share the same styles.
+This set of common tokens shows that connection.
+
+## Default
+
+Our default links have the following styles:
+
+| CSS variable                                       | Value                                | Description                                                                       |
+| :------------------------------------------------- | :----------------------------------- | :-------------------------------------------------------------------------------- |
+| `var(--ams-links-color)`                           | `var(--ams-color-interactive)`       | The default colour for links is our interactive colour.                           |
+| `var(--ams-links-text-decoration-thickness)`       | `var(--ams-border-width-md)`         | Link underlines are our medium border width.                                      |
+| `var(--ams-links-text-underline-offset)`           | `0.3333em`                           | The underline is positioned further below the text.                               |
+| `var(--ams-links-hover-color)`                     | `var(--ams-color-interactive-hover)` | The hover colour is our interactive hover colour.                                 |
+| `var(--ams-links-hover-text-decoration-thickness)` | `var(--ams-border-width-lg)`         | The underline gets thicker on hover.                                              |
+| `var(--ams-links-hover-text-underline-offset)`     | `0.2778em`                           | The offset decreases when you hover, making the underline look like it is rising. |
+
+## Subtle
+
+Subtle links are used in places where the context helps indicate that the text is a link.
+For instance, in the Header or Pagination components.
+As a result, their styling can be less obvious.
+
+| CSS variable                                         | Value       | Description                                                                                                          |
+| :--------------------------------------------------- | :---------- | :------------------------------------------------------------------------------------------------------------------- |
+| `var(--ams-links-subtle-text-decoration-line)`       | `none`      | Subtle links do not show an underline by default. The surrounding context should clearly indicate that it is a link. |
+| `var(--ams-links-subtle-hover-text-decoration-line)` | `underline` | An underline is shown on hover.                                                                                      |
+
+## Contrast
+
+Links on light (but not white) backgrounds use the interactive contrast colour.
+
+| CSS variable                            | Value                                   | Description                                                                                                   |
+| :-------------------------------------- | :-------------------------------------- | :------------------------------------------------------------------------------------------------------------ |
+| `var(--ams-links-contrast-color)`       | `var(--ams-color-interactive-contrast)` | On light backgrounds, the interactive contrast colour is used.                                                |
+| `var(--ams-links-contrast-hover-color)` | `var(--ams-color-interactive-contrast)` | The same colour is used on hover. We currently do not show a difference between the default and hover states. |
+
+## Inverse
+
+On dark backgrounds, links have the inverse colour.
+
+| CSS variable                           | Value                                  | Description                                                                                                   |
+| :------------------------------------- | :------------------------------------- | :------------------------------------------------------------------------------------------------------------ |
+| `var(--ams-links-inverse-color)`       | `var(--ams-color-interactive-inverse)` | On dark backgrounds, the interactive inverse colour is used.                                                  |
+| `var(--ams-links-inverse-hover-color)` | `var(--ams-color-interactive-inverse)` | The same colour is used on hover. We currently do not show a difference between the default and hover states. |