@vectoriox/iox-ui 5.25.0 → 5.27.0

package/src/design-core/flavor-spec.generated.ts

@@ -1062,7 +1062,52 @@ export 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
+      }
+    }
+  }
 } as const;
 
 export const SPEC_SPRINGS = {
@@ -1137,7 +1182,11 @@ export 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": {
@@ -1145,10 +1194,10 @@ export 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)",
@@ -1157,7 +1206,11 @@ export 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}}"
     }
   }
 } as const;
@@ -1756,7 +1809,7 @@ export 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"
   },
@@ -1776,9 +1829,228 @@ export 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)"
   }
 } as const;
 
+export 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"
+    }
+  }
+] as const;
+
+export 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
+    }
+  ]
+} as const;
+
 export const SPEC_LEGACY_ALIASES = {
   "radius-control": "var(--iox-button-radius)",
   "radius-surface": "var(--iox-card-radius)",
@@ -1804,7 +2076,8 @@ export const SPEC_FLAVOR_PACKS = [
       "density": "regular",
       "motion": "standard",
       "pillButtons": false,
-      "mode": "light"
+      "mode": "light",
+      "tint": "subtle"
     },
     "seed": "#2F5BEA",
     "seeds": [
@@ -1869,14 +2142,97 @@ export 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",
@@ -1905,8 +2261,8 @@ export const SPEC_FLAVOR_PACKS = [
         "tier": "semantic",
         "type": "color",
         "group": "colour",
-        "value": "#F6F7F9",
-        "dark": "#1C1F25"
+        "value": "#F3F7FF",
+        "dark": "#1C1F26"
       },
       {
         "name": "surface-glass",
@@ -1935,7 +2291,7 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "color",
         "group": "colour",
         "value": "#0F1115",
-        "dark": "#F2F3F5"
+        "dark": "#F0F3F9"
       },
       {
         "name": "text-muted",
@@ -1943,14 +2299,14 @@ export 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"
       },
       {
@@ -1958,8 +2314,8 @@ export const SPEC_FLAVOR_PACKS = [
         "tier": "semantic",
         "type": "color",
         "group": "colour",
-        "value": "#C9CED6",
-        "dark": "#3A3F49"
+        "value": "#898F9A",
+        "dark": "#646A74"
       },
       {
         "name": "accent",
@@ -1998,15 +2354,15 @@ export 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"
       },
       {
@@ -2014,7 +2370,7 @@ export const SPEC_FLAVOR_PACKS = [
         "tier": "semantic",
         "type": "color",
         "group": "colour",
-        "value": "#F2F3F5",
+        "value": "#F1F3F7",
         "dark": "#0F1115"
       },
       {
@@ -2022,7 +2378,7 @@ export const SPEC_FLAVOR_PACKS = [
         "tier": "semantic",
         "type": "color",
         "group": "colour",
-        "value": "#A3A9B4",
+        "value": "#A2A9B6",
         "dark": "#5B616E"
       },
       {
@@ -2031,7 +2387,7 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "color",
         "group": "colour",
         "value": "#2A2E36",
-        "dark": "#E6E8EC"
+        "dark": "#E3E8F3"
       },
       {
         "name": "inverse-accent",
@@ -2349,7 +2705,7 @@ export 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",
@@ -3042,7 +3398,8 @@ export const SPEC_FLAVOR_PACKS = [
       "density": "airy",
       "motion": "calm",
       "pillButtons": false,
-      "mode": "light"
+      "mode": "light",
+      "tint": "subtle"
     },
     "seed": "#7A5B36",
     "seeds": [
@@ -3108,13 +3465,96 @@ export 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"
       },
       {
@@ -3136,16 +3576,16 @@ export 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",
@@ -3173,32 +3613,32 @@ export 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",
@@ -3237,40 +3677,40 @@ export 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",
@@ -3586,7 +4026,7 @@ export 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",
@@ -4301,7 +4741,8 @@ export const SPEC_FLAVOR_PACKS = [
       "density": "regular",
       "motion": "standard",
       "pillButtons": false,
-      "mode": "dark"
+      "mode": "dark",
+      "tint": "subtle"
     },
     "seed": "#6E5BFF",
     "seeds": [
@@ -4369,14 +4810,97 @@ export 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",
@@ -4399,15 +4923,15 @@ export 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",
@@ -4436,7 +4960,7 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "color",
         "group": "colour",
         "value": "#0B0B0F",
-        "dark": "#F7F8F8"
+        "dark": "#F7F7FD"
       },
       {
         "name": "text-muted",
@@ -4444,14 +4968,14 @@ export 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)"
       },
       {
@@ -4459,8 +4983,8 @@ export 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",
@@ -4498,15 +5022,15 @@ export 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"
       },
       {
@@ -4514,7 +5038,7 @@ export const SPEC_FLAVOR_PACKS = [
         "tier": "semantic",
         "type": "color",
         "group": "colour",
-        "value": "#F7F8F8",
+        "value": "#F7F7FB",
         "dark": "#0B0B0F"
       },
       {
@@ -4522,7 +5046,7 @@ export const SPEC_FLAVOR_PACKS = [
         "tier": "semantic",
         "type": "color",
         "group": "colour",
-        "value": "#8F949D",
+        "value": "#8D94A1",
         "dark": "#5E6270"
       },
       {
@@ -4531,7 +5055,7 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "color",
         "group": "colour",
         "value": "rgba(255, 255, 255, 0.08)",
-        "dark": "#E4E4EA"
+        "dark": "#E3E4F0"
       },
       {
         "name": "inverse-accent",
@@ -4850,7 +5374,7 @@ export 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",
@@ -5551,7 +6075,8 @@ export const SPEC_FLAVOR_PACKS = [
       "density": "regular",
       "motion": "lively",
       "pillButtons": true,
-      "mode": "light"
+      "mode": "light",
+      "tint": "subtle"
     },
     "seed": "#0A66E8",
     "seeds": [
@@ -5616,14 +6141,108 @@ export 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",
@@ -5646,15 +6265,15 @@ export 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",
@@ -5685,16 +6304,16 @@ export 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",
@@ -5709,8 +6328,8 @@ export 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",
@@ -5741,7 +6360,7 @@ export const SPEC_FLAVOR_PACKS = [
         "tier": "semantic",
         "type": "color",
         "group": "colour",
-        "value": "#0A5BCF",
+        "value": "#0658CC",
         "dark": "#6DADFF"
       },
       {
@@ -5749,15 +6368,15 @@ export 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"
       },
       {
@@ -5765,16 +6384,16 @@ export 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",
@@ -6102,7 +6721,7 @@ export 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",
@@ -6821,7 +7440,8 @@ export const SPEC_FLAVOR_PACKS = [
       "density": "regular",
       "motion": "lively",
       "pillButtons": true,
-      "mode": "light"
+      "mode": "light",
+      "tint": "subtle"
     },
     "seed": "#6750A4",
     "seeds": [
@@ -6886,13 +7506,95 @@ export 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"
       },
       {
@@ -6915,15 +7617,15 @@ export 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",
@@ -6951,7 +7653,7 @@ export const SPEC_FLAVOR_PACKS = [
         "tier": "semantic",
         "type": "color",
         "group": "colour",
-        "value": "#1D1B20",
+        "value": "#1C1B21",
         "dark": "#E6E0E9"
       },
       {
@@ -6959,8 +7661,8 @@ export const SPEC_FLAVOR_PACKS = [
         "tier": "semantic",
         "type": "color",
         "group": "colour",
-        "value": "#49454F",
-        "dark": "#CAC4D0"
+        "value": "#4B4356",
+        "dark": "#CDC2D8"
       },
       {
         "name": "line",
@@ -6975,8 +7677,8 @@ export const SPEC_FLAVOR_PACKS = [
         "tier": "semantic",
         "type": "color",
         "group": "colour",
-        "value": "#79747E",
-        "dark": "#938F99"
+        "value": "#7B7283",
+        "dark": "#958D9F"
       },
       {
         "name": "accent",
@@ -7015,16 +7717,16 @@ export 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",
@@ -7039,16 +7741,16 @@ export 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",
@@ -7366,7 +8068,7 @@ export 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",
@@ -7896,8 +8598,7 @@ export const SPEC_FLAVOR_PACKS = [
         "tier": "component",
         "type": "color",
         "group": "components",
-        "value": "transparent",
-        "overridden": true
+        "value": "var(--iox-line-strong)"
       },
       {
         "name": "field-border-width",
@@ -8072,7 +8773,8 @@ export const SPEC_FLAVOR_PACKS = [
       "density": "compact",
       "motion": "snappy",
       "pillButtons": false,
-      "mode": "light"
+      "mode": "light",
+      "tint": "subtle"
     },
     "seed": "#FF5C39",
     "seeds": [
@@ -8141,6 +8843,77 @@ export 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",
@@ -8148,7 +8921,7 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "color",
         "group": "colour",
         "value": "#FFF8E7",
-        "dark": "#121212"
+        "dark": "#1A0F0C"
       },
       {
         "name": "page-bg",
@@ -8170,7 +8943,7 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "color",
         "group": "colour",
         "value": "#FFFFFF",
-        "dark": "#1E1E1E"
+        "dark": "#221D1B"
       },
       {
         "name": "surface-2",
@@ -8261,7 +9034,7 @@ export const SPEC_FLAVOR_PACKS = [
         "tier": "semantic",
         "type": "color",
         "group": "colour",
-        "value": "#B5381B",
+        "value": "#AD3112",
         "dark": "#FF8A6E"
       },
       {
@@ -8286,7 +9059,7 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "color",
         "group": "colour",
         "value": "#FFF8E7",
-        "dark": "#0A0A0A"
+        "dark": "#0F0807"
       },
       {
         "name": "inverse-muted",
@@ -8302,7 +9075,7 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "color",
         "group": "colour",
         "value": "#FFF8E7",
-        "dark": "#0A0A0A"
+        "dark": "#170402"
       },
       {
         "name": "inverse-accent",
@@ -9325,64 +10098,100 @@ export const SPEC_FLAVOR_PACKS = [
 
 export 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,
@@ -9391,88 +10200,133 @@ export 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,
@@ -9480,7 +10334,7 @@ export 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,
@@ -9489,20 +10343,38 @@ export 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
   }
 } as const;