@scattered-light/loomiere-mojave 0.3.0 → 0.4.0

package/dist/exports/tokens.dtcg.json

@@ -1676,103 +1676,203 @@
     "data": {
       "1": {
         "$type": "color",
-        "$value": "#a04fdf",
-        "$description": "Data series 1 (violet). Categorical; use in order."
+        "$value": "{color.data.violet}",
+        "$description": "Data series 1: violet. Categorical; use in order."
       },
       "2": {
         "$type": "color",
-        "$value": "#ef7053",
-        "$description": "Data series 2 (coral). Categorical; use in order."
+        "$value": "{color.data.coral}",
+        "$description": "Data series 2: coral. Categorical; use in order."
       },
       "3": {
         "$type": "color",
-        "$value": "#c4b679",
-        "$description": "Data series 3 (gold). Categorical; use in order."
+        "$value": "{color.data.gold}",
+        "$description": "Data series 3: gold. Categorical; use in order."
       },
       "4": {
         "$type": "color",
-        "$value": "#612c3d",
-        "$description": "Data series 4 (burgundy). Categorical; use in order."
+        "$value": "{color.data.burgundy}",
+        "$description": "Data series 4: burgundy. Categorical; use in order."
       },
       "5": {
         "$type": "color",
-        "$value": "#86e6ca",
-        "$description": "Data series 5 (mint). Categorical; use in order."
+        "$value": "{color.data.mint}",
+        "$description": "Data series 5: mint. Categorical; use in order."
       },
       "6": {
         "$type": "color",
-        "$value": "#154975",
-        "$description": "Data series 6 (navy). Categorical; use in order."
+        "$value": "{color.data.navy}",
+        "$description": "Data series 6: navy. Categorical; use in order."
       },
       "7": {
         "$type": "color",
-        "$value": "#bbc3fe",
-        "$description": "Data series 7 (periwinkle). Categorical; use in order."
+        "$value": "{color.data.periwinkle}",
+        "$description": "Data series 7: periwinkle. Categorical; use in order."
       },
       "8": {
         "$type": "color",
-        "$value": "#0b5313",
-        "$description": "Data series 8 (forest). Categorical; use in order."
+        "$value": "{color.data.forest}",
+        "$description": "Data series 8: forest. Categorical; use in order."
       },
       "9": {
         "$type": "color",
-        "$value": "#74ce4b",
-        "$description": "Data series 9 (lime). Categorical; use in order."
+        "$value": "{color.data.lime}",
+        "$description": "Data series 9: lime. Categorical; use in order."
       },
       "10": {
         "$type": "color",
-        "$value": "#dac925",
-        "$description": "Data series 10 (yellow). Categorical; use in order."
+        "$value": "{color.data.yellow}",
+        "$description": "Data series 10: yellow. Categorical; use in order."
       },
       "11": {
         "$type": "color",
-        "$value": "#b4a1e2",
-        "$description": "Data series 11 (lavender). Categorical; use in order."
+        "$value": "{color.data.lavender}",
+        "$description": "Data series 11: lavender. Categorical; use in order."
       },
       "12": {
         "$type": "color",
-        "$value": "#ffc3b5",
-        "$description": "Data series 12 (peach). Categorical; use in order."
+        "$value": "{color.data.peach}",
+        "$description": "Data series 12: peach. Categorical; use in order."
       },
       "13": {
         "$type": "color",
-        "$value": "#f1e5af",
-        "$description": "Data series 13 (cream). Categorical; use in order."
+        "$value": "{color.data.cream}",
+        "$description": "Data series 13: cream. Categorical; use in order."
       },
       "14": {
         "$type": "color",
-        "$value": "#a6838e",
-        "$description": "Data series 14 (mauve). Categorical; use in order."
+        "$value": "{color.data.mauve}",
+        "$description": "Data series 14: mauve. Categorical; use in order."
       },
       "15": {
         "$type": "color",
-        "$value": "#bfecdf",
-        "$description": "Data series 15 (seafoam). Categorical; use in order."
+        "$value": "{color.data.seafoam}",
+        "$description": "Data series 15: seafoam. Categorical; use in order."
       },
       "16": {
         "$type": "color",
-        "$value": "#7fa8cb",
-        "$description": "Data series 16 (sky). Categorical; use in order."
+        "$value": "{color.data.sky}",
+        "$description": "Data series 16: sky. Categorical; use in order."
       },
       "17": {
         "$type": "color",
-        "$value": "#e5e8ff",
-        "$description": "Data series 17 (ice). Categorical; use in order."
+        "$value": "{color.data.ice}",
+        "$description": "Data series 17: ice. Categorical; use in order."
       },
       "18": {
         "$type": "color",
-        "$value": "#b1d0b5",
-        "$description": "Data series 18 (sage). Categorical; use in order."
+        "$value": "{color.data.sage}",
+        "$description": "Data series 18: sage. Categorical; use in order."
       },
       "19": {
         "$type": "color",
-        "$value": "#d0fabd",
-        "$description": "Data series 19 (chartreuse). Categorical; use in order."
+        "$value": "{color.data.chartreuse}",
+        "$description": "Data series 19: chartreuse. Categorical; use in order."
       },
       "20": {
+        "$type": "color",
+        "$value": "{color.data.ivory}",
+        "$description": "Data series 20: ivory. Categorical; use in order."
+      },
+      "violet": {
+        "$type": "color",
+        "$value": "#a04fdf",
+        "$description": "Data color violet. Charts use it through the numbered series slots."
+      },
+      "coral": {
+        "$type": "color",
+        "$value": "#ef7053",
+        "$description": "Data color coral. Charts use it through the numbered series slots."
+      },
+      "gold": {
+        "$type": "color",
+        "$value": "#c4b679",
+        "$description": "Data color gold. Charts use it through the numbered series slots."
+      },
+      "burgundy": {
+        "$type": "color",
+        "$value": "#612c3d",
+        "$description": "Data color burgundy. Charts use it through the numbered series slots."
+      },
+      "mint": {
+        "$type": "color",
+        "$value": "#86e6ca",
+        "$description": "Data color mint. Charts use it through the numbered series slots."
+      },
+      "navy": {
+        "$type": "color",
+        "$value": "#154975",
+        "$description": "Data color navy. Charts use it through the numbered series slots."
+      },
+      "periwinkle": {
+        "$type": "color",
+        "$value": "#bbc3fe",
+        "$description": "Data color periwinkle. Charts use it through the numbered series slots."
+      },
+      "forest": {
+        "$type": "color",
+        "$value": "#0b5313",
+        "$description": "Data color forest. Charts use it through the numbered series slots."
+      },
+      "lime": {
+        "$type": "color",
+        "$value": "#74ce4b",
+        "$description": "Data color lime. Charts use it through the numbered series slots."
+      },
+      "yellow": {
+        "$type": "color",
+        "$value": "#dac925",
+        "$description": "Data color yellow. Charts use it through the numbered series slots."
+      },
+      "lavender": {
+        "$type": "color",
+        "$value": "#b4a1e2",
+        "$description": "Data color lavender. Charts use it through the numbered series slots."
+      },
+      "peach": {
+        "$type": "color",
+        "$value": "#ffc3b5",
+        "$description": "Data color peach. Charts use it through the numbered series slots."
+      },
+      "cream": {
+        "$type": "color",
+        "$value": "#f1e5af",
+        "$description": "Data color cream. Charts use it through the numbered series slots."
+      },
+      "mauve": {
+        "$type": "color",
+        "$value": "#a6838e",
+        "$description": "Data color mauve. Charts use it through the numbered series slots."
+      },
+      "seafoam": {
+        "$type": "color",
+        "$value": "#bfecdf",
+        "$description": "Data color seafoam. Charts use it through the numbered series slots."
+      },
+      "sky": {
+        "$type": "color",
+        "$value": "#7fa8cb",
+        "$description": "Data color sky. Charts use it through the numbered series slots."
+      },
+      "ice": {
+        "$type": "color",
+        "$value": "#e5e8ff",
+        "$description": "Data color ice. Charts use it through the numbered series slots."
+      },
+      "sage": {
+        "$type": "color",
+        "$value": "#b1d0b5",
+        "$description": "Data color sage. Charts use it through the numbered series slots."
+      },
+      "chartreuse": {
+        "$type": "color",
+        "$value": "#d0fabd",
+        "$description": "Data color chartreuse. Charts use it through the numbered series slots."
+      },
+      "ivory": {
         "$type": "color",
         "$value": "#fffce1",
-        "$description": "Data series 20 (ivory). Categorical; use in order."
+        "$description": "Data color ivory. Charts use it through the numbered series slots."
       }
     },
     "accent": {
@@ -1988,17 +2088,32 @@
     "fast": {
       "$type": "duration",
       "$value": "100ms",
-      "$description": "100ms × speed 1"
+      "$description": "100ms × speed 1. 1ms with reduced motion.",
+      "$extensions": {
+        "sl.modes": {
+          "reduced-motion": "1ms"
+        }
+      }
     },
     "normal": {
       "$type": "duration",
       "$value": "200ms",
-      "$description": "200ms × speed 1"
+      "$description": "200ms × speed 1. 1ms with reduced motion.",
+      "$extensions": {
+        "sl.modes": {
+          "reduced-motion": "1ms"
+        }
+      }
     },
     "slow": {
       "$type": "duration",
       "$value": "300ms",
-      "$description": "300ms × speed 1"
+      "$description": "300ms × speed 1. 1ms with reduced motion.",
+      "$extensions": {
+        "sl.modes": {
+          "reduced-motion": "1ms"
+        }
+      }
     }
   },
   "shadow": {
@@ -2047,43 +2162,6 @@
       "$value": "none",
       "$description": "No elevation"
     },
-    "flat": {
-      "xs": {
-        "$type": "shadow",
-        "$value": "0 0 0 1px rgba(0, 0, 0, 0.05)",
-        "$description": "Elevation xs as a 1px outline"
-      },
-      "sm": {
-        "$type": "shadow",
-        "$value": "0 0 0 1px rgba(0, 0, 0, 0.1)",
-        "$description": "Elevation sm as a 1px outline"
-      },
-      "base": {
-        "$type": "shadow",
-        "$value": "0 0 0 1px rgba(0, 0, 0, 0.15)",
-        "$description": "Elevation base as a 1px outline"
-      },
-      "md": {
-        "$type": "shadow",
-        "$value": "0 0 0 1px rgba(0, 0, 0, 0.2)",
-        "$description": "Elevation md as a 1px outline"
-      },
-      "lg": {
-        "$type": "shadow",
-        "$value": "0 0 0 1px rgba(0, 0, 0, 0.25)",
-        "$description": "Elevation lg as a 1px outline"
-      },
-      "xl": {
-        "$type": "shadow",
-        "$value": "0 0 0 1px rgba(0, 0, 0, 0.3)",
-        "$description": "Elevation xl as a 1px outline"
-      },
-      "2xl": {
-        "$type": "shadow",
-        "$value": "0 0 0 1px rgba(0, 0, 0, 0.35)",
-        "$description": "Elevation 2xl as a 1px outline"
-      }
-    },
     "outline": {
       "$value": "0 0 0 3px color-mix(in oklab, {focus.ring} 60%, transparent)",
       "$description": "Focus halo for controls that use box-shadow instead of outline: the focus ring color at 60% opacity, so it follows the accent and the theme. Becomes currentColor under prefers-contrast: more.",
@@ -3265,103 +3343,203 @@
         "data": {
           "1": {
             "$type": "color",
-            "$value": "#a04fdf",
-            "$description": "Data series 1 (violet). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.violet}",
+            "$description": "Data series 1: violet. Categorical; use in order."
           },
           "2": {
             "$type": "color",
-            "$value": "#f35d49",
-            "$description": "Data series 2 (coral). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.coral}",
+            "$description": "Data series 2: coral. Categorical; use in order."
           },
           "3": {
             "$type": "color",
-            "$value": "#c4b679",
-            "$description": "Data series 3 (gold). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.gold}",
+            "$description": "Data series 3: gold. Categorical; use in order."
           },
           "4": {
             "$type": "color",
-            "$value": "#612c3d",
-            "$description": "Data series 4 (burgundy). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.burgundy}",
+            "$description": "Data series 4: burgundy. Categorical; use in order."
           },
           "5": {
             "$type": "color",
-            "$value": "#86e6ca",
-            "$description": "Data series 5 (mint). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.mint}",
+            "$description": "Data series 5: mint. Categorical; use in order."
           },
           "6": {
             "$type": "color",
-            "$value": "#154975",
-            "$description": "Data series 6 (navy). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.navy}",
+            "$description": "Data series 6: navy. Categorical; use in order."
           },
           "7": {
             "$type": "color",
-            "$value": "#bbc3fe",
-            "$description": "Data series 7 (periwinkle). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.periwinkle}",
+            "$description": "Data series 7: periwinkle. Categorical; use in order."
           },
           "8": {
             "$type": "color",
-            "$value": "#0b5313",
-            "$description": "Data series 8 (forest). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.forest}",
+            "$description": "Data series 8: forest. Categorical; use in order."
           },
           "9": {
             "$type": "color",
-            "$value": "#56c047",
-            "$description": "Data series 9 (lime). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.lime}",
+            "$description": "Data series 9: lime. Categorical; use in order."
           },
           "10": {
             "$type": "color",
-            "$value": "#dac925",
-            "$description": "Data series 10 (yellow). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.yellow}",
+            "$description": "Data series 10: yellow. Categorical; use in order."
           },
           "11": {
             "$type": "color",
-            "$value": "#b4a1e2",
-            "$description": "Data series 11 (lavender). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.lavender}",
+            "$description": "Data series 11: lavender. Categorical; use in order."
           },
           "12": {
             "$type": "color",
-            "$value": "#e0b4b5",
-            "$description": "Data series 12 (peach). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.peach}",
+            "$description": "Data series 12: peach. Categorical; use in order."
           },
           "13": {
             "$type": "color",
-            "$value": "#f1e5af",
-            "$description": "Data series 13 (cream). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.cream}",
+            "$description": "Data series 13: cream. Categorical; use in order."
           },
           "14": {
             "$type": "color",
-            "$value": "#a6838e",
-            "$description": "Data series 14 (mauve). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.mauve}",
+            "$description": "Data series 14: mauve. Categorical; use in order."
           },
           "15": {
             "$type": "color",
-            "$value": "#a9d7c0",
-            "$description": "Data series 15 (seafoam). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.seafoam}",
+            "$description": "Data series 15: seafoam. Categorical; use in order."
           },
           "16": {
             "$type": "color",
-            "$value": "#7fa8cb",
-            "$description": "Data series 16 (sky). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.sky}",
+            "$description": "Data series 16: sky. Categorical; use in order."
           },
           "17": {
             "$type": "color",
-            "$value": "#e5e8ff",
-            "$description": "Data series 17 (ice). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.ice}",
+            "$description": "Data series 17: ice. Categorical; use in order."
           },
           "18": {
             "$type": "color",
-            "$value": "#a4c8b1",
-            "$description": "Data series 18 (sage). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.sage}",
+            "$description": "Data series 18: sage. Categorical; use in order."
           },
           "19": {
             "$type": "color",
-            "$value": "#b4da84",
-            "$description": "Data series 19 (chartreuse). Categorical; use in order."
+            "$value": "{vision.deuteranopia.color.data.chartreuse}",
+            "$description": "Data series 19: chartreuse. Categorical; use in order."
           },
           "20": {
+            "$type": "color",
+            "$value": "{vision.deuteranopia.color.data.ivory}",
+            "$description": "Data series 20: ivory. Categorical; use in order."
+          },
+          "violet": {
+            "$type": "color",
+            "$value": "#a04fdf",
+            "$description": "Data color violet. Charts use it through the numbered series slots."
+          },
+          "coral": {
+            "$type": "color",
+            "$value": "#f35d49",
+            "$description": "Data color coral. Charts use it through the numbered series slots."
+          },
+          "gold": {
+            "$type": "color",
+            "$value": "#c4b679",
+            "$description": "Data color gold. Charts use it through the numbered series slots."
+          },
+          "burgundy": {
+            "$type": "color",
+            "$value": "#612c3d",
+            "$description": "Data color burgundy. Charts use it through the numbered series slots."
+          },
+          "mint": {
+            "$type": "color",
+            "$value": "#86e6ca",
+            "$description": "Data color mint. Charts use it through the numbered series slots."
+          },
+          "navy": {
+            "$type": "color",
+            "$value": "#154975",
+            "$description": "Data color navy. Charts use it through the numbered series slots."
+          },
+          "periwinkle": {
+            "$type": "color",
+            "$value": "#bbc3fe",
+            "$description": "Data color periwinkle. Charts use it through the numbered series slots."
+          },
+          "forest": {
+            "$type": "color",
+            "$value": "#0b5313",
+            "$description": "Data color forest. Charts use it through the numbered series slots."
+          },
+          "lime": {
+            "$type": "color",
+            "$value": "#56c047",
+            "$description": "Data color lime. Charts use it through the numbered series slots."
+          },
+          "yellow": {
+            "$type": "color",
+            "$value": "#dac925",
+            "$description": "Data color yellow. Charts use it through the numbered series slots."
+          },
+          "lavender": {
+            "$type": "color",
+            "$value": "#b4a1e2",
+            "$description": "Data color lavender. Charts use it through the numbered series slots."
+          },
+          "peach": {
+            "$type": "color",
+            "$value": "#e0b4b5",
+            "$description": "Data color peach. Charts use it through the numbered series slots."
+          },
+          "cream": {
+            "$type": "color",
+            "$value": "#f1e5af",
+            "$description": "Data color cream. Charts use it through the numbered series slots."
+          },
+          "mauve": {
+            "$type": "color",
+            "$value": "#a6838e",
+            "$description": "Data color mauve. Charts use it through the numbered series slots."
+          },
+          "seafoam": {
+            "$type": "color",
+            "$value": "#a9d7c0",
+            "$description": "Data color seafoam. Charts use it through the numbered series slots."
+          },
+          "sky": {
+            "$type": "color",
+            "$value": "#7fa8cb",
+            "$description": "Data color sky. Charts use it through the numbered series slots."
+          },
+          "ice": {
+            "$type": "color",
+            "$value": "#e5e8ff",
+            "$description": "Data color ice. Charts use it through the numbered series slots."
+          },
+          "sage": {
+            "$type": "color",
+            "$value": "#a4c8b1",
+            "$description": "Data color sage. Charts use it through the numbered series slots."
+          },
+          "chartreuse": {
+            "$type": "color",
+            "$value": "#b4da84",
+            "$description": "Data color chartreuse. Charts use it through the numbered series slots."
+          },
+          "ivory": {
             "$type": "color",
             "$value": "#fffce1",
-            "$description": "Data series 20 (ivory). Categorical; use in order."
+            "$description": "Data color ivory. Charts use it through the numbered series slots."
           }
         }
       }
@@ -4363,103 +4541,203 @@
         "data": {
           "1": {
             "$type": "color",
-            "$value": "#a04fdf",
-            "$description": "Data series 1 (violet). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.violet}",
+            "$description": "Data series 1: violet. Categorical; use in order."
           },
           "2": {
             "$type": "color",
-            "$value": "#ef7053",
-            "$description": "Data series 2 (coral). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.coral}",
+            "$description": "Data series 2: coral. Categorical; use in order."
           },
           "3": {
             "$type": "color",
-            "$value": "#c4b679",
-            "$description": "Data series 3 (gold). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.gold}",
+            "$description": "Data series 3: gold. Categorical; use in order."
           },
           "4": {
             "$type": "color",
-            "$value": "#5e293a",
-            "$description": "Data series 4 (burgundy). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.burgundy}",
+            "$description": "Data series 4: burgundy. Categorical; use in order."
           },
           "5": {
             "$type": "color",
-            "$value": "#86e6ca",
-            "$description": "Data series 5 (mint). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.mint}",
+            "$description": "Data series 5: mint. Categorical; use in order."
           },
           "6": {
             "$type": "color",
-            "$value": "#154975",
-            "$description": "Data series 6 (navy). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.navy}",
+            "$description": "Data series 6: navy. Categorical; use in order."
           },
           "7": {
             "$type": "color",
-            "$value": "#bbc3fe",
-            "$description": "Data series 7 (periwinkle). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.periwinkle}",
+            "$description": "Data series 7: periwinkle. Categorical; use in order."
           },
           "8": {
             "$type": "color",
-            "$value": "#0b5313",
-            "$description": "Data series 8 (forest). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.forest}",
+            "$description": "Data series 8: forest. Categorical; use in order."
           },
           "9": {
             "$type": "color",
-            "$value": "#63bb76",
-            "$description": "Data series 9 (lime). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.lime}",
+            "$description": "Data series 9: lime. Categorical; use in order."
           },
           "10": {
             "$type": "color",
-            "$value": "#dac925",
-            "$description": "Data series 10 (yellow). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.yellow}",
+            "$description": "Data series 10: yellow. Categorical; use in order."
           },
           "11": {
             "$type": "color",
-            "$value": "#b4a1e2",
-            "$description": "Data series 11 (lavender). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.lavender}",
+            "$description": "Data series 11: lavender. Categorical; use in order."
           },
           "12": {
             "$type": "color",
-            "$value": "#efb3ac",
-            "$description": "Data series 12 (peach). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.peach}",
+            "$description": "Data series 12: peach. Categorical; use in order."
           },
           "13": {
             "$type": "color",
-            "$value": "#f0e2a4",
-            "$description": "Data series 13 (cream). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.cream}",
+            "$description": "Data series 13: cream. Categorical; use in order."
           },
           "14": {
             "$type": "color",
-            "$value": "#a6838e",
-            "$description": "Data series 14 (mauve). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.mauve}",
+            "$description": "Data series 14: mauve. Categorical; use in order."
           },
           "15": {
             "$type": "color",
-            "$value": "#b1dccd",
-            "$description": "Data series 15 (seafoam). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.seafoam}",
+            "$description": "Data series 15: seafoam. Categorical; use in order."
           },
           "16": {
             "$type": "color",
-            "$value": "#7fa8cb",
-            "$description": "Data series 16 (sky). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.sky}",
+            "$description": "Data series 16: sky. Categorical; use in order."
           },
           "17": {
             "$type": "color",
-            "$value": "#e5e8ff",
-            "$description": "Data series 17 (ice). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.ice}",
+            "$description": "Data series 17: ice. Categorical; use in order."
           },
           "18": {
             "$type": "color",
-            "$value": "#9fbea3",
-            "$description": "Data series 18 (sage). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.sage}",
+            "$description": "Data series 18: sage. Categorical; use in order."
           },
           "19": {
             "$type": "color",
-            "$value": "#c4e289",
-            "$description": "Data series 19 (chartreuse). Categorical; use in order."
+            "$value": "{vision.protanopia.color.data.chartreuse}",
+            "$description": "Data series 19: chartreuse. Categorical; use in order."
           },
           "20": {
+            "$type": "color",
+            "$value": "{vision.protanopia.color.data.ivory}",
+            "$description": "Data series 20: ivory. Categorical; use in order."
+          },
+          "violet": {
+            "$type": "color",
+            "$value": "#a04fdf",
+            "$description": "Data color violet. Charts use it through the numbered series slots."
+          },
+          "coral": {
+            "$type": "color",
+            "$value": "#ef7053",
+            "$description": "Data color coral. Charts use it through the numbered series slots."
+          },
+          "gold": {
+            "$type": "color",
+            "$value": "#c4b679",
+            "$description": "Data color gold. Charts use it through the numbered series slots."
+          },
+          "burgundy": {
+            "$type": "color",
+            "$value": "#5e293a",
+            "$description": "Data color burgundy. Charts use it through the numbered series slots."
+          },
+          "mint": {
+            "$type": "color",
+            "$value": "#86e6ca",
+            "$description": "Data color mint. Charts use it through the numbered series slots."
+          },
+          "navy": {
+            "$type": "color",
+            "$value": "#154975",
+            "$description": "Data color navy. Charts use it through the numbered series slots."
+          },
+          "periwinkle": {
+            "$type": "color",
+            "$value": "#bbc3fe",
+            "$description": "Data color periwinkle. Charts use it through the numbered series slots."
+          },
+          "forest": {
+            "$type": "color",
+            "$value": "#0b5313",
+            "$description": "Data color forest. Charts use it through the numbered series slots."
+          },
+          "lime": {
+            "$type": "color",
+            "$value": "#63bb76",
+            "$description": "Data color lime. Charts use it through the numbered series slots."
+          },
+          "yellow": {
+            "$type": "color",
+            "$value": "#dac925",
+            "$description": "Data color yellow. Charts use it through the numbered series slots."
+          },
+          "lavender": {
+            "$type": "color",
+            "$value": "#b4a1e2",
+            "$description": "Data color lavender. Charts use it through the numbered series slots."
+          },
+          "peach": {
+            "$type": "color",
+            "$value": "#efb3ac",
+            "$description": "Data color peach. Charts use it through the numbered series slots."
+          },
+          "cream": {
+            "$type": "color",
+            "$value": "#f0e2a4",
+            "$description": "Data color cream. Charts use it through the numbered series slots."
+          },
+          "mauve": {
+            "$type": "color",
+            "$value": "#a6838e",
+            "$description": "Data color mauve. Charts use it through the numbered series slots."
+          },
+          "seafoam": {
+            "$type": "color",
+            "$value": "#b1dccd",
+            "$description": "Data color seafoam. Charts use it through the numbered series slots."
+          },
+          "sky": {
+            "$type": "color",
+            "$value": "#7fa8cb",
+            "$description": "Data color sky. Charts use it through the numbered series slots."
+          },
+          "ice": {
+            "$type": "color",
+            "$value": "#e5e8ff",
+            "$description": "Data color ice. Charts use it through the numbered series slots."
+          },
+          "sage": {
+            "$type": "color",
+            "$value": "#9fbea3",
+            "$description": "Data color sage. Charts use it through the numbered series slots."
+          },
+          "chartreuse": {
+            "$type": "color",
+            "$value": "#c4e289",
+            "$description": "Data color chartreuse. Charts use it through the numbered series slots."
+          },
+          "ivory": {
             "$type": "color",
             "$value": "#fffce1",
-            "$description": "Data series 20 (ivory). Categorical; use in order."
+            "$description": "Data color ivory. Charts use it through the numbered series slots."
           }
         }
       }
@@ -5461,103 +5739,203 @@
         "data": {
           "1": {
             "$type": "color",
-            "$value": "#a04fdf",
-            "$description": "Data series 1 (violet). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.violet}",
+            "$description": "Data series 1: violet. Categorical; use in order."
           },
           "2": {
             "$type": "color",
-            "$value": "#ef7053",
-            "$description": "Data series 2 (coral). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.coral}",
+            "$description": "Data series 2: coral. Categorical; use in order."
           },
           "3": {
             "$type": "color",
-            "$value": "#c4b679",
-            "$description": "Data series 3 (gold). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.gold}",
+            "$description": "Data series 3: gold. Categorical; use in order."
           },
           "4": {
             "$type": "color",
-            "$value": "#612c3d",
-            "$description": "Data series 4 (burgundy). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.burgundy}",
+            "$description": "Data series 4: burgundy. Categorical; use in order."
           },
           "5": {
             "$type": "color",
-            "$value": "#86e6ca",
-            "$description": "Data series 5 (mint). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.mint}",
+            "$description": "Data series 5: mint. Categorical; use in order."
           },
           "6": {
             "$type": "color",
-            "$value": "#3b4278",
-            "$description": "Data series 6 (navy). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.navy}",
+            "$description": "Data series 6: navy. Categorical; use in order."
           },
           "7": {
             "$type": "color",
-            "$value": "#bbc3fe",
-            "$description": "Data series 7 (periwinkle). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.periwinkle}",
+            "$description": "Data series 7: periwinkle. Categorical; use in order."
           },
           "8": {
             "$type": "color",
-            "$value": "#0b5313",
-            "$description": "Data series 8 (forest). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.forest}",
+            "$description": "Data series 8: forest. Categorical; use in order."
           },
           "9": {
             "$type": "color",
-            "$value": "#74ce4b",
-            "$description": "Data series 9 (lime). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.lime}",
+            "$description": "Data series 9: lime. Categorical; use in order."
           },
           "10": {
             "$type": "color",
-            "$value": "#c3c729",
-            "$description": "Data series 10 (yellow). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.yellow}",
+            "$description": "Data series 10: yellow. Categorical; use in order."
           },
           "11": {
             "$type": "color",
-            "$value": "#b4a1e2",
-            "$description": "Data series 11 (lavender). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.lavender}",
+            "$description": "Data series 11: lavender. Categorical; use in order."
           },
           "12": {
             "$type": "color",
-            "$value": "#f5b1a1",
-            "$description": "Data series 12 (peach). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.peach}",
+            "$description": "Data series 12: peach. Categorical; use in order."
           },
           "13": {
             "$type": "color",
-            "$value": "#f1e5af",
-            "$description": "Data series 13 (cream). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.cream}",
+            "$description": "Data series 13: cream. Categorical; use in order."
           },
           "14": {
             "$type": "color",
-            "$value": "#a6838e",
-            "$description": "Data series 14 (mauve). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.mauve}",
+            "$description": "Data series 14: mauve. Categorical; use in order."
           },
           "15": {
             "$type": "color",
-            "$value": "#b7ebdc",
-            "$description": "Data series 15 (seafoam). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.seafoam}",
+            "$description": "Data series 15: seafoam. Categorical; use in order."
           },
           "16": {
             "$type": "color",
-            "$value": "#6e9ec6",
-            "$description": "Data series 16 (sky). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.sky}",
+            "$description": "Data series 16: sky. Categorical; use in order."
           },
           "17": {
             "$type": "color",
-            "$value": "#e9e5f8",
-            "$description": "Data series 17 (ice). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.ice}",
+            "$description": "Data series 17: ice. Categorical; use in order."
           },
           "18": {
             "$type": "color",
-            "$value": "#a5b898",
-            "$description": "Data series 18 (sage). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.sage}",
+            "$description": "Data series 18: sage. Categorical; use in order."
           },
           "19": {
             "$type": "color",
-            "$value": "#d0fabd",
-            "$description": "Data series 19 (chartreuse). Categorical; use in order."
+            "$value": "{vision.tritanopia.color.data.chartreuse}",
+            "$description": "Data series 19: chartreuse. Categorical; use in order."
           },
           "20": {
+            "$type": "color",
+            "$value": "{vision.tritanopia.color.data.ivory}",
+            "$description": "Data series 20: ivory. Categorical; use in order."
+          },
+          "violet": {
+            "$type": "color",
+            "$value": "#a04fdf",
+            "$description": "Data color violet. Charts use it through the numbered series slots."
+          },
+          "coral": {
+            "$type": "color",
+            "$value": "#ef7053",
+            "$description": "Data color coral. Charts use it through the numbered series slots."
+          },
+          "gold": {
+            "$type": "color",
+            "$value": "#c4b679",
+            "$description": "Data color gold. Charts use it through the numbered series slots."
+          },
+          "burgundy": {
+            "$type": "color",
+            "$value": "#612c3d",
+            "$description": "Data color burgundy. Charts use it through the numbered series slots."
+          },
+          "mint": {
+            "$type": "color",
+            "$value": "#86e6ca",
+            "$description": "Data color mint. Charts use it through the numbered series slots."
+          },
+          "navy": {
+            "$type": "color",
+            "$value": "#3b4278",
+            "$description": "Data color navy. Charts use it through the numbered series slots."
+          },
+          "periwinkle": {
+            "$type": "color",
+            "$value": "#bbc3fe",
+            "$description": "Data color periwinkle. Charts use it through the numbered series slots."
+          },
+          "forest": {
+            "$type": "color",
+            "$value": "#0b5313",
+            "$description": "Data color forest. Charts use it through the numbered series slots."
+          },
+          "lime": {
+            "$type": "color",
+            "$value": "#74ce4b",
+            "$description": "Data color lime. Charts use it through the numbered series slots."
+          },
+          "yellow": {
+            "$type": "color",
+            "$value": "#c3c729",
+            "$description": "Data color yellow. Charts use it through the numbered series slots."
+          },
+          "lavender": {
+            "$type": "color",
+            "$value": "#b4a1e2",
+            "$description": "Data color lavender. Charts use it through the numbered series slots."
+          },
+          "peach": {
+            "$type": "color",
+            "$value": "#f5b1a1",
+            "$description": "Data color peach. Charts use it through the numbered series slots."
+          },
+          "cream": {
+            "$type": "color",
+            "$value": "#f1e5af",
+            "$description": "Data color cream. Charts use it through the numbered series slots."
+          },
+          "mauve": {
+            "$type": "color",
+            "$value": "#a6838e",
+            "$description": "Data color mauve. Charts use it through the numbered series slots."
+          },
+          "seafoam": {
+            "$type": "color",
+            "$value": "#b7ebdc",
+            "$description": "Data color seafoam. Charts use it through the numbered series slots."
+          },
+          "sky": {
+            "$type": "color",
+            "$value": "#6e9ec6",
+            "$description": "Data color sky. Charts use it through the numbered series slots."
+          },
+          "ice": {
+            "$type": "color",
+            "$value": "#e9e5f8",
+            "$description": "Data color ice. Charts use it through the numbered series slots."
+          },
+          "sage": {
+            "$type": "color",
+            "$value": "#a5b898",
+            "$description": "Data color sage. Charts use it through the numbered series slots."
+          },
+          "chartreuse": {
+            "$type": "color",
+            "$value": "#d0fabd",
+            "$description": "Data color chartreuse. Charts use it through the numbered series slots."
+          },
+          "ivory": {
             "$type": "color",
             "$value": "#fffce1",
-            "$description": "Data series 20 (ivory). Categorical; use in order."
+            "$description": "Data color ivory. Charts use it through the numbered series slots."
           }
         }
       }
@@ -6559,103 +6937,203 @@
         "data": {
           "1": {
             "$type": "color",
-            "$value": "#9947d7",
-            "$description": "Data series 1 (violet). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.violet}",
+            "$description": "Data series 1: violet. Categorical; use in order."
           },
           "2": {
             "$type": "color",
-            "$value": "#ef7053",
-            "$description": "Data series 2 (coral). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.coral}",
+            "$description": "Data series 2: coral. Categorical; use in order."
           },
           "3": {
             "$type": "color",
-            "$value": "#c4b679",
-            "$description": "Data series 3 (gold). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.gold}",
+            "$description": "Data series 3: gold. Categorical; use in order."
           },
           "4": {
             "$type": "color",
-            "$value": "#430025",
-            "$description": "Data series 4 (burgundy). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.burgundy}",
+            "$description": "Data series 4: burgundy. Categorical; use in order."
           },
           "5": {
             "$type": "color",
-            "$value": "#0da693",
-            "$description": "Data series 5 (mint). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.mint}",
+            "$description": "Data series 5: mint. Categorical; use in order."
           },
           "6": {
             "$type": "color",
-            "$value": "#154975",
-            "$description": "Data series 6 (navy). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.navy}",
+            "$description": "Data series 6: navy. Categorical; use in order."
           },
           "7": {
             "$type": "color",
-            "$value": "#030b46",
-            "$description": "Data series 7 (periwinkle). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.periwinkle}",
+            "$description": "Data series 7: periwinkle. Categorical; use in order."
           },
           "8": {
             "$type": "color",
-            "$value": "#0b5313",
-            "$description": "Data series 8 (forest). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.forest}",
+            "$description": "Data series 8: forest. Categorical; use in order."
           },
           "9": {
             "$type": "color",
-            "$value": "#12a232",
-            "$description": "Data series 9 (lime). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.lime}",
+            "$description": "Data series 9: lime. Categorical; use in order."
           },
           "10": {
             "$type": "color",
-            "$value": "#dac925",
-            "$description": "Data series 10 (yellow). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.yellow}",
+            "$description": "Data series 10: yellow. Categorical; use in order."
           },
           "11": {
             "$type": "color",
-            "$value": "#684793",
-            "$description": "Data series 11 (lavender). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.lavender}",
+            "$description": "Data series 11: lavender. Categorical; use in order."
           },
           "12": {
             "$type": "color",
-            "$value": "#56190c",
-            "$description": "Data series 12 (peach). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.peach}",
+            "$description": "Data series 12: peach. Categorical; use in order."
           },
           "13": {
             "$type": "color",
-            "$value": "#f1e5af",
-            "$description": "Data series 13 (cream). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.cream}",
+            "$description": "Data series 13: cream. Categorical; use in order."
           },
           "14": {
             "$type": "color",
-            "$value": "#986c7a",
-            "$description": "Data series 14 (mauve). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.mauve}",
+            "$description": "Data series 14: mauve. Categorical; use in order."
           },
           "15": {
             "$type": "color",
-            "$value": "#215b4e",
-            "$description": "Data series 15 (seafoam). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.seafoam}",
+            "$description": "Data series 15: seafoam. Categorical; use in order."
           },
           "16": {
             "$type": "color",
-            "$value": "#00243a",
-            "$description": "Data series 16 (sky). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.sky}",
+            "$description": "Data series 16: sky. Categorical; use in order."
           },
           "17": {
             "$type": "color",
-            "$value": "#8d91a6",
-            "$description": "Data series 17 (ice). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.ice}",
+            "$description": "Data series 17: ice. Categorical; use in order."
           },
           "18": {
             "$type": "color",
-            "$value": "#4f7359",
-            "$description": "Data series 18 (sage). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.sage}",
+            "$description": "Data series 18: sage. Categorical; use in order."
           },
           "19": {
             "$type": "color",
-            "$value": "#06510f",
-            "$description": "Data series 19 (chartreuse). Categorical; use in order."
+            "$value": "{vision.achromatopsia.color.data.chartreuse}",
+            "$description": "Data series 19: chartreuse. Categorical; use in order."
           },
           "20": {
+            "$type": "color",
+            "$value": "{vision.achromatopsia.color.data.ivory}",
+            "$description": "Data series 20: ivory. Categorical; use in order."
+          },
+          "violet": {
+            "$type": "color",
+            "$value": "#9947d7",
+            "$description": "Data color violet. Charts use it through the numbered series slots."
+          },
+          "coral": {
+            "$type": "color",
+            "$value": "#ef7053",
+            "$description": "Data color coral. Charts use it through the numbered series slots."
+          },
+          "gold": {
+            "$type": "color",
+            "$value": "#c4b679",
+            "$description": "Data color gold. Charts use it through the numbered series slots."
+          },
+          "burgundy": {
+            "$type": "color",
+            "$value": "#430025",
+            "$description": "Data color burgundy. Charts use it through the numbered series slots."
+          },
+          "mint": {
+            "$type": "color",
+            "$value": "#0da693",
+            "$description": "Data color mint. Charts use it through the numbered series slots."
+          },
+          "navy": {
+            "$type": "color",
+            "$value": "#154975",
+            "$description": "Data color navy. Charts use it through the numbered series slots."
+          },
+          "periwinkle": {
+            "$type": "color",
+            "$value": "#030b46",
+            "$description": "Data color periwinkle. Charts use it through the numbered series slots."
+          },
+          "forest": {
+            "$type": "color",
+            "$value": "#0b5313",
+            "$description": "Data color forest. Charts use it through the numbered series slots."
+          },
+          "lime": {
+            "$type": "color",
+            "$value": "#12a232",
+            "$description": "Data color lime. Charts use it through the numbered series slots."
+          },
+          "yellow": {
+            "$type": "color",
+            "$value": "#dac925",
+            "$description": "Data color yellow. Charts use it through the numbered series slots."
+          },
+          "lavender": {
+            "$type": "color",
+            "$value": "#684793",
+            "$description": "Data color lavender. Charts use it through the numbered series slots."
+          },
+          "peach": {
+            "$type": "color",
+            "$value": "#56190c",
+            "$description": "Data color peach. Charts use it through the numbered series slots."
+          },
+          "cream": {
+            "$type": "color",
+            "$value": "#f1e5af",
+            "$description": "Data color cream. Charts use it through the numbered series slots."
+          },
+          "mauve": {
+            "$type": "color",
+            "$value": "#986c7a",
+            "$description": "Data color mauve. Charts use it through the numbered series slots."
+          },
+          "seafoam": {
+            "$type": "color",
+            "$value": "#215b4e",
+            "$description": "Data color seafoam. Charts use it through the numbered series slots."
+          },
+          "sky": {
+            "$type": "color",
+            "$value": "#00243a",
+            "$description": "Data color sky. Charts use it through the numbered series slots."
+          },
+          "ice": {
+            "$type": "color",
+            "$value": "#8d91a6",
+            "$description": "Data color ice. Charts use it through the numbered series slots."
+          },
+          "sage": {
+            "$type": "color",
+            "$value": "#4f7359",
+            "$description": "Data color sage. Charts use it through the numbered series slots."
+          },
+          "chartreuse": {
+            "$type": "color",
+            "$value": "#06510f",
+            "$description": "Data color chartreuse. Charts use it through the numbered series slots."
+          },
+          "ivory": {
             "$type": "color",
             "$value": "#fffce1",
-            "$description": "Data series 20 (ivory). Categorical; use in order."
+            "$description": "Data color ivory. Charts use it through the numbered series slots."
           }
         }
       }
@@ -7013,7 +7491,7 @@
     },
     "disabled": {
       "$type": "color",
-      "$value": "{scope.chrome.soft-strong}",
+      "$value": "{scope.chrome.fg-disabled}",
       "$description": "Text in disabled controls. Deliberately below AA, which WCAG allows for disabled UI."
     },
     "on-accent": {
@@ -7263,60 +7741,25 @@
   },
   "elevation": {
     "2xl": {
-      "$value": "{shadow.2xl}",
-      "$extensions": {
-        "sl.modes": {
-          "reduced-motion": "{shadow.flat.2xl}"
-        }
-      }
+      "$value": "{shadow.2xl}"
     },
     "base": {
-      "$value": "{shadow.base}",
-      "$extensions": {
-        "sl.modes": {
-          "reduced-motion": "{shadow.flat.base}"
-        }
-      }
+      "$value": "{shadow.base}"
     },
     "lg": {
-      "$value": "{shadow.lg}",
-      "$extensions": {
-        "sl.modes": {
-          "reduced-motion": "{shadow.flat.lg}"
-        }
-      }
+      "$value": "{shadow.lg}"
     },
     "md": {
-      "$value": "{shadow.md}",
-      "$extensions": {
-        "sl.modes": {
-          "reduced-motion": "{shadow.flat.md}"
-        }
-      }
+      "$value": "{shadow.md}"
     },
     "sm": {
-      "$value": "{shadow.sm}",
-      "$extensions": {
-        "sl.modes": {
-          "reduced-motion": "{shadow.flat.sm}"
-        }
-      }
+      "$value": "{shadow.sm}"
     },
     "xl": {
-      "$value": "{shadow.xl}",
-      "$extensions": {
-        "sl.modes": {
-          "reduced-motion": "{shadow.flat.xl}"
-        }
-      }
+      "$value": "{shadow.xl}"
     },
     "xs": {
-      "$value": "{shadow.xs}",
-      "$extensions": {
-        "sl.modes": {
-          "reduced-motion": "{shadow.flat.xs}"
-        }
-      }
+      "$value": "{shadow.xs}"
     }
   },
   "field": {
@@ -7933,766 +8376,688 @@
     }
   },
   "font": {
-    "base": {
+    "body-base": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.base."
+        "$description": "font-family of font.body-base."
       },
       "font-size": {
         "$value": "{font-size.md}",
-        "$description": "font-size of font.base."
+        "$description": "font-size of font.body-base."
       },
       "font-weight": {
         "$value": "{font-weight.normal}",
-        "$description": "font-weight of font.base."
+        "$description": "font-weight of font.body-base."
       },
       "line-height": {
         "$value": "{line-height.md}",
-        "$description": "line-height of font.base."
+        "$description": "line-height of font.body-base."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.base."
+        "$description": "letter-spacing of font.body-base."
       },
       "font": {
-        "$value": "{font.base.font-weight} {font.base.font-size} / {font.base.line-height} {font.base.font-family}",
+        "$value": "{font.body-base.font-weight} {font.body-base.font-size} / {font.body-base.line-height} {font.body-base.font-family}",
         "$description": "Body copy in the base tier, the default UI and body text. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "base-selected": {
+    "selected-base": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.base-selected."
+        "$description": "font-family of font.selected-base."
       },
       "font-size": {
         "$value": "{font-size.md}",
-        "$description": "font-size of font.base-selected."
+        "$description": "font-size of font.selected-base."
       },
       "font-weight": {
         "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.base-selected."
+        "$description": "font-weight of font.selected-base."
       },
       "line-height": {
         "$value": "{line-height.md}",
-        "$description": "line-height of font.base-selected."
+        "$description": "line-height of font.selected-base."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.base-selected."
+        "$description": "letter-spacing of font.selected-base."
       },
       "font": {
-        "$value": "{font.base-selected.font-weight} {font.base-selected.font-size} / {font.base-selected.line-height} {font.base-selected.font-family}",
+        "$value": "{font.selected-base.font-weight} {font.selected-base.font-size} / {font.selected-base.line-height} {font.selected-base.font-family}",
         "$description": "The selected or current item in the base tier (the default UI and body text): selected tabs and toggles, the current nav item or page. Base body text at semibold, so selection reads without changing size. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "base-label": {
+    "label-base": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.base-label."
+        "$description": "font-family of font.label-base."
       },
       "font-size": {
         "$value": "{font-size.sm}",
-        "$description": "font-size of font.base-label."
+        "$description": "font-size of font.label-base."
       },
       "font-weight": {
         "$value": "{font-weight.medium}",
-        "$description": "font-weight of font.base-label."
+        "$description": "font-weight of font.label-base."
       },
       "line-height": {
         "$value": "{line-height.sm}",
-        "$description": "line-height of font.base-label."
+        "$description": "line-height of font.label-base."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.base-label."
+        "$description": "letter-spacing of font.label-base."
       },
       "font": {
-        "$value": "{font.base-label.font-weight} {font.base-label.font-size} / {font.base-label.line-height} {font.base-label.font-family}",
+        "$value": "{font.label-base.font-weight} {font.label-base.font-size} / {font.label-base.line-height} {font.label-base.font-family}",
         "$description": "Form labels in the base tier, the default UI and body text. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "base-link": {
+    "link-base": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.base-link."
+        "$description": "font-family of font.link-base."
       },
       "font-size": {
         "$value": "{font-size.md}",
-        "$description": "font-size of font.base-link."
+        "$description": "font-size of font.link-base."
       },
       "font-weight": {
         "$value": "{font-weight.normal}",
-        "$description": "font-weight of font.base-link."
+        "$description": "font-weight of font.link-base."
       },
       "line-height": {
         "$value": "{line-height.md}",
-        "$description": "line-height of font.base-link."
+        "$description": "line-height of font.link-base."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.base-link."
+        "$description": "letter-spacing of font.link-base."
       },
       "font": {
-        "$value": "{font.base-link.font-weight} {font.base-link.font-size} / {font.base-link.line-height} {font.base-link.font-family}",
+        "$value": "{font.link-base.font-weight} {font.link-base.font-size} / {font.link-base.line-height} {font.link-base.font-family}",
         "$description": "Links in the base tier. The same type as base body text: a link stands out by color and underline, not by its type. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "base-subtitle": {
+    "subtitle-base": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.base-subtitle."
+        "$description": "font-family of font.subtitle-base."
       },
       "font-size": {
         "$value": "{font-size.md}",
-        "$description": "font-size of font.base-subtitle."
+        "$description": "font-size of font.subtitle-base."
       },
       "font-weight": {
         "$value": "{font-weight.bold}",
-        "$description": "font-weight of font.base-subtitle."
+        "$description": "font-weight of font.subtitle-base."
       },
       "line-height": {
         "$value": "{line-height.md}",
-        "$description": "line-height of font.base-subtitle."
+        "$description": "line-height of font.subtitle-base."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.base-subtitle."
+        "$description": "letter-spacing of font.subtitle-base."
       },
       "font": {
-        "$value": "{font.base-subtitle.font-weight} {font.base-subtitle.font-size} / {font.base-subtitle.line-height} {font.base-subtitle.font-family}",
+        "$value": "{font.subtitle-base.font-weight} {font.subtitle-base.font-size} / {font.subtitle-base.line-height} {font.subtitle-base.font-family}",
         "$description": "Subtitles in the base tier, the default UI and body text. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "base-trigger": {
+    "trigger-base": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.base-trigger."
+        "$description": "font-family of font.trigger-base."
       },
       "font-size": {
         "$value": "{font-size.md}",
-        "$description": "font-size of font.base-trigger."
+        "$description": "font-size of font.trigger-base."
       },
       "font-weight": {
         "$value": "{font-weight.medium}",
-        "$description": "font-weight of font.base-trigger."
+        "$description": "font-weight of font.trigger-base."
       },
       "line-height": {
         "$value": "{line-height.sm}",
-        "$description": "line-height of font.base-trigger."
+        "$description": "line-height of font.trigger-base."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.base-trigger."
+        "$description": "letter-spacing of font.trigger-base."
       },
       "font": {
-        "$value": "{font.base-trigger.font-weight} {font.base-trigger.font-size} / {font.base-trigger.line-height} {font.base-trigger.font-family}",
+        "$value": "{font.trigger-base.font-weight} {font.trigger-base.font-size} / {font.trigger-base.line-height} {font.trigger-base.font-family}",
         "$description": "Buttons and triggers in the base tier, the default UI and body text. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "code": {
+    "title-base": {
+      "font-family": {
+        "$value": "{font-family.display}",
+        "$description": "font-family of font.title-base."
+      },
+      "font-size": {
+        "$value": "{font-size.md}",
+        "$description": "font-size of font.title-base."
+      },
+      "font-weight": {
+        "$value": "{font-weight.semibold}",
+        "$description": "font-weight of font.title-base."
+      },
+      "line-height": {
+        "$value": "{line-height.md}",
+        "$description": "line-height of font.title-base."
+      },
+      "letter-spacing": {
+        "$value": "{letter-spacing.normal}",
+        "$description": "letter-spacing of font.title-base."
+      },
+      "font": {
+        "$value": "{font.title-base.font-weight} {font.title-base.font-size} / {font.title-base.line-height} {font.title-base.font-family}",
+        "$description": "Titles in the base tier: a toast, an accordion row, a list item heading. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing and text-transform are separate."
+      }
+    },
+    "code-condense": {
       "font-family": {
         "$value": "{font-family.mono}",
-        "$description": "font-family of font.code."
+        "$description": "font-family of font.code-condense."
       },
       "font-size": {
         "$value": "{font-size.sm}",
-        "$description": "font-size of font.code."
+        "$description": "font-size of font.code-condense."
       },
       "font-weight": {
         "$value": "{font-weight.normal}",
-        "$description": "font-weight of font.code."
+        "$description": "font-weight of font.code-condense."
       },
       "line-height": {
         "$value": "{line-height.sm}",
-        "$description": "line-height of font.code."
+        "$description": "line-height of font.code-condense."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.code."
+        "$description": "letter-spacing of font.code-condense."
       },
       "font": {
-        "$value": "{font.code.font-weight} {font.code.font-size} / {font.code.line-height} {font.code.font-family}",
+        "$value": "{font.code-condense.font-weight} {font.code-condense.font-size} / {font.code-condense.line-height} {font.code-condense.font-family}",
         "$description": "Code uses the mono family so characters line up. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "condense": {
+    "body-condense": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.condense."
+        "$description": "font-family of font.body-condense."
       },
       "font-size": {
         "$value": "{font-size.sm}",
-        "$description": "font-size of font.condense."
+        "$description": "font-size of font.body-condense."
       },
       "font-weight": {
         "$value": "{font-weight.normal}",
-        "$description": "font-weight of font.condense."
+        "$description": "font-weight of font.body-condense."
       },
       "line-height": {
         "$value": "{line-height.sm}",
-        "$description": "line-height of font.condense."
+        "$description": "line-height of font.body-condense."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.condense."
+        "$description": "letter-spacing of font.body-condense."
       },
       "font": {
-        "$value": "{font.condense.font-weight} {font.condense.font-size} / {font.condense.line-height} {font.condense.font-family}",
+        "$value": "{font.body-condense.font-weight} {font.body-condense.font-size} / {font.body-condense.line-height} {font.body-condense.font-family}",
         "$description": "Body copy in the condense tier, dense UI text (tables, secondary labels). As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "condense-trigger": {
+    "trigger-condense": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.condense-trigger."
+        "$description": "font-family of font.trigger-condense."
       },
       "font-size": {
         "$value": "{font-size.sm}",
-        "$description": "font-size of font.condense-trigger."
+        "$description": "font-size of font.trigger-condense."
       },
       "font-weight": {
         "$value": "{font-weight.medium}",
-        "$description": "font-weight of font.condense-trigger."
+        "$description": "font-weight of font.trigger-condense."
       },
       "line-height": {
         "$value": "{line-height.sm}",
-        "$description": "line-height of font.condense-trigger."
+        "$description": "line-height of font.trigger-condense."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.condense-trigger."
+        "$description": "letter-spacing of font.trigger-condense."
       },
       "font": {
-        "$value": "{font.condense-trigger.font-weight} {font.condense-trigger.font-size} / {font.condense-trigger.line-height} {font.condense-trigger.font-family}",
+        "$value": "{font.trigger-condense.font-weight} {font.trigger-condense.font-size} / {font.trigger-condense.line-height} {font.trigger-condense.font-family}",
         "$description": "Buttons and triggers in the condense tier (dense UI): condense body text at medium, like base-trigger one tier down. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "condense-selected": {
+    "selected-condense": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.condense-selected."
+        "$description": "font-family of font.selected-condense."
       },
       "font-size": {
         "$value": "{font-size.sm}",
-        "$description": "font-size of font.condense-selected."
+        "$description": "font-size of font.selected-condense."
       },
       "font-weight": {
         "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.condense-selected."
+        "$description": "font-weight of font.selected-condense."
       },
       "line-height": {
         "$value": "{line-height.sm}",
-        "$description": "line-height of font.condense-selected."
+        "$description": "line-height of font.selected-condense."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.condense-selected."
+        "$description": "letter-spacing of font.selected-condense."
       },
       "font": {
-        "$value": "{font.condense-selected.font-weight} {font.condense-selected.font-size} / {font.condense-selected.line-height} {font.condense-selected.font-family}",
+        "$value": "{font.selected-condense.font-weight} {font.selected-condense.font-size} / {font.selected-condense.line-height} {font.selected-condense.font-family}",
         "$description": "The selected or current item in the condense tier (dense UI text): selected tabs and toggles, the current nav item or page. Condense body text at semibold, so selection reads without changing size. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "condense-link": {
+    "link-condense": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.condense-link."
+        "$description": "font-family of font.link-condense."
       },
       "font-size": {
         "$value": "{font-size.sm}",
-        "$description": "font-size of font.condense-link."
+        "$description": "font-size of font.link-condense."
       },
       "font-weight": {
         "$value": "{font-weight.normal}",
-        "$description": "font-weight of font.condense-link."
+        "$description": "font-weight of font.link-condense."
       },
       "line-height": {
         "$value": "{line-height.sm}",
-        "$description": "line-height of font.condense-link."
+        "$description": "line-height of font.link-condense."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.condense-link."
+        "$description": "letter-spacing of font.link-condense."
       },
       "font": {
-        "$value": "{font.condense-link.font-weight} {font.condense-link.font-size} / {font.condense-link.line-height} {font.condense-link.font-family}",
+        "$value": "{font.link-condense.font-weight} {font.link-condense.font-size} / {font.link-condense.line-height} {font.link-condense.font-family}",
         "$description": "Links in the condense tier. The same type as condense body text: a link stands out by color and underline, not by its type. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "condense-subtitle": {
+    "subtitle-condense": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.condense-subtitle."
+        "$description": "font-family of font.subtitle-condense."
       },
       "font-size": {
         "$value": "{font-size.sm}",
-        "$description": "font-size of font.condense-subtitle."
+        "$description": "font-size of font.subtitle-condense."
       },
       "font-weight": {
         "$value": "{font-weight.bold}",
-        "$description": "font-weight of font.condense-subtitle."
+        "$description": "font-weight of font.subtitle-condense."
       },
       "line-height": {
         "$value": "{line-height.sm}",
-        "$description": "line-height of font.condense-subtitle."
+        "$description": "line-height of font.subtitle-condense."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.condense-subtitle."
+        "$description": "letter-spacing of font.subtitle-condense."
       },
       "font": {
-        "$value": "{font.condense-subtitle.font-weight} {font.condense-subtitle.font-size} / {font.condense-subtitle.line-height} {font.condense-subtitle.font-family}",
+        "$value": "{font.subtitle-condense.font-weight} {font.subtitle-condense.font-size} / {font.subtitle-condense.line-height} {font.subtitle-condense.font-family}",
         "$description": "Subtitles in the condense tier, dense UI text (tables, secondary labels). As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "condense-subtitle-label": {
+    "eyebrow-condense": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.condense-subtitle-label."
+        "$description": "font-family of font.eyebrow-condense."
       },
       "font-size": {
         "$value": "{font-size.sm}",
-        "$description": "font-size of font.condense-subtitle-label."
+        "$description": "font-size of font.eyebrow-condense."
       },
       "font-weight": {
         "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.condense-subtitle-label."
+        "$description": "font-weight of font.eyebrow-condense."
       },
       "line-height": {
         "$value": "{line-height.sm}",
-        "$description": "line-height of font.condense-subtitle-label."
+        "$description": "line-height of font.eyebrow-condense."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.wider}",
-        "$description": "letter-spacing of font.condense-subtitle-label."
+        "$description": "letter-spacing of font.eyebrow-condense."
       },
       "text-transform": {
         "$value": "uppercase",
-        "$description": "text-transform of font.condense-subtitle-label."
+        "$description": "text-transform of font.eyebrow-condense."
       },
       "font": {
-        "$value": "{font.condense-subtitle-label.font-weight} {font.condense-subtitle-label.font-size} / {font.condense-subtitle-label.line-height} {font.condense-subtitle-label.font-family}",
+        "$value": "{font.eyebrow-condense.font-weight} {font.eyebrow-condense.font-size} / {font.eyebrow-condense.line-height} {font.eyebrow-condense.font-family}",
         "$description": "Small uppercase eyebrow labels in the condense tier, dense UI text (tables, secondary labels). As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "magnify": {
+    "title-condense": {
+      "font-family": {
+        "$value": "{font-family.display}",
+        "$description": "font-family of font.title-condense."
+      },
+      "font-size": {
+        "$value": "{font-size.sm}",
+        "$description": "font-size of font.title-condense."
+      },
+      "font-weight": {
+        "$value": "{font-weight.semibold}",
+        "$description": "font-weight of font.title-condense."
+      },
+      "line-height": {
+        "$value": "{line-height.sm}",
+        "$description": "line-height of font.title-condense."
+      },
+      "letter-spacing": {
+        "$value": "{letter-spacing.normal}",
+        "$description": "letter-spacing of font.title-condense."
+      },
+      "font": {
+        "$value": "{font.title-condense.font-weight} {font.title-condense.font-size} / {font.title-condense.line-height} {font.title-condense.font-family}",
+        "$description": "Titles in the condense tier: group headers in tables, menus and dense panels. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing and text-transform are separate."
+      }
+    },
+    "body-magnify": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.magnify."
+        "$description": "font-family of font.body-magnify."
       },
       "font-size": {
         "$value": "{font-size.lg}",
-        "$description": "font-size of font.magnify."
+        "$description": "font-size of font.body-magnify."
       },
       "font-weight": {
         "$value": "{font-weight.normal}",
-        "$description": "font-weight of font.magnify."
+        "$description": "font-weight of font.body-magnify."
       },
       "line-height": {
         "$value": "{line-height.md}",
-        "$description": "line-height of font.magnify."
+        "$description": "line-height of font.body-magnify."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.magnify."
+        "$description": "letter-spacing of font.body-magnify."
       },
       "font": {
-        "$value": "{font.magnify.font-weight} {font.magnify.font-size} / {font.magnify.line-height} {font.magnify.font-family}",
+        "$value": "{font.body-magnify.font-weight} {font.body-magnify.font-size} / {font.body-magnify.line-height} {font.body-magnify.font-family}",
         "$description": "Body copy in the magnify tier, emphasized body text (lead paragraphs). As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "magnify-trigger": {
+    "trigger-magnify": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.magnify-trigger."
+        "$description": "font-family of font.trigger-magnify."
       },
       "font-size": {
         "$value": "{font-size.lg}",
-        "$description": "font-size of font.magnify-trigger."
+        "$description": "font-size of font.trigger-magnify."
       },
       "font-weight": {
         "$value": "{font-weight.medium}",
-        "$description": "font-weight of font.magnify-trigger."
+        "$description": "font-weight of font.trigger-magnify."
       },
       "line-height": {
         "$value": "{line-height.md}",
-        "$description": "line-height of font.magnify-trigger."
+        "$description": "line-height of font.trigger-magnify."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.magnify-trigger."
+        "$description": "letter-spacing of font.trigger-magnify."
       },
       "font": {
-        "$value": "{font.magnify-trigger.font-weight} {font.magnify-trigger.font-size} / {font.magnify-trigger.line-height} {font.magnify-trigger.font-family}",
+        "$value": "{font.trigger-magnify.font-weight} {font.trigger-magnify.font-size} / {font.trigger-magnify.line-height} {font.trigger-magnify.font-family}",
         "$description": "Buttons and triggers in the magnify tier (emphasized, larger UI): magnify body text at medium, like base-trigger one tier up. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "minimize": {
+    "title-magnify": {
+      "font-family": {
+        "$value": "{font-family.display}",
+        "$description": "font-family of font.title-magnify."
+      },
+      "font-size": {
+        "$value": "{font-size.lg}",
+        "$description": "font-size of font.title-magnify."
+      },
+      "font-weight": {
+        "$value": "{font-weight.semibold}",
+        "$description": "font-weight of font.title-magnify."
+      },
+      "line-height": {
+        "$value": "{line-height.md}",
+        "$description": "line-height of font.title-magnify."
+      },
+      "letter-spacing": {
+        "$value": "{letter-spacing.normal}",
+        "$description": "letter-spacing of font.title-magnify."
+      },
+      "font": {
+        "$value": "{font.title-magnify.font-weight} {font.title-magnify.font-size} / {font.title-magnify.line-height} {font.title-magnify.font-family}",
+        "$description": "Titles in the magnify tier: popovers, cards and fieldsets. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing and text-transform are separate."
+      }
+    },
+    "body-minimize": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.minimize."
+        "$description": "font-family of font.body-minimize."
       },
       "font-size": {
         "$value": "{font-size.xs}",
-        "$description": "font-size of font.minimize."
+        "$description": "font-size of font.body-minimize."
       },
       "font-weight": {
         "$value": "{font-weight.normal}",
-        "$description": "font-weight of font.minimize."
+        "$description": "font-weight of font.body-minimize."
       },
       "line-height": {
         "$value": "{line-height.xs}",
-        "$description": "line-height of font.minimize."
+        "$description": "line-height of font.body-minimize."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.minimize."
+        "$description": "letter-spacing of font.body-minimize."
       },
       "font": {
-        "$value": "{font.minimize.font-weight} {font.minimize.font-size} / {font.minimize.line-height} {font.minimize.font-family}",
+        "$value": "{font.body-minimize.font-weight} {font.body-minimize.font-size} / {font.body-minimize.line-height} {font.body-minimize.font-family}",
         "$description": "Body copy in the minimize tier, the smallest functional text (captions, fine print). As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "minimize-trigger": {
+    "trigger-minimize": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.minimize-trigger."
+        "$description": "font-family of font.trigger-minimize."
       },
       "font-size": {
         "$value": "{font-size.xs}",
-        "$description": "font-size of font.minimize-trigger."
+        "$description": "font-size of font.trigger-minimize."
       },
       "font-weight": {
         "$value": "{font-weight.medium}",
-        "$description": "font-weight of font.minimize-trigger."
+        "$description": "font-weight of font.trigger-minimize."
       },
       "line-height": {
         "$value": "{line-height.xs}",
-        "$description": "line-height of font.minimize-trigger."
+        "$description": "line-height of font.trigger-minimize."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.minimize-trigger."
+        "$description": "letter-spacing of font.trigger-minimize."
       },
       "font": {
-        "$value": "{font.minimize-trigger.font-weight} {font.minimize-trigger.font-size} / {font.minimize-trigger.line-height} {font.minimize-trigger.font-family}",
+        "$value": "{font.trigger-minimize.font-weight} {font.trigger-minimize.font-size} / {font.trigger-minimize.line-height} {font.trigger-minimize.font-family}",
         "$description": "Buttons and triggers in the minimize tier (the smallest UI): minimize body text at medium, like base-trigger one tier down. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "minimize-selected": {
+    "selected-minimize": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.minimize-selected."
+        "$description": "font-family of font.selected-minimize."
       },
       "font-size": {
         "$value": "{font-size.xs}",
-        "$description": "font-size of font.minimize-selected."
+        "$description": "font-size of font.selected-minimize."
       },
       "font-weight": {
         "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.minimize-selected."
+        "$description": "font-weight of font.selected-minimize."
       },
       "line-height": {
         "$value": "{line-height.xs}",
-        "$description": "line-height of font.minimize-selected."
+        "$description": "line-height of font.selected-minimize."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.minimize-selected."
+        "$description": "letter-spacing of font.selected-minimize."
       },
       "font": {
-        "$value": "{font.minimize-selected.font-weight} {font.minimize-selected.font-size} / {font.minimize-selected.line-height} {font.minimize-selected.font-family}",
+        "$value": "{font.selected-minimize.font-weight} {font.selected-minimize.font-size} / {font.selected-minimize.line-height} {font.selected-minimize.font-family}",
         "$description": "The selected or current item in the minimize tier (the smallest functional text): selected tabs and toggles, the current nav item or page. Minimize body text at semibold, so selection reads without changing size. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "minimize-link": {
+    "link-minimize": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.minimize-link."
+        "$description": "font-family of font.link-minimize."
       },
       "font-size": {
         "$value": "{font-size.xs}",
-        "$description": "font-size of font.minimize-link."
+        "$description": "font-size of font.link-minimize."
       },
       "font-weight": {
         "$value": "{font-weight.normal}",
-        "$description": "font-weight of font.minimize-link."
+        "$description": "font-weight of font.link-minimize."
       },
       "line-height": {
         "$value": "{line-height.xs}",
-        "$description": "line-height of font.minimize-link."
+        "$description": "line-height of font.link-minimize."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.minimize-link."
+        "$description": "letter-spacing of font.link-minimize."
       },
       "font": {
-        "$value": "{font.minimize-link.font-weight} {font.minimize-link.font-size} / {font.minimize-link.line-height} {font.minimize-link.font-family}",
+        "$value": "{font.link-minimize.font-weight} {font.link-minimize.font-size} / {font.link-minimize.line-height} {font.link-minimize.font-family}",
         "$description": "Links in the minimize tier. The same type as minimize body text: a link stands out by color and underline, not by its type. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "minimize-subtitle": {
+    "subtitle-minimize": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.minimize-subtitle."
+        "$description": "font-family of font.subtitle-minimize."
       },
       "font-size": {
         "$value": "{font-size.xs}",
-        "$description": "font-size of font.minimize-subtitle."
+        "$description": "font-size of font.subtitle-minimize."
       },
       "font-weight": {
         "$value": "{font-weight.bold}",
-        "$description": "font-weight of font.minimize-subtitle."
+        "$description": "font-weight of font.subtitle-minimize."
       },
       "line-height": {
         "$value": "{line-height.xs}",
-        "$description": "line-height of font.minimize-subtitle."
+        "$description": "line-height of font.subtitle-minimize."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.minimize-subtitle."
+        "$description": "letter-spacing of font.subtitle-minimize."
       },
       "font": {
-        "$value": "{font.minimize-subtitle.font-weight} {font.minimize-subtitle.font-size} / {font.minimize-subtitle.line-height} {font.minimize-subtitle.font-family}",
+        "$value": "{font.subtitle-minimize.font-weight} {font.subtitle-minimize.font-size} / {font.subtitle-minimize.line-height} {font.subtitle-minimize.font-family}",
         "$description": "Subtitles in the minimize tier, the smallest functional text (captions, fine print). As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "minimize-subtitle-label": {
+    "eyebrow-minimize": {
       "font-family": {
         "$value": "{font-family.body}",
-        "$description": "font-family of font.minimize-subtitle-label."
+        "$description": "font-family of font.eyebrow-minimize."
       },
       "font-size": {
         "$value": "{font-size.xs}",
-        "$description": "font-size of font.minimize-subtitle-label."
+        "$description": "font-size of font.eyebrow-minimize."
       },
       "font-weight": {
         "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.minimize-subtitle-label."
+        "$description": "font-weight of font.eyebrow-minimize."
       },
       "line-height": {
         "$value": "{line-height.xs}",
-        "$description": "line-height of font.minimize-subtitle-label."
+        "$description": "line-height of font.eyebrow-minimize."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.widest}",
-        "$description": "letter-spacing of font.minimize-subtitle-label."
+        "$description": "letter-spacing of font.eyebrow-minimize."
       },
       "text-transform": {
         "$value": "uppercase",
-        "$description": "text-transform of font.minimize-subtitle-label."
+        "$description": "text-transform of font.eyebrow-minimize."
       },
       "font": {
-        "$value": "{font.minimize-subtitle-label.font-weight} {font.minimize-subtitle-label.font-size} / {font.minimize-subtitle-label.line-height} {font.minimize-subtitle-label.font-family}",
+        "$value": "{font.eyebrow-minimize.font-weight} {font.eyebrow-minimize.font-size} / {font.eyebrow-minimize.line-height} {font.eyebrow-minimize.font-family}",
         "$description": "Small uppercase eyebrow labels in the minimize tier, the smallest functional text (captions, fine print). As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "maximize-2xl": {
+    "title-amplify": {
       "font-family": {
         "$value": "{font-family.display}",
-        "$description": "font-family of font.maximize-2xl."
+        "$description": "font-family of font.title-amplify."
       },
       "font-size": {
         "$value": "{font-size.2xl}",
-        "$description": "font-size of font.maximize-2xl."
+        "$description": "font-size of font.title-amplify."
       },
       "font-weight": {
         "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.maximize-2xl."
+        "$description": "font-weight of font.title-amplify."
       },
       "line-height": {
         "$value": "{line-height.2xl}",
-        "$description": "line-height of font.maximize-2xl."
-      },
-      "letter-spacing": {
-        "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.maximize-2xl."
-      },
-      "font": {
-        "$value": "{font.maximize-2xl.font-weight} {font.maximize-2xl.font-size} / {font.maximize-2xl.line-height} {font.maximize-2xl.font-family}",
-        "$description": "Display text at 2xl, for headings and hero copy. As a font shorthand; letter-spacing and text-transform are separate."
-      }
-    },
-    "maximize-3xl": {
-      "font-family": {
-        "$value": "{font-family.display}",
-        "$description": "font-family of font.maximize-3xl."
-      },
-      "font-size": {
-        "$value": "{font-size.3xl}",
-        "$description": "font-size of font.maximize-3xl."
-      },
-      "font-weight": {
-        "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.maximize-3xl."
-      },
-      "line-height": {
-        "$value": "{line-height.3xl}",
-        "$description": "line-height of font.maximize-3xl."
+        "$description": "line-height of font.title-amplify."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.maximize-3xl."
+        "$description": "letter-spacing of font.title-amplify."
       },
       "font": {
-        "$value": "{font.maximize-3xl.font-weight} {font.maximize-3xl.font-size} / {font.maximize-3xl.line-height} {font.maximize-3xl.font-family}",
-        "$description": "Display text at 3xl, for headings and hero copy. As a font shorthand; letter-spacing and text-transform are separate."
+        "$value": "{font.title-amplify.font-weight} {font.title-amplify.font-size} / {font.title-amplify.line-height} {font.title-amplify.font-family}",
+        "$description": "Titles in the amplify tier: dialogs, drawers and page sections. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing and text-transform are separate."
       }
     },
-    "maximize-4xl": {
+    "title-maximize": {
       "font-family": {
         "$value": "{font-family.display}",
-        "$description": "font-family of font.maximize-4xl."
+        "$description": "font-family of font.title-maximize."
       },
       "font-size": {
         "$value": "{font-size.4xl}",
-        "$description": "font-size of font.maximize-4xl."
+        "$description": "font-size of font.title-maximize."
       },
       "font-weight": {
         "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.maximize-4xl."
+        "$description": "font-weight of font.title-maximize."
       },
       "line-height": {
         "$value": "{line-height.4xl}",
-        "$description": "line-height of font.maximize-4xl."
+        "$description": "line-height of font.title-maximize."
       },
       "letter-spacing": {
         "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.maximize-4xl."
+        "$description": "letter-spacing of font.title-maximize."
       },
       "font": {
-        "$value": "{font.maximize-4xl.font-weight} {font.maximize-4xl.font-size} / {font.maximize-4xl.line-height} {font.maximize-4xl.font-family}",
-        "$description": "Display text at 4xl, for headings and hero copy. As a font shorthand; letter-spacing and text-transform are separate."
-      }
-    },
-    "maximize-lg": {
-      "font-family": {
-        "$value": "{font-family.display}",
-        "$description": "font-family of font.maximize-lg."
-      },
-      "font-size": {
-        "$value": "{font-size.lg}",
-        "$description": "font-size of font.maximize-lg."
-      },
-      "font-weight": {
-        "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.maximize-lg."
-      },
-      "line-height": {
-        "$value": "{line-height.md}",
-        "$description": "line-height of font.maximize-lg."
-      },
-      "letter-spacing": {
-        "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.maximize-lg."
-      },
-      "font": {
-        "$value": "{font.maximize-lg.font-weight} {font.maximize-lg.font-size} / {font.maximize-lg.line-height} {font.maximize-lg.font-family}",
-        "$description": "Display text at lg, for headings and hero copy. As a font shorthand; letter-spacing and text-transform are separate."
-      }
-    },
-    "maximize-md": {
-      "font-family": {
-        "$value": "{font-family.display}",
-        "$description": "font-family of font.maximize-md."
-      },
-      "font-size": {
-        "$value": "{font-size.md}",
-        "$description": "font-size of font.maximize-md."
-      },
-      "font-weight": {
-        "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.maximize-md."
-      },
-      "line-height": {
-        "$value": "{line-height.md}",
-        "$description": "line-height of font.maximize-md."
-      },
-      "letter-spacing": {
-        "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.maximize-md."
-      },
-      "font": {
-        "$value": "{font.maximize-md.font-weight} {font.maximize-md.font-size} / {font.maximize-md.line-height} {font.maximize-md.font-family}",
-        "$description": "Display text at md, for headings and hero copy. As a font shorthand; letter-spacing and text-transform are separate."
-      }
-    },
-    "maximize-sm": {
-      "font-family": {
-        "$value": "{font-family.display}",
-        "$description": "font-family of font.maximize-sm."
-      },
-      "font-size": {
-        "$value": "{font-size.sm}",
-        "$description": "font-size of font.maximize-sm."
-      },
-      "font-weight": {
-        "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.maximize-sm."
-      },
-      "line-height": {
-        "$value": "{line-height.sm}",
-        "$description": "line-height of font.maximize-sm."
-      },
-      "letter-spacing": {
-        "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.maximize-sm."
-      },
-      "font": {
-        "$value": "{font.maximize-sm.font-weight} {font.maximize-sm.font-size} / {font.maximize-sm.line-height} {font.maximize-sm.font-family}",
-        "$description": "Display text at sm, for headings and hero copy. As a font shorthand; letter-spacing and text-transform are separate."
-      }
-    },
-    "maximize-xl": {
-      "font-family": {
-        "$value": "{font-family.display}",
-        "$description": "font-family of font.maximize-xl."
-      },
-      "font-size": {
-        "$value": "{font-size.xl}",
-        "$description": "font-size of font.maximize-xl."
-      },
-      "font-weight": {
-        "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.maximize-xl."
-      },
-      "line-height": {
-        "$value": "{line-height.md}",
-        "$description": "line-height of font.maximize-xl."
-      },
-      "letter-spacing": {
-        "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.maximize-xl."
-      },
-      "font": {
-        "$value": "{font.maximize-xl.font-weight} {font.maximize-xl.font-size} / {font.maximize-xl.line-height} {font.maximize-xl.font-family}",
-        "$description": "Display text at xl, for headings and hero copy. As a font shorthand; letter-spacing and text-transform are separate."
-      }
-    },
-    "maximize-xs": {
-      "font-family": {
-        "$value": "{font-family.display}",
-        "$description": "font-family of font.maximize-xs."
-      },
-      "font-size": {
-        "$value": "{font-size.xs}",
-        "$description": "font-size of font.maximize-xs."
-      },
-      "font-weight": {
-        "$value": "{font-weight.semibold}",
-        "$description": "font-weight of font.maximize-xs."
-      },
-      "line-height": {
-        "$value": "{line-height.xs}",
-        "$description": "line-height of font.maximize-xs."
-      },
-      "letter-spacing": {
-        "$value": "{letter-spacing.normal}",
-        "$description": "letter-spacing of font.maximize-xs."
-      },
-      "font": {
-        "$value": "{font.maximize-xs.font-weight} {font.maximize-xs.font-size} / {font.maximize-xs.line-height} {font.maximize-xs.font-family}",
-        "$description": "Display text at xs, for headings and hero copy. As a font shorthand; letter-spacing and text-transform are separate."
+        "$value": "{font.title-maximize.font-weight} {font.title-maximize.font-size} / {font.title-maximize.line-height} {font.title-maximize.font-family}",
+        "$description": "Titles in the maximize tier: the page head. Titles use the display family; the tier sets the size. As a font shorthand; letter-spacing and text-transform are separate."
       }
     }
   },
@@ -8701,128 +9066,128 @@
       "bg": {
         "$type": "color",
         "$value": "{scope.accent.solid}",
-        "$description": "bold: solid in accent (primary)"
+        "$description": "bold in default: solid in accent (primary)"
       },
       "bg-hover": {
         "$type": "color",
         "$value": "{scope.accent.solid-hover}",
-        "$description": "bold: solid in accent (primary)"
+        "$description": "bold in default: solid in accent (primary)"
       },
       "bg-active": {
         "$type": "color",
         "$value": "{scope.accent.solid-active}",
-        "$description": "bold: solid in accent (primary)"
+        "$description": "bold in default: solid in accent (primary)"
       },
       "fg": {
         "$type": "color",
         "$value": "{scope.accent.on-solid}",
-        "$description": "bold: solid in accent (primary)"
+        "$description": "bold in default: solid in accent (primary)"
       },
       "border": {
         "$type": "color",
         "$value": "{scope.accent.solid}",
-        "$description": "bold: solid in accent (primary)"
+        "$description": "bold in default: solid in accent (primary)"
       },
       "border-hover": {
         "$type": "color",
         "$value": "{scope.accent.solid-hover}",
-        "$description": "bold: solid in accent (primary)"
+        "$description": "bold in default: solid in accent (primary)"
       }
     },
     "standard": {
       "bg": {
         "$type": "color",
         "$value": "transparent",
-        "$description": "standard: outline in accent (primary)"
+        "$description": "standard in default: outline in accent (primary)"
       },
       "bg-hover": {
         "$type": "color",
         "$value": "{scope.accent.soft}",
-        "$description": "standard: outline in accent (primary)"
+        "$description": "standard in default: outline in accent (primary)"
       },
       "bg-active": {
         "$type": "color",
         "$value": "{scope.accent.soft-hover}",
-        "$description": "standard: outline in accent (primary)"
+        "$description": "standard in default: outline in accent (primary)"
       },
       "fg": {
         "$type": "color",
         "$value": "{scope.accent.fg}",
-        "$description": "standard: outline in accent (primary)"
+        "$description": "standard in default: outline in accent (primary)"
       },
       "border": {
         "$type": "color",
         "$value": "{scope.accent.border}",
-        "$description": "standard: outline in accent (primary)"
+        "$description": "standard in default: outline in accent (primary)"
       },
       "border-hover": {
         "$type": "color",
         "$value": "{scope.accent.solid-hover}",
-        "$description": "standard: outline in accent (primary)"
+        "$description": "standard in default: outline in accent (primary)"
       }
     },
     "subtle": {
       "bg": {
         "$type": "color",
         "$value": "{scope.chrome.soft}",
-        "$description": "subtle: soft in chrome (neutral)"
+        "$description": "subtle in default: soft in chrome (neutral)"
       },
       "bg-hover": {
         "$type": "color",
         "$value": "{scope.chrome.soft-hover}",
-        "$description": "subtle: soft in chrome (neutral)"
+        "$description": "subtle in default: soft in chrome (neutral)"
       },
       "bg-active": {
         "$type": "color",
         "$value": "{scope.chrome.soft-active}",
-        "$description": "subtle: soft in chrome (neutral)"
+        "$description": "subtle in default: soft in chrome (neutral)"
       },
       "fg": {
         "$type": "color",
         "$value": "{scope.chrome.on-soft}",
-        "$description": "subtle: soft in chrome (neutral)"
+        "$description": "subtle in default: soft in chrome (neutral)"
       },
       "border": {
         "$type": "color",
         "$value": "{scope.chrome.soft}",
-        "$description": "subtle: soft in chrome (neutral)"
+        "$description": "subtle in default: soft in chrome (neutral)"
       },
       "border-hover": {
         "$type": "color",
         "$value": "{scope.chrome.soft-hover}",
-        "$description": "subtle: soft in chrome (neutral)"
+        "$description": "subtle in default: soft in chrome (neutral)"
       }
     },
     "quiet": {
       "bg": {
         "$type": "color",
         "$value": "transparent",
-        "$description": "quiet: outline in chrome (neutral)"
+        "$description": "quiet in default: outline in chrome (neutral)"
       },
       "bg-hover": {
         "$type": "color",
         "$value": "{scope.chrome.soft}",
-        "$description": "quiet: outline in chrome (neutral)"
+        "$description": "quiet in default: outline in chrome (neutral)"
       },
       "bg-active": {
         "$type": "color",
         "$value": "{scope.chrome.soft-hover}",
-        "$description": "quiet: outline in chrome (neutral)"
+        "$description": "quiet in default: outline in chrome (neutral)"
       },
       "fg": {
         "$type": "color",
         "$value": "{scope.chrome.fg}",
-        "$description": "quiet: outline in chrome (neutral)"
+        "$description": "quiet in default: outline in chrome (neutral)"
       },
       "border": {
         "$type": "color",
         "$value": "{scope.chrome.border}",
-        "$description": "quiet: outline in chrome (neutral)"
+        "$description": "quiet in default: outline in chrome (neutral)"
       },
       "border-hover": {
         "$type": "color",
         "$value": "{scope.chrome.solid-hover}",
-        "$description": "quiet: outline in chrome (neutral)"
+        "$description": "quiet in default: outline in chrome (neutral)"
       }
     }
   },
@@ -8867,6 +9232,16 @@
         "$type": "color",
         "$value": "color-mix(in oklab, {pair.ember-dune.fg} 6%, {pair.ember-dune.bg})",
         "$description": "Inset background for code: fg 6% into bg. fg on it is 5.22:1."
+      },
+      "bg-hover": {
+        "$type": "color",
+        "$value": "color-mix(in oklab, {pair.ember-dune.fg} 8%, {pair.ember-dune.bg})",
+        "$description": "Background on hover, when the pair paints a control: fg 8% into bg. fg on it is 4.99:1."
+      },
+      "bg-active": {
+        "$type": "color",
+        "$value": "{pair.ember-dune.bg-hover}",
+        "$description": "Background while pressed, when the pair paints a control: bg-hover itself, because a stronger tint would drop text below AA."
       }
     },
     "mirage-deep": {
@@ -8909,6 +9284,16 @@
         "$type": "color",
         "$value": "color-mix(in oklab, {pair.mirage-deep.fg} 6%, {pair.mirage-deep.bg})",
         "$description": "Inset background for code: fg 6% into bg. fg on it is 11.48:1."
+      },
+      "bg-hover": {
+        "$type": "color",
+        "$value": "color-mix(in oklab, {pair.mirage-deep.fg} 8%, {pair.mirage-deep.bg})",
+        "$description": "Background on hover, when the pair paints a control: fg 8% into bg. fg on it is 10.86:1."
+      },
+      "bg-active": {
+        "$type": "color",
+        "$value": "color-mix(in oklab, {pair.mirage-deep.fg} 15%, {pair.mirage-deep.bg})",
+        "$description": "Background while pressed, when the pair paints a control: fg 15% into bg. fg on it is 8.98:1."
       }
     },
     "stone-soft": {
@@ -8971,6 +9356,16 @@
         "$type": "color",
         "$value": "color-mix(in oklab, {pair.stone-soft.fg} 6%, {pair.stone-soft.bg})",
         "$description": "Inset background for code: fg 6% into bg. fg on it is 13.97:1."
+      },
+      "bg-hover": {
+        "$type": "color",
+        "$value": "color-mix(in oklab, {pair.stone-soft.fg} 8%, {pair.stone-soft.bg})",
+        "$description": "Background on hover, when the pair paints a control: fg 8% into bg. fg on it is 13.34:1."
+      },
+      "bg-active": {
+        "$type": "color",
+        "$value": "color-mix(in oklab, {pair.stone-soft.fg} 15%, {pair.stone-soft.bg})",
+        "$description": "Background while pressed, when the pair paints a control: fg 15% into bg. fg on it is 11.31:1."
       }
     }
   },
@@ -9145,14 +9540,24 @@
       "fg-tertiary": {
         "$type": "color",
         "$value": "{color.neutral.900}",
-        "$description": "neutral fg-tertiary: 900 in light, 400 in dark",
+        "$description": "neutral fg-tertiary: 900 in light, 600 in dark",
         "$extensions": {
           "sl.modes": {
-            "dark": "{color.neutral.400}",
+            "dark": "{color.neutral.600}",
             "contrast-more": "{color.neutral.1000}"
           }
         }
       },
+      "fg-disabled": {
+        "$type": "color",
+        "$value": "{color.neutral.500}",
+        "$description": "neutral fg-disabled: 500 in light, 900 in dark",
+        "$extensions": {
+          "sl.modes": {
+            "dark": "{color.neutral.900}"
+          }
+        }
+      },
       "focus": {
         "$type": "color",
         "$value": "{color.neutral.800}",
@@ -9186,10 +9591,10 @@
       "overlay": {
         "$type": "color",
         "$value": "{color.neutral.100}",
-        "$description": "neutral overlay: 100 in light, 1000 in dark",
+        "$description": "neutral overlay: 100 in light, 1100 in dark",
         "$extensions": {
           "sl.modes": {
-            "dark": "{color.neutral.1000}"
+            "dark": "{color.neutral.1100}"
           }
         }
       },
@@ -9206,10 +9611,10 @@
       "tray": {
         "$type": "color",
         "$value": "{color.neutral.50}",
-        "$description": "neutral tray: 50 in light, 1000 in dark",
+        "$description": "neutral tray: 50 in light, 1100 in dark",
         "$extensions": {
           "sl.modes": {
-            "dark": "{color.neutral.1000}"
+            "dark": "{color.neutral.1100}"
           }
         }
       },
@@ -10628,6 +11033,11 @@
         "$value": "{scope.neutral.fg-tertiary}",
         "$description": "The chrome role is neutral."
       },
+      "fg-disabled": {
+        "$type": "color",
+        "$value": "{scope.neutral.fg-disabled}",
+        "$description": "The chrome role is neutral."
+      },
       "focus": {
         "$type": "color",
         "$value": "{scope.neutral.focus}",
@@ -10675,6 +11085,658 @@
       }
     }
   },
+  "status-level": {
+    "default": {
+      "bold": {
+        "bg": {
+          "$type": "color",
+          "$value": "{scope.accent.solid}",
+          "$description": "bold in default: solid in accent (primary)"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.accent.solid-hover}",
+          "$description": "bold in default: solid in accent (primary)"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.accent.solid-active}",
+          "$description": "bold in default: solid in accent (primary)"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.accent.on-solid}",
+          "$description": "bold in default: solid in accent (primary)"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.accent.solid}",
+          "$description": "bold in default: solid in accent (primary)"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.accent.solid-hover}",
+          "$description": "bold in default: solid in accent (primary)"
+        }
+      },
+      "standard": {
+        "bg": {
+          "$type": "color",
+          "$value": "transparent",
+          "$description": "standard in default: outline in accent (primary)"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.accent.soft}",
+          "$description": "standard in default: outline in accent (primary)"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.accent.soft-hover}",
+          "$description": "standard in default: outline in accent (primary)"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.accent.fg}",
+          "$description": "standard in default: outline in accent (primary)"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.accent.border}",
+          "$description": "standard in default: outline in accent (primary)"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.accent.solid-hover}",
+          "$description": "standard in default: outline in accent (primary)"
+        }
+      },
+      "subtle": {
+        "bg": {
+          "$type": "color",
+          "$value": "{scope.chrome.soft}",
+          "$description": "subtle in default: soft in chrome (neutral)"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.chrome.soft-hover}",
+          "$description": "subtle in default: soft in chrome (neutral)"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.chrome.soft-active}",
+          "$description": "subtle in default: soft in chrome (neutral)"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.chrome.on-soft}",
+          "$description": "subtle in default: soft in chrome (neutral)"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.chrome.soft}",
+          "$description": "subtle in default: soft in chrome (neutral)"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.chrome.soft-hover}",
+          "$description": "subtle in default: soft in chrome (neutral)"
+        }
+      },
+      "quiet": {
+        "bg": {
+          "$type": "color",
+          "$value": "transparent",
+          "$description": "quiet in default: outline in chrome (neutral)"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.chrome.soft}",
+          "$description": "quiet in default: outline in chrome (neutral)"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.chrome.soft-hover}",
+          "$description": "quiet in default: outline in chrome (neutral)"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.chrome.fg}",
+          "$description": "quiet in default: outline in chrome (neutral)"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.chrome.border}",
+          "$description": "quiet in default: outline in chrome (neutral)"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.chrome.solid-hover}",
+          "$description": "quiet in default: outline in chrome (neutral)"
+        }
+      }
+    },
+    "info": {
+      "bold": {
+        "bg": {
+          "$type": "color",
+          "$value": "{scope.info.solid}",
+          "$description": "bold in info: solid in info"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.info.solid-hover}",
+          "$description": "bold in info: solid in info"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.info.solid-active}",
+          "$description": "bold in info: solid in info"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.info.on-solid}",
+          "$description": "bold in info: solid in info"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.info.solid}",
+          "$description": "bold in info: solid in info"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.info.solid-hover}",
+          "$description": "bold in info: solid in info"
+        }
+      },
+      "standard": {
+        "bg": {
+          "$type": "color",
+          "$value": "transparent",
+          "$description": "standard in info: outline in info"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.info.soft}",
+          "$description": "standard in info: outline in info"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.info.soft-hover}",
+          "$description": "standard in info: outline in info"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.info.fg}",
+          "$description": "standard in info: outline in info"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.info.border}",
+          "$description": "standard in info: outline in info"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.info.solid-hover}",
+          "$description": "standard in info: outline in info"
+        }
+      },
+      "subtle": {
+        "bg": {
+          "$type": "color",
+          "$value": "{scope.info.soft}",
+          "$description": "subtle in info: soft in info"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.info.soft-hover}",
+          "$description": "subtle in info: soft in info"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.info.soft-active}",
+          "$description": "subtle in info: soft in info"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.info.on-soft}",
+          "$description": "subtle in info: soft in info"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.info.soft}",
+          "$description": "subtle in info: soft in info"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.info.soft-hover}",
+          "$description": "subtle in info: soft in info"
+        }
+      },
+      "quiet": {
+        "bg": {
+          "$type": "color",
+          "$value": "transparent",
+          "$description": "quiet in info: outline in info"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.info.soft}",
+          "$description": "quiet in info: outline in info"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.info.soft-hover}",
+          "$description": "quiet in info: outline in info"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.info.fg}",
+          "$description": "quiet in info: outline in info"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.info.border}",
+          "$description": "quiet in info: outline in info"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.info.solid-hover}",
+          "$description": "quiet in info: outline in info"
+        }
+      }
+    },
+    "success": {
+      "bold": {
+        "bg": {
+          "$type": "color",
+          "$value": "{scope.success.solid}",
+          "$description": "bold in success: solid in success"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.success.solid-hover}",
+          "$description": "bold in success: solid in success"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.success.solid-active}",
+          "$description": "bold in success: solid in success"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.success.on-solid}",
+          "$description": "bold in success: solid in success"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.success.solid}",
+          "$description": "bold in success: solid in success"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.success.solid-hover}",
+          "$description": "bold in success: solid in success"
+        }
+      },
+      "standard": {
+        "bg": {
+          "$type": "color",
+          "$value": "transparent",
+          "$description": "standard in success: outline in success"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.success.soft}",
+          "$description": "standard in success: outline in success"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.success.soft-hover}",
+          "$description": "standard in success: outline in success"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.success.fg}",
+          "$description": "standard in success: outline in success"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.success.border}",
+          "$description": "standard in success: outline in success"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.success.solid-hover}",
+          "$description": "standard in success: outline in success"
+        }
+      },
+      "subtle": {
+        "bg": {
+          "$type": "color",
+          "$value": "{scope.success.soft}",
+          "$description": "subtle in success: soft in success"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.success.soft-hover}",
+          "$description": "subtle in success: soft in success"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.success.soft-active}",
+          "$description": "subtle in success: soft in success"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.success.on-soft}",
+          "$description": "subtle in success: soft in success"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.success.soft}",
+          "$description": "subtle in success: soft in success"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.success.soft-hover}",
+          "$description": "subtle in success: soft in success"
+        }
+      },
+      "quiet": {
+        "bg": {
+          "$type": "color",
+          "$value": "transparent",
+          "$description": "quiet in success: outline in success"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.success.soft}",
+          "$description": "quiet in success: outline in success"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.success.soft-hover}",
+          "$description": "quiet in success: outline in success"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.success.fg}",
+          "$description": "quiet in success: outline in success"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.success.border}",
+          "$description": "quiet in success: outline in success"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.success.solid-hover}",
+          "$description": "quiet in success: outline in success"
+        }
+      }
+    },
+    "warning": {
+      "bold": {
+        "bg": {
+          "$type": "color",
+          "$value": "{scope.warning.solid}",
+          "$description": "bold in warning: solid in warning"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.warning.solid-hover}",
+          "$description": "bold in warning: solid in warning"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.warning.solid-active}",
+          "$description": "bold in warning: solid in warning"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.warning.on-solid}",
+          "$description": "bold in warning: solid in warning"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.warning.solid}",
+          "$description": "bold in warning: solid in warning"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.warning.solid-hover}",
+          "$description": "bold in warning: solid in warning"
+        }
+      },
+      "standard": {
+        "bg": {
+          "$type": "color",
+          "$value": "transparent",
+          "$description": "standard in warning: outline in warning"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.warning.soft}",
+          "$description": "standard in warning: outline in warning"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.warning.soft-hover}",
+          "$description": "standard in warning: outline in warning"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.warning.fg}",
+          "$description": "standard in warning: outline in warning"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.warning.border}",
+          "$description": "standard in warning: outline in warning"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.warning.solid-hover}",
+          "$description": "standard in warning: outline in warning"
+        }
+      },
+      "subtle": {
+        "bg": {
+          "$type": "color",
+          "$value": "{scope.warning.soft}",
+          "$description": "subtle in warning: soft in warning"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.warning.soft-hover}",
+          "$description": "subtle in warning: soft in warning"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.warning.soft-active}",
+          "$description": "subtle in warning: soft in warning"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.warning.on-soft}",
+          "$description": "subtle in warning: soft in warning"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.warning.soft}",
+          "$description": "subtle in warning: soft in warning"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.warning.soft-hover}",
+          "$description": "subtle in warning: soft in warning"
+        }
+      },
+      "quiet": {
+        "bg": {
+          "$type": "color",
+          "$value": "transparent",
+          "$description": "quiet in warning: outline in warning"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.warning.soft}",
+          "$description": "quiet in warning: outline in warning"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.warning.soft-hover}",
+          "$description": "quiet in warning: outline in warning"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.warning.fg}",
+          "$description": "quiet in warning: outline in warning"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.warning.border}",
+          "$description": "quiet in warning: outline in warning"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.warning.solid-hover}",
+          "$description": "quiet in warning: outline in warning"
+        }
+      }
+    },
+    "error": {
+      "bold": {
+        "bg": {
+          "$type": "color",
+          "$value": "{scope.error.solid}",
+          "$description": "bold in error: solid in error"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.error.solid-hover}",
+          "$description": "bold in error: solid in error"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.error.solid-active}",
+          "$description": "bold in error: solid in error"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.error.on-solid}",
+          "$description": "bold in error: solid in error"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.error.solid}",
+          "$description": "bold in error: solid in error"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.error.solid-hover}",
+          "$description": "bold in error: solid in error"
+        }
+      },
+      "standard": {
+        "bg": {
+          "$type": "color",
+          "$value": "transparent",
+          "$description": "standard in error: outline in error"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.error.soft}",
+          "$description": "standard in error: outline in error"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.error.soft-hover}",
+          "$description": "standard in error: outline in error"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.error.fg}",
+          "$description": "standard in error: outline in error"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.error.border}",
+          "$description": "standard in error: outline in error"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.error.solid-hover}",
+          "$description": "standard in error: outline in error"
+        }
+      },
+      "subtle": {
+        "bg": {
+          "$type": "color",
+          "$value": "{scope.error.soft}",
+          "$description": "subtle in error: soft in error"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.error.soft-hover}",
+          "$description": "subtle in error: soft in error"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.error.soft-active}",
+          "$description": "subtle in error: soft in error"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.error.on-soft}",
+          "$description": "subtle in error: soft in error"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.error.soft}",
+          "$description": "subtle in error: soft in error"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.error.soft-hover}",
+          "$description": "subtle in error: soft in error"
+        }
+      },
+      "quiet": {
+        "bg": {
+          "$type": "color",
+          "$value": "transparent",
+          "$description": "quiet in error: outline in error"
+        },
+        "bg-hover": {
+          "$type": "color",
+          "$value": "{scope.error.soft}",
+          "$description": "quiet in error: outline in error"
+        },
+        "bg-active": {
+          "$type": "color",
+          "$value": "{scope.error.soft-hover}",
+          "$description": "quiet in error: outline in error"
+        },
+        "fg": {
+          "$type": "color",
+          "$value": "{scope.error.fg}",
+          "$description": "quiet in error: outline in error"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{scope.error.border}",
+          "$description": "quiet in error: outline in error"
+        },
+        "border-hover": {
+          "$type": "color",
+          "$value": "{scope.error.solid-hover}",
+          "$description": "quiet in error: outline in error"
+        }
+      }
+    }
+  },
   "avatar": {
     "size-xs": {
       "$value": "{space.8}",
@@ -10695,6 +11757,26 @@
     "size-xl": {
       "$value": "{space.24}",
       "$description": "96px, on a profile page."
+    },
+    "initials-font-size-xs": {
+      "$value": "{font-size.xs}",
+      "$description": "Sized to the avatar, not a text style: initials have to fit inside the circle at each size. The rest of the type is title-base."
+    },
+    "initials-font-size-sm": {
+      "$value": "{font-size.sm}",
+      "$description": "Sized to the avatar, not a text style: initials have to fit inside the circle at each size. The rest of the type is title-base."
+    },
+    "initials-font-size-md": {
+      "$value": "{font-size.md}",
+      "$description": "Sized to the avatar, not a text style: initials have to fit inside the circle at each size. The rest of the type is title-base."
+    },
+    "initials-font-size-lg": {
+      "$value": "{font-size.lg}",
+      "$description": "Sized to the avatar, not a text style: initials have to fit inside the circle at each size. The rest of the type is title-base."
+    },
+    "initials-font-size-xl": {
+      "$value": "{font-size.2xl}",
+      "$description": "Sized to the avatar, not a text style: initials have to fit inside the circle at each size. The rest of the type is title-base."
     }
   },
   "button": {