@vectoriox/iox-ui 5.25.0 → 5.26.0

package/fesm2022/vectoriox-iox-ui-design-core.mjs

@@ -1058,7 +1058,52 @@ const SPEC_AXES = {
         "light",
         "dark",
         "auto"
-    ]
+    ],
+    "tints": {
+        "neutral": {
+            "label": "Neutral"
+        },
+        "subtle": {
+            "label": "Subtle",
+            "paintChroma": 1,
+            "ownScale": 1,
+            "groundMaxL": 0.99,
+            "chroma": {
+                "bg": 0.008,
+                "surface": 0.004,
+                "surface-2": 0.014,
+                "line": 0.012,
+                "line-strong": 0.018,
+                "text": 0.008,
+                "text-muted": 0.022,
+                "inverse-bg": 0.014,
+                "inverse-surface": 0.018,
+                "inverse-text": 0.005,
+                "inverse-muted": 0.02,
+                "inverse-line": 0.016
+            }
+        },
+        "rich": {
+            "label": "Rich",
+            "paintChroma": 1.35,
+            "ownScale": 1.6,
+            "groundMaxL": 0.975,
+            "chroma": {
+                "bg": 0.02,
+                "surface": 0.008,
+                "surface-2": 0.03,
+                "line": 0.024,
+                "line-strong": 0.032,
+                "text": 0.014,
+                "text-muted": 0.04,
+                "inverse-bg": 0.03,
+                "inverse-surface": 0.036,
+                "inverse-text": 0.01,
+                "inverse-muted": 0.034,
+                "inverse-line": 0.03
+            }
+        }
+    }
 };
 const SPEC_SPRINGS = {
     "lively": {
@@ -1130,7 +1175,11 @@ const SPEC_SCHEMES = {
             "accent": "var(--iox-inverse-accent)",
             "accent-ink": "var(--iox-inverse-accent-ink)",
             "accent-hover": "var(--iox-inverse-accent)",
-            "accent-text": "var(--iox-inverse-accent)"
+            "accent-text": "var(--iox-inverse-accent)",
+            "danger": "{{~danger}}",
+            "danger-bg": "{{~danger-bg}}",
+            "success": "{{~success}}",
+            "success-bg": "{{~success-bg}}"
         }
     },
     "accent": {
@@ -1138,10 +1187,10 @@ const SPEC_SCHEMES = {
         "set": {
             "section-bg": "{{accent}}",
             "bg": "{{accent}}",
-            "surface": "color-mix(in srgb, {{accent-ink}} 10%, {{accent}})",
-            "surface-2": "color-mix(in srgb, {{accent-ink}} 10%, {{accent}})",
-            "surface-glass": "color-mix(in srgb, {{accent-ink}} 10%, {{accent}})",
-            "surface-glass-strong": "color-mix(in srgb, {{accent-ink}} 10%, {{accent}})",
+            "surface": "{{accent-hover}}",
+            "surface-2": "{{accent-hover}}",
+            "surface-glass": "{{accent-hover}}",
+            "surface-glass-strong": "{{accent-hover}}",
             "text": "{{accent-ink}}",
             "text-muted": "{{accent-ink}}",
             "line": "color-mix(in srgb, {{accent-ink}} 28%, transparent)",
@@ -1150,7 +1199,11 @@ const SPEC_SCHEMES = {
             "accent": "{{accent-ink}}",
             "accent-ink": "{{accent}}",
             "accent-text": "{{accent-ink}}",
-            "accent-hover": "color-mix(in srgb, {{accent-ink}} 85%, {{accent}})"
+            "accent-hover": "{{accent-ink}}",
+            "danger": "{{accent-ink}}",
+            "danger-bg": "{{accent-hover}}",
+            "success": "{{accent-ink}}",
+            "success-bg": "{{accent-hover}}"
         }
     }
 };
@@ -1743,7 +1796,7 @@ const SPEC_FIELD_CLASS_BASELINE = {
         "transition": "border-color var(--iox-dur-base) var(--iox-ease-standard), box-shadow var(--iox-dur-base) var(--iox-ease-standard)"
     },
     ".iox-es-field .iox-field__control:focus-visible": {
-        "border-color": "var(--iox-accent)",
+        "border-color": "var(--iox-accent-text)",
         "box-shadow": "var(--iox-field-focus)",
         "outline": "none"
     },
@@ -1763,8 +1816,225 @@ const SPEC_FIELD_CLASS_BASELINE = {
     },
     ".iox-es-field.iox-invalid .iox-field__control": {
         "border-color": "var(--iox-danger)"
+    },
+    ".iox-es-field .iox-field__control::placeholder": {
+        "color": "var(--iox-text-muted)",
+        "opacity": "1"
+    },
+    ".iox-es-field .iox-field__control:where([type='checkbox'], [type='radio'], [type='range'])": {
+        "border": "none",
+        "padding": "0",
+        "background": "transparent",
+        "accent-color": "var(--iox-accent-text)"
+    },
+    ".iox-es-field .iox-field__control--switch": {
+        "background": "var(--iox-text-muted)",
+        "transition": "background var(--iox-dur-fast) var(--iox-ease-standard)"
+    },
+    ".iox-es-field .iox-field__control--switch::before": {
+        "background": "var(--iox-bg)",
+        "transition": "transform var(--iox-dur-fast) var(--iox-ease-standard)"
+    },
+    ".iox-es-field .iox-field__control--switch:checked": {
+        "background": "var(--iox-accent-text)"
     }
 };
+const SPEC_INK_SCOPES = [
+    {
+        "styles": [
+            "button-primary",
+            "button-secondary",
+            "button-ghost"
+        ],
+        "set": {
+            "icon-color": "currentColor",
+            "heading-color": "currentColor",
+            "eyebrow-color": "currentColor",
+            "link-color": "currentColor",
+            "link-hover-color": "currentColor",
+            "text-muted": "currentColor"
+        }
+    }
+];
+const SPEC_CONTRAST_AUDIT = {
+    "pairs": [
+        {
+            "fg": "text",
+            "bg": "bg",
+            "min": 4.5
+        },
+        {
+            "fg": "text",
+            "bg": "surface",
+            "min": 4.5
+        },
+        {
+            "fg": "text-muted",
+            "bg": "bg",
+            "min": 4.5
+        },
+        {
+            "fg": "text-muted",
+            "bg": "surface",
+            "min": 4.5
+        },
+        {
+            "fg": "accent-ink",
+            "bg": "accent",
+            "min": 4.5
+        },
+        {
+            "fg": "accent-text",
+            "bg": "bg",
+            "min": 4.5
+        },
+        {
+            "fg": "inverse-text",
+            "bg": "inverse-bg",
+            "min": 4.5
+        },
+        {
+            "fg": "inverse-muted",
+            "bg": "inverse-bg",
+            "min": 4.5
+        },
+        {
+            "fg": "inverse-accent-ink",
+            "bg": "inverse-accent",
+            "min": 4.5
+        },
+        {
+            "fg": "inverse-accent",
+            "bg": "inverse-bg",
+            "min": 4.5
+        },
+        {
+            "fg": "success",
+            "bg": "success-bg",
+            "min": 4.5
+        },
+        {
+            "fg": "danger",
+            "bg": "danger-bg",
+            "min": 4.5
+        },
+        {
+            "fg": "accent-ink",
+            "bg": "accent-hover",
+            "min": 4.5
+        },
+        {
+            "fg": "text-muted",
+            "bg": "surface-2",
+            "min": 4.5
+        },
+        {
+            "fg": "text",
+            "bg": "surface-2",
+            "min": 4.5
+        },
+        {
+            "fg": "accent-text",
+            "bg": "surface",
+            "min": 4.5
+        },
+        {
+            "fg": "accent-text",
+            "bg": "surface-2",
+            "min": 4.5
+        },
+        {
+            "fg": "inverse-text",
+            "bg": "inverse-surface",
+            "min": 4.5
+        },
+        {
+            "fg": "inverse-muted",
+            "bg": "inverse-surface",
+            "min": 4.5
+        },
+        {
+            "fg": "inverse-accent",
+            "bg": "inverse-surface",
+            "min": 4.5
+        },
+        {
+            "fg": "line-strong",
+            "bg": "bg",
+            "min": 3
+        },
+        {
+            "fg": "line-strong",
+            "bg": "surface",
+            "min": 3
+        },
+        {
+            "fg": "line-strong",
+            "bg": "surface-2",
+            "min": 3
+        }
+    ],
+    "formParts": [
+        {
+            "part": "input text",
+            "fg": "var(--iox-field-ink)",
+            "on": "var(--iox-field-bg)",
+            "min": 4.5
+        },
+        {
+            "part": "placeholder",
+            "fg": "var(--iox-text-muted)",
+            "on": "var(--iox-field-bg)",
+            "min": 4.5
+        },
+        {
+            "part": "label",
+            "fg": "var(--iox-text)",
+            "min": 4.5
+        },
+        {
+            "part": "help",
+            "fg": "var(--iox-text-muted)",
+            "min": 4.5
+        },
+        {
+            "part": "error",
+            "fg": "var(--iox-danger)",
+            "min": 4.5
+        },
+        {
+            "part": "boundary",
+            "fg": [
+                "var(--iox-field-border)",
+                "var(--iox-field-bg)"
+            ],
+            "any": true,
+            "min": 3
+        },
+        {
+            "part": "focus edge",
+            "fg": "var(--iox-accent-text)",
+            "min": 3
+        },
+        {
+            "part": "switch off",
+            "fg": "var(--iox-text-muted)",
+            "thumb": "var(--iox-bg)",
+            "min": 3
+        },
+        {
+            "part": "switch on",
+            "fg": "var(--iox-accent-text)",
+            "thumb": "var(--iox-bg)",
+            "min": 3
+        },
+        {
+            "part": "checkbox · radio · range",
+            "fg": "var(--iox-accent-text)",
+            "min": 3
+        }
+    ]
+};
 const SPEC_LEGACY_ALIASES = {
     "radius-control": "var(--iox-button-radius)",
     "radius-surface": "var(--iox-card-radius)",
@@ -1789,7 +2059,8 @@ const SPEC_FLAVOR_PACKS = [
             "density": "regular",
             "motion": "standard",
             "pillButtons": false,
-            "mode": "light"
+            "mode": "light",
+            "tint": "subtle"
         },
         "seed": "#2F5BEA",
         "seeds": [
@@ -1854,14 +2125,97 @@ const SPEC_FLAVOR_PACKS = [
                 ]
             }
         ],
+        "palette": {
+            "light": {
+                "bg": "#FFFFFF",
+                "page-bg": "var(--iox-bg)",
+                "section-bg": "transparent",
+                "surface": "#FFFFFF",
+                "surface-2": "#F6F7F9",
+                "surface-glass": "var(--iox-surface)",
+                "surface-glass-strong": "var(--iox-surface)",
+                "glass-border": "var(--iox-line)",
+                "text": "#0F1115",
+                "text-muted": "#5B616E",
+                "line": "#E6E8EC",
+                "line-strong": "#8B8F97",
+                "accent": "#2F5BEA",
+                "accent-ink": "#FFFFFF",
+                "accent-hover": "#2449C4",
+                "accent-text": "#2F5BEA",
+                "inverse-bg": "#0F1115",
+                "inverse-surface": "#1A1D23",
+                "inverse-text": "#F2F3F5",
+                "inverse-muted": "#A3A9B4",
+                "inverse-line": "#2A2E36",
+                "inverse-accent": "#8EA9FF",
+                "inverse-accent-ink": "#0F1115",
+                "success": "#1B6B3D",
+                "success-bg": "#E7F4EC",
+                "danger": "#B3261E",
+                "danger-bg": "#FBE9E7",
+                "scrim": "rgba(15, 17, 21, 0.45)"
+            },
+            "dark": {
+                "bg": "#0E0F12",
+                "surface": "#16181D",
+                "surface-2": "#1C1F25",
+                "text": "#F2F3F5",
+                "text-muted": "#9AA0AC",
+                "line": "#262A31",
+                "line-strong": "#646A74",
+                "accent": "#7A9BFF",
+                "accent-ink": "#0E0F12",
+                "accent-hover": "#9AB3FF",
+                "accent-text": "#8EA9FF",
+                "inverse-bg": "#F6F7F9",
+                "inverse-surface": "#FFFFFF",
+                "inverse-text": "#0F1115",
+                "inverse-muted": "#5B616E",
+                "inverse-line": "#E6E8EC",
+                "inverse-accent": "#2F5BEA",
+                "inverse-accent-ink": "#FFFFFF",
+                "success": "#5FD08E",
+                "success-bg": "#13291C",
+                "danger": "#FF8A80",
+                "danger-bg": "#3A1715",
+                "scrim": "rgba(0, 0, 0, 0.6)"
+            }
+        },
+        "tint": {
+            "scale": 1,
+            "roles": [
+                "bg",
+                "surface",
+                "surface-2",
+                "line",
+                "line-strong",
+                "text",
+                "text-muted",
+                "inverse-bg",
+                "inverse-surface",
+                "inverse-text",
+                "inverse-muted",
+                "inverse-line"
+            ]
+        },
+        "legacy": {
+            "line-strong": {
+                "value": "#C9CED6",
+                "dark": "#3A3F49"
+            },
+            "focus-ring": {
+                "value": "0 0 0 3px color-mix(in srgb, var(--iox-accent) 35%, transparent)"
+            }
+        },
         "tokens": [
             {
                 "name": "bg",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#FFFFFF",
-                "dark": "#0E0F12"
+                "value": "#FAFCFF",
+                "dark": "#0D0F13"
             },
             {
                 "name": "page-bg",
@@ -1890,8 +2244,8 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#F6F7F9",
-                "dark": "#1C1F25"
+                "value": "#F3F7FF",
+                "dark": "#1C1F26"
             },
             {
                 "name": "surface-glass",
@@ -1920,7 +2274,7 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "#0F1115",
-                "dark": "#F2F3F5"
+                "dark": "#F0F3F9"
             },
             {
                 "name": "text-muted",
@@ -1928,14 +2282,14 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "#5B616E",
-                "dark": "#9AA0AC"
+                "dark": "#99A0AE"
             },
             {
                 "name": "line",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#E6E8EC",
+                "value": "#E4E8F0",
                 "dark": "#262A31"
             },
             {
@@ -1943,8 +2297,8 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#C9CED6",
-                "dark": "#3A3F49"
+                "value": "#898F9A",
+                "dark": "#646A74"
             },
             {
                 "name": "accent",
@@ -1983,15 +2337,15 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#0F1115",
-                "dark": "#F6F7F9"
+                "value": "#0E1117",
+                "dark": "#F3F7FF"
             },
             {
                 "name": "inverse-surface",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#1A1D23",
+                "value": "#191D26",
                 "dark": "#FFFFFF"
             },
             {
@@ -1999,7 +2353,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#F2F3F5",
+                "value": "#F1F3F7",
                 "dark": "#0F1115"
             },
             {
@@ -2007,7 +2361,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#A3A9B4",
+                "value": "#A2A9B6",
                 "dark": "#5B616E"
             },
             {
@@ -2016,7 +2370,7 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "#2A2E36",
-                "dark": "#E6E8EC"
+                "dark": "#E3E8F3"
             },
             {
                 "name": "inverse-accent",
@@ -2334,7 +2688,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "shadow",
                 "group": "depth",
-                "value": "0 0 0 3px color-mix(in srgb, var(--iox-accent) 35%, transparent)"
+                "value": "0 0 0 2px var(--iox-bg), 0 0 0 4px var(--iox-accent-text)"
             },
             {
                 "name": "space-section",
@@ -3027,7 +3381,8 @@ const SPEC_FLAVOR_PACKS = [
             "density": "airy",
             "motion": "calm",
             "pillButtons": false,
-            "mode": "light"
+            "mode": "light",
+            "tint": "subtle"
         },
         "seed": "#7A5B36",
         "seeds": [
@@ -3093,13 +3448,96 @@ const SPEC_FLAVOR_PACKS = [
                 ]
             }
         ],
+        "palette": {
+            "light": {
+                "bg": "#F7F3EC",
+                "page-bg": "var(--iox-bg)",
+                "section-bg": "transparent",
+                "surface": "#FBF8F3",
+                "surface-2": "#EFE9DF",
+                "surface-glass": "var(--iox-surface)",
+                "surface-glass-strong": "var(--iox-surface)",
+                "glass-border": "var(--iox-line)",
+                "text": "#1F1B16",
+                "text-muted": "#665D54",
+                "line": "#DDD4C7",
+                "line-strong": "#908574",
+                "accent": "#7A5B36",
+                "accent-ink": "#FBF8F3",
+                "accent-hover": "#5E4527",
+                "accent-text": "#7A5B36",
+                "inverse-bg": "#1F1B16",
+                "inverse-surface": "#2A251F",
+                "inverse-text": "#EFE8DC",
+                "inverse-muted": "#B3A897",
+                "inverse-line": "#3A332B",
+                "inverse-accent": "#C9A878",
+                "inverse-accent-ink": "#1F1B16",
+                "success": "#3F6B3A",
+                "success-bg": "#E9EEDF",
+                "danger": "#9A3324",
+                "danger-bg": "#F5E3DC",
+                "scrim": "rgba(31, 27, 22, 0.5)"
+            },
+            "dark": {
+                "bg": "#14110E",
+                "surface": "#1A1612",
+                "surface-2": "#1D1915",
+                "text": "#EFE8DC",
+                "text-muted": "#A9A090",
+                "line": "#2E2822",
+                "line-strong": "#6D6459",
+                "accent": "#C9A878",
+                "accent-ink": "#14110E",
+                "accent-hover": "#D8BD93",
+                "accent-text": "#C9A878",
+                "inverse-bg": "#EFE9DF",
+                "inverse-surface": "#F7F3EC",
+                "inverse-text": "#1F1B16",
+                "inverse-muted": "#665D54",
+                "inverse-line": "#DDD4C7",
+                "inverse-accent": "#7A5B36",
+                "inverse-accent-ink": "#FBF8F3",
+                "success": "#A9C79A",
+                "success-bg": "#1E2619",
+                "danger": "#E8A08F",
+                "danger-bg": "#2E1A15",
+                "scrim": "rgba(0, 0, 0, 0.6)"
+            }
+        },
+        "tint": {
+            "scale": 1.2,
+            "roles": [
+                "bg",
+                "surface",
+                "surface-2",
+                "line",
+                "line-strong",
+                "text",
+                "text-muted",
+                "inverse-bg",
+                "inverse-surface",
+                "inverse-text",
+                "inverse-muted",
+                "inverse-line"
+            ]
+        },
+        "legacy": {
+            "line-strong": {
+                "value": "#B9AD9C",
+                "dark": "#4A4137"
+            },
+            "focus-ring": {
+                "value": "0 0 0 3px color-mix(in srgb, var(--iox-accent) 35%, transparent)"
+            }
+        },
         "tokens": [
             {
                 "name": "bg",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#F7F3EC",
+                "value": "#F6F3ED",
                 "dark": "#14110E"
             },
             {
@@ -3121,16 +3559,16 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#FBF8F3",
-                "dark": "#1A1612"
+                "value": "#FBF8F4",
+                "dark": "#191613"
             },
             {
                 "name": "surface-2",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#EFE9DF",
-                "dark": "#1D1915"
+                "value": "#EFE9E0",
+                "dark": "#1E1913"
             },
             {
                 "name": "surface-glass",
@@ -3158,32 +3596,32 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#1F1B16",
-                "dark": "#EFE8DC"
+                "value": "#1E1B17",
+                "dark": "#EEE8DE"
             },
             {
                 "name": "text-muted",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#665D54",
-                "dark": "#A9A090"
+                "value": "#675D52",
+                "dark": "#A8A092"
             },
             {
                 "name": "line",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#DDD4C7",
-                "dark": "#2E2822"
+                "value": "#DCD4C9",
+                "dark": "#2D2823"
             },
             {
                 "name": "line-strong",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#B9AD9C",
-                "dark": "#4A4137"
+                "value": "#8E8577",
+                "dark": "#6C645B"
             },
             {
                 "name": "accent",
@@ -3222,40 +3660,40 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#1F1B16",
-                "dark": "#EFE9DF"
+                "value": "#201B15",
+                "dark": "#EFE9E0"
             },
             {
                 "name": "inverse-surface",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#2A251F",
-                "dark": "#F7F3EC"
+                "value": "#2B251C",
+                "dark": "#FAF3E6"
             },
             {
                 "name": "inverse-text",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#EFE8DC",
-                "dark": "#1F1B16"
+                "value": "#EEE8DE",
+                "dark": "#1E1B17"
             },
             {
                 "name": "inverse-muted",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#B3A897",
-                "dark": "#665D54"
+                "value": "#B1A89A",
+                "dark": "#675D53"
             },
             {
                 "name": "inverse-line",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#3A332B",
-                "dark": "#DDD4C7"
+                "value": "#3A332C",
+                "dark": "#DCD4C9"
             },
             {
                 "name": "inverse-accent",
@@ -3571,7 +4009,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "shadow",
                 "group": "depth",
-                "value": "0 0 0 3px color-mix(in srgb, var(--iox-accent) 35%, transparent)"
+                "value": "0 0 0 2px var(--iox-bg), 0 0 0 4px var(--iox-accent-text)"
             },
             {
                 "name": "space-section",
@@ -4286,7 +4724,8 @@ const SPEC_FLAVOR_PACKS = [
             "density": "regular",
             "motion": "standard",
             "pillButtons": false,
-            "mode": "dark"
+            "mode": "dark",
+            "tint": "subtle"
         },
         "seed": "#6E5BFF",
         "seeds": [
@@ -4354,14 +4793,97 @@ const SPEC_FLAVOR_PACKS = [
                 ]
             }
         ],
+        "palette": {
+            "light": {
+                "bg": "#FBFBFC",
+                "page-bg": "radial-gradient(60% 50% at 50% 0%, color-mix(in srgb, var(--iox-accent) 10%, transparent), transparent 70%), var(--iox-bg)",
+                "section-bg": "transparent",
+                "surface": "#FFFFFF",
+                "surface-2": "#F3F3F6",
+                "surface-glass": "var(--iox-surface)",
+                "surface-glass-strong": "var(--iox-surface)",
+                "glass-border": "var(--iox-line)",
+                "text": "#0B0B0F",
+                "text-muted": "#5E6270",
+                "line": "#E4E4EA",
+                "line-strong": "#878690",
+                "accent": "#5B47F0",
+                "accent-ink": "#FFFFFF",
+                "accent-hover": "#4A36DE",
+                "accent-text": "#5B47F0",
+                "inverse-bg": "#08090A",
+                "inverse-surface": "#111214",
+                "inverse-text": "#F7F8F8",
+                "inverse-muted": "#8F949D",
+                "inverse-line": "rgba(255, 255, 255, 0.08)",
+                "inverse-accent": "#A69BFF",
+                "inverse-accent-ink": "#08090A",
+                "success": "#1B6B3D",
+                "success-bg": "#E7F4EC",
+                "danger": "#B3261E",
+                "danger-bg": "#FBE9E7",
+                "scrim": "rgba(8, 9, 10, 0.55)"
+            },
+            "dark": {
+                "bg": "#08090A",
+                "page-bg": "radial-gradient(60% 50% at 50% 0%, color-mix(in srgb, var(--iox-accent) 22%, transparent), transparent 70%), var(--iox-bg)",
+                "surface": "#111214",
+                "surface-2": "#18191C",
+                "text": "#F7F8F8",
+                "text-muted": "#8F949D",
+                "line": "rgba(255, 255, 255, 0.08)",
+                "line-strong": "rgba(255, 255, 255, 0.34)",
+                "accent": "#6E5BFF",
+                "accent-hover": "#5B47F0",
+                "accent-text": "#A69BFF",
+                "inverse-bg": "#F7F8F8",
+                "inverse-surface": "#FFFFFF",
+                "inverse-text": "#0B0B0F",
+                "inverse-muted": "#5E6270",
+                "inverse-line": "#E4E4EA",
+                "inverse-accent": "#5B47F0",
+                "inverse-accent-ink": "#FFFFFF",
+                "success": "#4ADE80",
+                "success-bg": "#0F2418",
+                "danger": "#FF7B72",
+                "danger-bg": "#2D1213",
+                "scrim": "rgba(0, 0, 0, 0.7)"
+            }
+        },
+        "tint": {
+            "scale": 1,
+            "roles": [
+                "bg",
+                "surface",
+                "surface-2",
+                "line",
+                "line-strong",
+                "text",
+                "text-muted",
+                "inverse-bg",
+                "inverse-surface",
+                "inverse-text",
+                "inverse-muted",
+                "inverse-line"
+            ]
+        },
+        "legacy": {
+            "line-strong": {
+                "value": "#C9C9D3",
+                "dark": "rgba(255, 255, 255, 0.16)"
+            },
+            "focus-ring": {
+                "value": "0 0 0 3px color-mix(in srgb, var(--iox-accent) 35%, transparent)"
+            }
+        },
         "tokens": [
             {
                 "name": "bg",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#FBFBFC",
-                "dark": "#08090A"
+                "value": "#FAFBFF",
+                "dark": "#08090C"
             },
             {
                 "name": "page-bg",
@@ -4384,15 +4906,15 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "#FFFFFF",
-                "dark": "#111214"
+                "dark": "#121214"
             },
             {
                 "name": "surface-2",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#F3F3F6",
-                "dark": "#18191C"
+                "value": "#F2F3FD",
+                "dark": "#181820"
             },
             {
                 "name": "surface-glass",
@@ -4421,7 +4943,7 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "#0B0B0F",
-                "dark": "#F7F8F8"
+                "dark": "#F7F7FD"
             },
             {
                 "name": "text-muted",
@@ -4429,14 +4951,14 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "#5E6270",
-                "dark": "#8F949D"
+                "dark": "#8D94A2"
             },
             {
                 "name": "line",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#E4E4EA",
+                "value": "#E3E4ED",
                 "dark": "rgba(255, 255, 255, 0.08)"
             },
             {
@@ -4444,8 +4966,8 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#C9C9D3",
-                "dark": "rgba(255, 255, 255, 0.16)"
+                "value": "#878692",
+                "dark": "rgba(255, 255, 255, 0.34)"
             },
             {
                 "name": "accent",
@@ -4483,15 +5005,15 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#08090A",
-                "dark": "#F7F8F8"
+                "value": "#08080F",
+                "dark": "#F6F7FF"
             },
             {
                 "name": "inverse-surface",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#111214",
+                "value": "#11111A",
                 "dark": "#FFFFFF"
             },
             {
@@ -4499,7 +5021,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#F7F8F8",
+                "value": "#F7F7FB",
                 "dark": "#0B0B0F"
             },
             {
@@ -4507,7 +5029,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#8F949D",
+                "value": "#8D94A1",
                 "dark": "#5E6270"
             },
             {
@@ -4516,7 +5038,7 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "rgba(255, 255, 255, 0.08)",
-                "dark": "#E4E4EA"
+                "dark": "#E3E4F0"
             },
             {
                 "name": "inverse-accent",
@@ -4835,7 +5357,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "shadow",
                 "group": "depth",
-                "value": "0 0 0 3px color-mix(in srgb, var(--iox-accent) 35%, transparent)"
+                "value": "0 0 0 2px var(--iox-bg), 0 0 0 4px var(--iox-accent-text)"
             },
             {
                 "name": "space-section",
@@ -5536,7 +6058,8 @@ const SPEC_FLAVOR_PACKS = [
             "density": "regular",
             "motion": "lively",
             "pillButtons": true,
-            "mode": "light"
+            "mode": "light",
+            "tint": "subtle"
         },
         "seed": "#0A66E8",
         "seeds": [
@@ -5601,14 +6124,108 @@ const SPEC_FLAVOR_PACKS = [
                 ]
             }
         ],
+        "palette": {
+            "light": {
+                "bg": "#EEF1F6",
+                "page-bg": "radial-gradient(40% 50% at 12% 8%, #C9D8FF 0%, transparent 70%), radial-gradient(45% 55% at 88% 18%, #F5D0E6 0%, transparent 70%), radial-gradient(55% 60% at 50% 100%, #D7F2EA 0%, transparent 70%), var(--iox-bg)",
+                "section-bg": "transparent",
+                "surface": "#FFFFFF",
+                "surface-2": "#F5F7FA",
+                "surface-glass": "rgba(255, 255, 255, 0.55)",
+                "surface-glass-strong": "rgba(255, 255, 255, 0.78)",
+                "glass-border": "rgba(255, 255, 255, 0.6)",
+                "text": "#0B0C0F",
+                "text-muted": "#545966",
+                "line": "rgba(15, 23, 42, 0.10)",
+                "line-strong": "rgba(15, 23, 42, 0.49)",
+                "accent": "#0A66E8",
+                "accent-ink": "#FFFFFF",
+                "accent-hover": "#0855C4",
+                "accent-text": "#0658CC",
+                "inverse-bg": "#0B0C10",
+                "inverse-surface": "#1A1B20",
+                "inverse-text": "#F5F6F8",
+                "inverse-muted": "#A3A8B3",
+                "inverse-line": "rgba(255, 255, 255, 0.12)",
+                "inverse-accent": "#4C9AFF",
+                "inverse-accent-ink": "#0B0C10",
+                "success": "#1B6B3D",
+                "success-bg": "#E3F5EA",
+                "danger": "#B3261E",
+                "danger-bg": "#FCE8E6",
+                "scrim": "rgba(15, 23, 42, 0.30)"
+            },
+            "dark": {
+                "bg": "#0B0C10",
+                "page-bg": "radial-gradient(40% 50% at 12% 8%, #1B2A5C 0%, transparent 70%), radial-gradient(45% 55% at 88% 18%, #3D1F3A 0%, transparent 70%), radial-gradient(55% 60% at 50% 100%, #0F3A33 0%, transparent 70%), var(--iox-bg)",
+                "surface": "#1A1B20",
+                "surface-2": "#22232A",
+                "surface-glass": "rgba(28, 28, 32, 0.55)",
+                "surface-glass-strong": "rgba(28, 28, 32, 0.80)",
+                "glass-border": "rgba(255, 255, 255, 0.12)",
+                "text": "#F5F6F8",
+                "text-muted": "#A3A8B3",
+                "line": "rgba(255, 255, 255, 0.10)",
+                "line-strong": "rgba(255, 255, 255, 0.37)",
+                "accent": "#4C9AFF",
+                "accent-ink": "#0B0C10",
+                "accent-hover": "#6DADFF",
+                "accent-text": "#6DADFF",
+                "inverse-bg": "#F5F7FA",
+                "inverse-surface": "#FFFFFF",
+                "inverse-text": "#0B0C0F",
+                "inverse-muted": "#545966",
+                "inverse-line": "rgba(15, 23, 42, 0.10)",
+                "inverse-accent": "#0A66E8",
+                "inverse-accent-ink": "#FFFFFF",
+                "success": "#5FD08E",
+                "success-bg": "#12291C",
+                "danger": "#FF8A80",
+                "danger-bg": "#3A1715",
+                "scrim": "rgba(0, 0, 0, 0.5)"
+            }
+        },
+        "tint": {
+            "scale": 1.2,
+            "roles": [
+                "bg",
+                "surface",
+                "surface-2",
+                "line",
+                "line-strong",
+                "text",
+                "text-muted",
+                "inverse-bg",
+                "inverse-surface",
+                "inverse-text",
+                "inverse-muted",
+                "inverse-line"
+            ],
+            "paints": [
+                "page-bg"
+            ]
+        },
+        "legacy": {
+            "line-strong": {
+                "value": "rgba(15, 23, 42, 0.18)",
+                "dark": "rgba(255, 255, 255, 0.18)"
+            },
+            "accent-text": {
+                "value": "#0A5BCF",
+                "dark": "#6DADFF"
+            },
+            "focus-ring": {
+                "value": "0 0 0 3px color-mix(in srgb, var(--iox-accent) 35%, transparent)"
+            }
+        },
         "tokens": [
             {
                 "name": "bg",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#EEF1F6",
-                "dark": "#0B0C10"
+                "value": "#EDF1F8",
+                "dark": "#0A0C10"
             },
             {
                 "name": "page-bg",
@@ -5631,15 +6248,15 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "#FFFFFF",
-                "dark": "#1A1B20"
+                "dark": "#191B20"
             },
             {
                 "name": "surface-2",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#F5F7FA",
-                "dark": "#22232A"
+                "value": "#F2F7FF",
+                "dark": "#22232C"
             },
             {
                 "name": "surface-glass",
@@ -5670,16 +6287,16 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#0B0C0F",
-                "dark": "#F5F6F8"
+                "value": "#0A0C10",
+                "dark": "#F2F6FD"
             },
             {
                 "name": "text-muted",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#545966",
-                "dark": "#A3A8B3"
+                "value": "#535969",
+                "dark": "#A0A8B9"
             },
             {
                 "name": "line",
@@ -5694,8 +6311,8 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "rgba(15, 23, 42, 0.18)",
-                "dark": "rgba(255, 255, 255, 0.18)"
+                "value": "rgba(15, 23, 42, 0.49)",
+                "dark": "rgba(255, 255, 255, 0.37)"
             },
             {
                 "name": "accent",
@@ -5726,7 +6343,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#0A5BCF",
+                "value": "#0658CC",
                 "dark": "#6DADFF"
             },
             {
@@ -5734,15 +6351,15 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#0B0C10",
-                "dark": "#F5F7FA"
+                "value": "#080C13",
+                "dark": "#F2F7FF"
             },
             {
                 "name": "inverse-surface",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#1A1B20",
+                "value": "#151C26",
                 "dark": "#FFFFFF"
             },
             {
@@ -5750,16 +6367,16 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#F5F6F8",
-                "dark": "#0B0C0F"
+                "value": "#F4F6FA",
+                "dark": "#0A0C0F"
             },
             {
                 "name": "inverse-muted",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#A3A8B3",
-                "dark": "#545966"
+                "value": "#A1A8B8",
+                "dark": "#545967"
             },
             {
                 "name": "inverse-line",
@@ -6087,7 +6704,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "shadow",
                 "group": "depth",
-                "value": "0 0 0 3px color-mix(in srgb, var(--iox-accent) 35%, transparent)"
+                "value": "0 0 0 2px var(--iox-bg), 0 0 0 4px var(--iox-accent-text)"
             },
             {
                 "name": "space-section",
@@ -6806,7 +7423,8 @@ const SPEC_FLAVOR_PACKS = [
             "density": "regular",
             "motion": "lively",
             "pillButtons": true,
-            "mode": "light"
+            "mode": "light",
+            "tint": "subtle"
         },
         "seed": "#6750A4",
         "seeds": [
@@ -6871,13 +7489,95 @@ const SPEC_FLAVOR_PACKS = [
                 ]
             }
         ],
+        "palette": {
+            "light": {
+                "bg": "#FFFBFE",
+                "page-bg": "var(--iox-bg)",
+                "section-bg": "transparent",
+                "surface": "#FFFFFF",
+                "surface-2": "#F3EDF7",
+                "surface-glass": "var(--iox-surface)",
+                "surface-glass-strong": "var(--iox-surface)",
+                "glass-border": "var(--iox-line)",
+                "text": "#1D1B20",
+                "text-muted": "#49454F",
+                "line": "#CAC4D0",
+                "line-strong": "#79747E",
+                "accent": "#6750A4",
+                "accent-ink": "#FFFFFF",
+                "accent-hover": "#5A4491",
+                "accent-text": "#6750A4",
+                "inverse-bg": "#322F35",
+                "inverse-surface": "#3D3A41",
+                "inverse-text": "#F5EFF7",
+                "inverse-muted": "#CAC4D0",
+                "inverse-line": "#49454F",
+                "inverse-accent": "#D0BCFF",
+                "inverse-accent-ink": "#381E72",
+                "success": "#1F6B3A",
+                "success-bg": "#DDF3E3",
+                "danger": "#B3261E",
+                "danger-bg": "#F9DEDC",
+                "scrim": "rgba(29, 27, 32, 0.4)"
+            },
+            "dark": {
+                "bg": "#141218",
+                "surface": "#1D1B20",
+                "surface-2": "#2B2930",
+                "text": "#E6E0E9",
+                "text-muted": "#CAC4D0",
+                "line": "#49454F",
+                "line-strong": "#938F99",
+                "accent": "#D0BCFF",
+                "accent-ink": "#381E72",
+                "accent-hover": "#DCCBFF",
+                "accent-text": "#D0BCFF",
+                "inverse-bg": "#E6E0E9",
+                "inverse-surface": "#F3EDF7",
+                "inverse-text": "#322F35",
+                "inverse-muted": "#49454F",
+                "inverse-line": "#CAC4D0",
+                "inverse-accent": "#6750A4",
+                "inverse-accent-ink": "#FFFFFF",
+                "success": "#8FD9A4",
+                "success-bg": "#123620",
+                "danger": "#F2B8B5",
+                "danger-bg": "#601410",
+                "scrim": "rgba(0, 0, 0, 0.55)"
+            }
+        },
+        "tint": {
+            "scale": 1.5,
+            "roles": [
+                "bg",
+                "surface",
+                "surface-2",
+                "line",
+                "line-strong",
+                "text",
+                "text-muted",
+                "inverse-bg",
+                "inverse-surface",
+                "inverse-text",
+                "inverse-muted",
+                "inverse-line"
+            ]
+        },
+        "legacy": {
+            "focus-ring": {
+                "value": "0 0 0 3px color-mix(in srgb, var(--iox-accent) 35%, transparent)"
+            },
+            "field-border": {
+                "value": "transparent"
+            }
+        },
         "tokens": [
             {
                 "name": "bg",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#FFFBFE",
+                "value": "#FCFBFF",
                 "dark": "#141218"
             },
             {
@@ -6900,15 +7600,15 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "#FFFFFF",
-                "dark": "#1D1B20"
+                "dark": "#1C1B20"
             },
             {
                 "name": "surface-2",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#F3EDF7",
-                "dark": "#2B2930"
+                "value": "#F4ECFA",
+                "dark": "#2C2834"
             },
             {
                 "name": "surface-glass",
@@ -6936,7 +7636,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#1D1B20",
+                "value": "#1C1B21",
                 "dark": "#E6E0E9"
             },
             {
@@ -6944,8 +7644,8 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#49454F",
-                "dark": "#CAC4D0"
+                "value": "#4B4356",
+                "dark": "#CDC2D8"
             },
             {
                 "name": "line",
@@ -6960,8 +7660,8 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#79747E",
-                "dark": "#938F99"
+                "value": "#7B7283",
+                "dark": "#958D9F"
             },
             {
                 "name": "accent",
@@ -7000,16 +7700,16 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#322F35",
-                "dark": "#E6E0E9"
+                "value": "#332E39",
+                "dark": "#E8DFED"
             },
             {
                 "name": "inverse-surface",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#3D3A41",
-                "dark": "#F3EDF7"
+                "value": "#3F3847",
+                "dark": "#F6EBFD"
             },
             {
                 "name": "inverse-text",
@@ -7024,16 +7724,16 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#CAC4D0",
-                "dark": "#49454F"
+                "value": "#CCC2D6",
+                "dark": "#4A4355"
             },
             {
                 "name": "inverse-line",
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#49454F",
-                "dark": "#CAC4D0"
+                "value": "#4A4452",
+                "dark": "#CBC3D3"
             },
             {
                 "name": "inverse-accent",
@@ -7351,7 +8051,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "shadow",
                 "group": "depth",
-                "value": "0 0 0 3px color-mix(in srgb, var(--iox-accent) 35%, transparent)"
+                "value": "0 0 0 2px var(--iox-bg), 0 0 0 4px var(--iox-accent-text)"
             },
             {
                 "name": "space-section",
@@ -7881,8 +8581,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "component",
                 "type": "color",
                 "group": "components",
-                "value": "transparent",
-                "overridden": true
+                "value": "var(--iox-line-strong)"
             },
             {
                 "name": "field-border-width",
@@ -8057,7 +8756,8 @@ const SPEC_FLAVOR_PACKS = [
             "density": "compact",
             "motion": "snappy",
             "pillButtons": false,
-            "mode": "light"
+            "mode": "light",
+            "tint": "subtle"
         },
         "seed": "#FF5C39",
         "seeds": [
@@ -8126,6 +8826,77 @@ const SPEC_FLAVOR_PACKS = [
                 ]
             }
         ],
+        "palette": {
+            "light": {
+                "bg": "#FFF8E7",
+                "page-bg": "var(--iox-bg)",
+                "section-bg": "transparent",
+                "surface": "#FFFFFF",
+                "surface-2": "#FFD23F",
+                "surface-glass": "var(--iox-surface)",
+                "surface-glass-strong": "var(--iox-surface)",
+                "glass-border": "var(--iox-line)",
+                "text": "#0A0A0A",
+                "text-muted": "#3D3D3D",
+                "line": "#0A0A0A",
+                "line-strong": "#0A0A0A",
+                "accent": "#FF5C39",
+                "accent-ink": "#0A0A0A",
+                "accent-hover": "#FF7A5C",
+                "accent-text": "#AD3112",
+                "inverse-bg": "#0A0A0A",
+                "inverse-surface": "#1E1E1E",
+                "inverse-text": "#FFF8E7",
+                "inverse-muted": "#C9C3B4",
+                "inverse-line": "#FFF8E7",
+                "inverse-accent": "#FFD23F",
+                "inverse-accent-ink": "#0A0A0A",
+                "success": "#0B6B3A",
+                "success-bg": "#C9F2D9",
+                "danger": "#B3261E",
+                "danger-bg": "#FFD9D2",
+                "scrim": "rgba(10, 10, 10, 0.5)"
+            },
+            "dark": {
+                "bg": "#121212",
+                "surface": "#1E1E1E",
+                "surface-2": "#2A2A2A",
+                "text": "#F5F5F0",
+                "text-muted": "#BDBDB5",
+                "line": "#F5F5F0",
+                "line-strong": "#F5F5F0",
+                "accent": "#FF7A5C",
+                "accent-hover": "#FF9478",
+                "accent-text": "#FF8A6E",
+                "inverse-bg": "#FFF8E7",
+                "inverse-surface": "#FFFFFF",
+                "inverse-text": "#0A0A0A",
+                "inverse-muted": "#3D3D3D",
+                "inverse-line": "#0A0A0A",
+                "inverse-accent": "#B5381B",
+                "inverse-accent-ink": "#FFFFFF",
+                "success": "#5FD08E",
+                "success-bg": "#0F2A1A",
+                "danger": "#FF8A80",
+                "danger-bg": "#3A1715",
+                "scrim": "rgba(0, 0, 0, 0.6)"
+            }
+        },
+        "tint": {
+            "scale": 2.4,
+            "roles": [
+                "bg",
+                "surface",
+                "inverse-text",
+                "inverse-line"
+            ]
+        },
+        "legacy": {
+            "accent-text": {
+                "value": "#B5381B",
+                "dark": "#FF8A6E"
+            }
+        },
         "tokens": [
             {
                 "name": "bg",
@@ -8133,7 +8904,7 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "#FFF8E7",
-                "dark": "#121212"
+                "dark": "#1A0F0C"
             },
             {
                 "name": "page-bg",
@@ -8155,7 +8926,7 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "#FFFFFF",
-                "dark": "#1E1E1E"
+                "dark": "#221D1B"
             },
             {
                 "name": "surface-2",
@@ -8246,7 +9017,7 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "color",
                 "group": "colour",
-                "value": "#B5381B",
+                "value": "#AD3112",
                 "dark": "#FF8A6E"
             },
             {
@@ -8271,7 +9042,7 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "#FFF8E7",
-                "dark": "#0A0A0A"
+                "dark": "#0F0807"
             },
             {
                 "name": "inverse-muted",
@@ -8287,7 +9058,7 @@ const SPEC_FLAVOR_PACKS = [
                 "type": "color",
                 "group": "colour",
                 "value": "#FFF8E7",
-                "dark": "#0A0A0A"
+                "dark": "#170402"
             },
             {
                 "name": "inverse-accent",
@@ -9309,64 +10080,100 @@ const SPEC_FLAVOR_PACKS = [
 ];
 const SPEC_CONTRAST = {
     "crisp": {
-        "light:text/bg": 18.9,
+        "light:text/bg": 18.39,
         "light:text/surface": 18.9,
-        "light:text-muted/bg": 6.21,
+        "light:text-muted/bg": 6.05,
         "light:text-muted/surface": 6.21,
         "light:accent-ink/accent": 5.52,
-        "light:accent-text/bg": 5.52,
-        "light:inverse-text/inverse-bg": 17.02,
+        "light:accent-text/bg": 5.37,
+        "light:inverse-text/inverse-bg": 17.01,
         "light:inverse-muted/inverse-bg": 8,
         "light:inverse-accent-ink/inverse-accent": 8.34,
         "light:inverse-accent/inverse-bg": 8.34,
         "light:success/success-bg": 5.77,
         "light:danger/danger-bg": 5.58,
         "light:accent-ink/accent-hover": 7.43,
-        "light:text-muted/surface-2": 5.8,
+        "light:text-muted/surface-2": 5.79,
+        "light:text/surface-2": 17.6,
+        "light:accent-text/surface": 5.52,
+        "light:accent-text/surface-2": 5.14,
+        "light:inverse-text/inverse-surface": 15.18,
+        "light:inverse-muted/inverse-surface": 7.14,
+        "light:inverse-accent/inverse-surface": 7.44,
+        "light:line-strong/bg": 3.16,
+        "light:line-strong/surface": 3.25,
+        "light:line-strong/surface-2": 3.03,
         "dark:text/bg": 17.26,
-        "dark:text/surface": 15.99,
+        "dark:text/surface": 15.98,
         "dark:text-muted/bg": 7.3,
         "dark:text-muted/surface": 6.76,
         "dark:accent-ink/accent": 7.26,
-        "dark:accent-text/bg": 8.46,
-        "dark:inverse-text/inverse-bg": 17.63,
-        "dark:inverse-muted/inverse-bg": 5.8,
+        "dark:accent-text/bg": 8.47,
+        "dark:inverse-text/inverse-bg": 17.6,
+        "dark:inverse-muted/inverse-bg": 5.79,
         "dark:inverse-accent-ink/inverse-accent": 5.52,
-        "dark:inverse-accent/inverse-bg": 5.15,
+        "dark:inverse-accent/inverse-bg": 5.14,
         "dark:success/success-bg": 8,
         "dark:danger/danger-bg": 7,
         "dark:accent-ink/accent-hover": 9.37,
-        "dark:text-muted/surface-2": 6.29
+        "dark:text-muted/surface-2": 6.28,
+        "dark:text/surface-2": 14.84,
+        "dark:accent-text/surface": 7.84,
+        "dark:accent-text/surface-2": 7.28,
+        "dark:inverse-text/inverse-surface": 18.9,
+        "dark:inverse-muted/inverse-surface": 6.21,
+        "dark:inverse-accent/inverse-surface": 5.52,
+        "dark:line-strong/bg": 3.52,
+        "dark:line-strong/surface": 3.26,
+        "dark:line-strong/surface-2": 3.03
     },
     "linen": {
-        "light:text/bg": 15.48,
-        "light:text/surface": 16.16,
-        "light:text-muted/bg": 5.83,
+        "light:text/bg": 15.49,
+        "light:text/surface": 16.2,
+        "light:text-muted/bg": 5.81,
         "light:text-muted/surface": 6.08,
         "light:accent-ink/accent": 5.87,
-        "light:accent-text/bg": 5.62,
-        "light:inverse-text/inverse-bg": 14.06,
-        "light:inverse-muted/inverse-bg": 7.31,
+        "light:accent-text/bg": 5.61,
+        "light:inverse-text/inverse-bg": 14.02,
+        "light:inverse-muted/inverse-bg": 7.27,
         "light:inverse-accent-ink/inverse-accent": 7.63,
-        "light:inverse-accent/inverse-bg": 7.63,
+        "light:inverse-accent/inverse-bg": 7.61,
         "light:success/success-bg": 5.26,
         "light:danger/danger-bg": 5.88,
         "light:accent-ink/accent-hover": 8.41,
-        "light:text-muted/surface-2": 5.34,
-        "dark:text/bg": 15.45,
-        "dark:text/surface": 14.77,
-        "dark:text-muted/bg": 7.27,
-        "dark:text-muted/surface": 6.95,
+        "light:text-muted/surface-2": 5.33,
+        "light:text/surface-2": 14.21,
+        "light:accent-text/surface": 5.87,
+        "light:accent-text/surface-2": 5.15,
+        "light:inverse-text/inverse-surface": 12.45,
+        "light:inverse-muted/inverse-surface": 6.46,
+        "light:inverse-accent/inverse-surface": 6.76,
+        "light:line-strong/bg": 3.29,
+        "light:line-strong/surface": 3.44,
+        "light:line-strong/surface-2": 3.02,
+        "dark:text/bg": 15.44,
+        "dark:text/surface": 14.79,
+        "dark:text-muted/bg": 7.26,
+        "dark:text-muted/surface": 6.96,
         "dark:accent-ink/accent": 8.38,
         "dark:accent-text/bg": 8.38,
-        "dark:inverse-text/inverse-bg": 14.18,
-        "dark:inverse-muted/inverse-bg": 5.34,
+        "dark:inverse-text/inverse-bg": 14.21,
+        "dark:inverse-muted/inverse-bg": 5.33,
         "dark:inverse-accent-ink/inverse-accent": 5.87,
         "dark:inverse-accent/inverse-bg": 5.15,
         "dark:success/success-bg": 8.41,
         "dark:danger/danger-bg": 7.73,
         "dark:accent-ink/accent-hover": 10.41,
-        "dark:text-muted/surface-2": 6.75
+        "dark:text-muted/surface-2": 6.74,
+        "dark:text/surface-2": 14.32,
+        "dark:accent-text/surface": 8.03,
+        "dark:accent-text/surface-2": 7.77,
+        "dark:inverse-text/inverse-surface": 15.54,
+        "dark:inverse-muted/inverse-surface": 5.82,
+        "dark:inverse-accent/inverse-surface": 5.63,
+        "dark:line-strong/bg": 3.24,
+        "dark:line-strong/surface": 3.1,
+        "dark:line-strong/surface-2": 3
     },
     "midnight": {
         "light:text/bg": 19,
@@ -9375,88 +10182,133 @@ const SPEC_CONTRAST = {
         "light:text-muted/surface": 6.07,
         "light:accent-ink/accent": 5.83,
         "light:accent-text/bg": 5.63,
-        "light:inverse-text/inverse-bg": 18.73,
+        "light:inverse-text/inverse-bg": 18.68,
         "light:inverse-muted/inverse-bg": 6.54,
         "light:inverse-accent-ink/inverse-accent": 8.31,
-        "light:inverse-accent/inverse-bg": 8.31,
+        "light:inverse-accent/inverse-bg": 8.32,
         "light:success/success-bg": 5.77,
         "light:danger/danger-bg": 5.58,
         "light:accent-ink/accent-hover": 7.31,
-        "light:text-muted/surface-2": 5.49,
-        "dark:text/bg": 18.73,
-        "dark:text/surface": 17.62,
-        "dark:text-muted/bg": 6.54,
-        "dark:text-muted/surface": 6.15,
+        "light:text-muted/surface-2": 5.5,
+        "light:text/surface-2": 17.79,
+        "light:accent-text/surface": 5.83,
+        "light:accent-text/surface-2": 5.28,
+        "light:inverse-text/inverse-surface": 17.56,
+        "light:inverse-muted/inverse-surface": 6.15,
+        "light:inverse-accent/inverse-surface": 7.82,
+        "light:line-strong/bg": 3.47,
+        "light:line-strong/surface": 3.59,
+        "light:line-strong/surface-2": 3.25,
+        "dark:text/bg": 18.66,
+        "dark:text/surface": 17.53,
+        "dark:text-muted/bg": 6.53,
+        "dark:text-muted/surface": 6.14,
         "dark:accent-ink/accent": 4.56,
-        "dark:accent-text/bg": 8.31,
-        "dark:inverse-text/inverse-bg": 18.46,
-        "dark:inverse-muted/inverse-bg": 5.71,
+        "dark:accent-text/bg": 8.3,
+        "dark:inverse-text/inverse-bg": 18.4,
+        "dark:inverse-muted/inverse-bg": 5.69,
         "dark:inverse-accent-ink/inverse-accent": 5.83,
-        "dark:inverse-accent/inverse-bg": 5.48,
+        "dark:inverse-accent/inverse-bg": 5.46,
         "dark:success/success-bg": 9.37,
         "dark:danger/danger-bg": 6.9,
         "dark:accent-ink/accent-hover": 5.83,
-        "dark:text-muted/surface-2": 5.77
+        "dark:text-muted/surface-2": 5.79,
+        "dark:text/surface-2": 16.53,
+        "dark:accent-text/surface": 7.8,
+        "dark:accent-text/surface-2": 7.35,
+        "dark:inverse-text/inverse-surface": 19.64,
+        "dark:inverse-muted/inverse-surface": 6.07,
+        "dark:inverse-accent/inverse-surface": 5.83
     },
     "glass": {
-        "light:text/bg": 17.27,
-        "light:text/surface": 19.56,
-        "light:text-muted/bg": 6.19,
-        "light:text-muted/surface": 7.01,
+        "light:text/bg": 17.28,
+        "light:text/surface": 19.57,
+        "light:text-muted/bg": 6.18,
+        "light:text-muted/surface": 7,
         "light:accent-ink/accent": 5.15,
-        "light:accent-text/bg": 5.44,
-        "light:inverse-text/inverse-bg": 18.08,
-        "light:inverse-muted/inverse-bg": 8.2,
+        "light:accent-text/bg": 5.66,
+        "light:inverse-text/inverse-bg": 18.1,
+        "light:inverse-muted/inverse-bg": 8.21,
         "light:inverse-accent-ink/inverse-accent": 6.86,
-        "light:inverse-accent/inverse-bg": 6.86,
+        "light:inverse-accent/inverse-bg": 6.88,
         "light:success/success-bg": 5.76,
         "light:danger/danger-bg": 5.55,
         "light:accent-ink/accent-hover": 6.76,
-        "light:text-muted/surface-2": 6.53,
-        "dark:text/bg": 18.08,
+        "light:text-muted/surface-2": 6.51,
+        "light:text/surface-2": 18.2,
+        "light:accent-text/surface": 6.41,
+        "light:accent-text/surface-2": 5.96,
+        "light:inverse-text/inverse-surface": 15.83,
+        "light:inverse-muted/inverse-surface": 7.18,
+        "light:inverse-accent/inverse-surface": 6.01,
+        "dark:text/bg": 18.06,
         "dark:text/surface": 15.9,
         "dark:text-muted/bg": 8.2,
-        "dark:text-muted/surface": 7.21,
+        "dark:text-muted/surface": 7.22,
         "dark:accent-ink/accent": 6.86,
-        "dark:accent-text/bg": 8.44,
-        "dark:inverse-text/inverse-bg": 18.22,
-        "dark:inverse-muted/inverse-bg": 6.53,
+        "dark:accent-text/bg": 8.45,
+        "dark:inverse-text/inverse-bg": 18.21,
+        "dark:inverse-muted/inverse-bg": 6.5,
         "dark:inverse-accent-ink/inverse-accent": 5.15,
-        "dark:inverse-accent/inverse-bg": 4.8,
+        "dark:inverse-accent/inverse-bg": 4.79,
         "dark:success/success-bg": 8.02,
         "dark:danger/danger-bg": 7,
         "dark:accent-ink/accent-hover": 8.44,
-        "dark:text-muted/surface-2": 6.56
+        "dark:text-muted/surface-2": 6.54,
+        "dark:text/surface-2": 14.41,
+        "dark:accent-text/surface": 7.44,
+        "dark:accent-text/surface-2": 6.75,
+        "dark:inverse-text/inverse-surface": 19.58,
+        "dark:inverse-muted/inverse-surface": 7,
+        "dark:inverse-accent/inverse-surface": 5.15
     },
     "bloom": {
-        "light:text/bg": 16.65,
-        "light:text/surface": 17.07,
+        "light:text/bg": 16.6,
+        "light:text/surface": 17.1,
         "light:text-muted/bg": 9.11,
-        "light:text-muted/surface": 9.34,
+        "light:text-muted/surface": 9.39,
         "light:accent-ink/accent": 6.44,
-        "light:accent-text/bg": 6.28,
-        "light:inverse-text/inverse-bg": 11.65,
-        "light:inverse-muted/inverse-bg": 7.73,
+        "light:accent-text/bg": 6.25,
+        "light:inverse-text/inverse-bg": 11.68,
+        "light:inverse-muted/inverse-bg": 7.7,
         "light:inverse-accent-ink/inverse-accent": 7.71,
-        "light:inverse-accent/inverse-bg": 7.73,
+        "light:inverse-accent/inverse-bg": 7.74,
         "light:success/success-bg": 5.59,
         "light:danger/danger-bg": 5.14,
         "light:accent-ink/accent-hover": 7.86,
-        "light:text-muted/surface-2": 8.13,
+        "light:text-muted/surface-2": 8.15,
+        "light:text/surface-2": 14.84,
+        "light:accent-text/surface": 6.44,
+        "light:accent-text/surface-2": 5.59,
+        "light:inverse-text/inverse-surface": 9.94,
+        "light:inverse-muted/inverse-surface": 6.56,
+        "light:inverse-accent/inverse-surface": 6.59,
+        "light:line-strong/bg": 4.45,
+        "light:line-strong/surface": 4.59,
+        "light:line-strong/surface-2": 3.98,
         "dark:text/bg": 14.35,
-        "dark:text/surface": 13.17,
-        "dark:text-muted/bg": 10.91,
-        "dark:text-muted/surface": 10.02,
+        "dark:text/surface": 13.21,
+        "dark:text-muted/bg": 10.89,
+        "dark:text-muted/surface": 10.03,
         "dark:accent-ink/accent": 7.71,
         "dark:accent-text/bg": 10.91,
         "dark:inverse-text/inverse-bg": 10.17,
-        "dark:inverse-muted/inverse-bg": 7.21,
+        "dark:inverse-muted/inverse-bg": 7.28,
         "dark:inverse-accent-ink/inverse-accent": 6.44,
         "dark:inverse-accent/inverse-bg": 4.97,
         "dark:success/success-bg": 8.02,
         "dark:danger/danger-bg": 7.66,
         "dark:accent-ink/accent-hover": 8.79,
-        "dark:text-muted/surface-2": 8.42
+        "dark:text-muted/surface-2": 8.43,
+        "dark:text/surface-2": 11.1,
+        "dark:accent-text/surface": 10.04,
+        "dark:accent-text/surface-2": 8.44,
+        "dark:inverse-text/inverse-surface": 11.43,
+        "dark:inverse-muted/inverse-surface": 8.19,
+        "dark:inverse-accent/inverse-surface": 5.59,
+        "dark:line-strong/bg": 5.83,
+        "dark:line-strong/surface": 5.37,
+        "dark:line-strong/surface-2": 4.51
     },
     "pop": {
         "light:text/bg": 18.7,
@@ -9464,7 +10316,7 @@ const SPEC_CONTRAST = {
         "light:text-muted/bg": 10.26,
         "light:text-muted/surface": 10.86,
         "light:accent-ink/accent": 6.45,
-        "light:accent-text/bg": 5.59,
+        "light:accent-text/bg": 6.15,
         "light:inverse-text/inverse-bg": 18.7,
         "light:inverse-muted/inverse-bg": 11.26,
         "light:inverse-accent-ink/inverse-accent": 13.71,
@@ -9473,20 +10325,38 @@ const SPEC_CONTRAST = {
         "light:danger/danger-bg": 5.01,
         "light:accent-ink/accent-hover": 7.72,
         "light:text-muted/surface-2": 7.52,
-        "dark:text/bg": 17.13,
+        "light:text/surface-2": 13.71,
+        "light:accent-text/surface": 6.51,
+        "light:accent-text/surface-2": 4.51,
+        "light:inverse-text/inverse-surface": 15.74,
+        "light:inverse-muted/inverse-surface": 9.49,
+        "light:inverse-accent/inverse-surface": 11.54,
+        "light:line-strong/bg": 18.7,
+        "light:line-strong/surface": 19.8,
+        "light:line-strong/surface-2": 13.71,
+        "dark:text/bg": 17.18,
         "dark:text/surface": 15.24,
-        "dark:text-muted/bg": 9.91,
+        "dark:text-muted/bg": 9.94,
         "dark:text-muted/surface": 8.82,
         "dark:accent-ink/accent": 7.72,
-        "dark:accent-text/bg": 8.13,
-        "dark:inverse-text/inverse-bg": 18.7,
+        "dark:accent-text/bg": 8.15,
+        "dark:inverse-text/inverse-bg": 18.74,
         "dark:inverse-muted/inverse-bg": 10.26,
         "dark:inverse-accent-ink/inverse-accent": 5.92,
         "dark:inverse-accent/inverse-bg": 5.59,
         "dark:success/success-bg": 7.98,
         "dark:danger/danger-bg": 7,
         "dark:accent-ink/accent-hover": 9.2,
-        "dark:text-muted/surface-2": 7.59
+        "dark:text-muted/surface-2": 7.59,
+        "dark:text/surface-2": 13.12,
+        "dark:accent-text/surface": 7.23,
+        "dark:accent-text/surface-2": 6.23,
+        "dark:inverse-text/inverse-surface": 19.85,
+        "dark:inverse-muted/inverse-surface": 10.86,
+        "dark:inverse-accent/inverse-surface": 5.92,
+        "dark:line-strong/bg": 17.18,
+        "dark:line-strong/surface": 15.24,
+        "dark:line-strong/surface-2": 13.12
     }
 };
 const SPEC_TIER_IDS = ["semantic", "component"];
@@ -9494,6 +10364,9 @@ const SPEC_TIER_IDS = ["semantic", "component"];
 const DESIGN_TOKEN_TYPES = SPEC_TOKEN_TYPES;
 const DESIGN_TOKEN_TIERS = SPEC_TIER_IDS;
 const DESIGN_TOKEN_GROUPS = ['colour', 'type', 'shape', 'depth', 'space', 'motion', 'components'];
+const TINT_IDS = Object.keys(SPEC_AXES.tints);
+/** What a studio that stored its look BEFORE the tint existed wears: exactly the look's own palette. */
+const PRE_TINT_DEFAULT = 'neutral';
 /** The spec's flavors, typed. Assignment here is the compile-time proof that the generated
  *  data fits `FlavorPackV2`. */
 const SPEC_FLAVORS = SPEC_FLAVOR_PACKS;
@@ -9615,7 +10488,7 @@ const REDUCED_MOTION_OVERRIDES = SPEC_A11Y.reducedMotion;
 /** What `prefers-reduced-transparency: reduce` makes solid — the contract's `a11y.reducedTransparency`. */
 const REDUCED_TRANSPARENCY_OVERRIDES = SPEC_A11Y.reducedTransparency;
 const ROOT = ':root';
-const DEFAULT_SCHEME = 'default';
+const DEFAULT_SCHEME$1 = 'default';
 const REFERENCE = 'var(';
 const MEDIA_DARK = '(prefers-color-scheme: dark)';
 const ACCESSIBILITY_MEDIA = [
@@ -9637,7 +10510,7 @@ const media = (query, rules) => {
 };
 const schemeSelector = (id, scope) => scope ? `${scope} .iox-scheme-${id}` : `.iox-scheme-${id}`;
 const nonDefaultSchemes = () => Object.entries(SPEC_SCHEMES)
-    .filter(([id]) => id !== DEFAULT_SCHEME)
+    .filter(([id]) => id !== DEFAULT_SCHEME$1)
     .map(([id, scheme]) => [id, scheme.set]);
 /** `{ 'iox-brand': '#2f6f62', … }` — the builder registry's input shape for base values. */
 function tokensToVarMap(tokens) {
@@ -9656,8 +10529,8 @@ function tokensToDarkVarMap(tokens) {
     }
     return map;
 }
-const TOKEN_REF = /var\(\s*--iox-([\w-]+)\s*(?:,([^()]*))?\)/g;
-const PLACEHOLDER = /\{\{\s*([\w-]+)\s*\}\}/g;
+const TOKEN_REF$1 = /var\(\s*--iox-([\w-]+)\s*(?:,([^()]*))?\)/g;
+const PLACEHOLDER = /\{\{\s*(~?)([\w-]+)\s*\}\}/g;
 const LIGHT = 'light';
 const DARK = 'dark';
 const modeValue = (t, mode) => (mode === DARK ? darkOf(t) ?? t.value : t.value);
@@ -9683,7 +10556,7 @@ function resolveTokenValues(tokens, mode = LIGHT) {
         if (value === undefined || trail.has(name))
             return null;
         const next = new Set(trail).add(name);
-        return value.replace(TOKEN_REF, (ref, inner, fallback) => resolve(inner, next) ?? (fallback !== undefined ? fallback.trim() : ref));
+        return value.replace(TOKEN_REF$1, (ref, inner, fallback) => resolve(inner, next) ?? (fallback !== undefined ? fallback.trim() : ref));
     };
     for (const name of raw.keys()) {
         const value = resolve(name, new Set());
@@ -9692,6 +10565,22 @@ function resolveTokenValues(tokens, mode = LIGHT) {
     }
     return out;
 }
+/**
+ * Every token's value INSIDE a section wearing `schemeId`, in one mode — what CSS computes there: the
+ * scheme's overrides (`{{token}}` / `{{~token}}` placeholders substituted from the root), every other
+ * row as declared, and `var()` references resolved within the section (the §3c re-declaration rule
+ * makes that the section's own resolution). `default` (or an unknown id) is the root.
+ */
+function resolveSchemeTokenValues(tokens, mode, schemeId) {
+    const rows = usableTokens(tokens);
+    const set = schemeId === DEFAULT_SCHEME$1 ? undefined : SPEC_SCHEMES[schemeId]?.set;
+    if (!set)
+        return resolveTokenValues(rows, mode);
+    const root = resolveTokenValues(rows, mode);
+    const other = resolveTokenValues(rows, mode === DARK ? LIGHT : DARK);
+    const overrides = new Map(schemeEntries(set, root, other));
+    return resolveTokenValues(rows.map(t => ({ name: t.name, value: overrides.get(t.name) ?? modeValue(t, mode) })), LIGHT);
+}
 /**
  * `value` with every `var(--iox-…)` replaced by that token's resolved root value in `mode` — what
  * the Style panel's Detach writes, so the node keeps exactly what it showed as a literal. An unknown
@@ -9699,21 +10588,24 @@ function resolveTokenValues(tokens, mode = LIGHT) {
  */
 function resolveTokenReferences(value, tokens, mode = LIGHT) {
     const resolved = resolveTokenValues(tokens, mode);
-    return value.replace(TOKEN_REF, (ref, name, fallback) => resolved[name] ?? (fallback !== undefined ? fallback.trim() : ref));
+    return value.replace(TOKEN_REF$1, (ref, name, fallback) => resolved[name] ?? (fallback !== undefined ? fallback.trim() : ref));
 }
-/** A scheme value with its `{{token}}` placeholders replaced by resolved root values — or null
- *  when a placeholder names a token the set does not have (the declaration is then omitted). */
-function substitute(template, resolved) {
+/** A scheme value with its placeholders replaced — `{{token}}` by the root's resolved value in this
+ *  mode, `{{~token}}` by its value in the OTHER mode (an inverse section is the other mode's ground,
+ *  DS9) — or null when a placeholder names a token the set does not have (the declaration is then
+ *  omitted). */
+function substitute(template, resolved, opposite) {
     let missing = false;
-    const value = template.replace(PLACEHOLDER, (_, name) => {
-        if (!(name in resolved))
+    const value = template.replace(PLACEHOLDER, (_, tilde, name) => {
+        const from = tilde ? opposite : resolved;
+        if (!(name in from))
             missing = true;
-        return resolved[name] ?? '';
+        return from[name] ?? '';
     });
     return missing ? null : value;
 }
-const schemeEntries = (set, resolved) => Object.entries(set)
-    .map(([name, template]) => [name, substitute(template, resolved)])
+const schemeEntries = (set, resolved, opposite) => Object.entries(set)
+    .map(([name, template]) => [name, substitute(template, resolved, opposite)])
     .filter((e) => e[1] !== null);
 const hasPlaceholder = (value) => value.includes('{{');
 /**
@@ -9729,13 +10621,14 @@ const hasPlaceholder = (value) => value.includes('{{');
  *   and CSS makes both invalid. The contract writes `{{accent}}` instead — the token's ROOT value,
  *   resolved here at compile time (and again from dark values for the dark twin).
  */
-function compileSchemeCss(tokens, scope) {
+function compileSchemeCss(tokens, scope, opposite) {
     const rows = usableTokens(tokens);
     if (!rows.length)
         return '';
     const resolved = resolveTokenValues(rows, LIGHT);
+    const other = opposite ?? resolveTokenValues(rows, DARK);
     return nonDefaultSchemes().map(([id, set]) => rule(schemeSelector(id, scope), [
-        ...schemeEntries(set, resolved),
+        ...schemeEntries(set, resolved, other),
         ...rows.filter(t => !(t.name in set) && t.value.includes(REFERENCE))
             .map((t) => [t.name, t.value]),
     ])).filter(Boolean).join('\n');
@@ -9751,9 +10644,9 @@ function darkSchemeRules(rows, scope) {
     });
     return nonDefaultSchemes().map(([id, set]) => {
         const swapped = Object.fromEntries(Object.entries(set).filter(([, v]) => hasPlaceholder(v)));
-        const lightSwap = new Map(schemeEntries(swapped, light));
+        const lightSwap = new Map(schemeEntries(swapped, light, dark));
         return rule(schemeSelector(id, scope), [
-            ...schemeEntries(swapped, dark).filter(([name, value]) => lightSwap.get(name) !== value),
+            ...schemeEntries(swapped, dark, light).filter(([name, value]) => lightSwap.get(name) !== value),
             ...redeclared.filter(t => !(t.name in set)).map((t) => [t.name, darkOf(t)]),
         ], '  ');
     });
@@ -9763,15 +10656,18 @@ function presentOverrides(rows, overrides, onlyWithDark) {
 }
 /** The token CSS as the two halves a renderer places around its node rules. */
 function compileTokenCssBlocks(tokens, opts = {}) {
-    const rows = rowsForMode(usableTokens(tokens), opts.mode);
+    const all = usableTokens(tokens);
+    const rows = rowsForMode(all, opts.mode);
     const root = opts.scope ?? ROOT;
+    // A forced mode flattens the rows to ONE mode; a `{{~token}}` still reads the other mode's value.
+    const opposite = resolveTokenValues(all, opts.mode === DARK ? LIGHT : DARK);
     const present = new Set(rows.map(t => t.name));
     const unset = opts.isolate
         ? [...specTokenNames()].filter(name => !present.has(name)).map((name) => [name, 'initial'])
         : [];
     const base = [
         rule(root, [...unset, ...rows.map((t) => [t.name, t.value])]),
-        compileSchemeCss(rows, opts.scope),
+        compileSchemeCss(rows, opts.scope, opposite),
         ...ACCESSIBILITY_MEDIA.map(({ query, overrides }) => media(query, [rule(root, presentOverrides(rows, overrides, false), '  ')])),
     ].filter(Boolean).join('\n');
     const darkRows = rows.map((t) => [t.name, darkOf(t)])
@@ -10280,12 +11176,12 @@ const COLOR_SCHEME_TRAIT = 'colorScheme';
 const COLOR_SCHEME_TYPES = ['Section', 'Container', 'LinkedContainer'];
 /** Every scheme in contract order, with the contract's label (Default · Subtle · Inverse · Brand). */
 const COLOR_SCHEMES = Object.keys(SPEC_SCHEMES).map(id => ({ id, label: SPEC_SCHEMES[id].label }));
-const SCHEME_IDS = new Set(Object.keys(SPEC_SCHEMES));
+const SCHEME_IDS$1 = new Set(Object.keys(SPEC_SCHEMES));
 const SCHEME_PREFIX = 'iox-scheme-';
 const MARKER_PREFIX = `${ELEMENT_STYLE_MARKER_CLASS}-`;
 /** `iox-scheme-<id>` for a known NON-default scheme, else null — an unknown id never reaches a class attribute. */
 function colorSchemeClass(id) {
-    return typeof id === 'string' && id !== ColorScheme.Default && SCHEME_IDS.has(id) ? `${SCHEME_PREFIX}${id}` : null;
+    return typeof id === 'string' && id !== ColorScheme.Default && SCHEME_IDS$1.has(id) ? `${SCHEME_PREFIX}${id}` : null;
 }
 /** A node's `colorScheme`, from `props` (serialized) or its trait (builder). */
 function colorSchemeOf(node) {
@@ -10410,7 +11306,8 @@ function oklabToRgb(c) {
         b: linearToSrgb(-0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s),
     };
 }
-const inGamut = (c) => [c.r, c.g, c.b].every(v => v >= -1e-6 && v <= 1 + 1e-6);
+const inSrgbGamut = (c) => [c.r, c.g, c.b].every(v => v >= -1e-6 && v <= 1 + 1e-6);
+const inGamut = inSrgbGamut;
 /** The OKLab colour at (L, hue, chroma), chroma reduced until it fits sRGB. */
 function atLightness(L, hueA, hueB, chroma) {
     const len = Math.hypot(hueA, hueB) || 1;
@@ -10476,7 +11373,7 @@ const RAMP_STEPS = [
     { step: 900, L: 0.27, chromaScale: 0.62 },
 ];
 const BLACK = { r: 0, g: 0, b: 0 };
-const WHITE = { r: 1, g: 1, b: 1 };
+const WHITE$1 = { r: 1, g: 1, b: 1 };
 /** Snap to the 8-bit hex the token will actually carry — contrast is judged on WHAT SHIPS.
  *  (The first version searched in float space and hex rounding landed 6.9596 where 7 was owed.) */
 const quant = (c) => parseHexColor(toHexColor(c));
@@ -10529,12 +11426,12 @@ function deriveBrandTokens(seed, pack) {
     // 2 — brandInk on brand-500, nudging 500 (within its neighbours) when neither ink clears 4.5
     let five = ramp.find(r => r.step === 500);
     five.rgb = quant(five.rgb);
-    const inkFor = (bg) => (wcagContrastRatio(WHITE, bg) >= wcagContrastRatio(BLACK, bg) ? WHITE : BLACK);
+    const inkFor = (bg) => (wcagContrastRatio(WHITE$1, bg) >= wcagContrastRatio(BLACK, bg) ? WHITE$1 : BLACK);
     for (let i = 0; i < 40 && wcagContrastRatio(inkFor(five.rgb), five.rgb) < 4.5; i++) {
         const L = rgbToOklab(five.rgb).L;
         // Mid tones can fail both inks — walk toward whichever side is already winning, but
         // never past the neighbouring steps: the ramp's monotonic lightness is a guarantee.
-        const towardDark = wcagContrastRatio(WHITE, five.rgb) >= wcagContrastRatio(BLACK, five.rgb);
+        const towardDark = wcagContrastRatio(WHITE$1, five.rgb) >= wcagContrastRatio(BLACK, five.rgb);
         const next = Math.min(0.695, Math.max(0.545, L + (towardDark ? -0.012 : 0.012)));
         if (next === L)
             break;
@@ -10573,10 +11470,12 @@ const WCAG_AA_TEXT = 4.5;
 const ACCENT_TOKEN_NAMES = [
     'accent', 'accent-ink', 'accent-hover', 'accent-text', 'inverse-accent', 'inverse-accent-ink',
 ];
+const groundList = (g) => (g === undefined || g === null ? [] : typeof g === 'string' ? [g] : [...g]);
+const hasGround = (g) => groundList(g).length > 0;
 const RAMP_ORDER = RAMP_STEPS.map(s => s.step);
-const WHITE_HEX = toHexColor(WHITE);
+const WHITE_HEX = toHexColor(WHITE$1);
 const BLACK_HEX = toHexColor(BLACK);
-const passesText = (fg, bg) => wcagContrastRatio(fg, bg) >= WCAG_AA_TEXT;
+const passesText = (fg, bg) => groundList(bg).every(g => wcagContrastRatio(fg, g) >= WCAG_AA_TEXT);
 const bestInkHex = (bg) => (wcagContrastRatio(WHITE_HEX, bg) >= wcagContrastRatio(BLACK_HEX, bg) ? WHITE_HEX : BLACK_HEX);
 /**
  * The quartet a seed different from the pack's own becomes, built ON `deriveBrandTokens` (its
@@ -10613,7 +11512,7 @@ function deriveAccentTokens(seed, against, pack = {}) {
         hover: hoverFor(500, ink),
         text: firstOn([500, 600, 700, 800, 900], against.bg),
     };
-    const dark = against.bgDark ? (() => {
+    const dark = hasGround(against.bgDark) ? (() => {
         const darkStep = [300, 200, 400].find(n => passesText(bestInkHex(step(n)), step(n))) ?? 300;
         const darkInk = bestInkHex(step(darkStep));
         return {
@@ -10624,7 +11523,8 @@ function deriveAccentTokens(seed, against, pack = {}) {
         };
     })() : null;
     const inverseOn = (inverseBg) => {
-        const toward = wcagContrastRatio(step(RAMP_ORDER[0]), inverseBg) >= wcagContrastRatio(step(RAMP_ORDER[RAMP_ORDER.length - 1]), inverseBg)
+        const ground = groundList(inverseBg)[0];
+        const toward = wcagContrastRatio(step(RAMP_ORDER[0]), ground) >= wcagContrastRatio(step(RAMP_ORDER[RAMP_ORDER.length - 1]), ground)
             ? -1 : 1;
         const walk = RAMP_ORDER.filter(n => (toward < 0 ? n <= 500 : n >= 500));
         if (toward < 0)
@@ -10639,8 +11539,8 @@ function deriveAccentTokens(seed, against, pack = {}) {
         const fill = step(walk[walk.length - 1]);
         return { accent: fill, ink: passesText(inkOn(fill), fill) ? inkOn(fill) : bestInkHex(fill) };
     };
-    const inverse = against.inverseBg ? inverseOn(against.inverseBg) : null;
-    const inverseDark = against.inverseBg && against.inverseBgDark ? inverseOn(against.inverseBgDark) : null;
+    const inverse = hasGround(against.inverseBg) ? inverseOn(against.inverseBg) : null;
+    const inverseDark = hasGround(against.inverseBg) && hasGround(against.inverseBgDark) ? inverseOn(against.inverseBgDark) : null;
     const row = (name, value, darkValue) => ({
         name, value, type: 'color', group: 'colour', tier: 'semantic',
         ...(darkValue ? { values: { dark: darkValue } } : {}),
@@ -10657,6 +11557,487 @@ function deriveAccentTokens(seed, against, pack = {}) {
     ];
 }
 
+const TRANSPARENT = { r: 0, g: 0, b: 0, a: 0 };
+const NAMED = {
+    transparent: TRANSPARENT,
+    white: { r: 1, g: 1, b: 1, a: 1 },
+    black: { r: 0, g: 0, b: 0, a: 1 },
+};
+const CURRENT_COLOR = new Set(['currentcolor', 'inherit']);
+const RGB_FN = /^rgba?\(([^)]*)\)$/i;
+const COLOR_MIX = /^color-mix\(\s*in srgb\s*,(.*)\)$/i;
+const MIX_STOP = /^(.*?)(?:\s+(\d+(?:\.\d+)?)%)?$/;
+const GRADIENT = /^(?:radial|linear|conic)-gradient\((.*)\)$/i;
+const STOP_POSITION = /\s+-?\d+(?:\.\d+)?%(\s+-?\d+(?:\.\d+)?%)?$/;
+const SHADOW_LAYER = /^(-?[\d.]+px|0)\s+(-?[\d.]+px|0)\s+(-?[\d.]+px|0)\s+(-?[\d.]+px|0)\s+(.+)$/;
+/** Split on top-level commas (never inside parentheses). */
+function splitTopLevel(value, separator = ',') {
+    const out = [];
+    let depth = 0;
+    let current = '';
+    for (const ch of String(value ?? '')) {
+        if (ch === '(')
+            depth++;
+        if (ch === ')')
+            depth--;
+        if (ch === separator && depth === 0) {
+            out.push(current.trim());
+            current = '';
+            continue;
+        }
+        current += ch;
+    }
+    if (current.trim())
+        out.push(current.trim());
+    return out;
+}
+/** `top` composited over an opaque `under`. */
+function compositeOver(top, under) {
+    const a = top.a;
+    return { r: top.r * a + under.r * (1 - a), g: top.g * a + under.g * (1 - a), b: top.b * a + under.b * (1 - a), a: 1 };
+}
+/** The 8-bit colour a screen shows — contrast is judged on WHAT SHIPS, as the derivation's grounds are. */
+const quantizeRgb = (c) => parseHexColor(toHexColor(c));
+/** One CSS colour → RGBA, or null when it is not a colour this evaluator reads. `ink` = currentColor. */
+function parseCssColour(value, ink) {
+    const v = String(value ?? '').trim();
+    const low = v.toLowerCase();
+    if (low in NAMED)
+        return NAMED[low];
+    if (CURRENT_COLOR.has(low))
+        return ink ?? null;
+    const hex = parseHexColor(v);
+    if (hex)
+        return { ...hex, a: 1 };
+    const rgb = RGB_FN.exec(v);
+    if (rgb) {
+        const p = rgb[1].split(/[\s,/]+/).filter(Boolean).map(Number);
+        return { r: p[0] / 255, g: p[1] / 255, b: p[2] / 255, a: p[3] ?? 1 };
+    }
+    const mix = COLOR_MIX.exec(v);
+    if (mix)
+        return mixColours(splitTopLevel(mix[1]), ink);
+    return null;
+}
+function mixColours(parts, ink) {
+    const stop = (s) => {
+        const m = MIX_STOP.exec(s.trim());
+        return { c: parseCssColour(m[1], ink), p: m[2] !== undefined ? Number(m[2]) / 100 : null };
+    };
+    const [x, y] = parts.map(stop);
+    if (!x?.c || !y?.c)
+        return null;
+    const px = x.p ?? (y.p !== null ? 1 - y.p : 0.5);
+    const py = y.p ?? 1 - px;
+    const a = x.c.a * px + y.c.a * py;
+    if (a <= 0)
+        return TRANSPARENT;
+    const channel = (k) => (x.c[k] * x.c.a * px + y.c[k] * y.c.a * py) / a;
+    return { r: channel('r'), g: channel('g'), b: channel('b'), a };
+}
+/**
+ * A paint → every colour a reader can meet ON it: a plain colour is one; a gradient layer list is each
+ * stop over the final plain layer, and that layer itself. The worst case is the one a check reads.
+ */
+function paintColours(value, ink) {
+    const layers = splitTopLevel(String(value ?? ''));
+    if (!layers.length)
+        return [];
+    const last = parseCssColour(layers[layers.length - 1], ink);
+    if (layers.length === 1)
+        return last ? [last] : [];
+    if (!last)
+        return [];
+    const ground = { ...last, a: 1 };
+    const out = [ground];
+    for (const layer of layers.slice(0, -1)) {
+        const g = GRADIENT.exec(layer);
+        if (!g)
+            continue;
+        for (const part of splitTopLevel(g[1])) {
+            const colour = parseCssColour(part.replace(STOP_POSITION, ''), ink);
+            if (colour)
+                out.push(compositeOver(colour, ground));
+        }
+    }
+    return out;
+}
+/** The outermost ring of a box-shadow list (`0 0 0 4px <colour>`) — a focus indicator's colour. */
+function ringColour(shadow, ink) {
+    const layers = splitTopLevel(String(shadow ?? ''))
+        .map(l => SHADOW_LAYER.exec(l.trim()))
+        .filter((m) => !!m)
+        .map(m => ({ spread: parseFloat(m[4]) || 0, colour: m[5] }));
+    if (!layers.length)
+        return null;
+    const outer = layers.reduce((a, b) => (b.spread >= a.spread ? b : a));
+    return parseCssColour(outer.colour, ink);
+}
+
+/**
+ * The whole colour system follows the brand (design-system DS9 — Doron, 2026-10-19: "I would imagine
+ * that once I change the colour of the brand, the whole colour system changes, but it doesn't").
+ *
+ * One brand colour in → every colour token of the look out, light and dark:
+ * - **Background tint** (`DesignChoices.tint`): Neutral is the look's own palette, untouched; Subtle and
+ *   Rich give every neutral role the flavor lists the BRAND's hue — the role keeps its own OKLab
+ *   lightness (so the look's light/dark structure and contrast survive) at the level's chroma (or its
+ *   own, when the flavor coloured it more), scaled by how chromatic the brand is: a grey brand tints
+ *   nothing. Material 3's neutral tonal palettes and Radix's tinted greys, as one table in the contract.
+ *   A pure-white page is capped just under white (the level's `groundMaxL`) so it can carry the tint; the flavor's paints rotate
+ *   with the brand (Glass's mesh); Midnight's glow already reads the accent.
+ * - **Accents**: the flavor's own quartet at its own seed, else derived from the brand ramp — and
+ *   `accent-text` is the first step that reads on EVERY ground (bg, surface, surface-2, the page's paint).
+ * - **Held pairs**: every text and line role is pushed until it clears its pair again on its grounds.
+ *   A no-op for the hand-tuned palette at its own seed — the generator's gate proves it.
+ *
+ * Port of iox-ai-guidance `design-system/colour.mjs` `flavorColours`; held equal to it by
+ * `flavor-fixtures.v1.json` (brand-neutrals.spec.ts). Change the maths THERE first.
+ */
+/** A seed below this OKLCH chroma tints at a proportionally lower strength. */
+const TINT_FULL_CHROMA = 0.08;
+/** A neutral at least this chromatic was coloured on purpose: it keeps its hue offset from the flavor's seed. */
+const TINT_OWN_HUE_CHROMA = 0.01;
+/** A brand below this chroma has no reliable hue: paints and coloured neutrals are not turned toward it. */
+const TINT_TURN_CHROMA = 0.02;
+/** WCAG 1.4.11 — non-text contrast: UI boundaries, glyphs, focus indicators. */
+const WCAG_AA_UI = 3;
+const PAGE = 'page';
+const GROUND_ROLES = new Set(['bg']);
+const TEXT_GROUNDS = ['bg', 'surface', 'surface-2', PAGE];
+const INVERSE_GROUNDS = ['inverse-bg', 'inverse-surface'];
+const MODES$1 = ['light', 'dark'];
+/** The roles a derivation holds to their pair, on the grounds named (`page` = the page paint's colours). */
+const HELD_CONTRAST = [
+    ['text', TEXT_GROUNDS, WCAG_AA_TEXT],
+    ['text-muted', TEXT_GROUNDS, WCAG_AA_TEXT],
+    ['line-strong', TEXT_GROUNDS, WCAG_AA_UI],
+    ['danger', TEXT_GROUNDS, WCAG_AA_TEXT],
+    ['success', TEXT_GROUNDS, WCAG_AA_TEXT],
+    ['inverse-text', INVERSE_GROUNDS, WCAG_AA_TEXT],
+    ['inverse-muted', INVERSE_GROUNDS, WCAG_AA_TEXT],
+];
+const TINT_LEVELS = SPEC_AXES.tints;
+const upper = (hex) => hex.toUpperCase();
+const passesAll = (fg, bgs, min) => bgs.every(bg => wcagContrastRatio(fg, bg) >= min);
+/** The lightest/darkest version of `fg` (its own hue and chroma) that clears `min` on every ground. */
+function ensureContrast(fg, bgs, min) {
+    if (!parseHexColor(fg) || bgs.some(b => !parseHexColor(b)) || passesAll(fg, bgs, min))
+        return fg;
+    const lab = rgbToOklab(parseHexColor(fg));
+    const meanBgL = bgs.reduce((sum, b) => sum + rgbToOklab(parseHexColor(b)).L, 0) / bgs.length;
+    const darker = lab.L <= meanBgL;
+    const chroma = Math.hypot(lab.a, lab.b);
+    const ua = chroma > 1e-6 ? lab.a : 0;
+    const ub = chroma > 1e-6 ? lab.b : 1e-6;
+    let lo = darker ? 0 : lab.L;
+    let hi = darker ? lab.L : 1;
+    let best = darker ? '#000000' : '#ffffff';
+    for (let i = 0; i < 30; i++) {
+        const mid = (lo + hi) / 2;
+        const candidate = toHexColor(atLightness(mid, ua, ub, chroma));
+        if (passesAll(candidate, bgs, min)) {
+            best = candidate;
+            if (darker)
+                lo = mid;
+            else
+                hi = mid;
+        }
+        else if (darker)
+            hi = mid;
+        else
+            lo = mid;
+    }
+    return best;
+}
+const RGBA = /^rgba\(\s*(\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\s*\)$/i;
+const ALPHA_STEP = 0.01;
+/** A translucent `fg` (rgba) made just opaque enough to clear `min` on every ground, in 0.01 steps. */
+function ensureAlpha(fg, bgs, min) {
+    const m = RGBA.exec(String(fg ?? '').trim());
+    if (!m)
+        return fg;
+    const [r, g, b] = [m[1], m[2], m[3]].map(Number);
+    const passes = (a) => bgs.every(bg => {
+        const ground = parseHexColor(bg);
+        return wcagContrastRatio(quantizeRgb(compositeOver({ r: r / 255, g: g / 255, b: b / 255, a }, ground)), ground) >= min;
+    });
+    let alpha = Number(m[4]);
+    if (passes(alpha))
+        return fg;
+    while (alpha < 1 && !passes(alpha))
+        alpha = Math.min(1, Math.round((alpha + ALPHA_STEP) * 100) / 100);
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+/** The colour at (L, hue angle) with the most chroma ≤ `chroma` that fits sRGB (a tint never overshoots its
+ *  level, and a stronger level never lands under a weaker one — `atLightness`'s ×0.82 steps can). */
+function atLightnessMaxChroma(L, hue, chroma) {
+    const ua = Math.cos(hue);
+    const ub = Math.sin(hue);
+    const at = (c) => oklabToRgb({ L, a: ua * c, b: ub * c });
+    if (inSrgbGamut(at(chroma)))
+        return at(chroma);
+    let lo = 0;
+    let hi = chroma;
+    for (let i = 0; i < 24; i++) {
+        const mid = (lo + hi) / 2;
+        if (inSrgbGamut(at(mid)))
+            lo = mid;
+        else
+            hi = mid;
+    }
+    return at(lo);
+}
+/** The seed's OKLab hue angle and chroma — a grey seed keeps a stable (arbitrary) axis. */
+function seedHue(seed) {
+    const lab = rgbToOklab(parseHexColor(seed));
+    const chroma = Math.hypot(lab.a, lab.b);
+    const ua = chroma > 1e-6 ? lab.a : 0.0;
+    const ub = chroma > 1e-6 ? lab.b : 1e-6;
+    return { hue: Math.atan2(ub, ua), chroma };
+}
+const HEX_IN = /#[0-9a-f]{6}\b/gi;
+/** Every hex colour inside a paint (a gradient's stops) turned by `angle` radians of OKLab hue. */
+function rotatePaint(paint, angle, chromaScale) {
+    return String(paint).replace(HEX_IN, hex => {
+        const lab = rgbToOklab(parseHexColor(hex));
+        const a = lab.a * Math.cos(angle) - lab.b * Math.sin(angle);
+        const b = lab.a * Math.sin(angle) + lab.b * Math.cos(angle);
+        return upper(toHexColor(atLightness(lab.L, a, b, Math.hypot(a, b) * chromaScale)));
+    });
+}
+/** The opaque colours a palette's named grounds show; `page` = every colour of the page's own paint. */
+function groundsOf(p, names) {
+    const out = [];
+    for (const name of names) {
+        if (name === PAGE) {
+            const resolved = resolveTokenValues(Object.entries(p).map(([n, value]) => ({ name: n, value })))['page-bg'];
+            for (const c of paintColours(resolved))
+                if (c.a >= 1)
+                    out.push(toHexColor(c));
+        }
+        else if (parseHexColor(p[name]))
+            out.push(p[name]);
+    }
+    return [...new Set(out.map(upper))];
+}
+function holdContrast(p) {
+    for (const [fg, names, min] of HELD_CONTRAST) {
+        if (parseHexColor(p[fg]))
+            p[fg] = upper(ensureContrast(p[fg], groundsOf(p, names), min));
+        else if (RGBA.test(String(p[fg] ?? '').trim()))
+            p[fg] = ensureAlpha(p[fg], groundsOf(p, names), min);
+    }
+}
+function tintPalette(p, flavor, level, seed) {
+    const { hue: brandHue, chroma } = seedHue(seed);
+    const strength = Math.min(1, chroma / TINT_FULL_CHROMA);
+    const turn = chroma >= TINT_TURN_CHROMA ? brandHue - seedHue(flavor.seed).hue : 0;
+    for (const role of flavor.tint.roles) {
+        const rgb = parseHexColor(p[role]);
+        if (!rgb)
+            continue;
+        const lab = rgbToOklab(rgb);
+        const L = GROUND_ROLES.has(role) ? Math.min(lab.L, level.groundMaxL ?? 1) : lab.L;
+        const own = Math.hypot(lab.a, lab.b);
+        const hue = own >= TINT_OWN_HUE_CHROMA ? Math.atan2(lab.b, lab.a) + turn : brandHue;
+        const c = Math.max(own * (level.ownScale ?? 1), (level.chroma?.[role] ?? 0) * flavor.tint.scale) * strength;
+        p[role] = upper(toHexColor(atLightnessMaxChroma(L, hue, c)));
+    }
+    for (const name of flavor.tint.paints ?? [])
+        p[name] = rotatePaint(p[name], turn, level.paintChroma ?? 1);
+}
+/**
+ * The colour tokens of a flavor for a brand `seed` and a background `tint`, light and dark.
+ * Neutral at the flavor's own seed returns its palette exactly.
+ */
+function flavorColours(flavor, choices) {
+    const seed = choices.seed || flavor.seed;
+    const level = TINT_LEVELS[choices.tint ?? PRE_TINT_DEFAULT];
+    const palette = {
+        light: { ...flavor.palette.light },
+        dark: { ...flavor.palette.light, ...flavor.palette.dark },
+    };
+    if (level?.chroma)
+        for (const mode of MODES$1)
+            tintPalette(palette[mode], flavor, level, seed);
+    if (seed.toLowerCase() !== flavor.seed.toLowerCase()) {
+        // Twice: the page paint may read the accent (Midnight's glow), so its grounds are known only once
+        // the fill is — and the fill never depends on the grounds.
+        for (let pass = 0; pass < 2; pass++) {
+            const derived = deriveAccentTokens(seed, {
+                bg: groundsOf(palette.light, TEXT_GROUNDS), bgDark: groundsOf(palette.dark, TEXT_GROUNDS),
+                inverseBg: groundsOf(palette.light, INVERSE_GROUNDS), inverseBgDark: groundsOf(palette.dark, INVERSE_GROUNDS),
+            });
+            for (const t of derived) {
+                palette.light[t.name] = upper(t.value);
+                if (t.values?.dark)
+                    palette.dark[t.name] = upper(t.values.dark);
+            }
+        }
+    }
+    for (const mode of MODES$1) {
+        const p = palette[mode];
+        p['accent-text'] = upper(ensureContrast(p['accent-text'], groundsOf(p, TEXT_GROUNDS), WCAG_AA_TEXT));
+        p['inverse-accent'] = upper(ensureContrast(p['inverse-accent'], groundsOf(p, INVERSE_GROUNDS), WCAG_AA_TEXT));
+        holdContrast(p);
+    }
+    const out = {};
+    for (const name of Object.keys(flavor.palette.light))
+        out[name] = [palette.light[name], palette.dark[name]];
+    return out;
+}
+/** The grounds the PRE-DS9 accent derivation read: `bg` alone (light/dark), `inverse-bg` alone. */
+function preTintAccentGrounds(palette) {
+    const dark = { ...palette.light, ...palette.dark };
+    return { bg: palette.light['bg'] ?? '', bgDark: dark['bg'], inverseBg: palette.light['inverse-bg'], inverseBgDark: dark['inverse-bg'] };
+}
+
+const FORM_PARTS = SPEC_CONTRAST_AUDIT.formParts;
+const INK_SCOPES = SPEC_INK_SCOPES;
+const SCHEME_IDS = Object.keys(SPEC_SCHEMES);
+const CONTAINER_GROUPS = new Set(['Layout', 'Overlays']);
+const NOT_CONTENT = new Set(['rule', 'media']);
+const SECTION_STYLE = 'section';
+const ICON_STYLE = 'icon';
+const BUTTON_GROUP = 'Buttons';
+const GLYPH_GROUP = 'Media';
+const FORMS_GROUP = 'Forms';
+const DEFAULT_SCHEME = 'default';
+const SECTION = 'section';
+const FIELD = 'field';
+const WHITE = { r: 1, g: 1, b: 1, a: 1 };
+const SINGLE_REF = /^var\(--iox-([\w-]+)\)$/;
+const TOKEN_REF = /var\(\s*--iox-([\w-]+)\s*(?:,([^()]*))?\)/g;
+/** A style value with its var() references resolved against `values` (already-resolved tokens). */
+function resolveIn(values, v) {
+    const single = SINGLE_REF.exec(String(v ?? '').trim());
+    if (single)
+        return values[single[1]] ?? v;
+    return String(v ?? '').replace(TOKEN_REF, (ref, name, fallback) => values[name] ?? (fallback !== undefined ? fallback.trim() : ref));
+}
+const overAll = (tops, unders) => unders.flatMap(u => tops.map(t => compositeOver(t, u)));
+const opaque = (paints) => paints.some(c => c.a > 0);
+const ownStyle = (e) => (e.base ?? {});
+function inkScoped(values, styleId) {
+    const scope = INK_SCOPES.find(s => s.styles.includes(styleId));
+    return scope ? { ...values, ...scope.set } : values;
+}
+/** Every pair a reader meets, for one set of token rows in one mode. */
+function auditDesignContrast(rows, mode) {
+    const findings = [];
+    const styles = ELEMENT_STYLES;
+    const byId = new Map(styles.map(e => [e.id, e]));
+    const containers = [
+        null,
+        ...styles.filter(e => CONTAINER_GROUPS.has(e.group) && ownStyle(e)['backgroundColor'] && e.id !== SECTION_STYLE),
+    ];
+    const content = styles.filter(e => !CONTAINER_GROUPS.has(e.group) && (ownStyle(e)['color'] || ownStyle(e)['backgroundColor'])
+        && e.group !== FORMS_GROUP && !NOT_CONTENT.has(e.id));
+    const notices = styles.filter(e => e.group === FORMS_GROUP && ownStyle(e)['color']);
+    const section = ownStyle(byId.get(SECTION_STYLE));
+    const iconColour = ownStyle(byId.get(ICON_STYLE))['color'];
+    for (const schemeId of SCHEME_IDS) {
+        const values = resolveSchemeTokenValues(rows, mode, schemeId);
+        const pageInk = parseCssColour(values['text']);
+        const page = paintColours(values['page-bg'], pageInk);
+        const sectionPaint = paintColours(values['section-bg'], pageInk);
+        const ground = opaque(sectionPaint)
+            ? sectionPaint.map(c => (c.a < 1 ? compositeOver(c, page[0] ?? WHITE) : c))
+            : page;
+        const sectionInk = parseCssColour(resolveIn(values, section['color']), pageInk);
+        for (const box of containers) {
+            const boxStyle = box ? ownStyle(box) : null;
+            const bgs = boxStyle ? overAll(paintColours(resolveIn(values, boxStyle['backgroundColor']), sectionInk), ground) : ground;
+            const boxInk = boxStyle?.['color'] && boxStyle['color'] !== 'inherit'
+                ? parseCssColour(resolveIn(values, boxStyle['color']), sectionInk) : sectionInk;
+            const where = { scheme: schemeId, container: box?.id ?? SECTION };
+            const record = (element, part, fg, bg, ratio, min) => findings.push({ ...where, element, part, fg, bg, ratio: Math.round(ratio * 100) / 100, min, pass: ratio >= min - 1e-9 });
+            const check = (element, part, fg, under, min) => {
+                if (!fg)
+                    return;
+                for (const g of under) {
+                    const bg = quantizeRgb(g);
+                    const f = quantizeRgb(fg.a < 1 ? compositeOver(fg, bg) : fg);
+                    record(element, part, toHexColor(f), toHexColor(bg), wcagContrastRatio(f, bg), min);
+                }
+            };
+            check(box?.id ?? SECTION, 'text', boxInk, bgs, WCAG_AA_TEXT);
+            for (const e of content) {
+                const states = [['base', ownStyle(e)], ...(e.hover ? [['hover', { ...ownStyle(e), ...e.hover }]] : [])];
+                const glyph = e.group === GLYPH_GROUP;
+                for (const [state, s] of states) {
+                    const fill = s['backgroundColor'] ? paintColours(resolveIn(values, s['backgroundColor']), boxInk) : [];
+                    const under = fill.length && opaque(fill) ? overAll(fill, bgs) : bgs;
+                    const ink = s['color'] ? parseCssColour(resolveIn(values, s['color']), boxInk) : boxInk;
+                    check(e.id, state === 'base' ? (glyph ? 'glyph' : 'text') : `${state} text`, ink, under, glyph ? WCAG_AA_UI : WCAG_AA_TEXT);
+                    if (state === 'base' && e.group === BUTTON_GROUP) {
+                        check(e.id, 'icon', parseCssColour(resolveIn(inkScoped(values, e.id), iconColour), ink), under, WCAG_AA_UI);
+                        const focus = e.focus?.['boxShadow'];
+                        if (focus)
+                            check(e.id, 'focus ring', ringColour(resolveIn(values, focus), ink), bgs, WCAG_AA_UI);
+                    }
+                }
+            }
+            for (const part of FORM_PARTS) {
+                const fieldBg = paintColours(resolveIn(values, part.on ?? 'transparent'), boxInk);
+                const under = part.on && opaque(fieldBg) ? overAll(fieldBg, bgs) : bgs;
+                if (part.any) {
+                    for (const g of under) {
+                        const bg = quantizeRgb(g);
+                        const ratio = Math.max(...part.fg.map(fg => {
+                            const c = parseCssColour(resolveIn(values, fg), boxInk);
+                            return c ? wcagContrastRatio(quantizeRgb(c.a < 1 ? compositeOver(c, bg) : c), bg) : 1;
+                        }));
+                        record(FIELD, part.part, '', toHexColor(bg), ratio, part.min);
+                    }
+                    continue;
+                }
+                const paint = parseCssColour(resolveIn(values, part.fg), boxInk);
+                check(FIELD, part.part, paint, under, part.min);
+                if (part.thumb && paint) {
+                    check(FIELD, `${part.part} thumb`, parseCssColour(resolveIn(values, part.thumb), boxInk), bgs.map(b => compositeOver(paint, b)), part.min);
+                }
+            }
+            if (box === null && schemeId === DEFAULT_SCHEME) {
+                for (const n of notices) {
+                    const fill = paintColours(resolveIn(values, ownStyle(n)['backgroundColor']), boxInk);
+                    check(n.id, 'text', parseCssColour(resolveIn(values, ownStyle(n)['color']), boxInk), overAll(fill, bgs), WCAG_AA_TEXT);
+                }
+            }
+        }
+    }
+    return findings;
+}
+/** The pairs the Design ▸ Colour tab lists for the CURRENT brand (Board 6 + DS9): what a filled button
+ *  shows, and the link on every section scheme — each the worst case on the section itself. */
+var ColourCheckId;
+(function (ColourCheckId) {
+    ColourCheckId["ButtonLabel"] = "button-label";
+    ColourCheckId["ButtonIcon"] = "button-icon";
+    ColourCheckId["Link"] = "link";
+})(ColourCheckId || (ColourCheckId = {}));
+const COLOUR_TAB_CHECKS = [
+    { id: ColourCheckId.ButtonLabel, element: 'button-primary', part: 'text', schemes: [DEFAULT_SCHEME] },
+    { id: ColourCheckId.ButtonIcon, element: 'button-primary', part: 'icon', schemes: [DEFAULT_SCHEME] },
+    { id: ColourCheckId.Link, element: 'link', part: 'text', schemes: SCHEME_IDS },
+];
+/** The Colour tab's brand rows, from one audit of the rows the canvas wears. */
+function colourTabChecks(rows, mode) {
+    const findings = auditDesignContrast(rows, mode).filter(f => f.container === SECTION);
+    const out = [];
+    for (const check of COLOUR_TAB_CHECKS) {
+        for (const scheme of check.schemes) {
+            const hits = findings.filter(f => f.scheme === scheme && f.element === check.element && f.part === check.part);
+            if (!hits.length)
+                continue;
+            const worst = hits.reduce((a, b) => (b.ratio < a.ratio ? b : a));
+            out.push({ id: check.id, scheme, fg: worst.fg, bg: worst.bg, ratio: worst.ratio, min: worst.min, passes: worst.pass });
+        }
+    }
+    return out;
+}
+
 /**
  * Fonts (design-system plan §5b, D7): ONE Google catalog for both renderers, and ONE face builder
  * for the families a studio uploads.
@@ -11162,7 +12543,8 @@ function missingFontRoles(tokens, uploaded) {
  *
  * Layering, each step over the last (the boards' `tokenMap`, with the product's colour math):
  *   pack tokens → chosen font pair → shape · density · motion axes → pill-button rule →
- *   the author's own font roles → a seed ≠ the pack's own re-derives the accent quartet.
+ *   the author's own font roles → every COLOUR token from the brand seed and the background tint
+ *   (`flavorColours`, DS9: tinted neutrals, the accent quartet, the held contrast pairs).
  *
  * `mode` does not change rows — every row keeps its light value and its dark override; mode is
  * how the stylesheet is compiled.
@@ -11231,13 +12613,43 @@ function buildFlavorTokens(pack, choices) {
         if (typeof family === 'string' && family.trim() !== '')
             set(role, userFontStack(family, byName.get(role)?.value), USER_TOKEN_SOURCE);
     }
+    setColours(byName, flavorColours(pack, { seed: choices.seed, tint: choices.tint ?? pack.defaults.tint }));
+    return rows;
+}
+/** Colour rows take their light value and the dark one only where it differs (the contract's own rule). */
+function setColours(byName, colours) {
+    for (const [name, [light, dark]] of Object.entries(colours)) {
+        const row = byName.get(name);
+        if (!row)
+            continue;
+        row.value = light;
+        if (dark !== undefined && dark !== light)
+            row.values = { dark };
+        else
+            delete row.values;
+    }
+}
+/**
+ * What the contract wrote for `choices` BEFORE DS9 — the baseline a studio that applied its look before
+ * the tint existed is judged against (`designBaseline`, `designTokenRepairs`): the look's own palette, the
+ * rows DS9 changed at their old values (`pack.legacy`), and a seed ≠ the pack's own re-deriving the accent
+ * set against `bg` alone, as `deriveAccentTokens` was called then. No held pairs, no tint.
+ */
+function legacyFlavorTokens(pack, choices) {
+    const rows = buildFlavorTokens(pack, { ...choices, seed: pack.seed, tint: 'neutral' });
+    const byName = new Map(rows.map(r => [r.name, r]));
+    for (const [name, old] of Object.entries(pack.legacy ?? {})) {
+        const row = byName.get(name);
+        if (!row)
+            continue;
+        row.value = old.value;
+        if (old.dark !== undefined)
+            row.values = { dark: old.dark };
+        else
+            delete row.values;
+    }
     if (choices.seed && choices.seed.toLowerCase() !== pack.seed.toLowerCase()) {
-        const bg = byName.get('bg');
-        const inverseBg = byName.get('inverse-bg');
-        for (const accent of deriveAccentTokens(choices.seed, {
-            bg: bg?.value ?? '', bgDark: bg?.values?.dark,
-            inverseBg: inverseBg?.value, inverseBgDark: inverseBg?.values?.dark,
-        })) {
+        for (const accent of deriveAccentTokens(choices.seed, preTintAccentGrounds(pack.palette))) {
             const row = byName.get(accent.name);
             if (!row)
                 continue;
@@ -11475,6 +12887,7 @@ var DesignConfigKey;
     DesignConfigKey["Motion"] = "motion";
     DesignConfigKey["PillButtons"] = "pillButtons";
     DesignConfigKey["Mode"] = "mode";
+    DesignConfigKey["Tint"] = "tint";
     DesignConfigKey["Fonts"] = "fonts";
     DesignConfigKey["Revert"] = "revert";
 })(DesignConfigKey || (DesignConfigKey = {}));
@@ -11551,6 +12964,7 @@ function resolveDesignChoices(partial) {
         motion: keyOf(SPEC_AXES.motions, asString(partial?.motion)) ?? pack.defaults.motion,
         pillButtons: asBoolean(partial?.pillButtons) ?? pack.defaults.pillButtons,
         mode: (MODES.includes(asString(partial?.mode) ?? '') ? asString(partial?.mode) : pack.defaults.mode),
+        tint: keyOf(SPEC_AXES.tints, asString(partial?.tint)) ?? pack.defaults.tint,
         ...(fonts ? { fonts } : {}),
     };
 }
@@ -11569,9 +12983,14 @@ function choicesForPack(flavorId, applied) {
         return resolveDesignChoices(applied);
     return resolveDesignChoices({ flavorId: pack.id, fonts: applied?.fonts });
 }
-/** A stored `settings.design` config → the resolved design. No row (or no config) → Crisp's defaults. */
+/**
+ * A stored `settings.design` config → the resolved design. No row (or no config) → Crisp's defaults. A
+ * row stored before DS9 has no `tint`: it was applied with the look's own palette, so it reads `neutral`
+ * (never the pack's new default — the studio's rows hold the palette, and nothing may repaint them unasked).
+ */
 function readDesignConfig(config, hasRow = !!config) {
     const map = configMap(config);
+    const storedTint = asString(map.get(DesignConfigKey.Tint)) ?? (hasRow ? PRE_TINT_DEFAULT : null);
     const storedFlavorId = asString(map.get(DesignConfigKey.FlavorId));
     const storedSeed = asString(map.get(DesignConfigKey.BrandSeed));
     const choices = resolveDesignChoices({
@@ -11583,6 +13002,7 @@ function readDesignConfig(config, hasRow = !!config) {
         motion: map.get(DesignConfigKey.Motion),
         pillButtons: asBoolean(map.get(DesignConfigKey.PillButtons)) ?? undefined,
         mode: map.get(DesignConfigKey.Mode),
+        tint: (storedTint ?? undefined),
         fonts: map.get(DesignConfigKey.Fonts),
     });
     return {
@@ -11611,6 +13031,7 @@ function designConfigEntries(choices, flavorVersion, revert) {
         { key: DesignConfigKey.Motion, value: c.motion },
         { key: DesignConfigKey.PillButtons, value: String(c.pillButtons) },
         { key: DesignConfigKey.Mode, value: c.mode },
+        { key: DesignConfigKey.Tint, value: c.tint },
         ...(c.fonts ? [{ key: DesignConfigKey.Fonts, value: JSON.stringify(c.fonts) }] : []),
         ...(revert ? [{ key: DesignConfigKey.Revert, value: JSON.stringify(revert) }] : []),
     ];
@@ -11621,7 +13042,7 @@ function sameDesignChoices(a, b) {
     const y = resolveDesignChoices(b);
     return x.flavorId === y.flavorId && x.seed.toLowerCase() === y.seed.toLowerCase() && x.pairId === y.pairId
         && x.shape === y.shape && x.density === y.density && x.motion === y.motion
-        && x.pillButtons === y.pillButtons && x.mode === y.mode
+        && x.pillButtons === y.pillButtons && x.mode === y.mode && x.tint === y.tint
         && JSON.stringify(x.fonts ?? {}) === JSON.stringify(y.fonts ?? {});
 }
 
@@ -11639,6 +13060,12 @@ function designTokenRows(choices) {
     const pack = flavorPackById(choices.flavorId);
     return pack ? buildFlavorTokens(pack, { ...choices, flavorId: pack.id }) : [];
 }
+/** What a design wrote BEFORE DS9 (the look's own palette, the rows DS9 changed at their old values, the
+ *  accent derived against `bg` alone) — empty for an unknown pack. */
+function legacyDesignTokenRows(choices) {
+    const pack = flavorPackById(choices.flavorId);
+    return pack ? legacyFlavorTokens(pack, { ...choices, flavorId: pack.id }) : [];
+}
 /** What the F1/F2 Swiss seeding wrote: the four Swiss rows + the brand set derived from its seed. */
 function swissExpectations(seed) {
     const rows = SWISS_FLAVOR.tokens.map(t => ({ name: t.name, value: t.value, values: t.values }));
@@ -11650,17 +13077,20 @@ function swissExpectations(seed) {
     }
     return expectations(rows);
 }
-/** What a v2 pack writes at its OWN defaults, by pack id — computed once per id per caller. */
+/** What a v2 pack writes at its OWN defaults, by pack id — today and before DS9 (a studio seeded then holds
+ *  the old defaults) — computed once per id per caller. */
 function packDefaultsLookup() {
     const cache = new Map();
     return packId => {
         if (!cache.has(packId)) {
             const pack = isRetiredFlavorId(packId) ? undefined : flavorPackById(packId);
-            cache.set(packId, pack && pack.id === packId ? expectations(designTokenRows(packDesignChoices(pack.id))) : undefined);
+            const choices = pack && pack.id === packId ? packDesignChoices(pack.id) : null;
+            cache.set(packId, choices ? [expectations(designTokenRows(choices)), expectations(legacyDesignTokenRows(choices))] : []);
         }
         return cache.get(packId);
     };
 }
+const present = (list) => list.filter((e) => !!e);
 /**
  * What the PREVIOUS design wrote, as a baseline keyed by the row's own stamp: a row Swiss stamped is
  * judged against what Swiss wrote, every other row against `buildFlavorTokens` of the stored choices
@@ -11676,15 +13106,17 @@ function packDefaultsLookup() {
  */
 function designBaseline(previous) {
     const retired = isRetiredFlavorId(previous.storedFlavorId);
-    const current = expectations(designTokenRows(retired ? packDesignChoices(previous.choices.flavorId) : previous.choices));
+    const wrote = retired ? packDesignChoices(previous.choices.flavorId) : previous.choices;
+    const current = expectations(designTokenRows(wrote));
+    const beforeTint = expectations(legacyDesignTokenRows(wrote));
     const swiss = swissExpectations(retired ? previous.storedSeed : null);
     const packDefaults = packDefaultsLookup();
     return (row) => {
         const stampedBy = SEED_STAMP.exec(row.source ?? '')?.[1];
         if (stampedBy === SWISS_FLAVOR.id)
             return swiss.get(row.name);
-        const ownDefault = stampedBy ? packDefaults(stampedBy)?.get(row.name) : undefined;
-        return [current.get(row.name), ownDefault].filter((e) => !!e);
+        const ownDefaults = stampedBy ? packDefaults(stampedBy).map(m => m.get(row.name)) : [];
+        return present([current.get(row.name), beforeTint.get(row.name), ...ownDefaults]);
     };
 }
 /**
@@ -11719,15 +13151,18 @@ function missingDesignRows(existing, choices) {
 /**
  * The builder-load REPAIR (DS4.1): rows the design writes that are the machine's and nobody touched,
  * yet hold something other than the design's value, are rewritten — so an org heals on its next load
- * with no author action. Two shapes:
+ * with no author action. Three shapes:
  * - stamped by the current pack, light value exactly the pack's, dark half not: iox-cms dropped
  *   `values.dark` on every write from F0 to DS4 (`values` was an implicit relation), and a revert could
  *   leave the previous apply's dark behind;
  * - stamped by a v2 pack and still holding what THAT pack writes at its own defaults (its dark half
  *   possibly lost the same way) while the stored design says otherwise: an apply that judged the row
  *   edited (before 5.24.0, a lost dark half did) left it on the default — the six brand rows of a studio
- *   whose brand colour never reached its accent.
- * No author edit produces either shape — the Tokens panel edited the light value only, and since DS8 an
+ *   whose brand colour never reached its accent;
+ * - stamped by the current pack and still holding what the design wrote BEFORE DS9
+ *   (`legacyDesignTokenRows`): the contrast fixes — a 3:1 `line-strong`, a 3:1 focus ring, an
+ *   `accent-text` that reads on every ground — reach a studio that applied its look before them.
+ * No author edit produces any of these shapes — the Tokens panel edited the light value only, and since DS8 an
  * edit makes the row `source: user`, which this never touches.
  */
 function designTokenRepairs(existing, choices) {
@@ -11736,6 +13171,7 @@ function designTokenRepairs(existing, choices) {
         return [];
     const stamp = flavorSourceStamp(pack.id);
     const desired = new Map(designTokenRows(choices).map(r => [r.name, r]));
+    const beforeTint = expectations(legacyDesignTokenRows(choices));
     const packDefaults = packDefaultsLookup();
     const out = [];
     for (const row of existing ?? []) {
@@ -11746,8 +13182,11 @@ function designTokenRepairs(existing, choices) {
             continue;
         const stampedBy = SEED_STAMP.exec(row.source ?? '')?.[1];
         const darkOnly = row.source === stamp && row.value === want.value;
-        const ownDefault = stampedBy ? packDefaults(stampedBy)?.get(row.name) : undefined;
-        if (!darkOnly && !(ownDefault && untouchedSeedRow(row, [ownDefault])))
+        const machineWrote = present([
+            ...(stampedBy ? packDefaults(stampedBy).map(m => m.get(row.name)) : []),
+            ...(stampedBy === pack.id ? [beforeTint.get(row.name)] : []),
+        ]);
+        if (!darkOnly && !untouchedSeedRow(row, machineWrote))
             continue;
         out.push({ id: row._id, data: { value: want.value, values: want.values ?? {}, source: stamp, ...(want.group ? { group: want.group } : {}), ...(want.tier ? { tier: want.tier } : {}) } });
     }
@@ -11837,5 +13276,5 @@ function planFontFamilyRemoval(existing, previous, family) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACCENT_TOKEN_NAMES, AdoptOutcome, AdoptSkipReason, BUTTON_VARIANT_TO_STYLE, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, MAX_FONT_FILE_BYTES, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_LEGACY_ALIASES, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, USER_TOKEN_SOURCE, WCAG_AA_TEXT, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, buildFlavorTokens, buildFontFaceCss, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designBaseline, designConfigEntries, designModeOf, designTokenRepairs, designTokenRows, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, previewElementStyleAdoption, previewFontWeight, readDesignConfig, readOwnedTrait, relativeLuminance, resolveDesignChoices, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, sameDesignChoices, specTokenNames, springToLinear, stackNamesFamily, styleKeyToKebab, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, writeOwnedTrait };
+export { ACCENT_TOKEN_NAMES, AdoptOutcome, AdoptSkipReason, BUTTON_VARIANT_TO_STYLE, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, MAX_FONT_FILE_BYTES, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_TINT_DEFAULT, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, buildFlavorTokens, buildFontFaceCss, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designBaseline, designConfigEntries, designModeOf, designTokenRepairs, designTokenRows, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, resolveDesignChoices, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, sameDesignChoices, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, styleKeyToKebab, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, writeOwnedTrait };
 //# sourceMappingURL=vectoriox-iox-ui-design-core.mjs.map