@oneli8/tokens 1.0.0-beta.2 → 1.0.0-beta.3

package/src/tokens.json

@@ -0,0 +1,1936 @@
+{
+  "$comment": "GENERATED-ADJACENT SOURCE OF TRUTH. Every value verified against Figma file 0wRnp6ulIEA8PCV6wqGmAJ via get_variable_defs on Foundations/Root (9:7) sections 10:3, 13:2, 13:43, 13:97 and get_design_context on 13:104.",
+  "source": {
+    "file": "0wRnp6ulIEA8PCV6wqGmAJ",
+    "name": "Oneli8 Design System — 1.0.0-beta.1",
+    "page": "Foundations",
+    "root": "9:7",
+    "prefix": "--ol8-"
+  },
+  "color": {
+    "blue": {
+      "120": {
+        "value": "#9bb3ff",
+        "verified": true
+      },
+      "240": {
+        "value": "#6e8fef",
+        "verified": true
+      },
+      "360": {
+        "value": "#4d6dd1",
+        "verified": true
+      },
+      "480": {
+        "value": "#3854ae",
+        "verified": true
+      },
+      "600": {
+        "value": "#2c438b",
+        "verified": true
+      },
+      "720": {
+        "value": "#23366f",
+        "verified": true
+      },
+      "840": {
+        "value": "#1a2a59",
+        "verified": true
+      },
+      "930": {
+        "value": "#101b3a",
+        "verified": true
+      },
+      "030": {
+        "value": "#f2f5ff",
+        "verified": true
+      },
+      "060": {
+        "value": "#e2e9ff",
+        "verified": true
+      },
+      "090": {
+        "value": "#c4d2ff",
+        "verified": true
+      }
+    },
+    "cyan": {
+      "120": {
+        "value": "#75d3dd",
+        "verified": true
+      },
+      "240": {
+        "value": "#3ab7c5",
+        "verified": true
+      },
+      "360": {
+        "value": "#2096a7",
+        "verified": true
+      },
+      "480": {
+        "value": "#187789",
+        "verified": true
+      },
+      "600": {
+        "value": "#175f70",
+        "verified": true
+      },
+      "720": {
+        "value": "#174d5b",
+        "verified": true
+      },
+      "840": {
+        "value": "#163f4b",
+        "verified": true
+      },
+      "930": {
+        "value": "#0a252d",
+        "verified": true
+      },
+      "030": {
+        "value": "#effbfc",
+        "verified": true
+      },
+      "060": {
+        "value": "#d5f4f6",
+        "verified": true
+      },
+      "090": {
+        "value": "#aae7ec",
+        "verified": true
+      }
+    },
+    "green": {
+      "120": {
+        "value": "#8cd2aa",
+        "verified": true
+      },
+      "240": {
+        "value": "#58b982",
+        "verified": true
+      },
+      "360": {
+        "value": "#349a65",
+        "verified": true
+      },
+      "480": {
+        "value": "#267b50",
+        "verified": true
+      },
+      "600": {
+        "value": "#216240",
+        "verified": true
+      },
+      "720": {
+        "value": "#1d4f35",
+        "verified": true
+      },
+      "840": {
+        "value": "#193f2c",
+        "verified": true
+      },
+      "930": {
+        "value": "#0c2418",
+        "verified": true
+      },
+      "030": {
+        "value": "#f1faf5",
+        "verified": true
+      },
+      "060": {
+        "value": "#dcf3e5",
+        "verified": true
+      },
+      "090": {
+        "value": "#bce6ce",
+        "verified": true
+      }
+    },
+    "yellow": {
+      "120": {
+        "value": "#ffd13d",
+        "verified": true
+      },
+      "240": {
+        "value": "#f0b90b",
+        "verified": true
+      },
+      "360": {
+        "value": "#ce9500",
+        "verified": true
+      },
+      "480": {
+        "value": "#a76f00",
+        "verified": true
+      },
+      "600": {
+        "value": "#825100",
+        "verified": true
+      },
+      "720": {
+        "value": "#613b09",
+        "verified": true
+      },
+      "840": {
+        "value": "#4b2f0d",
+        "verified": true
+      },
+      "930": {
+        "value": "#2b1a08",
+        "verified": true
+      },
+      "030": {
+        "value": "#fff9e8",
+        "verified": true
+      },
+      "060": {
+        "value": "#fff0be",
+        "verified": true
+      },
+      "090": {
+        "value": "#ffe27d",
+        "verified": true
+      }
+    },
+    "orange": {
+      "120": {
+        "value": "#ffa54d",
+        "verified": true
+      },
+      "240": {
+        "value": "#f47b20",
+        "verified": true
+      },
+      "360": {
+        "value": "#d95c0b",
+        "verified": true
+      },
+      "480": {
+        "value": "#b74406",
+        "verified": true
+      },
+      "600": {
+        "value": "#913408",
+        "verified": true
+      },
+      "720": {
+        "value": "#70290d",
+        "verified": true
+      },
+      "840": {
+        "value": "#57230f",
+        "verified": true
+      },
+      "930": {
+        "value": "#321207",
+        "verified": true
+      },
+      "030": {
+        "value": "#fff5ea",
+        "verified": true
+      },
+      "060": {
+        "value": "#ffe7cb",
+        "verified": true
+      },
+      "090": {
+        "value": "#ffc98f",
+        "verified": true
+      }
+    },
+    "pink": {
+      "120": {
+        "value": "#ff94c4",
+        "verified": true
+      },
+      "240": {
+        "value": "#f45a9d",
+        "verified": true
+      },
+      "360": {
+        "value": "#d9367e",
+        "verified": true
+      },
+      "480": {
+        "value": "#b62364",
+        "verified": true
+      },
+      "600": {
+        "value": "#931d51",
+        "verified": true
+      },
+      "720": {
+        "value": "#771a43",
+        "verified": true
+      },
+      "840": {
+        "value": "#62183a",
+        "verified": true
+      },
+      "930": {
+        "value": "#3b0920",
+        "verified": true
+      },
+      "030": {
+        "value": "#fff1f8",
+        "verified": true
+      },
+      "060": {
+        "value": "#ffe1f0",
+        "verified": true
+      },
+      "090": {
+        "value": "#ffc3e0",
+        "verified": true
+      }
+    },
+    "violet": {
+      "120": {
+        "value": "#c5a4ff",
+        "verified": true
+      },
+      "240": {
+        "value": "#a574f2",
+        "verified": true
+      },
+      "360": {
+        "value": "#864fd6",
+        "verified": true
+      },
+      "480": {
+        "value": "#6c37b2",
+        "verified": true
+      },
+      "600": {
+        "value": "#572d8e",
+        "verified": true
+      },
+      "720": {
+        "value": "#472671",
+        "verified": true
+      },
+      "840": {
+        "value": "#3a225b",
+        "verified": true
+      },
+      "930": {
+        "value": "#241238",
+        "verified": true
+      },
+      "030": {
+        "value": "#f8f4ff",
+        "verified": true
+      },
+      "060": {
+        "value": "#efe6ff",
+        "verified": true
+      },
+      "090": {
+        "value": "#dfcdff",
+        "verified": true
+      }
+    },
+    "red": {
+      "120": {
+        "value": "#f99a92",
+        "verified": true
+      },
+      "240": {
+        "value": "#ed6a61",
+        "verified": true
+      },
+      "360": {
+        "value": "#d6473f",
+        "verified": true
+      },
+      "480": {
+        "value": "#b6332e",
+        "verified": true
+      },
+      "600": {
+        "value": "#922824",
+        "verified": true
+      },
+      "720": {
+        "value": "#772421",
+        "verified": true
+      },
+      "840": {
+        "value": "#64231f",
+        "verified": true
+      },
+      "930": {
+        "value": "#380f0d",
+        "verified": true
+      },
+      "030": {
+        "value": "#fff2f1",
+        "verified": true
+      },
+      "060": {
+        "value": "#ffe2e0",
+        "verified": true
+      },
+      "090": {
+        "value": "#ffc8c4",
+        "verified": true
+      }
+    },
+    "neutral": {
+      "120": {
+        "value": "#d2c8b6",
+        "verified": true
+      },
+      "240": {
+        "value": "#b0a593",
+        "verified": true
+      },
+      "360": {
+        "value": "#897f70",
+        "verified": true
+      },
+      "480": {
+        "value": "#665e53",
+        "verified": true
+      },
+      "600": {
+        "value": "#4a443d",
+        "verified": true
+      },
+      "720": {
+        "value": "#302d29",
+        "verified": true
+      },
+      "840": {
+        "value": "#20201e",
+        "verified": true
+      },
+      "930": {
+        "value": "#151817",
+        "verified": true
+      },
+      "030": {
+        "value": "#fcfaf3",
+        "verified": true
+      },
+      "060": {
+        "value": "#f5f1e6",
+        "verified": true
+      },
+      "090": {
+        "value": "#e7e0d1",
+        "verified": true
+      }
+    },
+    "primary": {
+      "120": {
+        "value": "#9bb3ff",
+        "verified": true,
+        "aliasOf": "color-blue-120"
+      },
+      "240": {
+        "value": "#6e8fef",
+        "verified": true,
+        "aliasOf": "color-blue-240"
+      },
+      "360": {
+        "value": "#4d6dd1",
+        "verified": true,
+        "aliasOf": "color-blue-360"
+      },
+      "480": {
+        "value": "#3854ae",
+        "verified": true,
+        "aliasOf": "color-blue-480"
+      },
+      "600": {
+        "value": "#2c438b",
+        "verified": true,
+        "aliasOf": "color-blue-600"
+      },
+      "720": {
+        "value": "#23366f",
+        "verified": true,
+        "aliasOf": "color-blue-720"
+      },
+      "840": {
+        "value": "#1a2a59",
+        "verified": true,
+        "aliasOf": "color-blue-840"
+      },
+      "930": {
+        "value": "#101b3a",
+        "verified": true,
+        "aliasOf": "color-blue-930"
+      },
+      "030": {
+        "value": "#f2f5ff",
+        "verified": true,
+        "aliasOf": "color-blue-030"
+      },
+      "060": {
+        "value": "#e2e9ff",
+        "verified": true,
+        "aliasOf": "color-blue-060"
+      },
+      "090": {
+        "value": "#c4d2ff",
+        "verified": true,
+        "aliasOf": "color-blue-090"
+      }
+    },
+    "background": {
+      "canvas": {
+        "value": "#fcfaf3",
+        "verified": true
+      },
+      "subtle": {
+        "value": "#f5f1e6",
+        "verified": true
+      },
+      "inverse": {
+        "value": "#101b3a",
+        "verified": true
+      }
+    },
+    "surface": {
+      "default": {
+        "value": "#fcfaf3",
+        "verified": true
+      },
+      "raised": {
+        "value": "#fcfaf3",
+        "verified": true
+      },
+      "sunken": {
+        "value": "#f5f1e6",
+        "verified": true
+      },
+      "selected": {
+        "value": "#d5f4f6",
+        "verified": true
+      },
+      "disabled": {
+        "value": "#e7e0d1",
+        "verified": true
+      }
+    },
+    "text": {
+      "primary": {
+        "value": "#151817",
+        "verified": true
+      },
+      "secondary": {
+        "value": "#302d29",
+        "verified": true
+      },
+      "muted": {
+        "value": "#4a443d",
+        "verified": true
+      },
+      "disabled": {
+        "value": "#665e53",
+        "verified": true
+      },
+      "inverse": {
+        "value": "#fcfaf3",
+        "verified": true
+      },
+      "link": {
+        "value": "#2c438b",
+        "verified": true
+      }
+    },
+    "icon": {
+      "primary": {
+        "value": "#151817",
+        "verified": true
+      },
+      "secondary": {
+        "value": "#665e53",
+        "verified": true
+      },
+      "muted": {
+        "value": "#897f70",
+        "verified": true
+      },
+      "disabled": {
+        "value": "#b0a593",
+        "verified": true
+      },
+      "inverse": {
+        "value": "#fcfaf3",
+        "verified": true
+      }
+    },
+    "border": {
+      "subtle": {
+        "value": "#e7e0d1",
+        "verified": true
+      },
+      "default": {
+        "value": "#897f70",
+        "verified": true
+      },
+      "strong": {
+        "value": "#665e53",
+        "verified": true
+      },
+      "disabled": {
+        "value": "#665e53",
+        "verified": true
+      }
+    },
+    "focus": {
+      "inner": {
+        "value": "#f2f5ff",
+        "verified": true
+      },
+      "outer": {
+        "value": "#101b3a",
+        "verified": true
+      }
+    },
+    "actionprimary": {
+      "default": {
+        "value": "#2c438b",
+        "verified": true
+      },
+      "hover": {
+        "value": "#23366f",
+        "verified": true
+      },
+      "pressed": {
+        "value": "#1a2a59",
+        "verified": true
+      },
+      "content": {
+        "value": "#fcfaf3",
+        "verified": true
+      },
+      "disabled": {
+        "value": "#e7e0d1",
+        "verified": true
+      },
+      "disabledcontent": {
+        "value": "#665e53",
+        "verified": true
+      }
+    },
+    "actionsecondary": {
+      "surfacedefault": {
+        "value": "#00000000",
+        "verified": true
+      },
+      "surfacehover": {
+        "value": "#f2f5ff",
+        "verified": true
+      },
+      "surfacepressed": {
+        "value": "#e2e9ff",
+        "verified": true
+      },
+      "surfacedisabled": {
+        "value": "#00000000",
+        "verified": true
+      },
+      "contentdefault": {
+        "value": "#2c438b",
+        "verified": true
+      },
+      "contenthover": {
+        "value": "#23366f",
+        "verified": true
+      },
+      "contentpressed": {
+        "value": "#1a2a59",
+        "verified": true
+      },
+      "contentdisabled": {
+        "value": "#665e53",
+        "verified": true
+      }
+    },
+    "actionquiet": {
+      "surfacedefault": {
+        "value": "#00000000",
+        "verified": true
+      },
+      "surfacehover": {
+        "value": "#f2f5ff",
+        "verified": true
+      },
+      "surfacepressed": {
+        "value": "#e2e9ff",
+        "verified": true
+      },
+      "surfacedisabled": {
+        "value": "#00000000",
+        "verified": true
+      },
+      "contentdefault": {
+        "value": "#2c438b",
+        "verified": true
+      },
+      "contenthover": {
+        "value": "#23366f",
+        "verified": true
+      },
+      "contentpressed": {
+        "value": "#1a2a59",
+        "verified": true
+      },
+      "contentdisabled": {
+        "value": "#665e53",
+        "verified": true
+      }
+    },
+    "actiondestructive": {
+      "default": {
+        "value": "#922824",
+        "verified": true
+      },
+      "hover": {
+        "value": "#772421",
+        "verified": true
+      },
+      "pressed": {
+        "value": "#64231f",
+        "verified": true
+      },
+      "content": {
+        "value": "#fcfaf3",
+        "verified": true
+      },
+      "disabled": {
+        "value": "#e7e0d1",
+        "verified": true
+      },
+      "disabledcontent": {
+        "value": "#665e53",
+        "verified": true
+      }
+    },
+    "feedbackinformative": {
+      "surface": {
+        "value": "#174d5b",
+        "verified": true
+      },
+      "content": {
+        "value": "#fcfaf3",
+        "verified": true
+      },
+      "inlinecontent": {
+        "value": "#2c438b",
+        "verified": true
+      }
+    },
+    "feedbackpositive": {
+      "surface": {
+        "value": "#216240",
+        "verified": true
+      },
+      "content": {
+        "value": "#fcfaf3",
+        "verified": true
+      },
+      "inlinecontent": {
+        "value": "#216240",
+        "verified": true
+      }
+    },
+    "feedbackcaution": {
+      "surface": {
+        "value": "#ffe27d",
+        "verified": true
+      },
+      "content": {
+        "value": "#20201e",
+        "verified": true
+      },
+      "inlinecontent": {
+        "value": "#825100",
+        "verified": true
+      }
+    },
+    "feedbackcritical": {
+      "surface": {
+        "value": "#922824",
+        "verified": true
+      },
+      "content": {
+        "value": "#fcfaf3",
+        "verified": true
+      },
+      "inlinecontent": {
+        "value": "#b6332e",
+        "verified": true
+      }
+    },
+    "selection": {
+      "surface": {
+        "value": "#e2e9ff",
+        "verified": true
+      },
+      "content": {
+        "value": "#1a2a59",
+        "verified": true
+      }
+    },
+    "control": {
+      "thumb": {
+        "value": "#1a2a59",
+        "verified": true
+      }
+    }
+  },
+  "material": {
+    "gem": {
+      "color": {
+        "cutedge": {
+          "outerhigh": {
+            "value": "#f5f1e6ed",
+            "verified": true
+          },
+          "outermid": {
+            "value": "#9bb3ff7a",
+            "verified": true
+          },
+          "outerlow": {
+            "value": "#f5f1e608",
+            "verified": true
+          },
+          "outeraccent": {
+            "value": "#2096a75c",
+            "verified": true
+          },
+          "high": {
+            "value": "#f5f1e6b8",
+            "verified": true
+          },
+          "mid": {
+            "value": "#e2e9ff5c",
+            "verified": true
+          },
+          "low": {
+            "value": "#f5f1e608",
+            "verified": true
+          },
+          "shadow": {
+            "value": "#101b3a29",
+            "verified": true
+          }
+        },
+        "quiet": {
+          "environmentalface": {
+            "value": "#fcfaf37a",
+            "verified": true
+          },
+          "stabilizedface": {
+            "value": "#f5f1e6b8",
+            "verified": true
+          },
+          "opaqueequivalent": {
+            "value": "#fcfaf3",
+            "verified": true
+          }
+        },
+        "innerthincut": {
+          "face": {
+            "value": "#f5f1e6b8",
+            "verified": true
+          },
+          "high": {
+            "value": "#f5f1e68a",
+            "verified": true
+          },
+          "mid": {
+            "value": "#9bb3ff2e",
+            "verified": true
+          },
+          "low": {
+            "value": "#f5f1e608",
+            "verified": true
+          }
+        },
+        "facet": {
+          "cool": {
+            "value": "#2c438b2e",
+            "verified": true
+          },
+          "warm": {
+            "value": "#f47b201f",
+            "verified": true
+          }
+        },
+        "family": {
+          "emerald": {
+            "environmentalface": {
+              "value": "#0c24187a",
+              "verified": true
+            },
+            "stabilizedface": {
+              "value": "#0c241845",
+              "verified": true
+            },
+            "edge": {
+              "value": "#58b982a8",
+              "verified": true
+            },
+            "innerhigh": {
+              "value": "#bce6ce5c",
+              "verified": true
+            },
+            "innermid": {
+              "value": "#58b9822e",
+              "verified": true
+            },
+            "innerlow": {
+              "value": "#bce6ce08",
+              "verified": true
+            },
+            "opaqueequivalent": {
+              "value": "#0c2418",
+              "verified": true
+            }
+          },
+          "ruby": {
+            "environmentalface": {
+              "value": "#380f0d7a",
+              "verified": true
+            },
+            "stabilizedface": {
+              "value": "#380f0d45",
+              "verified": true
+            },
+            "edge": {
+              "value": "#ed6a61a8",
+              "verified": true
+            },
+            "innerhigh": {
+              "value": "#ffc8c45c",
+              "verified": true
+            },
+            "innermid": {
+              "value": "#ed6a612e",
+              "verified": true
+            },
+            "innerlow": {
+              "value": "#ffc8c408",
+              "verified": true
+            },
+            "opaqueequivalent": {
+              "value": "#380f0d",
+              "verified": true
+            }
+          },
+          "sapphire": {
+            "environmentalface": {
+              "value": "#101b3a7a",
+              "verified": true
+            },
+            "stabilizedface": {
+              "value": "#101b3a4d",
+              "verified": true
+            },
+            "edge": {
+              "value": "#6e8fefa8",
+              "verified": true
+            },
+            "innerhigh": {
+              "value": "#e2e9ff63",
+              "verified": true
+            },
+            "innermid": {
+              "value": "#6e8fef2e",
+              "verified": true
+            },
+            "innerlow": {
+              "value": "#e2e9ff08",
+              "verified": true
+            },
+            "opaqueequivalent": {
+              "value": "#101b3a",
+              "verified": true
+            }
+          },
+          "amethyst": {
+            "environmentalface": {
+              "value": "#2412387a",
+              "verified": true
+            },
+            "stabilizedface": {
+              "value": "#24123845",
+              "verified": true
+            },
+            "edge": {
+              "value": "#a574f2a8",
+              "verified": true
+            },
+            "innerhigh": {
+              "value": "#dfcdff5c",
+              "verified": true
+            },
+            "innermid": {
+              "value": "#a574f22e",
+              "verified": true
+            },
+            "innerlow": {
+              "value": "#dfcdff08",
+              "verified": true
+            },
+            "opaqueequivalent": {
+              "value": "#241238",
+              "verified": true
+            }
+          }
+        }
+      }
+    },
+    "control": {
+      "gem": {
+        "$comment": "Keys deliberately start with '-' so the compiled name carries Figma's double dash, e.g. --ol8-material-control-gem--primary-start.",
+        "-primary-start": {
+          "value": "#3854ae",
+          "verified": true
+        },
+        "-primary-mid": {
+          "value": "#2c438b",
+          "verified": true
+        },
+        "-primary-end": {
+          "value": "#23366f",
+          "verified": true
+        },
+        "-primary-hover-start": {
+          "value": "#2c438b",
+          "verified": true
+        },
+        "-primary-hover-mid": {
+          "value": "#23366f",
+          "verified": true
+        },
+        "-primary-hover-end": {
+          "value": "#1a2a59",
+          "verified": true
+        },
+        "-primary-loading-start": {
+          "value": "#23366f",
+          "verified": true
+        },
+        "-primary-loading-mid": {
+          "value": "#1a2a59",
+          "verified": true
+        },
+        "-primary-loading-end": {
+          "value": "#101b3a",
+          "verified": true
+        },
+        "-primary-content": {
+          "value": "#fcfaf3",
+          "verified": true
+        },
+        "-secondary-high": {
+          "value": "#fcfaf338",
+          "verified": true
+        },
+        "-secondary-mid": {
+          "value": "#fcfaf30d",
+          "verified": true
+        },
+        "-secondary-low": {
+          "value": "#fcfaf31f",
+          "verified": true
+        },
+        "-secondary-hover-high": {
+          "value": "#fcfaf34d",
+          "verified": true
+        },
+        "-secondary-hover-mid": {
+          "value": "#fcfaf317",
+          "verified": true
+        },
+        "-secondary-hover-low": {
+          "value": "#fcfaf32e",
+          "verified": true
+        },
+        "-secondary-loading-high": {
+          "value": "#fcfaf363",
+          "verified": true
+        },
+        "-secondary-loading-mid": {
+          "value": "#fcfaf31f",
+          "verified": true
+        },
+        "-secondary-loading-low": {
+          "value": "#fcfaf33d",
+          "verified": true
+        },
+        "-secondary-content": {
+          "value": "#fcfaf3",
+          "verified": true
+        },
+        "-rim-default": {
+          "value": "#fcfaf33d",
+          "verified": true
+        },
+        "-rim-specular": {
+          "value": "#fcfaf38a",
+          "verified": true
+        },
+        "-rim-hover": {
+          "value": "#fcfaf35c",
+          "verified": true
+        },
+        "-blur": {
+          "value": "12px",
+          "verified": true
+        },
+        "-stop-1": {
+          "value": "14.639%",
+          "verified": true
+        },
+        "-stop-2": {
+          "value": "48.586%",
+          "verified": true
+        },
+        "-stop-3": {
+          "value": "85.361%",
+          "verified": true
+        }
+      }
+    }
+  },
+  "dimension": {
+    "scale": {
+      "108": {
+        "value": "108px",
+        "verified": true
+      },
+      "000": {
+        "value": "0px",
+        "verified": true
+      },
+      "003": {
+        "value": "3px",
+        "verified": true
+      },
+      "006": {
+        "value": "6px",
+        "verified": true
+      },
+      "009": {
+        "value": "9px",
+        "verified": true
+      },
+      "012": {
+        "value": "12px",
+        "verified": true
+      },
+      "015": {
+        "value": "15px",
+        "verified": true
+      },
+      "018": {
+        "value": "18px",
+        "verified": true
+      },
+      "024": {
+        "value": "24px",
+        "verified": true
+      },
+      "030": {
+        "value": "30px",
+        "verified": true
+      },
+      "036": {
+        "value": "36px",
+        "verified": true
+      },
+      "042": {
+        "value": "42px",
+        "verified": true
+      },
+      "048": {
+        "value": "48px",
+        "verified": true
+      },
+      "060": {
+        "value": "60px",
+        "verified": true
+      },
+      "072": {
+        "value": "72px",
+        "verified": true
+      },
+      "084": {
+        "value": "84px",
+        "verified": true
+      },
+      "096": {
+        "value": "96px",
+        "verified": true
+      }
+    }
+  },
+  "shape": {
+    "radius": {
+      "none": {
+        "value": "0px",
+        "verified": true
+      },
+      "subtle": {
+        "value": "3px",
+        "verified": true
+      },
+      "compact": {
+        "value": "6px",
+        "verified": true
+      },
+      "medium": {
+        "value": "9px",
+        "verified": true
+      },
+      "standard": {
+        "value": "12px",
+        "verified": true
+      },
+      "comfortable": {
+        "value": "18px",
+        "verified": true
+      },
+      "container": {
+        "value": "24px",
+        "verified": true
+      },
+      "display": {
+        "value": "36px",
+        "verified": true
+      },
+      "full": {
+        "value": "999px",
+        "verified": true
+      }
+    }
+  },
+  "font": {
+    "family": {
+      "display": {
+        "value": "Syne",
+        "fallback": "ui-sans-serif, system-ui, sans-serif",
+        "verified": true,
+        "$comment": "Figma variable holds the bare family name; the fallback stack is a code-side requirement, not a Figma value."
+      },
+      "functional": {
+        "value": "AR One Sans",
+        "fallback": "ui-sans-serif, system-ui, sans-serif",
+        "verified": true,
+        "$comment": "Figma variable holds the bare family name; the fallback stack is a code-side requirement, not a Figma value."
+      }
+    },
+    "size": {
+      "012": {
+        "value": "12px",
+        "verified": true
+      },
+      "016": {
+        "value": "16px",
+        "verified": true,
+        "gridException": "Web base font size. The rest of the type scale (12/21/30/39/51/66) is on-grid; 16 is the single exception."
+      },
+      "021": {
+        "value": "21px",
+        "verified": true
+      },
+      "030": {
+        "value": "30px",
+        "verified": true
+      },
+      "039": {
+        "value": "39px",
+        "verified": true
+      },
+      "051": {
+        "value": "51px",
+        "verified": true
+      },
+      "066": {
+        "value": "66px",
+        "verified": true
+      }
+    },
+    "line": {
+      "018": {
+        "value": "18px",
+        "verified": true
+      },
+      "024": {
+        "value": "24px",
+        "verified": true
+      },
+      "030": {
+        "value": "30px",
+        "verified": true
+      },
+      "039": {
+        "value": "39px",
+        "verified": true
+      },
+      "048": {
+        "value": "48px",
+        "verified": true
+      },
+      "060": {
+        "value": "60px",
+        "verified": true
+      },
+      "072": {
+        "value": "72px",
+        "verified": true
+      }
+    },
+    "weight": {
+      "regular": {
+        "value": "450",
+        "verified": true
+      },
+      "semibold": {
+        "value": "600",
+        "verified": true
+      },
+      "bold": {
+        "value": "690",
+        "verified": true
+      }
+    },
+    "variation": {
+      "functional": {
+        "value": "\"ARRR\" 10",
+        "verified": true,
+        "$comment": "AR One Sans variable-font axis. Figma emits fontVariationSettings: \"ARRR\" 10 on every functional-family text node; without it glyph advances differ from the design."
+      }
+    }
+  },
+  "border-width": {
+    "standard": {
+      "value": "2px",
+      "verified": true,
+      "gridException": "Optical border weight. Everything else is 3px-grid; 2px is a deliberate hairline choice, not a scale step."
+    }
+  },
+  "spacing": {
+    "stack-grouped": {
+      "value": "18px",
+      "verified": true
+    },
+    "stack-related": {
+      "value": "12px",
+      "verified": true
+    },
+    "inset-standard": {
+      "value": "18px",
+      "verified": true
+    }
+  },
+  "elevation": {
+    "flat": {
+      "value": "none",
+      "verified": true
+    },
+    "raised": {
+      "value": "0 3px 6px 0 rgba(22,63,75,0.12)",
+      "verified": true
+    },
+    "floating": {
+      "value": "0 3px 6px 0 rgba(22,63,75,0.12), 0 6px 18px -3px rgba(22,63,75,0.18)",
+      "verified": true
+    },
+    "overlay": {
+      "value": "0 6px 12px 0 rgba(22,63,75,0.18), 0 12px 36px -6px rgba(22,63,75,0.24)",
+      "verified": true
+    },
+    "blocking": {
+      "value": "0 12px 24px 0 rgba(22,63,75,0.24), 0 24px 72px -12px rgba(22,63,75,0.36)",
+      "verified": true
+    },
+    "$comment": "Shadow ink is cyan-840 #163f4b = rgb(22,63,75), per the Figma note 'Cyan 840 shadows provide calm depth without default black'."
+  },
+  "icon": {
+    "source-size": {
+      "value": "24px",
+      "verified": true
+    },
+    "source-stroke": {
+      "value": "1.8",
+      "verified": true
+    },
+    "size": {
+      "108": {
+        "value": "108px",
+        "verified": true
+      },
+      "009": {
+        "value": "9px",
+        "verified": true
+      },
+      "012": {
+        "value": "12px",
+        "verified": true
+      },
+      "018": {
+        "value": "18px",
+        "verified": true
+      },
+      "024": {
+        "value": "24px",
+        "verified": true
+      },
+      "030": {
+        "value": "30px",
+        "verified": true
+      },
+      "036": {
+        "value": "36px",
+        "verified": true
+      },
+      "048": {
+        "value": "48px",
+        "verified": true
+      },
+      "060": {
+        "value": "60px",
+        "verified": true
+      },
+      "072": {
+        "value": "72px",
+        "verified": true
+      },
+      "096": {
+        "value": "96px",
+        "verified": true
+      }
+    }
+  },
+  "component": {
+    "choice-chip": {
+      "terminal": {
+        "value": "12px",
+        "verified": true
+      },
+      "height-standard": {
+        "value": "36px",
+        "verified": true
+      },
+      "target-standard": {
+        "value": "48px",
+        "verified": true
+      },
+      "rail-inset-standard": {
+        "value": "12px",
+        "verified": true
+      }
+    },
+    "button": {
+      "gap-compact": {
+        "value": "6px",
+        "verified": true
+      },
+      "gap-comfortable": {
+        "value": "9px",
+        "verified": true
+      },
+      "paddinginline-compact": {
+        "value": "12px",
+        "verified": true
+      },
+      "paddinginline-standard": {
+        "value": "15px",
+        "verified": true
+      },
+      "paddinginline-comfortable": {
+        "value": "18px",
+        "verified": true
+      },
+      "paddinginline-large": {
+        "value": "24px",
+        "verified": true
+      },
+      "height-compact": {
+        "value": "36px",
+        "verified": true
+      },
+      "height-standard": {
+        "value": "42px",
+        "verified": true
+      },
+      "height-comfortable": {
+        "value": "48px",
+        "verified": true
+      },
+      "height-large": {
+        "value": "60px",
+        "verified": true
+      },
+      "radius-compact": {
+        "value": "6px",
+        "verified": true
+      },
+      "radius-standard": {
+        "value": "9px",
+        "verified": true
+      },
+      "radius-comfortable": {
+        "value": "12px",
+        "verified": true
+      },
+      "radius-large": {
+        "value": "12px",
+        "verified": true
+      },
+      "secondaryboundary": {
+        "value": "2px",
+        "verified": true,
+        "gridException": "Mirrors --ol8-border-width-standard; same optical-hairline rationale."
+      },
+      "$comment": "Only TWO gap tokens exist for four sizes: Compact+Standard share gap-compact (6px); Comfortable+Large share gap-comfortable (9px). Verified in Figma 15:823."
+    },
+    "icon": {
+      "stroke": {
+        "value": "1.8",
+        "verified": true,
+        "$comment": "Figma reports 1.7999999523162842 — a float32 artifact of 1.8. Normalized here; the value is authoritative as 1.8, matching the documented universal 1.8-unit optical stroke."
+      }
+    },
+    "iconbutton": {
+      "box-compact": {
+        "value": "36px",
+        "verified": true
+      },
+      "box-standard": {
+        "value": "42px",
+        "verified": true
+      },
+      "box-comfortable": {
+        "value": "48px",
+        "verified": true
+      },
+      "box-large": {
+        "value": "60px",
+        "verified": true
+      },
+      "target-compact": {
+        "value": "48px",
+        "verified": true
+      },
+      "target-standard": {
+        "value": "48px",
+        "verified": true
+      },
+      "target-comfortable": {
+        "value": "48px",
+        "verified": true
+      },
+      "target-large": {
+        "value": "60px",
+        "verified": true
+      },
+      "radius-compact": {
+        "value": "9px",
+        "verified": true
+      },
+      "radius-standard": {
+        "value": "12px",
+        "verified": true
+      },
+      "radius-comfortable": {
+        "value": "12px",
+        "verified": true
+      },
+      "radius-large": {
+        "value": "18px",
+        "verified": true
+      },
+      "artwork-compact": {
+        "value": "18px",
+        "verified": true
+      },
+      "artwork-standard": {
+        "value": "18px",
+        "verified": true
+      },
+      "artwork-comfortable": {
+        "value": "24px",
+        "verified": true
+      },
+      "artwork-large": {
+        "value": "24px",
+        "verified": true,
+        "$comment": "MEASURED as 24px from the built Large component (86:39, glyph bar 16px). The Iconography documentation string (85:9) claims 36px and no --ol8-component-iconbutton-artwork-large variable exists in Figma. Built components win; see README."
+      },
+      "pressedscrim": {
+        "value": "rgba(0,0,0,0.24)",
+        "verified": true,
+        "$comment": "Inset 3px scrim over the Pressed surface, from Figma 86:56 et al."
+      },
+      "$comment": "Icon Button is TWO boxes: a transparent protected target (48/48/48/60) wrapping a visible surface (36/42/48/60). Radius differs from Button: 9/12/12/18 vs 6/9/12/12."
+    },
+    "checkbox": {
+      "radius-compact": {
+        "value": "3px",
+        "verified": true
+      },
+      "radius-comfortable": {
+        "value": "6px",
+        "verified": true
+      },
+      "boundary": {
+        "value": "1.8px",
+        "verified": true,
+        "$comment": "Figma reports 1.7999999523162842 — float32 artifact of 1.8.",
+        "gridException": "Universal 1.8-unit optical stroke. Figma: '3pt anchors with governed optical exceptions'."
+      }
+    },
+    "radio": {
+      "boundary": {
+        "value": "1.8px",
+        "verified": true,
+        "gridException": "Universal 1.8-unit optical stroke."
+      },
+      "dot-compact": {
+        "value": "9px",
+        "verified": true
+      },
+      "dot-comfortable": {
+        "value": "12px",
+        "verified": true
+      }
+    },
+    "switch": {
+      "trackwidth-compact": {
+        "value": "36px",
+        "verified": true
+      },
+      "trackwidth-comfortable": {
+        "value": "48px",
+        "verified": true
+      },
+      "trackheight-compact": {
+        "value": "18px",
+        "verified": true
+      },
+      "trackheight-comfortable": {
+        "value": "24px",
+        "verified": true
+      },
+      "thumb-compact": {
+        "value": "12px",
+        "verified": true
+      },
+      "thumb-comfortable": {
+        "value": "18px",
+        "verified": true
+      },
+      "inset": {
+        "value": "3px",
+        "verified": true,
+        "$comment": "Thumb inset from the track edge; the ON offset is trackwidth - thumb - inset."
+      }
+    },
+    "choice": {
+      "optical-stroke": {
+        "value": "1.8px",
+        "verified": true,
+        "gridException": "Universal 1.8-unit optical stroke."
+      },
+      "mixed-bar-width": {
+        "value": "9px",
+        "verified": true,
+        "$comment": "The Mixed bar is a CONSTANT 9x1.8px in BOTH the 18px and 24px masters — an approved optical exception. It does not scale with the box, unlike the check and dot glyphs."
+      },
+      "mixed-bar-height": {
+        "value": "1.8px",
+        "verified": true,
+        "gridException": "Derived from the 1.8-unit optical stroke."
+      },
+      "gap-compact": {
+        "value": "6px",
+        "verified": true
+      },
+      "gap-standard": {
+        "value": "9px",
+        "verified": true,
+        "$comment": "Compact uses gap-compact; Standard, Comfortable and Large all share gap-standard."
+      },
+      "rowminimum": {
+        "value": "48px",
+        "verified": true,
+        "$comment": "The visible row is one 48px-minimum target. Vertical padding is derived: (48 - label line-height) / 2."
+      }
+    },
+    "selectionoption": {
+      "inset-standard": {
+        "value": "12px",
+        "verified": true
+      },
+      "inset-large": {
+        "value": "15px",
+        "verified": true
+      },
+      "minimum-standard": {
+        "value": "48px",
+        "verified": true
+      },
+      "minimum-large": {
+        "value": "60px",
+        "verified": true
+      },
+      "$comment": "Vertical padding is derived, not tokenised: (minimum - label line-height) / 2. Standard (48-24)/2 = 12; Large (60-24)/2 = 18. Both sizes keep the same 24px content height."
+    }
+  },
+  "typography": {
+    "$comment": "Nine functional roles (Figma 13:2). Composite: emitted as sub-variables plus a .ol8-type-* class.",
+    "display-large": {
+      "family": "display",
+      "size": "066",
+      "line": "072",
+      "weight": "bold",
+      "letterSpacing": "-2px"
+    },
+    "display-medium": {
+      "family": "display",
+      "size": "051",
+      "line": "060",
+      "weight": "bold",
+      "letterSpacing": "-1.5px"
+    },
+    "display-small": {
+      "family": "display",
+      "size": "039",
+      "line": "048",
+      "weight": "semibold",
+      "letterSpacing": "-1px"
+    },
+    "title-large": {
+      "family": "functional",
+      "size": "039",
+      "line": "048",
+      "weight": "semibold",
+      "letterSpacing": "-0.5px"
+    },
+    "title-medium": {
+      "family": "functional",
+      "size": "030",
+      "line": "039",
+      "weight": "semibold",
+      "letterSpacing": "0px"
+    },
+    "title-small": {
+      "family": "functional",
+      "size": "021",
+      "line": "030",
+      "weight": "semibold",
+      "letterSpacing": "0px"
+    },
+    "body-large": {
+      "family": "functional",
+      "size": "021",
+      "line": "030",
+      "weight": "regular",
+      "letterSpacing": "0px"
+    },
+    "body-medium": {
+      "family": "functional",
+      "size": "016",
+      "line": "024",
+      "weight": "regular",
+      "letterSpacing": "0px"
+    },
+    "body-small": {
+      "family": "functional",
+      "size": "012",
+      "line": "018",
+      "weight": "regular",
+      "letterSpacing": "1px"
+    }
+  },
+  "focus": {
+    "ring": {
+      "innerwidth": {
+        "value": "3px",
+        "verified": true
+      },
+      "outerwidth": {
+        "value": "3px",
+        "verified": true,
+        "$comment": "BAND THICKNESS, not a cumulative offset. Figma binds --ol8-focus-ring-outerwidth = 3 on Choice Controls (246:3). The outside two-tone ring is a 3px --ol8-color-focus-inner band then a 3px --ol8-color-focus-outer band, so a box-shadow spread must add the two: calc(innerwidth + outerwidth) = 6px. Labelled Button instead uses a 3px INSIDE stroke."
+      }
+    }
+  },
+  "size": {
+    "icon": {
+      "small": {
+        "value": "18px",
+        "verified": true
+      },
+      "standard": {
+        "value": "24px",
+        "verified": true
+      },
+      "$comment": "Button icon sizing: Compact+Standard use small (18px); Comfortable+Large use standard (24px).",
+      "micro": {
+        "value": "9px",
+        "verified": true
+      },
+      "compact": {
+        "value": "12px",
+        "verified": true
+      }
+    }
+  },
+  "themes": {
+    "$comment": "Independent mode axes ported from the Figma-derived theme source. Values are references to other tokens, never duplicated literals, so a primary-family swap propagates through every semantic role that points at the primary ramp. typographyViewport is NOT ported: it needs font.size.090, font.line.096 and a font.tracking.* scale that this tree has never synced from Figma.",
+    "colorScheme": {
+      "dark": {
+        "selector": "[data-ol8-color-scheme=\"dark\"]",
+        "overrides": {
+          "color-background-canvas": "{color-neutral-930}",
+          "color-background-subtle": "{color-neutral-840}",
+          "color-background-inverse": "{color-neutral-030}",
+          "color-surface-default": "{color-neutral-840}",
+          "color-surface-raised": "{color-neutral-720}",
+          "color-surface-sunken": "{color-neutral-930}",
+          "color-surface-selected": "{color-primary-120}",
+          "color-surface-disabled": "{color-blue-840}",
+          "color-text-primary": "{color-neutral-030}",
+          "color-text-secondary": "{color-neutral-120}",
+          "color-text-muted": "{color-neutral-240}",
+          "color-text-disabled": "{color-neutral-240}",
+          "color-text-inverse": "{color-neutral-930}",
+          "color-text-link": "{color-primary-120}",
+          "color-icon-primary": "{color-neutral-030}",
+          "color-icon-secondary": "{color-neutral-120}",
+          "color-icon-muted": "{color-neutral-240}",
+          "color-icon-disabled": "{color-neutral-360}",
+          "color-icon-inverse": "{color-neutral-930}",
+          "color-border-subtle": "{color-neutral-720}",
+          "color-border-default": "{color-neutral-240}",
+          "color-border-strong": "{color-neutral-120}",
+          "color-border-disabled": "{color-neutral-240}",
+          "color-focus-inner": "{color-primary-930}",
+          "color-focus-outer": "{color-primary-030}",
+          "color-actionprimary-default": "{color-primary-120}",
+          "color-actionprimary-hover": "{color-primary-090}",
+          "color-actionprimary-pressed": "{color-primary-060}",
+          "color-actionprimary-content": "{color-primary-930}",
+          "color-actionprimary-disabled": "{color-blue-840}",
+          "color-actionprimary-disabledcontent": "{color-neutral-240}",
+          "color-actionsecondary-surfacedefault": "#00000000",
+          "color-actionsecondary-surfacehover": "{color-primary-930}",
+          "color-actionsecondary-surfacepressed": "{color-primary-840}",
+          "color-actionsecondary-surfacedisabled": "#00000000",
+          "color-actionsecondary-contentdefault": "{color-primary-120}",
+          "color-actionsecondary-contenthover": "{color-primary-120}",
+          "color-actionsecondary-contentpressed": "{color-primary-090}",
+          "color-actionsecondary-contentdisabled": "{color-neutral-240}",
+          "color-actionquiet-surfacedefault": "#00000000",
+          "color-actionquiet-surfacehover": "{color-primary-930}",
+          "color-actionquiet-surfacepressed": "{color-primary-840}",
+          "color-actionquiet-surfacedisabled": "#00000000",
+          "color-actionquiet-contentdefault": "{color-primary-120}",
+          "color-actionquiet-contenthover": "{color-primary-120}",
+          "color-actionquiet-contentpressed": "{color-primary-090}",
+          "color-actionquiet-contentdisabled": "{color-neutral-240}",
+          "color-actiondestructive-default": "{color-red-120}",
+          "color-actiondestructive-hover": "{color-red-090}",
+          "color-actiondestructive-pressed": "{color-red-060}",
+          "color-actiondestructive-content": "{color-red-930}",
+          "color-actiondestructive-disabled": "{color-blue-840}",
+          "color-actiondestructive-disabledcontent": "{color-neutral-240}",
+          "color-feedbackinformative-surface": "{color-cyan-120}",
+          "color-feedbackinformative-content": "{color-cyan-930}",
+          "color-feedbackinformative-inlinecontent": "{color-blue-120}",
+          "color-feedbackpositive-surface": "{color-green-120}",
+          "color-feedbackpositive-content": "{color-green-930}",
+          "color-feedbackpositive-inlinecontent": "{color-green-120}",
+          "color-feedbackcaution-surface": "{color-yellow-120}",
+          "color-feedbackcaution-content": "{color-yellow-930}",
+          "color-feedbackcaution-inlinecontent": "{color-yellow-120}",
+          "color-feedbackcritical-surface": "{color-red-120}",
+          "color-feedbackcritical-content": "{color-red-930}",
+          "color-feedbackcritical-inlinecontent": "{color-red-120}",
+          "color-selection-surface": "{color-primary-120}",
+          "color-selection-content": "{color-primary-930}",
+          "material-control-gem--primary-start": "{color-primary-600}",
+          "material-control-gem--primary-mid": "{color-primary-720}",
+          "material-control-gem--primary-end": "{color-primary-840}",
+          "material-control-gem--primary-hover-start": "{color-primary-720}",
+          "material-control-gem--primary-hover-mid": "{color-primary-840}",
+          "material-control-gem--primary-hover-end": "{color-primary-930}",
+          "material-gem-color-quiet-environmentalface": "#1518177a",
+          "material-gem-color-quiet-stabilizedface": "#20201eb8",
+          "material-gem-color-quiet-opaqueequivalent": "{color-neutral-840}",
+          "material-gem-color-cutedge-high": "#d2c8b66b",
+          "material-gem-color-cutedge-mid": "#9bb3ff33",
+          "material-gem-color-cutedge-low": "#d2c8b608",
+          "material-gem-color-cutedge-shadow": "#0a252d5c",
+          "material-gem-color-innerthincut-face": "#20201eb8",
+          "material-gem-color-innerthincut-high": "#d2c8b645",
+          "material-gem-color-innerthincut-mid": "#9bb3ff1f",
+          "material-gem-color-innerthincut-low": "#d2c8b608",
+          "material-gem-color-facet-cool": "#9bb3ff24",
+          "material-gem-color-facet-warm": "#ffa54d17"
+        }
+      }
+    },
+    "primaryFamily": {
+      "blue": {
+        "selector": "[data-ol8-primary=\"blue\"]",
+        "overrides": {
+          "color-primary-030": "{color-blue-030}",
+          "color-primary-060": "{color-blue-060}",
+          "color-primary-090": "{color-blue-090}",
+          "color-primary-120": "{color-blue-120}",
+          "color-primary-240": "{color-blue-240}",
+          "color-primary-360": "{color-blue-360}",
+          "color-primary-480": "{color-blue-480}",
+          "color-primary-600": "{color-blue-600}",
+          "color-primary-720": "{color-blue-720}",
+          "color-primary-840": "{color-blue-840}",
+          "color-primary-930": "{color-blue-930}"
+        }
+      },
+      "orange": {
+        "selector": "[data-ol8-primary=\"orange\"]",
+        "overrides": {
+          "color-primary-030": "{color-orange-030}",
+          "color-primary-060": "{color-orange-060}",
+          "color-primary-090": "{color-orange-090}",
+          "color-primary-120": "{color-orange-120}",
+          "color-primary-240": "{color-orange-240}",
+          "color-primary-360": "{color-orange-360}",
+          "color-primary-480": "{color-orange-480}",
+          "color-primary-600": "{color-orange-600}",
+          "color-primary-720": "{color-orange-720}",
+          "color-primary-840": "{color-orange-840}",
+          "color-primary-930": "{color-orange-930}"
+        }
+      },
+      "green": {
+        "selector": "[data-ol8-primary=\"green\"]",
+        "overrides": {
+          "color-primary-030": "{color-green-030}",
+          "color-primary-060": "{color-green-060}",
+          "color-primary-090": "{color-green-090}",
+          "color-primary-120": "{color-green-120}",
+          "color-primary-240": "{color-green-240}",
+          "color-primary-360": "{color-green-360}",
+          "color-primary-480": "{color-green-480}",
+          "color-primary-600": "{color-green-600}",
+          "color-primary-720": "{color-green-720}",
+          "color-primary-840": "{color-green-840}",
+          "color-primary-930": "{color-green-930}"
+        }
+      }
+    }
+  }
+}