@oneli8/tokens 1.0.0-beta.10

package/src/semantic.json

@@ -0,0 +1,2041 @@
+{
+  "$schema": "../schema/token-file.schema.json",
+  "$description": "Approved Oneli8 semantic roles consumed by products and components.",
+  "color": {
+    "primary": {
+      "120": {
+        "$type": "color",
+        "$value": "{color.blue.120}",
+        "$description": "Active Primary-family 120 alias; overridden only by the independent Primary Family axis."
+      },
+      "240": {
+        "$type": "color",
+        "$value": "{color.blue.240}",
+        "$description": "Active Primary-family 240 alias; overridden only by the independent Primary Family axis."
+      },
+      "360": {
+        "$type": "color",
+        "$value": "{color.blue.360}",
+        "$description": "Active Primary-family 360 alias; overridden only by the independent Primary Family axis."
+      },
+      "480": {
+        "$type": "color",
+        "$value": "{color.blue.480}",
+        "$description": "Active Primary-family 480 alias; overridden only by the independent Primary Family axis."
+      },
+      "600": {
+        "$type": "color",
+        "$value": "{color.blue.600}",
+        "$description": "Active Primary-family 600 alias; overridden only by the independent Primary Family axis."
+      },
+      "720": {
+        "$type": "color",
+        "$value": "{color.blue.720}",
+        "$description": "Active Primary-family 720 alias; overridden only by the independent Primary Family axis."
+      },
+      "840": {
+        "$type": "color",
+        "$value": "{color.blue.840}",
+        "$description": "Active Primary-family 840 alias; overridden only by the independent Primary Family axis."
+      },
+      "930": {
+        "$type": "color",
+        "$value": "{color.blue.930}",
+        "$description": "Active Primary-family 930 alias; overridden only by the independent Primary Family axis."
+      },
+      "030": {
+        "$type": "color",
+        "$value": "{color.blue.030}",
+        "$description": "Active Primary-family 030 alias; overridden only by the independent Primary Family axis."
+      },
+      "060": {
+        "$type": "color",
+        "$value": "{color.blue.060}",
+        "$description": "Active Primary-family 060 alias; overridden only by the independent Primary Family axis."
+      },
+      "090": {
+        "$type": "color",
+        "$value": "{color.blue.090}",
+        "$description": "Active Primary-family 090 alias; overridden only by the independent Primary Family axis."
+      }
+    },
+    "background": {
+      "canvas": {
+        "$type": "color",
+        "$value": "{color.neutral.030}",
+        "$description": "Root page or application background."
+      },
+      "subtle": {
+        "$type": "color",
+        "$value": "{color.neutral.060}",
+        "$description": "Quiet section differentiation."
+      },
+      "inverse": {
+        "$type": "color",
+        "$value": "{color.blue.930}",
+        "$description": "Intentionally inverted region."
+      }
+    },
+    "surface": {
+      "default": {
+        "$type": "color",
+        "$value": "{color.neutral.030}",
+        "$description": "Cards, menus, controls, and panels."
+      },
+      "raised": {
+        "$type": "color",
+        "$value": "{color.neutral.030}",
+        "$description": "Popovers, dialogs, and floating surfaces."
+      },
+      "sunken": {
+        "$type": "color",
+        "$value": "{color.neutral.060}",
+        "$description": "Wells, grouped fields, and recessed regions."
+      },
+      "selected": {
+        "$type": "color",
+        "$value": "{color.primary.060}",
+        "$description": "Persistent selection surface qualified by the active Primary family."
+      },
+      "disabled": {
+        "$type": "color",
+        "$value": "{color.neutral.090}",
+        "$description": "Unavailable interactive surface."
+      }
+    },
+    "text": {
+      "primary": {
+        "$type": "color",
+        "$value": "{color.neutral.930}",
+        "$description": "Essential content and sustained reading."
+      },
+      "secondary": {
+        "$type": "color",
+        "$value": "{color.neutral.720}",
+        "$description": "Supporting content."
+      },
+      "muted": {
+        "$type": "color",
+        "$value": "{color.neutral.600}",
+        "$description": "Metadata and low-emphasis content."
+      },
+      "disabled": {
+        "$type": "color",
+        "$value": "{color.neutral.480}",
+        "$description": "Disabled labels; never the only disabled cue."
+      },
+      "inverse": {
+        "$type": "color",
+        "$value": "{color.neutral.030}",
+        "$description": "Content on inverse regions."
+      },
+      "link": {
+        "default": {
+          "$type": "color",
+          "$value": "{color.primary.600}",
+          "$description": "Navigational text at rest; underline by default."
+        },
+        "hover": {
+          "$type": "color",
+          "$value": "{color.primary.720}",
+          "$description": "Navigational text on Hover."
+        },
+        "pressed": {
+          "$type": "color",
+          "$value": "{color.primary.840}",
+          "$description": "Navigational text while Pressed."
+        },
+        "visited": {
+          "$type": "color",
+          "$value": "{color.violet.600}",
+          "$description": "Optional privacy-safe Visited orientation cue for content and reference contexts."
+        }
+      }
+    },
+    "icon": {
+      "primary": {
+        "$type": "color",
+        "$value": "{color.neutral.930}",
+        "$description": "Essential icons."
+      },
+      "secondary": {
+        "$type": "color",
+        "$value": "{color.neutral.480}",
+        "$description": "Supporting icons."
+      },
+      "muted": {
+        "$type": "color",
+        "$value": "{color.neutral.360}",
+        "$description": "Quiet nonessential icons."
+      },
+      "disabled": {
+        "$type": "color",
+        "$value": "{color.neutral.240}",
+        "$description": "Inactive redundant icon cue."
+      },
+      "inverse": {
+        "$type": "color",
+        "$value": "{color.neutral.030}",
+        "$description": "Icons on inverse regions."
+      },
+      "onGem": {
+        "$type": "color",
+        "$value": "{color.neutral.030}",
+        "$description": "High-contrast near-white icon artwork on translucent or saturated Gem controls; remains stable across Light and Dark appearances."
+      }
+    },
+    "control": {
+      "thumb": {
+        "$type": "color",
+        "$value": "{color.neutral.030}",
+        "$description": "Stable near-white moving thumb surface for Switch across Light and Dark appearances."
+      }
+    },
+    "border": {
+      "subtle": {
+        "$type": "color",
+        "$value": "{color.neutral.090}",
+        "$description": "Decorative separation only."
+      },
+      "default": {
+        "$type": "color",
+        "$value": "{color.neutral.360}",
+        "$description": "Essential standard boundary."
+      },
+      "strong": {
+        "$type": "color",
+        "$value": "{color.neutral.480}",
+        "$description": "Emphasized essential boundary."
+      },
+      "disabled": {
+        "$type": "color",
+        "$value": "{color.neutral.480}",
+        "$description": "Disabled control boundary."
+      }
+    },
+    "focus": {
+      "inner": {
+        "$type": "color",
+        "$value": "{color.primary.030}",
+        "$description": "Light appearance focus highlight from the active qualified family."
+      },
+      "outer": {
+        "$type": "color",
+        "$value": "{color.primary.930}",
+        "$description": "Light appearance focus shadow from the active qualified family."
+      }
+    },
+    "actionPrimary": {
+      "default": {
+        "$type": "color",
+        "$value": "{color.primary.600}",
+        "$description": "Primary action default surface."
+      },
+      "hover": {
+        "$type": "color",
+        "$value": "{color.primary.720}",
+        "$description": "Primary action hover surface."
+      },
+      "pressed": {
+        "$type": "color",
+        "$value": "{color.primary.840}",
+        "$description": "Primary action pressed surface."
+      },
+      "content": {
+        "$type": "color",
+        "$value": "{color.neutral.030}",
+        "$description": "Primary action foreground."
+      },
+      "disabled": {
+        "$type": "color",
+        "$value": "{color.neutral.090}",
+        "$description": "Primary action disabled surface."
+      },
+      "disabledContent": {
+        "$type": "color",
+        "$value": "{color.neutral.480}",
+        "$description": "Primary action disabled foreground."
+      }
+    },
+    "actionSecondary": {
+      "surfaceDefault": {
+        "$type": "color",
+        "$value": "transparent",
+        "$description": "Secondary action default surface inherits its permitted adjacent surface."
+      },
+      "surfaceHover": {
+        "$type": "color",
+        "$value": "{color.primary.030}",
+        "$description": "Secondary action hover surface."
+      },
+      "surfacePressed": {
+        "$type": "color",
+        "$value": "{color.primary.060}",
+        "$description": "Secondary action pressed surface."
+      },
+      "surfaceDisabled": {
+        "$type": "color",
+        "$value": "transparent",
+        "$description": "Secondary action disabled surface inherits its permitted adjacent surface."
+      },
+      "contentDefault": {
+        "$type": "color",
+        "$value": "{color.primary.600}",
+        "$description": "Secondary action default content and border."
+      },
+      "contentHover": {
+        "$type": "color",
+        "$value": "{color.primary.720}",
+        "$description": "Secondary action hover content and border."
+      },
+      "contentPressed": {
+        "$type": "color",
+        "$value": "{color.primary.840}",
+        "$description": "Secondary action pressed content and border."
+      },
+      "contentDisabled": {
+        "$type": "color",
+        "$value": "{color.neutral.480}",
+        "$description": "Secondary action disabled content and border."
+      }
+    },
+    "actionQuiet": {
+      "surfaceDefault": {
+        "$type": "color",
+        "$value": "transparent",
+        "$description": "Quiet action default surface."
+      },
+      "surfaceHover": {
+        "$type": "color",
+        "$value": "{color.primary.030}",
+        "$description": "Quiet action hover surface."
+      },
+      "surfacePressed": {
+        "$type": "color",
+        "$value": "{color.primary.060}",
+        "$description": "Quiet action pressed surface."
+      },
+      "surfaceDisabled": {
+        "$type": "color",
+        "$value": "transparent",
+        "$description": "Quiet action disabled surface."
+      },
+      "contentDefault": {
+        "$type": "color",
+        "$value": "{color.primary.600}",
+        "$description": "Quiet action default content."
+      },
+      "contentHover": {
+        "$type": "color",
+        "$value": "{color.primary.720}",
+        "$description": "Quiet action hover content."
+      },
+      "contentPressed": {
+        "$type": "color",
+        "$value": "{color.primary.840}",
+        "$description": "Quiet action pressed content."
+      },
+      "contentDisabled": {
+        "$type": "color",
+        "$value": "{color.neutral.480}",
+        "$description": "Quiet action disabled content."
+      }
+    },
+    "iconButton": {
+      "secondaryHoverSurface": {
+        "$type": "color",
+        "$value": "{color.primary.060}",
+        "$description": "Icon Button Secondary hover surface with sufficient visible separation from the surrounding canvas."
+      },
+      "quietHoverSurface": {
+        "$type": "color",
+        "$value": "{color.primary.060}",
+        "$description": "Icon Button Quiet hover surface with sufficient visible separation from the surrounding canvas."
+      }
+    },
+    "navigationBadge": {
+      "surfaceDefault": {
+        "$type": "color",
+        "$value": "{color.surface.raised}",
+        "$description": "Neutral Navigation Badge surface; resolves through the active color scheme."
+      },
+      "contentDefault": {
+        "$type": "color",
+        "$value": "{color.text.secondary}",
+        "$description": "Neutral Navigation Badge content; resolves through the active color scheme."
+      },
+      "surfaceSelected": {
+        "$type": "color",
+        "$value": "{color.selection.content}",
+        "$description": "Navigation Badge surface when its destination is selected."
+      },
+      "contentSelected": {
+        "$type": "color",
+        "$value": "{color.selection.surface}",
+        "$description": "Navigation Badge content when its destination is selected."
+      },
+      "surfaceGem": {
+        "$type": "color",
+        "$value": "{material.gem.color.cutEdge.high}",
+        "$description": "Navigation Badge surface on an unselected Gem navigation destination."
+      },
+      "contentGem": {
+        "$type": "color",
+        "$value": "{color.text.primary}",
+        "$description": "Navigation Badge content on an unselected Gem navigation destination."
+      }
+    },
+    "actionDestructive": {
+      "default": {
+        "$type": "color",
+        "$value": "{color.red.600}",
+        "$description": "Destructive action default surface."
+      },
+      "hover": {
+        "$type": "color",
+        "$value": "{color.red.720}",
+        "$description": "Destructive action hover surface."
+      },
+      "pressed": {
+        "$type": "color",
+        "$value": "{color.red.840}",
+        "$description": "Destructive action pressed surface."
+      },
+      "content": {
+        "$type": "color",
+        "$value": "{color.neutral.030}",
+        "$description": "Destructive action foreground."
+      },
+      "disabled": {
+        "$type": "color",
+        "$value": "{color.neutral.090}",
+        "$description": "Destructive action disabled surface."
+      },
+      "disabledContent": {
+        "$type": "color",
+        "$value": "{color.neutral.480}",
+        "$description": "Destructive action disabled foreground."
+      }
+    },
+    "feedbackInformative": {
+      "surface": {
+        "$type": "color",
+        "$value": "{color.cyan.720}",
+        "$description": "Filled informative feedback surface."
+      },
+      "content": {
+        "$type": "color",
+        "$value": "{color.neutral.030}",
+        "$description": "Content on filled informative feedback."
+      },
+      "inlineContent": {
+        "$type": "color",
+        "$value": "{color.blue.600}",
+        "$description": "Informative icon and text on neutral surfaces."
+      }
+    },
+    "feedbackPositive": {
+      "surface": {
+        "$type": "color",
+        "$value": "{color.green.600}",
+        "$description": "Filled positive feedback surface."
+      },
+      "content": {
+        "$type": "color",
+        "$value": "{color.neutral.030}",
+        "$description": "Content on filled positive feedback."
+      },
+      "inlineContent": {
+        "$type": "color",
+        "$value": "{color.green.600}",
+        "$description": "Positive icon and text on neutral surfaces."
+      }
+    },
+    "feedbackCaution": {
+      "surface": {
+        "$type": "color",
+        "$value": "{color.yellow.090}",
+        "$description": "Filled caution feedback surface."
+      },
+      "content": {
+        "$type": "color",
+        "$value": "{color.neutral.840}",
+        "$description": "Content on filled caution feedback."
+      },
+      "inlineContent": {
+        "$type": "color",
+        "$value": "{color.yellow.600}",
+        "$description": "Caution icon and text on neutral surfaces."
+      }
+    },
+    "feedbackCritical": {
+      "surface": {
+        "$type": "color",
+        "$value": "{color.red.600}",
+        "$description": "Filled critical feedback surface."
+      },
+      "content": {
+        "$type": "color",
+        "$value": "{color.neutral.030}",
+        "$description": "Content on filled critical feedback."
+      },
+      "inlineContent": {
+        "$type": "color",
+        "$value": "{color.red.480}",
+        "$description": "Light Critical icon, text, and essential boundaries on neutral surfaces; the brighter existing Red 480 preserves a recognizably red signal while meeting AA contrast."
+      }
+    },
+    "selection": {
+      "surface": {
+        "$type": "color",
+        "$value": "{color.primary.060}",
+        "$description": "Persistent selected surface qualified by the active Primary family."
+      },
+      "content": {
+        "$type": "color",
+        "$value": "{color.primary.840}",
+        "$description": "Content on a persistent selected surface qualified by the active Primary family."
+      }
+    },
+    "scrim": {
+      "pressed": {
+        "$type": "color",
+        "$value": {
+          "color": "{color.cyan.840}",
+          "alpha": 0.24
+        },
+        "$extensions": {
+          "oneli8.composite": "color-alpha"
+        },
+        "$description": "Pressed darkening laid over a controls own surface. Uses the systems cyan ink, never default black."
+      }
+    }
+  },
+  "elevation": {
+    "surface": {
+      "flat": {
+        "$type": "shadow",
+        "$value": [],
+        "$description": "No visual elevation."
+      },
+      "raised": {
+        "$type": "shadow",
+        "$value": [
+          {
+            "color": "{color.cyan.840}",
+            "offsetX": "{dimension.scale.000}",
+            "offsetY": "{dimension.scale.003}",
+            "blur": "{dimension.scale.006}",
+            "spread": "{dimension.scale.000}",
+            "alpha": 0.12
+          }
+        ],
+        "$description": "Lifted card, toolbar, or sticky-region depth."
+      },
+      "floating": {
+        "$type": "shadow",
+        "$value": [
+          {
+            "color": "{color.cyan.840}",
+            "offsetX": "{dimension.scale.000}",
+            "offsetY": "{dimension.scale.006}",
+            "blur": "{dimension.scale.018}",
+            "spread": {
+              "value": -3,
+              "unit": "px"
+            },
+            "alpha": 0.18
+          },
+          {
+            "color": "{color.cyan.840}",
+            "offsetX": "{dimension.scale.000}",
+            "offsetY": "{dimension.scale.003}",
+            "blur": "{dimension.scale.006}",
+            "spread": "{dimension.scale.000}",
+            "alpha": 0.12
+          }
+        ],
+        "$description": "Menu, popover, picker, or transient-panel depth."
+      },
+      "overlay": {
+        "$type": "shadow",
+        "$value": [
+          {
+            "color": "{color.cyan.840}",
+            "offsetX": "{dimension.scale.000}",
+            "offsetY": "{dimension.scale.012}",
+            "blur": "{dimension.scale.036}",
+            "spread": {
+              "value": -6,
+              "unit": "px"
+            },
+            "alpha": 0.24
+          },
+          {
+            "color": "{color.cyan.840}",
+            "offsetX": "{dimension.scale.000}",
+            "offsetY": "{dimension.scale.006}",
+            "blur": "{dimension.scale.012}",
+            "spread": "{dimension.scale.000}",
+            "alpha": 0.18
+          }
+        ],
+        "$description": "Drawer, dialog, or command-surface depth."
+      },
+      "blocking": {
+        "$type": "shadow",
+        "$value": [
+          {
+            "color": "{color.cyan.840}",
+            "offsetX": "{dimension.scale.000}",
+            "offsetY": "{dimension.scale.024}",
+            "blur": "{dimension.scale.072}",
+            "spread": {
+              "value": -12,
+              "unit": "px"
+            },
+            "alpha": 0.36
+          },
+          {
+            "color": "{color.cyan.840}",
+            "offsetX": "{dimension.scale.000}",
+            "offsetY": "{dimension.scale.012}",
+            "blur": "{dimension.scale.024}",
+            "spread": "{dimension.scale.000}",
+            "alpha": 0.24
+          }
+        ],
+        "$description": "Rare high-attention blocking depth."
+      }
+    }
+  },
+  "layer": {
+    "stack": {
+      "base": {
+        "$type": "number",
+        "$value": 0,
+        "$description": "Normal content and ordinary surfaces."
+      },
+      "sticky": {
+        "$type": "number",
+        "$value": 300,
+        "$description": "Sticky headers and local pinned controls."
+      },
+      "overlay": {
+        "$type": "number",
+        "$value": 600,
+        "$description": "Menus, popovers, tooltips, and nonmodal overlays."
+      },
+      "modal": {
+        "$type": "number",
+        "$value": 900,
+        "$description": "Dialogs, drawers, and modal backdrops."
+      },
+      "notification": {
+        "$type": "number",
+        "$value": 1200,
+        "$description": "Toasts and urgent transient notices."
+      }
+    }
+  },
+  "material": {
+    "control": {
+      "gem": {
+        "primary": {
+          "start": {
+            "$type": "color",
+            "$value": "{color.primary.480}",
+            "$description": "Gem Primary leading tonal stop in Light appearance."
+          },
+          "mid": {
+            "$type": "color",
+            "$value": "{color.primary.600}",
+            "$description": "Gem Primary middle tonal stop in Light appearance."
+          },
+          "end": {
+            "$type": "color",
+            "$value": "{color.primary.720}",
+            "$description": "Gem Primary trailing tonal stop in Light appearance."
+          },
+          "hoverStart": {
+            "$type": "color",
+            "$value": "{color.primary.600}",
+            "$description": "Gem Primary Hover leading tonal stop in Light appearance."
+          },
+          "hoverMid": {
+            "$type": "color",
+            "$value": "{color.primary.720}",
+            "$description": "Gem Primary Hover middle tonal stop in Light appearance."
+          },
+          "hoverEnd": {
+            "$type": "color",
+            "$value": "{color.primary.840}",
+            "$description": "Gem Primary Hover trailing tonal stop in Light appearance."
+          },
+          "loadingStart": {
+            "$type": "color",
+            "$value": "{color.primary.720}",
+            "$description": "Shared Button and Icon Button Gem Loading leading stop; visibly busy without implying Hover."
+          },
+          "loadingMid": {
+            "$type": "color",
+            "$value": "{color.primary.840}",
+            "$description": "Shared Button and Icon Button Gem Loading middle stop."
+          },
+          "loadingEnd": {
+            "$type": "color",
+            "$value": "{color.primary.930}",
+            "$description": "Shared Button and Icon Button Gem Loading trailing stop."
+          },
+          "content": {
+            "$type": "color",
+            "$value": "{color.neutral.030}",
+            "$description": "Stable foreground on the qualified Gem Primary ramp."
+          }
+        },
+        "secondary": {
+          "high": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.09
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Quiet Gem glass leading stop in the Light appearance. 0.09, down from 0.22: the gem field face is TWO stacked near-white layers, this gradient over material.gem.color.quiet.stabilizedFace, which composited to 31-43% white and is what made light Gem read as milk rather than glass. Dark keeps 0.22 via an override, because the same near-white gradient over a dark environment is the sheen that makes the material legible as glass. Every state on this ladder is one 0.03 step apart, which is the 3-point rhythm expressed in alpha."
+          },
+          "mid": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.03
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Gem Secondary quiet middle transparency."
+          },
+          "low": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.06
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Gem Secondary trailing transparent tint."
+          },
+          "hoverHigh": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.12
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Gem Secondary Hover leading transparent highlight."
+          },
+          "hoverMid": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.06
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Gem Secondary Hover middle transparency."
+          },
+          "hoverLow": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.09
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Gem Secondary Hover trailing transparent tint."
+          },
+          "loadingHigh": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.15
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Shared Button and Icon Button Gem Secondary Loading highlight."
+          },
+          "loadingMid": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.09
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Shared Button and Icon Button Gem Secondary Loading middle transparency."
+          },
+          "loadingLow": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.12
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Shared Button and Icon Button Gem Secondary Loading trailing tint."
+          },
+          "content": {
+            "$type": "color",
+            "$value": "{color.neutral.030}",
+            "$description": "Approved stable near-white Gem Secondary content in Light and Dark. Text and icons share this role; qualify backing contrast separately."
+          }
+        },
+        "rim": {
+          "default": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.24
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "One-pixel inset Gem control rim; never an external border."
+          },
+          "hover": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.36
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Raised inset Gem control rim for Hover."
+          },
+          "specular": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.54
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Restrained integrated Gem control highlight."
+          }
+        },
+        "blur": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.012}",
+          "$description": "Backdrop blur candidate for transparent Gem controls."
+        },
+        "gradient": {
+          "start": {
+            "$type": "dimension",
+            "$value": {
+              "value": 14.639,
+              "unit": "%"
+            },
+            "$description": "Gem body gradient leading position, measured from the Figma Gem Button fill."
+          },
+          "mid": {
+            "$type": "dimension",
+            "$value": {
+              "value": 48.586,
+              "unit": "%"
+            },
+            "$description": "Gem body gradient middle position, measured from the Figma Gem Button fill."
+          },
+          "end": {
+            "$type": "dimension",
+            "$value": {
+              "value": 85.361,
+              "unit": "%"
+            },
+            "$description": "Gem body gradient trailing position, measured from the Figma Gem Button fill."
+          }
+        }
+      }
+    },
+    "gem": {
+      "color": {
+        "quiet": {
+          "environmentalFace": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.09
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Quiet Gem environmental face. 0.09 in Light, the most transparent value on the 0.03 grid, because transparency turns out to be nearly free: measured against near-white ink on the brightest region of a daylight plate, a 0.12 face reads 3.24:1 and a 0.18 face reads 3.18:1 -- a 0.06 difference in tint moves contrast by 0.06:1. Legibility is governed almost entirely by the content halo, not by the face, so the face is free to go as thin as the appearance wants. Dark stays a dark tint at 0.48. A dark tint belongs to the Dark appearance; Light stays light."
+          },
+          "legibilityFace": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.930}",
+              "alpha": 0.72
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Reduced-transparency Gem face. NOT an opaque panel: 0.72 leaves 28 percent of the scene reaching the eye, which is the whole point. Gem is worn, so the background is the real world; a fully opaque surface would occlude the street for the person who needs help reading it most. Solved against the actual daylight plate, whose regions run from rgb(9,9,9) to rgb(229,226,223): at 0.72 near-white ink reads 7.70:1 in the WORST region, which is WCAG AAA, with no credit taken for the halo. The same value in both appearances, because when legibility is the priority there is one answer rather than a light and a dark preference. On a head-mounted display prefers-reduced-transparency should resolve HERE, not to opaqueEquivalent."
+          },
+          "stabilizedFace": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.15
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Quiet Light Gem stabilized content plane. Stays near-white at 0.15, and deliberately does NOT follow environmentalFace into smoked glass. These two faces do different jobs: the environmental face sits over imagery and carries near-white content, while this one is the local content plane the text field stacks under its Control Gem Secondary gradient, and that surface carries ordinary dark text. 0.15 under the 0.09 ladder composites to 0.2265, the approved clear-glass presence."
+          },
+          "content": {
+            "$type": "color",
+            "$value": "{color.neutral.030}",
+            "$description": "Content on a quiet Gem surface. Near-white in BOTH appearances, exactly as color.icon.onGem and color.control.thumb already are \u2014 'remains stable across Light and Dark appearances'. Gem sits over imagery whose brightness is unknown, so the ink cannot follow the app's appearance; it stays white and the halo does the work."
+          },
+          "contentDisabled": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.48
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Disabled content on a quiet Gem surface, text and control geometry alike. A whitish grey: the same near-white ink at 0.48, which renders around rgb(200,197,192) over the face. One value for both, because a disabled label and a disabled indicator reading different greys is the thing that makes a row look broken rather than unavailable. It does NOT use color.text.disabled, which is dark in the Light appearance and would put a dark glyph on glass whose enabled content is near-white. Exempt from 1.4.3, which excludes inactive controls, and it carries no halo -- the absence of the glow is part of how unavailable reads."
+          },
+          "contentGlow": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.930}",
+              "alpha": 0.78
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Halo behind content on a quiet Gem surface, applied as four stacked shadows for text and three for control geometry. 0.78 is the SOFTEST alpha that still holds WCAG 1.4.3: at 3px in four stacks it reads 4.62:1 on the brightest region of the daylight plate, where 0.72 reads 4.21:1 and fails. It was 0.84, which measured 5.06:1 but read harsh. Anything softer than this trades away AA for text, so this is the floor, not a preference. See proof/gem-halo-contrast.html."
+          },
+          "opaqueEquivalent": {
+            "$type": "color",
+            "$value": "{color.neutral.030}",
+            "$description": "Quiet Light Gem reduced-transparency equivalent. The opaque form of the light face, so it follows the face back to a light neutral; Dark keeps neutral.840 through its override."
+          }
+        },
+        "cutEdge": {
+          "outerHigh": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.060}",
+              "alpha": 0.93
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Bright outer cut-edge stop."
+          },
+          "outerMid": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.blue.120}",
+              "alpha": 0.48
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Cool outer cut-edge middle stop."
+          },
+          "outerLow": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.060}",
+              "alpha": 0.03
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Fading outer cut-edge stop."
+          },
+          "outerAccent": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.cyan.360}",
+              "alpha": 0.36
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Restrained chromatic outer cut-edge accent."
+          },
+          "high": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.060}",
+              "alpha": 0.72
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Light directional bevel high stop."
+          },
+          "mid": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.blue.060}",
+              "alpha": 0.36
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Light directional bevel middle stop."
+          },
+          "low": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.060}",
+              "alpha": 0.03
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Light directional bevel fade."
+          },
+          "shadow": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.blue.930}",
+              "alpha": 0.16
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Light directional bevel shadow."
+          }
+        },
+        "innerThinCut": {
+          "face": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.060}",
+              "alpha": 0.72
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Quiet inner information-plane face."
+          },
+          "high": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.060}",
+              "alpha": 0.54
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Quiet inner Thin-Cut highlight."
+          },
+          "mid": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.blue.120}",
+              "alpha": 0.18
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Quiet inner Thin-Cut middle tint."
+          },
+          "low": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.060}",
+              "alpha": 0.03
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Quiet inner Thin-Cut fade."
+          }
+        },
+        "facet": {
+          "cool": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.blue.600}",
+              "alpha": 0.18
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Optional cool decorative facet tint."
+          },
+          "warm": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.orange.240}",
+              "alpha": 0.12
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Optional warm decorative facet tint."
+          }
+        },
+        "family": {
+          "emerald": {
+            "environmentalFace": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.green.930}",
+                "alpha": 0.48
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Emerald environmental face."
+            },
+            "stabilizedFace": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.green.930}",
+                "alpha": 0.27
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Emerald stabilized plane."
+            },
+            "edge": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.green.240}",
+                "alpha": 0.66
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Emerald family edge."
+            },
+            "innerHigh": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.green.090}",
+                "alpha": 0.36
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Emerald inner highlight."
+            },
+            "innerMid": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.green.240}",
+                "alpha": 0.18
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Emerald inner middle tint."
+            },
+            "innerLow": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.green.090}",
+                "alpha": 0.03
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Emerald inner fade."
+            },
+            "opaqueEquivalent": {
+              "$type": "color",
+              "$value": "{color.green.930}",
+              "$description": "Approved Emerald opaque equivalent."
+            }
+          },
+          "ruby": {
+            "environmentalFace": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.red.930}",
+                "alpha": 0.48
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Ruby environmental face."
+            },
+            "stabilizedFace": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.red.930}",
+                "alpha": 0.27
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Ruby stabilized plane."
+            },
+            "edge": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.red.240}",
+                "alpha": 0.66
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Ruby family edge."
+            },
+            "innerHigh": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.red.090}",
+                "alpha": 0.36
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Ruby inner highlight."
+            },
+            "innerMid": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.red.240}",
+                "alpha": 0.18
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Ruby inner middle tint."
+            },
+            "innerLow": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.red.090}",
+                "alpha": 0.03
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Ruby inner fade."
+            },
+            "opaqueEquivalent": {
+              "$type": "color",
+              "$value": "{color.red.930}",
+              "$description": "Approved Ruby opaque equivalent."
+            }
+          },
+          "sapphire": {
+            "environmentalFace": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.blue.930}",
+                "alpha": 0.48
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Sapphire environmental face."
+            },
+            "stabilizedFace": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.blue.930}",
+                "alpha": 0.3
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Sapphire stabilized plane."
+            },
+            "edge": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.blue.240}",
+                "alpha": 0.66
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Sapphire family edge."
+            },
+            "innerHigh": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.blue.060}",
+                "alpha": 0.39
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Sapphire inner highlight cap."
+            },
+            "innerMid": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.blue.240}",
+                "alpha": 0.18
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Sapphire inner middle tint."
+            },
+            "innerLow": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.blue.060}",
+                "alpha": 0.03
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Sapphire inner fade."
+            },
+            "opaqueEquivalent": {
+              "$type": "color",
+              "$value": "{color.blue.930}",
+              "$description": "Approved Sapphire opaque equivalent."
+            }
+          },
+          "amethyst": {
+            "environmentalFace": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.violet.930}",
+                "alpha": 0.48
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Amethyst environmental face."
+            },
+            "stabilizedFace": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.violet.930}",
+                "alpha": 0.27
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Amethyst stabilized plane."
+            },
+            "edge": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.violet.240}",
+                "alpha": 0.66
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Amethyst family edge."
+            },
+            "innerHigh": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.violet.090}",
+                "alpha": 0.36
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Amethyst inner highlight."
+            },
+            "innerMid": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.violet.240}",
+                "alpha": 0.18
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Amethyst inner middle tint."
+            },
+            "innerLow": {
+              "$type": "color",
+              "$value": {
+                "color": "{color.violet.090}",
+                "alpha": 0.03
+              },
+              "$extensions": {
+                "oneli8.composite": "color-alpha"
+              },
+              "$description": "Approved Amethyst inner fade."
+            },
+            "opaqueEquivalent": {
+              "$type": "color",
+              "$value": "{color.violet.930}",
+              "$description": "Approved Amethyst opaque equivalent."
+            }
+          }
+        }
+      },
+      "blur": {
+        "environmental": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.009}",
+          "$description": "Backdrop blur for the environmental Gem face. 9px, down from 18px, and the pair is no longer inverted. 18px was the larger of the two, which had the semantics backwards: the environmental face exists so the environment can be SEEN, so it must blur LESS than the stabilized plane, not more. At 18px a soft environment flattens into a single grey wash and the surface reads as opaque no matter how low its alpha is \u2014 which is why dropping the face from 0.48 to 0.18 appeared to change nothing. The blur was doing the damage, not the tint. Verified on the Light and Dark comparison in Figma (297:610): at 9px the environment reads through in both appearances."
+        },
+        "stabilized": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.012}",
+          "$description": "Local stabilized information-plane blur. 12px, and now the HIGHER of the pair, which is the point: the stabilized plane is being read rather than looked through, so it settles the background down more than the environmental face does."
+        },
+        "contentGlow": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.003}",
+          "$description": "Radius of the halo behind content on a Gem surface. 3px, the tightest value on the scale, and it is both the crispest AND the strongest: measured in the ring touching the glyph stems, a 3px halo in four stacks reads 5.06:1 on the brightest region of the daylight plate against 4.74:1 at 6px and 4.16:1 at 9px. Wider is weaker, because blur spreads a fixed alpha budget over more area, and wider also reads as fog rather than as an edge. So the tight radius is what stops the surface looking over-glowed while giving the most headroom. See proof/gem-halo-contrast.html."
+        }
+      },
+      "opacity": {
+        "environmental": {
+          "$type": "number",
+          "$value": 0.48,
+          "$description": "Current high-variance specimen family-tint floor."
+        },
+        "edgeHigh": {
+          "$type": "number",
+          "$value": 0.93,
+          "$description": "Gem edge highlight maximum."
+        },
+        "edgeLow": {
+          "$type": "number",
+          "$value": 0.03,
+          "$description": "Gem edge highlight minimum."
+        },
+        "cutLight": {
+          "$type": "number",
+          "$value": 0.72,
+          "$description": "Light directional bevel layer strength."
+        },
+        "cutDark": {
+          "$type": "number",
+          "$value": 0.54,
+          "$description": "Dark directional bevel layer strength."
+        }
+      },
+      "spacing": {
+        "slabInset": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.030}",
+          "$description": "Desktop Gem slab content inset."
+        },
+        "clusterGap": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.024}",
+          "$description": "Desktop related Gem slab gap."
+        },
+        "innerSeparation": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.024}",
+          "$description": "Separation before a stabilized inner tile."
+        }
+      }
+    }
+  },
+  "spacing": {
+    "none": {
+      "$type": "dimension",
+      "$value": "{dimension.scale.000}",
+      "$description": "Flush adjoining items with no additional separation."
+    },
+    "inline": {
+      "minimal": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "Tight icon-to-text or micro relationship."
+      },
+      "related": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.006}",
+        "$description": "Related inline content."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Default inline separation."
+      }
+    },
+    "stack": {
+      "tight": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.006}",
+        "$description": "Tight vertical stack."
+      },
+      "related": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Related stacked content."
+      },
+      "grouped": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Grouped component stack."
+      },
+      "separated": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Separated content groups."
+      }
+    },
+    "inset": {
+      "compact": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Compact component inset."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Standard component inset."
+      },
+      "comfortable": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Comfortable component inset."
+      },
+      "spacious": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Spacious container inset."
+      }
+    },
+    "layout": {
+      "margin": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Default page margin."
+      },
+      "gutter": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Default layout gutter."
+      },
+      "region": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Region separation."
+      }
+    },
+    "section": {
+      "compact": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Compact section separation."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Standard section separation."
+      },
+      "spacious": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.072}",
+        "$description": "Spacious section separation."
+      },
+      "expansive": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.108}",
+        "$description": "Expansive display section separation."
+      }
+    }
+  },
+  "size": {
+    "control": {
+      "compact": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Dense visible control height."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.042}",
+        "$description": "General visible control height."
+      },
+      "comfortable": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Default cross-platform control height."
+      },
+      "large": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.060}",
+        "$description": "Prominent or accessibility-forward control height."
+      }
+    },
+    "target": {
+      "minimum": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Minimum standalone interaction target."
+      },
+      "comfortable": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.060}",
+        "$description": "Touch-led comfortable target."
+      },
+      "spacious": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.072}",
+        "$description": "Kiosk or generous target."
+      }
+    },
+    "icon": {
+      "micro": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.009}",
+        "$description": "Micro icon presentation for tightly bounded internal indicators."
+      },
+      "compact": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Compact icon presentation for small internal indicators."
+      },
+      "small": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Compact supporting icon artwork box."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Default icon artwork box."
+      },
+      "medium": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.030}",
+        "$description": "Intermediate icon artwork box."
+      },
+      "large": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Emphasized icon artwork box."
+      },
+      "xlarge": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Expressive icon artwork box."
+      },
+      "spacious": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.060}",
+        "$description": "Spacious icon artwork box."
+      },
+      "display": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.072}",
+        "$description": "Display icon artwork box."
+      },
+      "hero": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.096}",
+        "$description": "Hero icon artwork box."
+      },
+      "landmark": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.108}",
+        "$description": "Largest governed icon presentation for landmarks and spatial use."
+      }
+    },
+    "avatar": {
+      "micro": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Micro avatar."
+      },
+      "small": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Small avatar."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Standard avatar."
+      },
+      "large": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Large avatar."
+      },
+      "xlarge": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.072}",
+        "$description": "Extra-large avatar."
+      },
+      "display": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.096}",
+        "$description": "Display avatar."
+      }
+    },
+    "indicator": {
+      "micro": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.006}",
+        "$description": "Micro indicator."
+      },
+      "small": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Small indicator."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Standard indicator."
+      },
+      "large": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Large indicator."
+      }
+    },
+    "loader": {
+      "small": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Small loader."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Standard loader."
+      },
+      "large": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Large loader."
+      },
+      "display": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Display loader."
+      }
+    }
+  },
+  "shape": {
+    "radius": {
+      "none": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.000}",
+        "$description": "Flush regions and hard edges."
+      },
+      "subtle": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "Tiny internal radius."
+      },
+      "compact": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.006}",
+        "$description": "Dense control radius."
+      },
+      "medium": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.009}",
+        "$description": "Intermediate nested radius."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Default control and small-card radius."
+      },
+      "comfortable": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Spacious card and menu radius."
+      },
+      "container": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Dialog and major-container radius."
+      },
+      "display": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Expressive surface radius."
+      },
+      "full": {
+        "$type": "dimension",
+        "$value": {
+          "value": 999,
+          "unit": "px"
+        },
+        "$extensions": {
+          "oneli8.exception": "categorical-full-radius"
+        },
+        "$description": "Fully rounded categorical shape."
+      }
+    }
+  },
+  "border": {
+    "width": {
+      "none": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.000}",
+        "$description": "No visible boundary."
+      },
+      "hairline": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1,
+          "unit": "px"
+        },
+        "$extensions": {
+          "oneli8.exception": "decorative-optical-boundary"
+        },
+        "$description": "Decorative nonessential separation."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2,
+          "unit": "px"
+        },
+        "$extensions": {
+          "oneli8.exception": "essential-optical-boundary"
+        },
+        "$description": "Standard essential boundary."
+      },
+      "strong": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "Selected or emphasized boundary."
+      }
+    }
+  },
+  "focus": {
+    "ring": {
+      "innerWidth": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "First focus band width."
+      },
+      "outerWidth": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "Second focus band width."
+      },
+      "totalWidth": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.006}",
+        "$description": "Combined focus treatment width."
+      },
+      "offset": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "Focus separation when geometry requires it."
+      }
+    }
+  },
+  "typography": {
+    "display": {
+      "large": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.display}",
+          "fontSize": "{font.size.066}",
+          "fontWeight": "{font.weight.bold}",
+          "letterSpacing": "{font.tracking.snug}",
+          "lineHeight": "{font.line.072}"
+        },
+        "$description": "Compact Display Large."
+      },
+      "medium": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.display}",
+          "fontSize": "{font.size.051}",
+          "fontWeight": "{font.weight.bold}",
+          "letterSpacing": "{font.tracking.displaySoft}",
+          "lineHeight": "{font.line.060}"
+        },
+        "$description": "Compact Display Medium."
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.display}",
+          "fontSize": "{font.size.039}",
+          "fontWeight": "{font.weight.semibold}",
+          "letterSpacing": "{font.tracking.titleTight}",
+          "lineHeight": "{font.line.048}"
+        },
+        "$description": "Compact Display Small."
+      }
+    },
+    "title": {
+      "large": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.functional}",
+          "fontSize": "{font.size.039}",
+          "fontWeight": "{font.weight.semibold}",
+          "letterSpacing": "{font.tracking.titleSoft}",
+          "lineHeight": "{font.line.048}"
+        },
+        "$description": "Compact Title Large."
+      },
+      "medium": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.functional}",
+          "fontSize": "{font.size.030}",
+          "fontWeight": "{font.weight.semibold}",
+          "letterSpacing": "{font.tracking.normal}",
+          "lineHeight": "{font.line.039}"
+        },
+        "$description": "Compact Title Medium."
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.functional}",
+          "fontSize": "{font.size.021}",
+          "fontWeight": "{font.weight.semibold}",
+          "letterSpacing": "{font.tracking.normal}",
+          "lineHeight": "{font.line.030}"
+        },
+        "$description": "Compact Title Small."
+      }
+    },
+    "body": {
+      "large": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.functional}",
+          "fontSize": "{font.size.021}",
+          "fontWeight": "{font.weight.regular}",
+          "letterSpacing": "{font.tracking.normal}",
+          "lineHeight": "{font.line.030}"
+        },
+        "$description": "Body Large."
+      },
+      "medium": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.functional}",
+          "fontSize": "{font.size.016}",
+          "fontWeight": "{font.weight.regular}",
+          "letterSpacing": "{font.tracking.normal}",
+          "lineHeight": "{font.line.024}"
+        },
+        "$description": "Default sustained-reading role."
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.functional}",
+          "fontSize": "{font.size.012}",
+          "fontWeight": "{font.weight.regular}",
+          "letterSpacing": "{font.tracking.open}",
+          "lineHeight": "{font.line.018}"
+        },
+        "$description": "Supporting text role."
+      }
+    }
+  },
+  "motion": {
+    "distance": {
+      "minimal": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "Tiny press or emphasis travel."
+      },
+      "short": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.006}",
+        "$description": "Compact reveal travel."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Popover or local-panel travel."
+      },
+      "large": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Major panel travel."
+      },
+      "expansive": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Rare route travel."
+      }
+    },
+    "interaction": {
+      "press": {
+        "$type": "transition",
+        "$value": {
+          "duration": "{motion.duration.quick}",
+          "delay": "{motion.duration.instant}",
+          "timingFunction": "{motion.easing.standard}"
+        },
+        "$extensions": {
+          "oneli8.maximumDistance": "{dimension.scale.003}"
+        },
+        "$description": "Press feedback recipe."
+      },
+      "hover": {
+        "$type": "transition",
+        "$value": {
+          "duration": "{motion.duration.fast}",
+          "delay": "{motion.duration.instant}",
+          "timingFunction": "{motion.easing.standard}"
+        },
+        "$extensions": {
+          "oneli8.maximumDistance": "icon-only-purposeful-motion"
+        },
+        "$description": "Stable-body hover recipe."
+      },
+      "focus": {
+        "$type": "transition",
+        "$value": {
+          "duration": "{motion.duration.fast}",
+          "delay": "{motion.duration.instant}",
+          "timingFunction": "{motion.easing.standard}"
+        },
+        "$extensions": {
+          "oneli8.maximumDistance": "{dimension.scale.000}"
+        },
+        "$description": "Focus appearance recipe."
+      }
+    },
+    "state": {
+      "change": {
+        "$type": "transition",
+        "$value": {
+          "duration": "{motion.duration.standard}",
+          "delay": "{motion.duration.instant}",
+          "timingFunction": "{motion.easing.standard}"
+        },
+        "$extensions": {
+          "oneli8.maximumDistance": "{dimension.scale.006}"
+        },
+        "$description": "Local state-change recipe."
+      }
+    }
+  }
+}