├── .npmignore
├── .gitignore
├── .vscode
    ├── extensions.json
    └── settings.json
├── CONTRIBUTING.md
├── .github
    └── workflows
    │   └── ci.yml
├── biome.json
├── README.md
├── index.json
├── LICENSE
├── package.json
├── scripts
    └── normalize-dtcg.js
├── shopify-polaris.json
├── pnpm-lock.yaml
├── apple-hig.json
├── salesforce-lightning.json
└── figma-sds.json


/.npmignore:
--------------------------------------------------------------------------------
1 | .github
2 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | dist
3 | node_modules
4 | 


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": ["biomejs.biome"]
3 | }
4 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 |   "[json]": {
3 |     "editor.defaultFormatter": "biomejs.biome"
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | # Contributing
2 | 
3 | Contributions are welcome! Any open source design system is welcome here. To contribute, just make sure you [add a `lint:*` job in package.json](./package.json) so we can validate the DTCG JSON is correct.
4 | 


--------------------------------------------------------------------------------
/.github/workflows/ci.yml:
--------------------------------------------------------------------------------
 1 | name: CI
 2 | 
 3 | on:
 4 |   push:
 5 |     branches:
 6 |       - main
 7 |   pull_request:
 8 | 
 9 | concurrency:
10 |   group: ci-${{ github.ref }}
11 |   cancel-in-progress: true
12 | 
13 | jobs:
14 |   lint:
15 |     runs-on: ubuntu-latest
16 |     steps:
17 |       - uses: actions/checkout@v5
18 |       - uses: actions/setup-node@v5
19 |         with:
20 |           node-version: 24
21 |           package-manager-cache: false
22 |       - uses: pnpm/action-setup@v4
23 |         with:
24 |           run_install: true
25 |       - run: pnpm run lint
26 | 


--------------------------------------------------------------------------------
/biome.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
 3 |   "vcs": {
 4 |     "enabled": false,
 5 |     "clientKind": "git",
 6 |     "useIgnoreFile": false
 7 |   },
 8 |   "files": {
 9 |     "ignore": ["package.json"],
10 |     "ignoreUnknown": false
11 |   },
12 |   "formatter": {
13 |     "enabled": true,
14 |     "indentStyle": "space",
15 |     "lineWidth": 250
16 |   },
17 |   "organizeImports": {
18 |     "enabled": true
19 |   },
20 |   "linter": {
21 |     "enabled": true,
22 |     "rules": {
23 |       "recommended": true
24 |     }
25 |   },
26 |   "javascript": {
27 |     "formatter": {
28 |       "quoteStyle": "double"
29 |     }
30 |   }
31 | }
32 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # DTCG Examples
 2 | 
 3 | Examples of open source design systems, expressed in the open standard [DTCG design token Format](https://tr.designtokens.org/format/) (with [Terrazzo extensions](https://terrazzo.app)). This is a community project, and not the official versions of the design systems.
 4 | 
 5 | ## Design systems
 6 | 
 7 | _Disclaimer: this project is not affiliated with any of the following design systems or design teams. All design systems are © copyright their respective owners, and are only redistributed here under fair use._
 8 | 
 9 | - [Adobe Spectrum](./adobe-spectrum.json)
10 | - [Apple Human Interface Guidelines](./apple-hig.json)
11 | - [Figma Simple Design System](./figma-sds.json)
12 | - [GitHub Primer](./github-primer.json)
13 | - [IBM Carbon](./ibm-carbon.json)
14 | - [Microsoft Fluent](./microsoft-fluent.json)
15 | - [Radix UI](./radix.json)
16 | - [Salesforce Lightning](./salesforce-lightning.json)
17 | - [Shopify Polaris](./shopify-polaris.json)
18 | 
19 | Have one you want to add? [Open a PR](https://github.com/terrazzoapp/dtcg-examples/pulls)!
20 | 


--------------------------------------------------------------------------------
/index.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "design-systems": [
 3 |     {
 4 |       "name": "Spectrum",
 5 |       "author": "Adobe",
 6 |       "tokens": ["adobe-spectrum.json"]
 7 |     },
 8 |     {
 9 |       "name": "Human Interface Guidelines",
10 |       "author": "Apple",
11 |       "tokens": ["apple-hig.json"]
12 |     },
13 |     {
14 |       "name": "Simple Design System",
15 |       "author": "Figma",
16 |       "tokens": ["figma-sds.json"]
17 |     },
18 |     { "name": "Primer", "author": "GitHub", "tokens": ["github-primer.json"] },
19 |     { "name": "Carbon", "author": "IBM", "tokens": ["ibm-carbon.json"] },
20 |     {
21 |       "name": "Fluent",
22 |       "author": "Microsoft",
23 |       "tokens": ["microsoft-fluent.json"]
24 |     },
25 |     { "name": "Radix", "author": "Radix", "tokens": ["radix.json"] },
26 |     {
27 |       "name": "Lightning",
28 |       "author": "Salesforce",
29 |       "tokens": ["salesforce-lightning.json"]
30 |     },
31 |     {
32 |       "name": "Polaris",
33 |       "author": "Shopify",
34 |       "tokens": ["shopify-polaris.json"]
35 |     }
36 |   ]
37 | }
38 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2021 Drew Powers
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "dtcg-examples",
 3 |   "version": "0.3.4",
 4 |   "description": "Open source design systems, expressed as DTCG JSON",
 5 |   "keywords": [
 6 |     "design tokens",
 7 |     "design system",
 8 |     "dtcg",
 9 |     "w3c",
10 |     "carbon",
11 |     "polaris",
12 |     "primer",
13 |     "radix",
14 |     "sds",
15 |     "spectrum"
16 |   ],
17 |   "type": "module",
18 |   "license": "MIT",
19 |   "author": {
20 |     "name": "Drew Powers",
21 |     "email": "drew@pow.rs"
22 |   },
23 |   "packageManager": "pnpm@10.18.0+sha512.e804f889f1cecc40d572db084eec3e4881739f8dec69c0ff10d2d1beff9a4e309383ba27b5b750059d7f4c149535b6cd0d2cb1ed3aeb739239a4284a68f40cfa",
24 |   "repository": {
25 |     "type": "git",
26 |     "url": "https://github.com/terrazzoapp/dtcg-examples"
27 |   },
28 |   "scripts": {
29 |     "lint": "pnpm run --parallel \"/^lint:/\"",
30 |     "lint:adobe": "tz check adobe-spectrum.json",
31 |     "lint:apple": "tz check apple-hig.json",
32 |     "lint:figma": "tz check figma-sds.json",
33 |     "lint:github": "tz check github-primer.json",
34 |     "lint:ibm": "tz check ibm-carbon.json",
35 |     "lint:ms": "tz check microsoft-fluent.json",
36 |     "lint:radix": "tz check radix.json",
37 |     "lint:salesforce": "tz check salesforce-lightning.json",
38 |     "lint:shopify": "tz check shopify-polaris.json"
39 |   },
40 |   "devDependencies": {
41 |     "@biomejs/biome": "^1.9.4",
42 |     "@terrazzo/cli": "^0.8.1",
43 |     "@terrazzo/parser": "^0.8.1",
44 |     "@types/node": "^22.18.8"
45 |   }
46 | }
47 | 


--------------------------------------------------------------------------------
/scripts/normalize-dtcg.js:
--------------------------------------------------------------------------------
 1 | import { defineConfig, parse } from "@terrazzo/parser";
 2 | import fs from "node:fs/promises";
 3 | 
 4 | const ROOT_DIR = new URL("..", import.meta.url);
 5 | 
 6 | main();
 7 | 
 8 | // This takes the normalizations from Terrazzo and rewrites them to the same file.
 9 | // This is only done was a means of making copy + paste easier.
10 | async function main() {
11 |   const dir = await fs.readdir(ROOT_DIR, { withFileTypes: true });
12 |   for (const file of dir) {
13 |     if (!file.name.endsWith(".json") || ["package.json"].includes(file.name)) {
14 |       continue;
15 |     }
16 | 
17 |     const filename = new URL(file.name, ROOT_DIR);
18 |     const src = await fs.readFile(filename, "utf8");
19 | 
20 |     // normalize
21 |     const config = defineConfig({}, { cwd: import.meta.url });
22 |     const { tokens } = await parse([{ filename, src }], { config });
23 | 
24 |     // update old values with normalized ones
25 |     const json = JSON.parse(src);
26 |     for (const [id, token] of Object.entries(tokens)) {
27 |       const path = id.split(".");
28 |       let node = json;
29 |       for (const segment of path) {
30 |         if (!node[segment]) {
31 |           throw new Error(`No key "${segment}" found for ${id}`);
32 |         }
33 |         node = node[segment];
34 |       }
35 |       if (typeof node.$value === 'string' && node.$value[0] === '{') {
36 |         continue;
37 |       }
38 |       node.$value = token.$value;
39 |       for (const [modeName, modeValue] of Object.entries(token.mode)) {
40 |         if (modeName === "." || (typeof modeValue.$value === 'string' && modeValue.$value[0] === '{')) {
41 |           continue;
42 |         }
43 |         node.$extensions.mode[modeName] = modeValue.$value;
44 |       }
45 |     }
46 | 
47 |     // write back to file
48 |     await fs.writeFile(filename, JSON.stringify(json, undefined, 2));
49 |   }
50 | }
51 | 


--------------------------------------------------------------------------------
/shopify-polaris.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "color": {
  3 |     "$type": "color",
  4 |     "black": {
  5 |       "$value": {
  6 |         "colorSpace": "srgb",
  7 |         "components": [0, 0, 0],
  8 |         "alpha": 1,
  9 |         "hex": "#000000"
 10 |       }
 11 |     },
 12 |     "blueLighter": {
 13 |       "$value": {
 14 |         "colorSpace": "srgb",
 15 |         "components": [0.9215686274509803, 0.9607843137254902, 0.9803921568627451],
 16 |         "alpha": 1,
 17 |         "hex": "#ebf5fa"
 18 |       }
 19 |     },
 20 |     "blueLight": {
 21 |       "$value": {
 22 |         "colorSpace": "srgb",
 23 |         "components": [0.7058823529411765, 0.8823529411764706, 0.9803921568627451],
 24 |         "alpha": 1,
 25 |         "hex": "#b4e1fa"
 26 |       }
 27 |     },
 28 |     "blue": {
 29 |       "$value": {
 30 |         "colorSpace": "srgb",
 31 |         "components": [0, 0.43529411764705883, 0.7333333333333333],
 32 |         "alpha": 1,
 33 |         "hex": "#006fbb"
 34 |       }
 35 |     },
 36 |     "blueDark": {
 37 |       "$value": {
 38 |         "colorSpace": "srgb",
 39 |         "components": [0.03137254901960784, 0.3058823529411765, 0.5411764705882353],
 40 |         "alpha": 1,
 41 |         "hex": "#084e8a"
 42 |       }
 43 |     },
 44 |     "blueDarker": {
 45 |       "$value": {
 46 |         "colorSpace": "srgb",
 47 |         "components": [0, 0.0784313725490196, 0.1607843137254902],
 48 |         "alpha": 1,
 49 |         "hex": "#001429"
 50 |       }
 51 |     },
 52 |     "blueText": {
 53 |       "$value": {
 54 |         "colorSpace": "srgb",
 55 |         "components": [0.24313725490196078, 0.3058823529411765, 0.3411764705882353],
 56 |         "alpha": 1,
 57 |         "hex": "#3e4e57"
 58 |       }
 59 |     },
 60 |     "greenLighter": {
 61 |       "$value": {
 62 |         "colorSpace": "srgb",
 63 |         "components": [0.8901960784313725, 0.9450980392156862, 0.8745098039215686],
 64 |         "alpha": 1,
 65 |         "hex": "#e3f1df"
 66 |       }
 67 |     },
 68 |     "greenLight": {
 69 |       "$value": {
 70 |         "colorSpace": "srgb",
 71 |         "components": [0.7333333333333333, 0.8980392156862745, 0.7019607843137254],
 72 |         "alpha": 1,
 73 |         "hex": "#bbe5b3"
 74 |       }
 75 |     },
 76 |     "green": {
 77 |       "$value": {
 78 |         "colorSpace": "srgb",
 79 |         "components": [0.3137254901960784, 0.7215686274509804, 0.23529411764705882],
 80 |         "alpha": 1,
 81 |         "hex": "#50b83c"
 82 |       }
 83 |     },
 84 |     "greenDark": {
 85 |       "$value": {
 86 |         "colorSpace": "srgb",
 87 |         "components": [0.06274509803921569, 0.5019607843137255, 0.2627450980392157],
 88 |         "alpha": 1,
 89 |         "hex": "#108043"
 90 |       }
 91 |     },
 92 |     "greenDarker": {
 93 |       "$value": {
 94 |         "colorSpace": "srgb",
 95 |         "components": [0.09019607843137255, 0.21176470588235294, 0.18823529411764706],
 96 |         "alpha": 1,
 97 |         "hex": "#173630"
 98 |       }
 99 |     },
100 |     "greenText": {
101 |       "$value": {
102 |         "colorSpace": "srgb",
103 |         "components": [0.2549019607843137, 0.30980392156862746, 0.24313725490196078],
104 |         "alpha": 1,
105 |         "hex": "#414f3e"
106 |       }
107 |     },
108 |     "indigoLighter": {
109 |       "$value": {
110 |         "colorSpace": "srgb",
111 |         "components": [0.9568627450980393, 0.9607843137254902, 0.9803921568627451],
112 |         "alpha": 1,
113 |         "hex": "#f4f5fa"
114 |       }
115 |     },
116 |     "indigoLight": {
117 |       "$value": {
118 |         "colorSpace": "srgb",
119 |         "components": [0.7019607843137254, 0.7372549019607844, 0.9607843137254902],
120 |         "alpha": 1,
121 |         "hex": "#b3bcf5"
122 |       }
123 |     },
124 |     "indigo": {
125 |       "$value": {
126 |         "colorSpace": "srgb",
127 |         "components": [0.3607843137254902, 0.41568627450980394, 0.7686274509803922],
128 |         "alpha": 1,
129 |         "hex": "#5c6ac4"
130 |       }
131 |     },
132 |     "indigoDark": {
133 |       "$value": {
134 |         "colorSpace": "srgb",
135 |         "components": [0.12549019607843137, 0.1803921568627451, 0.47058823529411764],
136 |         "alpha": 1,
137 |         "hex": "#202e78"
138 |       }
139 |     },
140 |     "indigoDarker": {
141 |       "$value": {
142 |         "colorSpace": "srgb",
143 |         "components": [0, 0.023529411764705882, 0.2235294117647059],
144 |         "alpha": 1,
145 |         "hex": "#000639"
146 |       }
147 |     },
148 |     "indigoText": {
149 |       "$value": {
150 |         "colorSpace": "srgb",
151 |         "components": [0.24313725490196078, 0.2549019607843137, 0.3333333333333333],
152 |         "alpha": 1,
153 |         "hex": "#3e4155"
154 |       }
155 |     },
156 |     "inkLightest": {
157 |       "$value": {
158 |         "colorSpace": "srgb",
159 |         "components": [0.5686274509803921, 0.6196078431372549, 0.6705882352941176],
160 |         "alpha": 1,
161 |         "hex": "#919eab"
162 |       }
163 |     },
164 |     "inkLighter": {
165 |       "$value": {
166 |         "colorSpace": "srgb",
167 |         "components": [0.38823529411764707, 0.45098039215686275, 0.5058823529411764],
168 |         "alpha": 1,
169 |         "hex": "#637381"
170 |       }
171 |     },
172 |     "inkLight": {
173 |       "$value": {
174 |         "colorSpace": "srgb",
175 |         "components": [0.27058823529411763, 0.30980392156862746, 0.3568627450980392],
176 |         "alpha": 1,
177 |         "hex": "#454f5b"
178 |       }
179 |     },
180 |     "ink": {
181 |       "$value": {
182 |         "colorSpace": "srgb",
183 |         "components": [0.12941176470588237, 0.16862745098039217, 0.21176470588235294],
184 |         "alpha": 1,
185 |         "hex": "#212b36"
186 |       }
187 |     },
188 |     "orangeLighter": {
189 |       "$value": {
190 |         "colorSpace": "srgb",
191 |         "components": [0.9882352941176471, 0.9215686274509803, 0.8588235294117647],
192 |         "alpha": 1,
193 |         "hex": "#fcebdb"
194 |       }
195 |     },
196 |     "orangeLight": {
197 |       "$value": {
198 |         "colorSpace": "srgb",
199 |         "components": [1, 0.7725490196078432, 0.5450980392156862],
200 |         "alpha": 1,
201 |         "hex": "#ffc58b"
202 |       }
203 |     },
204 |     "orange": {
205 |       "$value": {
206 |         "colorSpace": "srgb",
207 |         "components": [0.9568627450980393, 0.5764705882352941, 0.25882352941176473],
208 |         "alpha": 1,
209 |         "hex": "#f49342"
210 |       }
211 |     },
212 |     "orangeDark": {
213 |       "$value": {
214 |         "colorSpace": "srgb",
215 |         "components": [0.7529411764705882, 0.3411764705882353, 0.09019607843137255],
216 |         "alpha": 1,
217 |         "hex": "#c05717"
218 |       }
219 |     },
220 |     "orangeDarker": {
221 |       "$value": {
222 |         "colorSpace": "srgb",
223 |         "components": [0.2901960784313726, 0.08235294117647059, 0.01568627450980392],
224 |         "alpha": 1,
225 |         "hex": "#4a1504"
226 |       }
227 |     },
228 |     "orangeText": {
229 |       "$value": {
230 |         "colorSpace": "srgb",
231 |         "components": [0.34901960784313724, 0.26666666666666666, 0.18823529411764706],
232 |         "alpha": 1,
233 |         "hex": "#594430"
234 |       }
235 |     },
236 |     "purpleLighter": {
237 |       "$value": {
238 |         "colorSpace": "srgb",
239 |         "components": [0.9647058823529412, 0.9411764705882353, 0.9921568627450981],
240 |         "alpha": 1,
241 |         "hex": "#f6f0fd"
242 |       }
243 |     },
244 |     "purpleLight": {
245 |       "$value": {
246 |         "colorSpace": "srgb",
247 |         "components": [0.8901960784313725, 0.8156862745098039, 1],
248 |         "alpha": 1,
249 |         "hex": "#e3d0ff"
250 |       }
251 |     },
252 |     "purple": {
253 |       "$value": {
254 |         "colorSpace": "srgb",
255 |         "components": [0.611764705882353, 0.41568627450980394, 0.8705882352941177],
256 |         "alpha": 1,
257 |         "hex": "#9c6ade"
258 |       }
259 |     },
260 |     "purpleDark": {
261 |       "$value": {
262 |         "colorSpace": "srgb",
263 |         "components": [0.3137254901960784, 0.1411764705882353, 0.5607843137254902],
264 |         "alpha": 1,
265 |         "hex": "#50248f"
266 |       }
267 |     },
268 |     "purpleDarker": {
269 |       "$value": {
270 |         "colorSpace": "srgb",
271 |         "components": [0.13725490196078433, 0, 0.3176470588235294],
272 |         "alpha": 1,
273 |         "hex": "#230051"
274 |       }
275 |     },
276 |     "purpleText": {
277 |       "$value": {
278 |         "colorSpace": "srgb",
279 |         "components": [0.3137254901960784, 0.28627450980392155, 0.35294117647058826],
280 |         "alpha": 1,
281 |         "hex": "#50495a"
282 |       }
283 |     },
284 |     "redLighter": {
285 |       "$value": {
286 |         "colorSpace": "srgb",
287 |         "components": [0.984313725490196, 0.9176470588235294, 0.8980392156862745],
288 |         "alpha": 1,
289 |         "hex": "#fbeae5"
290 |       }
291 |     },
292 |     "redLight": {
293 |       "$value": {
294 |         "colorSpace": "srgb",
295 |         "components": [0.996078431372549, 0.6784313725490196, 0.6039215686274509],
296 |         "alpha": 1,
297 |         "hex": "#fead9a"
298 |       }
299 |     },
300 |     "red": {
301 |       "$value": {
302 |         "colorSpace": "srgb",
303 |         "components": [0.8705882352941177, 0.21176470588235294, 0.09411764705882353],
304 |         "alpha": 1,
305 |         "hex": "#de3618"
306 |       }
307 |     },
308 |     "redDark": {
309 |       "$value": {
310 |         "colorSpace": "srgb",
311 |         "components": [0.7490196078431373, 0.027450980392156862, 0.06666666666666667],
312 |         "alpha": 1,
313 |         "hex": "#bf0711"
314 |       }
315 |     },
316 |     "redDarker": {
317 |       "$value": {
318 |         "colorSpace": "srgb",
319 |         "components": [0.2, 0.00392156862745098, 0.00392156862745098],
320 |         "alpha": 1,
321 |         "hex": "#330101"
322 |       }
323 |     },
324 |     "redText": {
325 |       "$value": {
326 |         "colorSpace": "srgb",
327 |         "components": [0.34509803921568627, 0.23529411764705882, 0.20784313725490197],
328 |         "alpha": 1,
329 |         "hex": "#583c35"
330 |       }
331 |     },
332 |     "skyLighter": {
333 |       "$value": {
334 |         "colorSpace": "srgb",
335 |         "components": [0.9764705882352941, 0.9803921568627451, 0.984313725490196],
336 |         "alpha": 1,
337 |         "hex": "#f9fafb"
338 |       }
339 |     },
340 |     "skyLight": {
341 |       "$value": {
342 |         "colorSpace": "srgb",
343 |         "components": [0.9568627450980393, 0.9647058823529412, 0.9725490196078431],
344 |         "alpha": 1,
345 |         "hex": "#f4f6f8"
346 |       }
347 |     },
348 |     "sky": {
349 |       "$value": {
350 |         "colorSpace": "srgb",
351 |         "components": [0.8745098039215686, 0.8901960784313725, 0.9098039215686274],
352 |         "alpha": 1,
353 |         "hex": "#dfe3e8"
354 |       }
355 |     },
356 |     "skyDark": {
357 |       "$value": {
358 |         "colorSpace": "srgb",
359 |         "components": [0.7686274509803922, 0.803921568627451, 0.8352941176470589],
360 |         "alpha": 1,
361 |         "hex": "#c4cdd5"
362 |       }
363 |     },
364 |     "tealLighter": {
365 |       "$value": {
366 |         "colorSpace": "srgb",
367 |         "components": [0.8784313725490196, 0.9607843137254902, 0.9607843137254902],
368 |         "alpha": 1,
369 |         "hex": "#e0f5f5"
370 |       }
371 |     },
372 |     "tealLight": {
373 |       "$value": {
374 |         "colorSpace": "srgb",
375 |         "components": [0.7176470588235294, 0.9254901960784314, 0.9254901960784314],
376 |         "alpha": 1,
377 |         "hex": "#b7ecec"
378 |       }
379 |     },
380 |     "teal": {
381 |       "$value": {
382 |         "colorSpace": "srgb",
383 |         "components": [0.2784313725490196, 0.7568627450980392, 0.7490196078431373],
384 |         "alpha": 1,
385 |         "hex": "#47c1bf"
386 |       }
387 |     },
388 |     "tealDark": {
389 |       "$value": {
390 |         "colorSpace": "srgb",
391 |         "components": [0, 0.5176470588235295, 0.5568627450980392],
392 |         "alpha": 1,
393 |         "hex": "#00848e"
394 |       }
395 |     },
396 |     "tealDarker": {
397 |       "$value": {
398 |         "colorSpace": "srgb",
399 |         "components": [0, 0.19215686274509805, 0.20784313725490197],
400 |         "alpha": 1,
401 |         "hex": "#003135"
402 |       }
403 |     },
404 |     "tealText": {
405 |       "$value": {
406 |         "colorSpace": "srgb",
407 |         "components": [0.25098039215686274, 0.3254901960784314, 0.3215686274509804],
408 |         "alpha": 1,
409 |         "hex": "#405352"
410 |       }
411 |     },
412 |     "white": {
413 |       "$value": {
414 |         "colorSpace": "srgb",
415 |         "components": [1, 1, 1],
416 |         "alpha": 1,
417 |         "hex": "#ffffff"
418 |       }
419 |     },
420 |     "yellowLighter": {
421 |       "$value": {
422 |         "colorSpace": "srgb",
423 |         "components": [0.9882352941176471, 0.9450980392156862, 0.803921568627451],
424 |         "alpha": 1,
425 |         "hex": "#fcf1cd"
426 |       }
427 |     },
428 |     "yellowLight": {
429 |       "$value": {
430 |         "colorSpace": "srgb",
431 |         "components": [1, 0.9176470588235294, 0.5411764705882353],
432 |         "alpha": 1,
433 |         "hex": "#ffea8a"
434 |       }
435 |     },
436 |     "yellow": {
437 |       "$value": {
438 |         "colorSpace": "srgb",
439 |         "components": [0.9333333333333333, 0.7607843137254902, 0],
440 |         "alpha": 1,
441 |         "hex": "#eec200"
442 |       }
443 |     },
444 |     "yellowDark": {
445 |       "$value": {
446 |         "colorSpace": "srgb",
447 |         "components": [0.5411764705882353, 0.3803921568627451, 0.08627450980392157],
448 |         "alpha": 1,
449 |         "hex": "#8a6116"
450 |       }
451 |     },
452 |     "yellowDarker": {
453 |       "$value": {
454 |         "colorSpace": "srgb",
455 |         "components": [0.3411764705882353, 0.23137254901960785, 0],
456 |         "alpha": 1,
457 |         "hex": "#573b00"
458 |       }
459 |     },
460 |     "yellowText": {
461 |       "$value": {
462 |         "colorSpace": "srgb",
463 |         "components": [0.34901960784313724, 0.3176470588235294, 0.18823529411764706],
464 |         "alpha": 1,
465 |         "hex": "#595130"
466 |       }
467 |     }
468 |   },
469 |   "font": {
470 |     "$type": "fontFamily",
471 |     "family": {
472 |       "base": {
473 |         "$value": ["-apple-system", "BlinkMacSystemFont", "San Francisco", "Segoe UI", "Roboto", "Helvetica Neue", "sans-serif"]
474 |       },
475 |       "mono": {
476 |         "$value": ["Monaco", "Consolas", "Lucida Console", "monospace"]
477 |       }
478 |     }
479 |   },
480 |   "space": {
481 |     "$type": "dimension",
482 |     "none": { "$value": { "value": 0, "unit": "px" } },
483 |     "extraTight": { "$value": { "value": 4, "unit": "px" } },
484 |     "tight": { "$value": { "value": 8, "unit": "px" } },
485 |     "baseTight": { "$value": { "value": 12, "unit": "px" } },
486 |     "base": { "$value": { "value": 16, "unit": "px" } },
487 |     "loose": { "$value": { "value": 20, "unit": "px" } },
488 |     "extraLoose": { "$value": { "value": 32, "unit": "px" } }
489 |   }
490 | }
491 | 


--------------------------------------------------------------------------------
/pnpm-lock.yaml:
--------------------------------------------------------------------------------
  1 | lockfileVersion: '9.0'
  2 | 
  3 | settings:
  4 |   autoInstallPeers: true
  5 |   excludeLinksFromLockfile: false
  6 | 
  7 | importers:
  8 | 
  9 |   .:
 10 |     devDependencies:
 11 |       '@biomejs/biome':
 12 |         specifier: ^1.9.4
 13 |         version: 1.9.4
 14 |       '@terrazzo/cli':
 15 |         specifier: ^0.8.1
 16 |         version: 0.8.1(hono@4.7.9)
 17 |       '@terrazzo/parser':
 18 |         specifier: ^0.8.1
 19 |         version: 0.8.1
 20 |       '@types/node':
 21 |         specifier: ^22.18.8
 22 |         version: 22.18.8
 23 | 
 24 | packages:
 25 | 
 26 |   '@biomejs/biome@1.9.4':
 27 |     resolution: {integrity: sha512-1rkd7G70+o9KkTn5KLmDYXihGoTaIGO9PIIN2ZB7UJxFrWw04CZHPYiMRjYsaDvVV7hP1dYNRLxSANLaBFGpog==}
 28 |     engines: {node: '>=14.21.3'}
 29 |     hasBin: true
 30 | 
 31 |   '@biomejs/cli-darwin-arm64@1.9.4':
 32 |     resolution: {integrity: sha512-bFBsPWrNvkdKrNCYeAp+xo2HecOGPAy9WyNyB/jKnnedgzl4W4Hb9ZMzYNbf8dMCGmUdSavlYHiR01QaYR58cw==}
 33 |     engines: {node: '>=14.21.3'}
 34 |     cpu: [arm64]
 35 |     os: [darwin]
 36 | 
 37 |   '@biomejs/cli-darwin-x64@1.9.4':
 38 |     resolution: {integrity: sha512-ngYBh/+bEedqkSevPVhLP4QfVPCpb+4BBe2p7Xs32dBgs7rh9nY2AIYUL6BgLw1JVXV8GlpKmb/hNiuIxfPfZg==}
 39 |     engines: {node: '>=14.21.3'}
 40 |     cpu: [x64]
 41 |     os: [darwin]
 42 | 
 43 |   '@biomejs/cli-linux-arm64-musl@1.9.4':
 44 |     resolution: {integrity: sha512-v665Ct9WCRjGa8+kTr0CzApU0+XXtRgwmzIf1SeKSGAv+2scAlW6JR5PMFo6FzqqZ64Po79cKODKf3/AAmECqA==}
 45 |     engines: {node: '>=14.21.3'}
 46 |     cpu: [arm64]
 47 |     os: [linux]
 48 | 
 49 |   '@biomejs/cli-linux-arm64@1.9.4':
 50 |     resolution: {integrity: sha512-fJIW0+LYujdjUgJJuwesP4EjIBl/N/TcOX3IvIHJQNsAqvV2CHIogsmA94BPG6jZATS4Hi+xv4SkBBQSt1N4/g==}
 51 |     engines: {node: '>=14.21.3'}
 52 |     cpu: [arm64]
 53 |     os: [linux]
 54 | 
 55 |   '@biomejs/cli-linux-x64-musl@1.9.4':
 56 |     resolution: {integrity: sha512-gEhi/jSBhZ2m6wjV530Yy8+fNqG8PAinM3oV7CyO+6c3CEh16Eizm21uHVsyVBEB6RIM8JHIl6AGYCv6Q6Q9Tg==}
 57 |     engines: {node: '>=14.21.3'}
 58 |     cpu: [x64]
 59 |     os: [linux]
 60 | 
 61 |   '@biomejs/cli-linux-x64@1.9.4':
 62 |     resolution: {integrity: sha512-lRCJv/Vi3Vlwmbd6K+oQ0KhLHMAysN8lXoCI7XeHlxaajk06u7G+UsFSO01NAs5iYuWKmVZjmiOzJ0OJmGsMwg==}
 63 |     engines: {node: '>=14.21.3'}
 64 |     cpu: [x64]
 65 |     os: [linux]
 66 | 
 67 |   '@biomejs/cli-win32-arm64@1.9.4':
 68 |     resolution: {integrity: sha512-tlbhLk+WXZmgwoIKwHIHEBZUwxml7bRJgk0X2sPyNR3S93cdRq6XulAZRQJ17FYGGzWne0fgrXBKpl7l4M87Hg==}
 69 |     engines: {node: '>=14.21.3'}
 70 |     cpu: [arm64]
 71 |     os: [win32]
 72 | 
 73 |   '@biomejs/cli-win32-x64@1.9.4':
 74 |     resolution: {integrity: sha512-8Y5wMhVIPaWe6jw2H+KlEm4wP/f7EW3810ZLmDlrEEy5KvBsb9ECEfu/kMWD484ijfQ8+nIi0giMgu9g1UAuuA==}
 75 |     engines: {node: '>=14.21.3'}
 76 |     cpu: [x64]
 77 |     os: [win32]
 78 | 
 79 |   '@clack/core@0.4.1':
 80 |     resolution: {integrity: sha512-Pxhij4UXg8KSr7rPek6Zowm+5M22rbd2g1nfojHJkxp5YkFqiZ2+YLEM/XGVIzvGOcM0nqjIFxrpDwWRZYWYjA==}
 81 | 
 82 |   '@clack/prompts@0.9.1':
 83 |     resolution: {integrity: sha512-JIpyaboYZeWYlyP0H+OoPPxd6nqueG/CmN6ixBiNFsIDHREevjIf0n0Ohh5gr5C8pEDknzgvz+pIJ8dMhzWIeg==}
 84 | 
 85 |   '@hono/node-server@1.19.5':
 86 |     resolution: {integrity: sha512-iBuhh+uaaggeAuf+TftcjZyWh2GEgZcVGXkNtskLVoWaXhnJtC5HLHrU8W1KHDoucqO1MswwglmkWLFyiDn4WQ==}
 87 |     engines: {node: '>=18.14.1'}
 88 |     peerDependencies:
 89 |       hono: ^4
 90 | 
 91 |   '@humanwhocodes/momoa@3.3.9':
 92 |     resolution: {integrity: sha512-LHw6Op4bJb3/3KZgOgwflJx5zY9XOy0NU1NuyUFKGdTwHYmP+PbnQGCYQJ8NVNlulLfQish34b0VuUlLYP3AXA==}
 93 |     engines: {node: '>=18'}
 94 | 
 95 |   '@terrazzo/cli@0.8.1':
 96 |     resolution: {integrity: sha512-Oa0mvu3ntJmzUdUZHx0ajV25b2+bBSNrVlSAdG+4mFh6JBvM2cXM6P1rNiCsEY/lmbkc7WoclLt6z3LORAL5gg==}
 97 |     hasBin: true
 98 | 
 99 |   '@terrazzo/parser@0.8.1':
100 |     resolution: {integrity: sha512-ClWE5hl6bhIQ3GOjxb5AY+FJ5aK7Itx5vHR/ik+Esqd7wOz8AhElZBgSzpb7TjEJzwP6gFs+C3QQIQLhygSueA==}
101 | 
102 |   '@terrazzo/token-tools@0.8.1':
103 |     resolution: {integrity: sha512-xVXEVwDW/uZ7MTpXLVg+Nocv6oxh8+pc7WxHTgphkju3Ipb1obEwISMNE36WKLKnPqp8nArOVfKD9YV0D5Qqrg==}
104 | 
105 |   '@types/babel__code-frame@7.0.6':
106 |     resolution: {integrity: sha512-Anitqkl3+KrzcW2k77lRlg/GfLZLWXBuNgbEcIOU6M92yw42vsd3xV/Z/yAHEj8m+KUjL6bWOVOFqX8PFPJ4LA==}
107 | 
108 |   '@types/culori@4.0.1':
109 |     resolution: {integrity: sha512-43M51r/22CjhbOXyGT361GZ9vncSVQ39u62x5eJdBQFviI8zWp2X5jzqg7k4M6PVgDQAClpy2bUe2dtwEgEDVQ==}
110 | 
111 |   '@types/escodegen@0.0.10':
112 |     resolution: {integrity: sha512-IVvcNLEFbiL17qiGRGzyfx/u9K6lA5w6wcQSIgv2h4JG3ZAFIY1Be9ITTSPuARIxRpzW54s8OvcF6PdonBbDzg==}
113 | 
114 |   '@types/node@22.18.8':
115 |     resolution: {integrity: sha512-pAZSHMiagDR7cARo/cch1f3rXy0AEXwsVsVH09FcyeJVAzCnGgmYis7P3JidtTUjyadhTeSo8TgRPswstghDaw==}
116 | 
117 |   anymatch@3.1.3:
118 |     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
119 |     engines: {node: '>= 8'}
120 | 
121 |   binary-extensions@2.3.0:
122 |     resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
123 |     engines: {node: '>=8'}
124 | 
125 |   braces@3.0.3:
126 |     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
127 |     engines: {node: '>=8'}
128 | 
129 |   chokidar@3.6.0:
130 |     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
131 |     engines: {node: '>= 8.10.0'}
132 | 
133 |   cross-spawn@7.0.6:
134 |     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
135 |     engines: {node: '>= 8'}
136 | 
137 |   culori@4.0.2:
138 |     resolution: {integrity: sha512-1+BhOB8ahCn4O0cep0Sh2l9KCOfOdY+BXJnKMHFFzDEouSr/el18QwXEMRlOj9UY5nCeA8UN3a/82rUWRBeyBw==}
139 |     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
140 | 
141 |   detect-package-manager@3.0.2:
142 |     resolution: {integrity: sha512-8JFjJHutStYrfWwzfretQoyNGoZVW1Fsrp4JO9spa7h/fBfwgTMEIy4/LBzRDGsxwVPHU0q+T9YvwLDJoOApLQ==}
143 |     engines: {node: '>=12'}
144 | 
145 |   dotenv@16.6.1:
146 |     resolution: {integrity: sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==}
147 |     engines: {node: '>=12'}
148 | 
149 |   escodegen@2.1.0:
150 |     resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
151 |     engines: {node: '>=6.0'}
152 |     hasBin: true
153 | 
154 |   esprima@4.0.1:
155 |     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
156 |     engines: {node: '>=4'}
157 |     hasBin: true
158 | 
159 |   estraverse@5.3.0:
160 |     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
161 |     engines: {node: '>=4.0'}
162 | 
163 |   esutils@2.0.3:
164 |     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
165 |     engines: {node: '>=0.10.0'}
166 | 
167 |   execa@5.1.1:
168 |     resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
169 |     engines: {node: '>=10'}
170 | 
171 |   fill-range@7.1.1:
172 |     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
173 |     engines: {node: '>=8'}
174 | 
175 |   fsevents@2.3.3:
176 |     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
177 |     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
178 |     os: [darwin]
179 | 
180 |   get-stream@6.0.1:
181 |     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
182 |     engines: {node: '>=10'}
183 | 
184 |   glob-parent@5.1.2:
185 |     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
186 |     engines: {node: '>= 6'}
187 | 
188 |   hono@4.7.9:
189 |     resolution: {integrity: sha512-/EsCoR5h7N4yu01TDu9GMCCJa6ZLk5ZJIWFFGNawAXmd1Tp53+Wir4xm0D2X19bbykWUlzQG0+BvPAji6p9E8Q==}
190 |     engines: {node: '>=16.9.0'}
191 | 
192 |   human-signals@2.1.0:
193 |     resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
194 |     engines: {node: '>=10.17.0'}
195 | 
196 |   is-binary-path@2.1.0:
197 |     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
198 |     engines: {node: '>=8'}
199 | 
200 |   is-extglob@2.1.1:
201 |     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
202 |     engines: {node: '>=0.10.0'}
203 | 
204 |   is-glob@4.0.3:
205 |     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
206 |     engines: {node: '>=0.10.0'}
207 | 
208 |   is-number@7.0.0:
209 |     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
210 |     engines: {node: '>=0.12.0'}
211 | 
212 |   is-stream@2.0.1:
213 |     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
214 |     engines: {node: '>=8'}
215 | 
216 |   is-what@4.1.16:
217 |     resolution: {integrity: sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==}
218 |     engines: {node: '>=12.13'}
219 | 
220 |   isexe@2.0.0:
221 |     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
222 | 
223 |   merge-anything@5.1.7:
224 |     resolution: {integrity: sha512-eRtbOb1N5iyH0tkQDAoQ4Ipsp/5qSR79Dzrz8hEPxRX10RWWR/iQXdoKmBSRCThY1Fh5EhISDtpSc93fpxUniQ==}
225 |     engines: {node: '>=12.13'}
226 | 
227 |   merge-stream@2.0.0:
228 |     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
229 | 
230 |   meriyah@6.1.4:
231 |     resolution: {integrity: sha512-Sz8FzjzI0kN13GK/6MVEsVzMZEPvOhnmmI1lU5+/1cGOiK3QUahntrNNtdVeihrO7t9JpoH75iMNXg6R6uWflQ==}
232 |     engines: {node: '>=18.0.0'}
233 | 
234 |   mime@4.1.0:
235 |     resolution: {integrity: sha512-X5ju04+cAzsojXKes0B/S4tcYtFAJ6tTMuSPBEn9CPGlrWr8Fiw7qYeLT0XyH80HSoAoqWCaz+MWKh22P7G1cw==}
236 |     engines: {node: '>=16'}
237 |     hasBin: true
238 | 
239 |   mimic-fn@2.1.0:
240 |     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
241 |     engines: {node: '>=6'}
242 | 
243 |   normalize-path@3.0.0:
244 |     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
245 |     engines: {node: '>=0.10.0'}
246 | 
247 |   npm-run-path@4.0.1:
248 |     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
249 |     engines: {node: '>=8'}
250 | 
251 |   onetime@5.1.2:
252 |     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
253 |     engines: {node: '>=6'}
254 | 
255 |   path-key@3.1.1:
256 |     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
257 |     engines: {node: '>=8'}
258 | 
259 |   picocolors@1.1.1:
260 |     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
261 | 
262 |   picomatch@2.3.1:
263 |     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
264 |     engines: {node: '>=8.6'}
265 | 
266 |   readdirp@3.6.0:
267 |     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
268 |     engines: {node: '>=8.10.0'}
269 | 
270 |   scule@1.3.0:
271 |     resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
272 | 
273 |   shebang-command@2.0.0:
274 |     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
275 |     engines: {node: '>=8'}
276 | 
277 |   shebang-regex@3.0.0:
278 |     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
279 |     engines: {node: '>=8'}
280 | 
281 |   signal-exit@3.0.7:
282 |     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
283 | 
284 |   sisteransi@1.0.5:
285 |     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
286 | 
287 |   source-map@0.6.1:
288 |     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
289 |     engines: {node: '>=0.10.0'}
290 | 
291 |   strip-final-newline@2.0.0:
292 |     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
293 |     engines: {node: '>=6'}
294 | 
295 |   to-regex-range@5.0.1:
296 |     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
297 |     engines: {node: '>=8.0'}
298 | 
299 |   undici-types@6.21.0:
300 |     resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
301 | 
302 |   which@2.0.2:
303 |     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
304 |     engines: {node: '>= 8'}
305 |     hasBin: true
306 | 
307 |   wildcard-match@5.1.4:
308 |     resolution: {integrity: sha512-wldeCaczs8XXq7hj+5d/F38JE2r7EXgb6WQDM84RVwxy81T/sxB5e9+uZLK9Q9oNz1mlvjut+QtvgaOQFPVq/g==}
309 | 
310 |   yaml-to-momoa@0.0.6:
311 |     resolution: {integrity: sha512-H6OxymcTIB5fTCQV7/+ETO9Wh6v1vpBDpmW94XnscKE+jQl6x58us/G6r6z5IiPCi5wuSvJ+0wipUsp0s2/Yyg==}
312 | 
313 |   yaml@2.8.1:
314 |     resolution: {integrity: sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==}
315 |     engines: {node: '>= 14.6'}
316 |     hasBin: true
317 | 
318 | snapshots:
319 | 
320 |   '@biomejs/biome@1.9.4':
321 |     optionalDependencies:
322 |       '@biomejs/cli-darwin-arm64': 1.9.4
323 |       '@biomejs/cli-darwin-x64': 1.9.4
324 |       '@biomejs/cli-linux-arm64': 1.9.4
325 |       '@biomejs/cli-linux-arm64-musl': 1.9.4
326 |       '@biomejs/cli-linux-x64': 1.9.4
327 |       '@biomejs/cli-linux-x64-musl': 1.9.4
328 |       '@biomejs/cli-win32-arm64': 1.9.4
329 |       '@biomejs/cli-win32-x64': 1.9.4
330 | 
331 |   '@biomejs/cli-darwin-arm64@1.9.4':
332 |     optional: true
333 | 
334 |   '@biomejs/cli-darwin-x64@1.9.4':
335 |     optional: true
336 | 
337 |   '@biomejs/cli-linux-arm64-musl@1.9.4':
338 |     optional: true
339 | 
340 |   '@biomejs/cli-linux-arm64@1.9.4':
341 |     optional: true
342 | 
343 |   '@biomejs/cli-linux-x64-musl@1.9.4':
344 |     optional: true
345 | 
346 |   '@biomejs/cli-linux-x64@1.9.4':
347 |     optional: true
348 | 
349 |   '@biomejs/cli-win32-arm64@1.9.4':
350 |     optional: true
351 | 
352 |   '@biomejs/cli-win32-x64@1.9.4':
353 |     optional: true
354 | 
355 |   '@clack/core@0.4.1':
356 |     dependencies:
357 |       picocolors: 1.1.1
358 |       sisteransi: 1.0.5
359 | 
360 |   '@clack/prompts@0.9.1':
361 |     dependencies:
362 |       '@clack/core': 0.4.1
363 |       picocolors: 1.1.1
364 |       sisteransi: 1.0.5
365 | 
366 |   '@hono/node-server@1.19.5(hono@4.7.9)':
367 |     dependencies:
368 |       hono: 4.7.9
369 | 
370 |   '@humanwhocodes/momoa@3.3.9': {}
371 | 
372 |   '@terrazzo/cli@0.8.1(hono@4.7.9)':
373 |     dependencies:
374 |       '@clack/prompts': 0.9.1
375 |       '@hono/node-server': 1.19.5(hono@4.7.9)
376 |       '@humanwhocodes/momoa': 3.3.9
377 |       '@terrazzo/parser': 0.8.1
378 |       '@terrazzo/token-tools': 0.8.1
379 |       '@types/escodegen': 0.0.10
380 |       chokidar: 3.6.0
381 |       detect-package-manager: 3.0.2
382 |       dotenv: 16.6.1
383 |       escodegen: 2.1.0
384 |       merge-anything: 5.1.7
385 |       meriyah: 6.1.4
386 |       mime: 4.1.0
387 |       picocolors: 1.1.1
388 |       yaml-to-momoa: 0.0.6
389 |     transitivePeerDependencies:
390 |       - hono
391 | 
392 |   '@terrazzo/parser@0.8.1':
393 |     dependencies:
394 |       '@humanwhocodes/momoa': 3.3.9
395 |       '@terrazzo/token-tools': 0.8.1
396 |       '@types/babel__code-frame': 7.0.6
397 |       '@types/culori': 4.0.1
398 |       culori: 4.0.2
399 |       merge-anything: 5.1.7
400 |       picocolors: 1.1.1
401 |       scule: 1.3.0
402 |       wildcard-match: 5.1.4
403 | 
404 |   '@terrazzo/token-tools@0.8.1':
405 |     dependencies:
406 |       '@humanwhocodes/momoa': 3.3.9
407 |       culori: 4.0.2
408 |       wildcard-match: 5.1.4
409 | 
410 |   '@types/babel__code-frame@7.0.6': {}
411 | 
412 |   '@types/culori@4.0.1': {}
413 | 
414 |   '@types/escodegen@0.0.10': {}
415 | 
416 |   '@types/node@22.18.8':
417 |     dependencies:
418 |       undici-types: 6.21.0
419 | 
420 |   anymatch@3.1.3:
421 |     dependencies:
422 |       normalize-path: 3.0.0
423 |       picomatch: 2.3.1
424 | 
425 |   binary-extensions@2.3.0: {}
426 | 
427 |   braces@3.0.3:
428 |     dependencies:
429 |       fill-range: 7.1.1
430 | 
431 |   chokidar@3.6.0:
432 |     dependencies:
433 |       anymatch: 3.1.3
434 |       braces: 3.0.3
435 |       glob-parent: 5.1.2
436 |       is-binary-path: 2.1.0
437 |       is-glob: 4.0.3
438 |       normalize-path: 3.0.0
439 |       readdirp: 3.6.0
440 |     optionalDependencies:
441 |       fsevents: 2.3.3
442 | 
443 |   cross-spawn@7.0.6:
444 |     dependencies:
445 |       path-key: 3.1.1
446 |       shebang-command: 2.0.0
447 |       which: 2.0.2
448 | 
449 |   culori@4.0.2: {}
450 | 
451 |   detect-package-manager@3.0.2:
452 |     dependencies:
453 |       execa: 5.1.1
454 | 
455 |   dotenv@16.6.1: {}
456 | 
457 |   escodegen@2.1.0:
458 |     dependencies:
459 |       esprima: 4.0.1
460 |       estraverse: 5.3.0
461 |       esutils: 2.0.3
462 |     optionalDependencies:
463 |       source-map: 0.6.1
464 | 
465 |   esprima@4.0.1: {}
466 | 
467 |   estraverse@5.3.0: {}
468 | 
469 |   esutils@2.0.3: {}
470 | 
471 |   execa@5.1.1:
472 |     dependencies:
473 |       cross-spawn: 7.0.6
474 |       get-stream: 6.0.1
475 |       human-signals: 2.1.0
476 |       is-stream: 2.0.1
477 |       merge-stream: 2.0.0
478 |       npm-run-path: 4.0.1
479 |       onetime: 5.1.2
480 |       signal-exit: 3.0.7
481 |       strip-final-newline: 2.0.0
482 | 
483 |   fill-range@7.1.1:
484 |     dependencies:
485 |       to-regex-range: 5.0.1
486 | 
487 |   fsevents@2.3.3:
488 |     optional: true
489 | 
490 |   get-stream@6.0.1: {}
491 | 
492 |   glob-parent@5.1.2:
493 |     dependencies:
494 |       is-glob: 4.0.3
495 | 
496 |   hono@4.7.9: {}
497 | 
498 |   human-signals@2.1.0: {}
499 | 
500 |   is-binary-path@2.1.0:
501 |     dependencies:
502 |       binary-extensions: 2.3.0
503 | 
504 |   is-extglob@2.1.1: {}
505 | 
506 |   is-glob@4.0.3:
507 |     dependencies:
508 |       is-extglob: 2.1.1
509 | 
510 |   is-number@7.0.0: {}
511 | 
512 |   is-stream@2.0.1: {}
513 | 
514 |   is-what@4.1.16: {}
515 | 
516 |   isexe@2.0.0: {}
517 | 
518 |   merge-anything@5.1.7:
519 |     dependencies:
520 |       is-what: 4.1.16
521 | 
522 |   merge-stream@2.0.0: {}
523 | 
524 |   meriyah@6.1.4: {}
525 | 
526 |   mime@4.1.0: {}
527 | 
528 |   mimic-fn@2.1.0: {}
529 | 
530 |   normalize-path@3.0.0: {}
531 | 
532 |   npm-run-path@4.0.1:
533 |     dependencies:
534 |       path-key: 3.1.1
535 | 
536 |   onetime@5.1.2:
537 |     dependencies:
538 |       mimic-fn: 2.1.0
539 | 
540 |   path-key@3.1.1: {}
541 | 
542 |   picocolors@1.1.1: {}
543 | 
544 |   picomatch@2.3.1: {}
545 | 
546 |   readdirp@3.6.0:
547 |     dependencies:
548 |       picomatch: 2.3.1
549 | 
550 |   scule@1.3.0: {}
551 | 
552 |   shebang-command@2.0.0:
553 |     dependencies:
554 |       shebang-regex: 3.0.0
555 | 
556 |   shebang-regex@3.0.0: {}
557 | 
558 |   signal-exit@3.0.7: {}
559 | 
560 |   sisteransi@1.0.5: {}
561 | 
562 |   source-map@0.6.1:
563 |     optional: true
564 | 
565 |   strip-final-newline@2.0.0: {}
566 | 
567 |   to-regex-range@5.0.1:
568 |     dependencies:
569 |       is-number: 7.0.0
570 | 
571 |   undici-types@6.21.0: {}
572 | 
573 |   which@2.0.2:
574 |     dependencies:
575 |       isexe: 2.0.0
576 | 
577 |   wildcard-match@5.1.4: {}
578 | 
579 |   yaml-to-momoa@0.0.6:
580 |     dependencies:
581 |       '@humanwhocodes/momoa': 3.3.9
582 |       yaml: 2.8.1
583 | 
584 |   yaml@2.8.1: {}
585 | 


--------------------------------------------------------------------------------
/apple-hig.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "color": {
   3 |     "$type": "color",
   4 |     "$extensions": {
   5 |       "requiredModes": ["light", "dark", "light_ax", "dark_ax"]
   6 |     },
   7 |     "systemBlue": {
   8 |       "$name": "Blue",
   9 |       "$value": {
  10 |         "colorSpace": "srgb",
  11 |         "components": [0, 0.47843137254901963, 1],
  12 |         "alpha": 1,
  13 |         "hex": "#007aff"
  14 |       },
  15 |       "$extensions": {
  16 |         "mode": {
  17 |           "light": {
  18 |             "colorSpace": "srgb",
  19 |             "components": [0, 0.47843137254901963, 1],
  20 |             "alpha": 1,
  21 |             "hex": "#007aff"
  22 |           },
  23 |           "dark": {
  24 |             "colorSpace": "srgb",
  25 |             "components": [0.0392156862745098, 0.5176470588235295, 1],
  26 |             "alpha": 1,
  27 |             "hex": "#0a84ff"
  28 |           },
  29 |           "light_ax": {
  30 |             "colorSpace": "srgb",
  31 |             "components": [0, 0.25098039215686274, 0.8666666666666667],
  32 |             "alpha": 1,
  33 |             "hex": "#0040dd"
  34 |           },
  35 |           "dark_ax": {
  36 |             "colorSpace": "srgb",
  37 |             "components": [0.25098039215686274, 0.611764705882353, 1],
  38 |             "alpha": 1,
  39 |             "hex": "#409cff"
  40 |           }
  41 |         }
  42 |       }
  43 |     },
  44 |     "systemBrown": {
  45 |       "$name": "Brown",
  46 |       "$value": {
  47 |         "colorSpace": "srgb",
  48 |         "components": [0.6352941176470588, 0.5176470588235295, 0.3686274509803922],
  49 |         "alpha": 1,
  50 |         "hex": "#a2845e"
  51 |       },
  52 |       "$extensions": {
  53 |         "mode": {
  54 |           "light": {
  55 |             "colorSpace": "srgb",
  56 |             "components": [0.6352941176470588, 0.5176470588235295, 0.3686274509803922],
  57 |             "alpha": 1,
  58 |             "hex": "#a2845e"
  59 |           },
  60 |           "dark": {
  61 |             "colorSpace": "srgb",
  62 |             "components": [0.6745098039215687, 0.5568627450980392, 0.40784313725490196],
  63 |             "alpha": 1,
  64 |             "hex": "#ac8e68"
  65 |           },
  66 |           "light_ax": {
  67 |             "colorSpace": "srgb",
  68 |             "components": [0.4980392156862745, 0.396078431372549, 0.27058823529411763],
  69 |             "alpha": 1,
  70 |             "hex": "#7f6545"
  71 |           },
  72 |           "dark_ax": {
  73 |             "colorSpace": "srgb",
  74 |             "components": [0.7098039215686275, 0.5803921568627451, 0.4117647058823529],
  75 |             "alpha": 1,
  76 |             "hex": "#b59469"
  77 |           }
  78 |         }
  79 |       }
  80 |     },
  81 |     "systemCyan": {
  82 |       "$name": "Cyan",
  83 |       "$value": {
  84 |         "colorSpace": "srgb",
  85 |         "components": [0.19607843137254902, 0.6784313725490196, 0.9019607843137255],
  86 |         "alpha": 1,
  87 |         "hex": "#32ade6"
  88 |       },
  89 |       "$extensions": {
  90 |         "mode": {
  91 |           "light": {
  92 |             "colorSpace": "srgb",
  93 |             "components": [0.19607843137254902, 0.6784313725490196, 0.9019607843137255],
  94 |             "alpha": 1,
  95 |             "hex": "#32ade6"
  96 |           },
  97 |           "dark": {
  98 |             "colorSpace": "srgb",
  99 |             "components": [0.39215686274509803, 0.8235294117647058, 1],
 100 |             "alpha": 1,
 101 |             "hex": "#64d2ff"
 102 |           },
 103 |           "light_ax": {
 104 |             "colorSpace": "srgb",
 105 |             "components": [0, 0.44313725490196076, 0.6431372549019608],
 106 |             "alpha": 1,
 107 |             "hex": "#0071a4"
 108 |           },
 109 |           "dark_ax": {
 110 |             "colorSpace": "srgb",
 111 |             "components": [0.4392156862745098, 0.8431372549019608, 1],
 112 |             "alpha": 1,
 113 |             "hex": "#70d7ff"
 114 |           }
 115 |         }
 116 |       }
 117 |     },
 118 |     "systemGray": {
 119 |       "$name": "Gray",
 120 |       "$value": {
 121 |         "colorSpace": "srgb",
 122 |         "components": [0.5568627450980392, 0.5568627450980392, 0.5764705882352941],
 123 |         "alpha": 1,
 124 |         "hex": "#8e8e93"
 125 |       },
 126 |       "$extensions": {
 127 |         "mode": {
 128 |           "light": {
 129 |             "colorSpace": "srgb",
 130 |             "components": [0.5568627450980392, 0.5568627450980392, 0.5764705882352941],
 131 |             "alpha": 1,
 132 |             "hex": "#8e8e93"
 133 |           },
 134 |           "dark": {
 135 |             "colorSpace": "srgb",
 136 |             "components": [0.5568627450980392, 0.5568627450980392, 0.5764705882352941],
 137 |             "alpha": 1,
 138 |             "hex": "#8e8e93"
 139 |           },
 140 |           "light_ax": {
 141 |             "colorSpace": "srgb",
 142 |             "components": [0.4235294117647059, 0.4235294117647059, 0.4392156862745098],
 143 |             "alpha": 1,
 144 |             "hex": "#6c6c70"
 145 |           },
 146 |           "dark_ax": {
 147 |             "colorSpace": "srgb",
 148 |             "components": [0.6823529411764706, 0.6823529411764706, 0.6980392156862745],
 149 |             "alpha": 1,
 150 |             "hex": "#aeaeb2"
 151 |           }
 152 |         }
 153 |       }
 154 |     },
 155 |     "systemGray2": {
 156 |       "$name": "Gray (2)",
 157 |       "$value": {
 158 |         "colorSpace": "srgb",
 159 |         "components": [0.6823529411764706, 0.6823529411764706, 0.6980392156862745],
 160 |         "alpha": 1,
 161 |         "hex": "#aeaeb2"
 162 |       },
 163 |       "$extensions": {
 164 |         "mode": {
 165 |           "light": {
 166 |             "colorSpace": "srgb",
 167 |             "components": [0.6823529411764706, 0.6823529411764706, 0.6980392156862745],
 168 |             "alpha": 1,
 169 |             "hex": "#aeaeb2"
 170 |           },
 171 |           "dark": {
 172 |             "colorSpace": "srgb",
 173 |             "components": [0.38823529411764707, 0.38823529411764707, 0.4],
 174 |             "alpha": 1,
 175 |             "hex": "#636366"
 176 |           },
 177 |           "light_ax": {
 178 |             "colorSpace": "srgb",
 179 |             "components": [0.5568627450980392, 0.5568627450980392, 0.5764705882352941],
 180 |             "alpha": 1,
 181 |             "hex": "#8e8e93"
 182 |           },
 183 |           "dark_ax": {
 184 |             "colorSpace": "srgb",
 185 |             "components": [0.48627450980392156, 0.48627450980392156, 0.5019607843137255],
 186 |             "alpha": 1,
 187 |             "hex": "#7c7c80"
 188 |           }
 189 |         }
 190 |       }
 191 |     },
 192 |     "systemGray3": {
 193 |       "$name": "Gray (3)",
 194 |       "$value": {
 195 |         "colorSpace": "srgb",
 196 |         "components": [0.7803921568627451, 0.7803921568627451, 0.8],
 197 |         "alpha": 1,
 198 |         "hex": "#c7c7cc"
 199 |       },
 200 |       "$extensions": {
 201 |         "mode": {
 202 |           "light": {
 203 |             "colorSpace": "srgb",
 204 |             "components": [0.7803921568627451, 0.7803921568627451, 0.8],
 205 |             "alpha": 1,
 206 |             "hex": "#c7c7cc"
 207 |           },
 208 |           "dark": {
 209 |             "colorSpace": "srgb",
 210 |             "components": [0.2823529411764706, 0.2823529411764706, 0.2901960784313726],
 211 |             "alpha": 1,
 212 |             "hex": "#48484a"
 213 |           },
 214 |           "light_ax": {
 215 |             "colorSpace": "srgb",
 216 |             "components": [0.6823529411764706, 0.6823529411764706, 0.6980392156862745],
 217 |             "alpha": 1,
 218 |             "hex": "#aeaeb2"
 219 |           },
 220 |           "dark_ax": {
 221 |             "colorSpace": "srgb",
 222 |             "components": [0.32941176470588235, 0.32941176470588235, 0.33725490196078434],
 223 |             "alpha": 1,
 224 |             "hex": "#545456"
 225 |           }
 226 |         }
 227 |       }
 228 |     },
 229 |     "systemGray4": {
 230 |       "$name": "Gray (4)",
 231 |       "$value": {
 232 |         "colorSpace": "srgb",
 233 |         "components": [0.8196078431372549, 0.8196078431372549, 0.8392156862745098],
 234 |         "alpha": 1,
 235 |         "hex": "#d1d1d6"
 236 |       },
 237 |       "$extensions": {
 238 |         "mode": {
 239 |           "light": {
 240 |             "colorSpace": "srgb",
 241 |             "components": [0.8196078431372549, 0.8196078431372549, 0.8392156862745098],
 242 |             "alpha": 1,
 243 |             "hex": "#d1d1d6"
 244 |           },
 245 |           "dark": {
 246 |             "colorSpace": "srgb",
 247 |             "components": [0.22745098039215686, 0.22745098039215686, 0.23529411764705882],
 248 |             "alpha": 1,
 249 |             "hex": "#3a3a3c"
 250 |           },
 251 |           "light_ax": {
 252 |             "colorSpace": "srgb",
 253 |             "components": [0.7372549019607844, 0.7372549019607844, 0.7529411764705882],
 254 |             "alpha": 1,
 255 |             "hex": "#bcbcc0"
 256 |           },
 257 |           "dark_ax": {
 258 |             "colorSpace": "srgb",
 259 |             "components": [0.26666666666666666, 0.26666666666666666, 0.27450980392156865],
 260 |             "alpha": 1,
 261 |             "hex": "#444446"
 262 |           }
 263 |         }
 264 |       }
 265 |     },
 266 |     "systemGray5": {
 267 |       "$name": "Gray (5)",
 268 |       "$value": {
 269 |         "colorSpace": "srgb",
 270 |         "components": [0.8980392156862745, 0.8980392156862745, 0.9176470588235294],
 271 |         "alpha": 1,
 272 |         "hex": "#e5e5ea"
 273 |       },
 274 |       "$extensions": {
 275 |         "mode": {
 276 |           "light": {
 277 |             "colorSpace": "srgb",
 278 |             "components": [0.8980392156862745, 0.8980392156862745, 0.9176470588235294],
 279 |             "alpha": 1,
 280 |             "hex": "#e5e5ea"
 281 |           },
 282 |           "dark": {
 283 |             "colorSpace": "srgb",
 284 |             "components": [0.17254901960784313, 0.17254901960784313, 0.1803921568627451],
 285 |             "alpha": 1,
 286 |             "hex": "#2c2c2e"
 287 |           },
 288 |           "light_ax": {
 289 |             "colorSpace": "srgb",
 290 |             "components": [0.8470588235294118, 0.8470588235294118, 0.8627450980392157],
 291 |             "alpha": 1,
 292 |             "hex": "#d8d8dc"
 293 |           },
 294 |           "dark_ax": {
 295 |             "colorSpace": "srgb",
 296 |             "components": [0.21176470588235294, 0.21176470588235294, 0.2196078431372549],
 297 |             "alpha": 1,
 298 |             "hex": "#363638"
 299 |           }
 300 |         }
 301 |       }
 302 |     },
 303 |     "systemGray6": {
 304 |       "$name": "Gray (6)",
 305 |       "$value": {
 306 |         "colorSpace": "srgb",
 307 |         "components": [0.9490196078431372, 0.9490196078431372, 0.9686274509803922],
 308 |         "alpha": 1,
 309 |         "hex": "#f2f2f7"
 310 |       },
 311 |       "$extensions": {
 312 |         "mode": {
 313 |           "light": {
 314 |             "colorSpace": "srgb",
 315 |             "components": [0.9490196078431372, 0.9490196078431372, 0.9686274509803922],
 316 |             "alpha": 1,
 317 |             "hex": "#f2f2f7"
 318 |           },
 319 |           "dark": {
 320 |             "colorSpace": "srgb",
 321 |             "components": [0.10980392156862745, 0.10980392156862745, 0.11764705882352941],
 322 |             "alpha": 1,
 323 |             "hex": "#1c1c1e"
 324 |           },
 325 |           "light_ax": {
 326 |             "colorSpace": "srgb",
 327 |             "components": [0.9215686274509803, 0.9215686274509803, 0.9411764705882353],
 328 |             "alpha": 1,
 329 |             "hex": "#ebebf0"
 330 |           },
 331 |           "dark_ax": {
 332 |             "colorSpace": "srgb",
 333 |             "components": [0.1411764705882353, 0.1411764705882353, 0.14901960784313725],
 334 |             "alpha": 1,
 335 |             "hex": "#242426"
 336 |           }
 337 |         }
 338 |       }
 339 |     },
 340 |     "systemGreen": {
 341 |       "$name": "Green",
 342 |       "$value": {
 343 |         "colorSpace": "srgb",
 344 |         "components": [0.20392156862745098, 0.7803921568627451, 0.34901960784313724],
 345 |         "alpha": 1,
 346 |         "hex": "#34c759"
 347 |       },
 348 |       "$extensions": {
 349 |         "mode": {
 350 |           "light": {
 351 |             "colorSpace": "srgb",
 352 |             "components": [0.20392156862745098, 0.7803921568627451, 0.34901960784313724],
 353 |             "alpha": 1,
 354 |             "hex": "#34c759"
 355 |           },
 356 |           "dark": {
 357 |             "colorSpace": "srgb",
 358 |             "components": [0.18823529411764706, 0.8196078431372549, 0.34509803921568627],
 359 |             "alpha": 1,
 360 |             "hex": "#30d158"
 361 |           },
 362 |           "light_ax": {
 363 |             "colorSpace": "srgb",
 364 |             "components": [0.1411764705882353, 0.5411764705882353, 0.23921568627450981],
 365 |             "alpha": 1,
 366 |             "hex": "#248a3d"
 367 |           },
 368 |           "dark_ax": {
 369 |             "colorSpace": "srgb",
 370 |             "components": [0.18823529411764706, 0.8588235294117647, 0.3568627450980392],
 371 |             "alpha": 1,
 372 |             "hex": "#30db5b"
 373 |           }
 374 |         }
 375 |       }
 376 |     },
 377 |     "systemIndigo": {
 378 |       "$name": "Indigo",
 379 |       "$value": {
 380 |         "colorSpace": "srgb",
 381 |         "components": [0.34509803921568627, 0.33725490196078434, 0.8392156862745098],
 382 |         "alpha": 1,
 383 |         "hex": "#5856d6"
 384 |       },
 385 |       "$extensions": {
 386 |         "mode": {
 387 |           "light": {
 388 |             "colorSpace": "srgb",
 389 |             "components": [0.34509803921568627, 0.33725490196078434, 0.8392156862745098],
 390 |             "alpha": 1,
 391 |             "hex": "#5856d6"
 392 |           },
 393 |           "dark": {
 394 |             "colorSpace": "srgb",
 395 |             "components": [0.3686274509803922, 0.3607843137254902, 0.9019607843137255],
 396 |             "alpha": 1,
 397 |             "hex": "#5e5ce6"
 398 |           },
 399 |           "light_ax": {
 400 |             "colorSpace": "srgb",
 401 |             "components": [0.21176470588235294, 0.20392156862745098, 0.6392156862745098],
 402 |             "alpha": 1,
 403 |             "hex": "#3634a3"
 404 |           },
 405 |           "dark_ax": {
 406 |             "colorSpace": "srgb",
 407 |             "components": [0.49019607843137253, 0.47843137254901963, 1],
 408 |             "alpha": 1,
 409 |             "hex": "#7d7aff"
 410 |           }
 411 |         }
 412 |       }
 413 |     },
 414 |     "systemMint": {
 415 |       "$name": "Mint",
 416 |       "$value": {
 417 |         "colorSpace": "srgb",
 418 |         "components": [0, 0.7803921568627451, 0.7450980392156863],
 419 |         "alpha": 1,
 420 |         "hex": "#00c7be"
 421 |       },
 422 |       "$extensions": {
 423 |         "mode": {
 424 |           "light": {
 425 |             "colorSpace": "srgb",
 426 |             "components": [0, 0.7803921568627451, 0.7450980392156863],
 427 |             "alpha": 1,
 428 |             "hex": "#00c7be"
 429 |           },
 430 |           "dark": {
 431 |             "colorSpace": "srgb",
 432 |             "components": [0.4, 0.8313725490196079, 0.8117647058823529],
 433 |             "alpha": 1,
 434 |             "hex": "#66d4cf"
 435 |           },
 436 |           "light_ax": {
 437 |             "colorSpace": "srgb",
 438 |             "components": [0.047058823529411764, 0.5058823529411764, 0.4823529411764706],
 439 |             "alpha": 1,
 440 |             "hex": "#0c817b"
 441 |           },
 442 |           "dark_ax": {
 443 |             "colorSpace": "srgb",
 444 |             "components": [0.4, 0.8313725490196079, 0.8117647058823529],
 445 |             "alpha": 1,
 446 |             "hex": "#66d4cf"
 447 |           }
 448 |         }
 449 |       }
 450 |     },
 451 |     "systemOrange": {
 452 |       "$name": "Orange",
 453 |       "$value": {
 454 |         "colorSpace": "srgb",
 455 |         "components": [1, 0.5843137254901961, 0],
 456 |         "alpha": 1,
 457 |         "hex": "#ff9500"
 458 |       },
 459 |       "$extensions": {
 460 |         "mode": {
 461 |           "light": {
 462 |             "colorSpace": "srgb",
 463 |             "components": [1, 0.5843137254901961, 0],
 464 |             "alpha": 1,
 465 |             "hex": "#ff9500"
 466 |           },
 467 |           "dark": {
 468 |             "colorSpace": "srgb",
 469 |             "components": [1, 0.6235294117647059, 0.0392156862745098],
 470 |             "alpha": 1,
 471 |             "hex": "#ff9f0a"
 472 |           },
 473 |           "light_ax": {
 474 |             "colorSpace": "srgb",
 475 |             "components": [0.788235294117647, 0.20392156862745098, 0],
 476 |             "alpha": 1,
 477 |             "hex": "#c93400"
 478 |           },
 479 |           "dark_ax": {
 480 |             "colorSpace": "srgb",
 481 |             "components": [1, 0.7019607843137254, 0.25098039215686274],
 482 |             "alpha": 1,
 483 |             "hex": "#ffb340"
 484 |           }
 485 |         }
 486 |       }
 487 |     },
 488 |     "systemPurple": {
 489 |       "$name": "Purple",
 490 |       "$value": {
 491 |         "colorSpace": "srgb",
 492 |         "components": [0.6862745098039216, 0.3215686274509804, 0.8705882352941177],
 493 |         "alpha": 1,
 494 |         "hex": "#af52de"
 495 |       },
 496 |       "$extensions": {
 497 |         "mode": {
 498 |           "light": {
 499 |             "colorSpace": "srgb",
 500 |             "components": [0.6862745098039216, 0.3215686274509804, 0.8705882352941177],
 501 |             "alpha": 1,
 502 |             "hex": "#af52de"
 503 |           },
 504 |           "dark": {
 505 |             "colorSpace": "srgb",
 506 |             "components": [0.7490196078431373, 0.35294117647058826, 0.9490196078431372],
 507 |             "alpha": 1,
 508 |             "hex": "#bf5af2"
 509 |           },
 510 |           "light_ax": {
 511 |             "colorSpace": "srgb",
 512 |             "components": [0.5372549019607843, 0.26666666666666666, 0.6705882352941176],
 513 |             "alpha": 1,
 514 |             "hex": "#8944ab"
 515 |           },
 516 |           "dark_ax": {
 517 |             "colorSpace": "srgb",
 518 |             "components": [0.8549019607843137, 0.5607843137254902, 1],
 519 |             "alpha": 1,
 520 |             "hex": "#da8fff"
 521 |           }
 522 |         }
 523 |       }
 524 |     },
 525 |     "systemPink": {
 526 |       "$name": "Pink",
 527 |       "$value": {
 528 |         "colorSpace": "srgb",
 529 |         "components": [1, 0.17647058823529413, 0.3333333333333333],
 530 |         "alpha": 1,
 531 |         "hex": "#ff2d55"
 532 |       },
 533 |       "$extensions": {
 534 |         "mode": {
 535 |           "light": {
 536 |             "colorSpace": "srgb",
 537 |             "components": [1, 0.17647058823529413, 0.3333333333333333],
 538 |             "alpha": 1,
 539 |             "hex": "#ff2d55"
 540 |           },
 541 |           "dark": {
 542 |             "colorSpace": "srgb",
 543 |             "components": [1, 0.21568627450980393, 0.37254901960784315],
 544 |             "alpha": 1,
 545 |             "hex": "#ff375f"
 546 |           },
 547 |           "light_ax": {
 548 |             "colorSpace": "srgb",
 549 |             "components": [0.8274509803921568, 0.058823529411764705, 0.27058823529411763],
 550 |             "alpha": 1,
 551 |             "hex": "#d30f45"
 552 |           },
 553 |           "dark_ax": {
 554 |             "colorSpace": "srgb",
 555 |             "components": [1, 0.39215686274509803, 0.5098039215686274],
 556 |             "alpha": 1,
 557 |             "hex": "#ff6482"
 558 |           }
 559 |         }
 560 |       }
 561 |     },
 562 |     "systemRed": {
 563 |       "$name": "Red",
 564 |       "$value": {
 565 |         "colorSpace": "srgb",
 566 |         "components": [1, 0.23137254901960785, 0.18823529411764706],
 567 |         "alpha": 1,
 568 |         "hex": "#ff3b30"
 569 |       },
 570 |       "$extensions": {
 571 |         "mode": {
 572 |           "light": {
 573 |             "colorSpace": "srgb",
 574 |             "components": [1, 0.23137254901960785, 0.18823529411764706],
 575 |             "alpha": 1,
 576 |             "hex": "#ff3b30"
 577 |           },
 578 |           "dark": {
 579 |             "colorSpace": "srgb",
 580 |             "components": [1, 0.27058823529411763, 0.22745098039215686],
 581 |             "alpha": 1,
 582 |             "hex": "#ff453a"
 583 |           },
 584 |           "light_ax": {
 585 |             "colorSpace": "srgb",
 586 |             "components": [0.8431372549019608, 0, 0.08235294117647059],
 587 |             "alpha": 1,
 588 |             "hex": "#d70015"
 589 |           },
 590 |           "dark_ax": {
 591 |             "colorSpace": "srgb",
 592 |             "components": [1, 0.4117647058823529, 0.3803921568627451],
 593 |             "alpha": 1,
 594 |             "hex": "#ff6961"
 595 |           }
 596 |         }
 597 |       }
 598 |     },
 599 |     "systemTeal": {
 600 |       "$name": "Teal",
 601 |       "$value": {
 602 |         "colorSpace": "srgb",
 603 |         "components": [0.18823529411764706, 0.6901960784313725, 0.7803921568627451],
 604 |         "alpha": 1,
 605 |         "hex": "#30b0c7"
 606 |       },
 607 |       "$extensions": {
 608 |         "mode": {
 609 |           "light": {
 610 |             "colorSpace": "srgb",
 611 |             "components": [0.18823529411764706, 0.6901960784313725, 0.7803921568627451],
 612 |             "alpha": 1,
 613 |             "hex": "#30b0c7"
 614 |           },
 615 |           "dark": {
 616 |             "colorSpace": "srgb",
 617 |             "components": [0.25098039215686274, 0.7843137254901961, 0.8784313725490196],
 618 |             "alpha": 1,
 619 |             "hex": "#40c8e0"
 620 |           },
 621 |           "light_ax": {
 622 |             "colorSpace": "srgb",
 623 |             "components": [0, 0.5098039215686274, 0.6],
 624 |             "alpha": 1,
 625 |             "hex": "#008299"
 626 |           },
 627 |           "dark_ax": {
 628 |             "colorSpace": "srgb",
 629 |             "components": [0.36470588235294116, 0.9019607843137255, 1],
 630 |             "alpha": 1,
 631 |             "hex": "#5de6ff"
 632 |           }
 633 |         }
 634 |       }
 635 |     },
 636 |     "systemYellow": {
 637 |       "$name": "Yellow",
 638 |       "$value": {
 639 |         "colorSpace": "srgb",
 640 |         "components": [1, 0.8, 0],
 641 |         "alpha": 1,
 642 |         "hex": "#ffcc00"
 643 |       },
 644 |       "$extensions": {
 645 |         "mode": {
 646 |           "light": {
 647 |             "colorSpace": "srgb",
 648 |             "components": [1, 0.8, 0],
 649 |             "alpha": 1,
 650 |             "hex": "#ffcc00"
 651 |           },
 652 |           "dark": {
 653 |             "colorSpace": "srgb",
 654 |             "components": [1, 0.8392156862745098, 0.0392156862745098],
 655 |             "alpha": 1,
 656 |             "hex": "#ffd60a"
 657 |           },
 658 |           "light_ax": {
 659 |             "colorSpace": "srgb",
 660 |             "components": [0.6980392156862745, 0.3137254901960784, 0],
 661 |             "alpha": 1,
 662 |             "hex": "#b25000"
 663 |           },
 664 |           "dark_ax": {
 665 |             "colorSpace": "srgb",
 666 |             "components": [1, 0.8313725490196079, 0.14901960784313725],
 667 |             "alpha": 1,
 668 |             "hex": "#ffd426"
 669 |           }
 670 |         }
 671 |       }
 672 |     }
 673 |   },
 674 |   "font": {
 675 |     "family": {
 676 |       "$type": "fontFamily",
 677 |       "sfPro": { "$value": ["SF Pro"] },
 678 |       "sfProRounded": { "$value": ["SF Pro Rounded"] },
 679 |       "sfCompact": { "$value": ["SF Compact"] },
 680 |       "sfMono": { "$value": ["SF Mono"] },
 681 |       "newYork": { "$value": ["New York"] }
 682 |     },
 683 |     "style": {
 684 |       "$type": "typography",
 685 |       "$extensions": {
 686 |         "requiredModes": ["xSmall", "Small", "Medium", "Large", "xLarge", "xxLarge", "xxxLarge"]
 687 |       },
 688 |       "largeTitle": {
 689 |         "$value": {
 690 |           "fontFamily": "{font.family.sfPro}",
 691 |           "fontSize": { "value": 34, "unit": "px" },
 692 |           "fontWeight": 400,
 693 |           "lineHeight": { "value": 41, "unit": "px" },
 694 |           "letterSpacing": { "value": 0, "unit": "em" }
 695 |         },
 696 |         "$extensions": {
 697 |           "mode": {
 698 |             "xSmall": {
 699 |               "fontFamily": "{font.family.sfPro}",
 700 |               "fontSize": { "value": 31, "unit": "px" },
 701 |               "lineHeight": { "value": 38, "unit": "px" },
 702 |               "fontWeight": 400,
 703 |               "letterSpacing": { "value": 0, "unit": "em" }
 704 |             },
 705 |             "Small": {
 706 |               "fontFamily": "{font.family.sfPro}",
 707 |               "fontSize": { "value": 32, "unit": "px" },
 708 |               "lineHeight": { "value": 39, "unit": "px" },
 709 |               "fontWeight": 400,
 710 |               "letterSpacing": { "value": 0, "unit": "em" }
 711 |             },
 712 |             "Medium": {
 713 |               "fontFamily": "{font.family.sfPro}",
 714 |               "fontSize": { "value": 33, "unit": "px" },
 715 |               "lineHeight": { "value": 40, "unit": "px" },
 716 |               "fontWeight": 400,
 717 |               "letterSpacing": { "value": 0, "unit": "em" }
 718 |             },
 719 |             "Large": {
 720 |               "fontFamily": "{font.family.sfPro}",
 721 |               "fontSize": { "value": 34, "unit": "px" },
 722 |               "lineHeight": { "value": 41, "unit": "px" },
 723 |               "fontWeight": 400,
 724 |               "letterSpacing": { "value": 0, "unit": "em" }
 725 |             },
 726 |             "xLarge": {
 727 |               "fontFamily": "{font.family.sfPro}",
 728 |               "fontSize": { "value": 36, "unit": "px" },
 729 |               "lineHeight": { "value": 43, "unit": "px" },
 730 |               "fontWeight": 400,
 731 |               "letterSpacing": { "value": 0, "unit": "em" }
 732 |             },
 733 |             "xxLarge": {
 734 |               "fontFamily": "{font.family.sfPro}",
 735 |               "fontSize": { "value": 38, "unit": "px" },
 736 |               "lineHeight": { "value": 46, "unit": "px" },
 737 |               "fontWeight": 400,
 738 |               "letterSpacing": { "value": 0, "unit": "em" }
 739 |             },
 740 |             "xxxLarge": {
 741 |               "fontFamily": "{font.family.sfPro}",
 742 |               "fontSize": { "value": 40, "unit": "px" },
 743 |               "lineHeight": { "value": 48, "unit": "px" },
 744 |               "fontWeight": 400,
 745 |               "letterSpacing": { "value": 0, "unit": "em" }
 746 |             }
 747 |           }
 748 |         }
 749 |       },
 750 |       "title1": {
 751 |         "$value": {
 752 |           "fontFamily": "{font.family.sfPro}",
 753 |           "fontSize": { "value": 28, "unit": "px" },
 754 |           "fontWeight": 400,
 755 |           "lineHeight": { "value": 34, "unit": "px" },
 756 |           "letterSpacing": { "value": 0, "unit": "em" }
 757 |         },
 758 |         "$extensions": {
 759 |           "mode": {
 760 |             "xSmall": {
 761 |               "fontFamily": "{font.family.sfPro}",
 762 |               "fontSize": { "value": 25, "unit": "px" },
 763 |               "lineHeight": { "value": 31, "unit": "px" },
 764 |               "fontWeight": 400,
 765 |               "letterSpacing": { "value": 0, "unit": "em" }
 766 |             },
 767 |             "Small": {
 768 |               "fontFamily": "{font.family.sfPro}",
 769 |               "fontSize": { "value": 26, "unit": "px" },
 770 |               "lineHeight": { "value": 32, "unit": "px" },
 771 |               "fontWeight": 400,
 772 |               "letterSpacing": { "value": 0, "unit": "em" }
 773 |             },
 774 |             "Medium": {
 775 |               "fontFamily": "{font.family.sfPro}",
 776 |               "fontSize": { "value": 27, "unit": "px" },
 777 |               "lineHeight": { "value": 33, "unit": "px" },
 778 |               "fontWeight": 400,
 779 |               "letterSpacing": { "value": 0, "unit": "em" }
 780 |             },
 781 |             "Large": {
 782 |               "fontFamily": "{font.family.sfPro}",
 783 |               "fontSize": { "value": 28, "unit": "px" },
 784 |               "lineHeight": { "value": 34, "unit": "px" },
 785 |               "fontWeight": 400,
 786 |               "letterSpacing": { "value": 0, "unit": "em" }
 787 |             },
 788 |             "xLarge": {
 789 |               "fontFamily": "{font.family.sfPro}",
 790 |               "fontSize": { "value": 30, "unit": "px" },
 791 |               "lineHeight": { "value": 37, "unit": "px" },
 792 |               "fontWeight": 400,
 793 |               "letterSpacing": { "value": 0, "unit": "em" }
 794 |             },
 795 |             "xxLarge": {
 796 |               "fontFamily": "{font.family.sfPro}",
 797 |               "fontSize": { "value": 32, "unit": "px" },
 798 |               "lineHeight": { "value": 39, "unit": "px" },
 799 |               "fontWeight": 400,
 800 |               "letterSpacing": { "value": 0, "unit": "em" }
 801 |             },
 802 |             "xxxLarge": {
 803 |               "fontFamily": "{font.family.sfPro}",
 804 |               "fontSize": { "value": 42, "unit": "px" },
 805 |               "lineHeight": { "value": 41, "unit": "px" },
 806 |               "fontWeight": 400,
 807 |               "letterSpacing": { "value": 0, "unit": "em" }
 808 |             }
 809 |           }
 810 |         }
 811 |       },
 812 |       "title2": {
 813 |         "$value": {
 814 |           "fontFamily": "{font.family.sfPro}",
 815 |           "fontSize": { "value": 22, "unit": "px" },
 816 |           "fontWeight": 400,
 817 |           "lineHeight": { "value": 25, "unit": "px" },
 818 |           "letterSpacing": { "value": 0, "unit": "em" }
 819 |         },
 820 |         "$extensions": {
 821 |           "mode": {
 822 |             "xSmall": {
 823 |               "fontFamily": "{font.family.sfPro}",
 824 |               "fontSize": { "value": 19, "unit": "px" },
 825 |               "lineHeight": { "value": 24, "unit": "px" },
 826 |               "fontWeight": 400,
 827 |               "letterSpacing": { "value": 0, "unit": "em" }
 828 |             },
 829 |             "Small": {
 830 |               "fontFamily": "{font.family.sfPro}",
 831 |               "fontSize": { "value": 20, "unit": "px" },
 832 |               "lineHeight": { "value": 25, "unit": "px" },
 833 |               "fontWeight": 400,
 834 |               "letterSpacing": { "value": 0, "unit": "em" }
 835 |             },
 836 |             "Medium": {
 837 |               "fontFamily": "{font.family.sfPro}",
 838 |               "fontSize": { "value": 21, "unit": "px" },
 839 |               "lineHeight": { "value": 26, "unit": "px" },
 840 |               "fontWeight": 400,
 841 |               "letterSpacing": { "value": 0, "unit": "em" }
 842 |             },
 843 |             "Large": {
 844 |               "fontFamily": "{font.family.sfPro}",
 845 |               "fontSize": { "value": 22, "unit": "px" },
 846 |               "lineHeight": { "value": 28, "unit": "px" },
 847 |               "fontWeight": 400,
 848 |               "letterSpacing": { "value": 0, "unit": "em" }
 849 |             },
 850 |             "xLarge": {
 851 |               "fontFamily": "{font.family.sfPro}",
 852 |               "fontSize": { "value": 24, "unit": "px" },
 853 |               "lineHeight": { "value": 30, "unit": "px" },
 854 |               "fontWeight": 400,
 855 |               "letterSpacing": { "value": 0, "unit": "em" }
 856 |             },
 857 |             "xxLarge": {
 858 |               "fontFamily": "{font.family.sfPro}",
 859 |               "fontSize": { "value": 26, "unit": "px" },
 860 |               "lineHeight": { "value": 32, "unit": "px" },
 861 |               "fontWeight": 400,
 862 |               "letterSpacing": { "value": 0, "unit": "em" }
 863 |             },
 864 |             "xxxLarge": {
 865 |               "fontFamily": "{font.family.sfPro}",
 866 |               "fontSize": { "value": 28, "unit": "px" },
 867 |               "lineHeight": { "value": 34, "unit": "px" },
 868 |               "fontWeight": 400,
 869 |               "letterSpacing": { "value": 0, "unit": "em" }
 870 |             }
 871 |           }
 872 |         }
 873 |       },
 874 |       "title3": {
 875 |         "$value": {
 876 |           "fontFamily": "{font.family.sfPro}",
 877 |           "fontSize": { "value": 20, "unit": "px" },
 878 |           "fontWeight": 400,
 879 |           "lineHeight": { "value": 25, "unit": "px" },
 880 |           "letterSpacing": { "value": 0, "unit": "em" }
 881 |         },
 882 |         "$extensions": {
 883 |           "mode": {
 884 |             "xSmall": {
 885 |               "fontFamily": "{font.family.sfPro}",
 886 |               "fontSize": { "value": 25, "unit": "px" },
 887 |               "lineHeight": { "value": 22, "unit": "px" },
 888 |               "fontWeight": 400,
 889 |               "letterSpacing": { "value": 0, "unit": "em" }
 890 |             },
 891 |             "Small": {
 892 |               "fontFamily": "{font.family.sfPro}",
 893 |               "fontSize": { "value": 26, "unit": "px" },
 894 |               "lineHeight": { "value": 23, "unit": "px" },
 895 |               "fontWeight": 400,
 896 |               "letterSpacing": { "value": 0, "unit": "em" }
 897 |             },
 898 |             "Medium": {
 899 |               "fontFamily": "{font.family.sfPro}",
 900 |               "fontSize": { "value": 27, "unit": "px" },
 901 |               "lineHeight": { "value": 24, "unit": "px" },
 902 |               "fontWeight": 400,
 903 |               "letterSpacing": { "value": 0, "unit": "em" }
 904 |             },
 905 |             "Large": {
 906 |               "fontFamily": "{font.family.sfPro}",
 907 |               "fontSize": { "value": 28, "unit": "px" },
 908 |               "lineHeight": { "value": 25, "unit": "px" },
 909 |               "fontWeight": 400,
 910 |               "letterSpacing": { "value": 0, "unit": "em" }
 911 |             },
 912 |             "xLarge": {
 913 |               "fontFamily": "{font.family.sfPro}",
 914 |               "fontSize": { "value": 30, "unit": "px" },
 915 |               "lineHeight": { "value": 28, "unit": "px" },
 916 |               "fontWeight": 400,
 917 |               "letterSpacing": { "value": 0, "unit": "em" }
 918 |             },
 919 |             "xxLarge": {
 920 |               "fontFamily": "{font.family.sfPro}",
 921 |               "fontSize": { "value": 32, "unit": "px" },
 922 |               "lineHeight": { "value": 30, "unit": "px" },
 923 |               "fontWeight": 400,
 924 |               "letterSpacing": { "value": 0, "unit": "em" }
 925 |             },
 926 |             "xxxLarge": {
 927 |               "fontFamily": "{font.family.sfPro}",
 928 |               "fontSize": { "value": 32, "unit": "px" },
 929 |               "lineHeight": { "value": 32, "unit": "px" },
 930 |               "fontWeight": 400,
 931 |               "letterSpacing": { "value": 0, "unit": "em" }
 932 |             }
 933 |           }
 934 |         }
 935 |       },
 936 |       "headline": {
 937 |         "$value": {
 938 |           "fontFamily": "{font.family.sfPro}",
 939 |           "fontSize": { "value": 17, "unit": "px" },
 940 |           "fontWeight": 600,
 941 |           "lineHeight": { "value": 22, "unit": "px" },
 942 |           "letterSpacing": { "value": 0, "unit": "em" }
 943 |         },
 944 |         "$extensions": {
 945 |           "mode": {
 946 |             "xSmall": {
 947 |               "fontFamily": "{font.family.sfPro}",
 948 |               "fontSize": { "value": 14, "unit": "px" },
 949 |               "lineHeight": { "value": 19, "unit": "px" },
 950 |               "fontWeight": 600,
 951 |               "letterSpacing": { "value": 0, "unit": "em" }
 952 |             },
 953 |             "Small": {
 954 |               "fontFamily": "{font.family.sfPro}",
 955 |               "fontSize": { "value": 15, "unit": "px" },
 956 |               "lineHeight": { "value": 20, "unit": "px" },
 957 |               "fontWeight": 600,
 958 |               "letterSpacing": { "value": 0, "unit": "em" }
 959 |             },
 960 |             "Medium": {
 961 |               "fontFamily": "{font.family.sfPro}",
 962 |               "fontSize": { "value": 16, "unit": "px" },
 963 |               "lineHeight": { "value": 21, "unit": "px" },
 964 |               "fontWeight": 600,
 965 |               "letterSpacing": { "value": 0, "unit": "em" }
 966 |             },
 967 |             "Large": {
 968 |               "fontFamily": "{font.family.sfPro}",
 969 |               "fontSize": { "value": 17, "unit": "px" },
 970 |               "lineHeight": { "value": 22, "unit": "px" },
 971 |               "fontWeight": 600,
 972 |               "letterSpacing": { "value": 0, "unit": "em" }
 973 |             },
 974 |             "xLarge": {
 975 |               "fontFamily": "{font.family.sfPro}",
 976 |               "fontSize": { "value": 19, "unit": "px" },
 977 |               "lineHeight": { "value": 24, "unit": "px" },
 978 |               "fontWeight": 600,
 979 |               "letterSpacing": { "value": 0, "unit": "em" }
 980 |             },
 981 |             "xxLarge": {
 982 |               "fontFamily": "{font.family.sfPro}",
 983 |               "fontSize": { "value": 21, "unit": "px" },
 984 |               "lineHeight": { "value": 26, "unit": "px" },
 985 |               "fontWeight": 600,
 986 |               "letterSpacing": { "value": 0, "unit": "em" }
 987 |             },
 988 |             "xxxLarge": {
 989 |               "fontFamily": "{font.family.sfPro}",
 990 |               "fontSize": { "value": 23, "unit": "px" },
 991 |               "lineHeight": { "value": 29, "unit": "px" },
 992 |               "fontWeight": 600,
 993 |               "letterSpacing": { "value": 0, "unit": "em" }
 994 |             }
 995 |           }
 996 |         }
 997 |       },
 998 |       "body": {
 999 |         "$value": {
1000 |           "fontFamily": "{font.family.sfPro}",
1001 |           "fontSize": { "value": 17, "unit": "px" },
1002 |           "fontWeight": 400,
1003 |           "lineHeight": { "value": 22, "unit": "px" },
1004 |           "letterSpacing": { "value": 0, "unit": "em" }
1005 |         },
1006 |         "$extensions": {
1007 |           "mode": {
1008 |             "xSmall": {
1009 |               "fontFamily": "{font.family.sfPro}",
1010 |               "fontSize": { "value": 14, "unit": "px" },
1011 |               "lineHeight": { "value": 19, "unit": "px" },
1012 |               "fontWeight": 400,
1013 |               "letterSpacing": { "value": 0, "unit": "em" }
1014 |             },
1015 |             "Small": {
1016 |               "fontFamily": "{font.family.sfPro}",
1017 |               "fontSize": { "value": 15, "unit": "px" },
1018 |               "lineHeight": { "value": 20, "unit": "px" },
1019 |               "fontWeight": 400,
1020 |               "letterSpacing": { "value": 0, "unit": "em" }
1021 |             },
1022 |             "Medium": {
1023 |               "fontFamily": "{font.family.sfPro}",
1024 |               "fontSize": { "value": 16, "unit": "px" },
1025 |               "lineHeight": { "value": 21, "unit": "px" },
1026 |               "fontWeight": 400,
1027 |               "letterSpacing": { "value": 0, "unit": "em" }
1028 |             },
1029 |             "Large": {
1030 |               "fontFamily": "{font.family.sfPro}",
1031 |               "fontSize": { "value": 17, "unit": "px" },
1032 |               "lineHeight": { "value": 22, "unit": "px" },
1033 |               "fontWeight": 400,
1034 |               "letterSpacing": { "value": 0, "unit": "em" }
1035 |             },
1036 |             "xLarge": {
1037 |               "fontFamily": "{font.family.sfPro}",
1038 |               "fontSize": { "value": 19, "unit": "px" },
1039 |               "lineHeight": { "value": 24, "unit": "px" },
1040 |               "fontWeight": 400,
1041 |               "letterSpacing": { "value": 0, "unit": "em" }
1042 |             },
1043 |             "xxLarge": {
1044 |               "fontFamily": "{font.family.sfPro}",
1045 |               "fontSize": { "value": 21, "unit": "px" },
1046 |               "lineHeight": { "value": 26, "unit": "px" },
1047 |               "fontWeight": 400,
1048 |               "letterSpacing": { "value": 0, "unit": "em" }
1049 |             },
1050 |             "xxxLarge": {
1051 |               "fontFamily": "{font.family.sfPro}",
1052 |               "fontSize": { "value": 23, "unit": "px" },
1053 |               "lineHeight": { "value": 29, "unit": "px" },
1054 |               "fontWeight": 400,
1055 |               "letterSpacing": { "value": 0, "unit": "em" }
1056 |             }
1057 |           }
1058 |         }
1059 |       },
1060 |       "callout": {
1061 |         "$value": {
1062 |           "fontFamily": "{font.family.sfPro}",
1063 |           "fontSize": { "value": 16, "unit": "px" },
1064 |           "fontWeight": 400,
1065 |           "lineHeight": { "value": 21, "unit": "px" },
1066 |           "letterSpacing": { "value": 0, "unit": "em" }
1067 |         },
1068 |         "$extensions": {
1069 |           "mode": {
1070 |             "xSmall": {
1071 |               "fontFamily": "{font.family.sfPro}",
1072 |               "fontSize": { "value": 13, "unit": "px" },
1073 |               "lineHeight": { "value": 18, "unit": "px" },
1074 |               "fontWeight": 400,
1075 |               "letterSpacing": { "value": 0, "unit": "em" }
1076 |             },
1077 |             "Small": {
1078 |               "fontFamily": "{font.family.sfPro}",
1079 |               "fontSize": { "value": 14, "unit": "px" },
1080 |               "lineHeight": { "value": 19, "unit": "px" },
1081 |               "fontWeight": 400,
1082 |               "letterSpacing": { "value": 0, "unit": "em" }
1083 |             },
1084 |             "Medium": {
1085 |               "fontFamily": "{font.family.sfPro}",
1086 |               "fontSize": { "value": 15, "unit": "px" },
1087 |               "lineHeight": { "value": 20, "unit": "px" },
1088 |               "fontWeight": 400,
1089 |               "letterSpacing": { "value": 0, "unit": "em" }
1090 |             },
1091 |             "Large": {
1092 |               "fontFamily": "{font.family.sfPro}",
1093 |               "fontSize": { "value": 16, "unit": "px" },
1094 |               "lineHeight": { "value": 21, "unit": "px" },
1095 |               "fontWeight": 400,
1096 |               "letterSpacing": { "value": 0, "unit": "em" }
1097 |             },
1098 |             "xLarge": {
1099 |               "fontFamily": "{font.family.sfPro}",
1100 |               "fontSize": { "value": 18, "unit": "px" },
1101 |               "lineHeight": { "value": 23, "unit": "px" },
1102 |               "fontWeight": 400,
1103 |               "letterSpacing": { "value": 0, "unit": "em" }
1104 |             },
1105 |             "xxLarge": {
1106 |               "fontFamily": "{font.family.sfPro}",
1107 |               "fontSize": { "value": 20, "unit": "px" },
1108 |               "lineHeight": { "value": 25, "unit": "px" },
1109 |               "fontWeight": 400,
1110 |               "letterSpacing": { "value": 0, "unit": "em" }
1111 |             },
1112 |             "xxxLarge": {
1113 |               "fontFamily": "{font.family.sfPro}",
1114 |               "fontSize": { "value": 22, "unit": "px" },
1115 |               "lineHeight": { "value": 28, "unit": "px" },
1116 |               "fontWeight": 400,
1117 |               "letterSpacing": { "value": 0, "unit": "em" }
1118 |             }
1119 |           }
1120 |         }
1121 |       },
1122 |       "subhead": {
1123 |         "$value": {
1124 |           "fontFamily": "{font.family.sfPro}",
1125 |           "fontSize": { "value": 15, "unit": "px" },
1126 |           "fontWeight": 400,
1127 |           "lineHeight": { "value": 20, "unit": "px" },
1128 |           "letterSpacing": { "value": 0, "unit": "em" }
1129 |         },
1130 |         "$extensions": {
1131 |           "mode": {
1132 |             "xSmall": {
1133 |               "fontFamily": "{font.family.sfPro}",
1134 |               "fontSize": { "value": 12, "unit": "px" },
1135 |               "lineHeight": { "value": 16, "unit": "px" },
1136 |               "fontWeight": 400,
1137 |               "letterSpacing": { "value": 0, "unit": "em" }
1138 |             },
1139 |             "Small": {
1140 |               "fontFamily": "{font.family.sfPro}",
1141 |               "fontSize": { "value": 13, "unit": "px" },
1142 |               "lineHeight": { "value": 18, "unit": "px" },
1143 |               "fontWeight": 400,
1144 |               "letterSpacing": { "value": 0, "unit": "em" }
1145 |             },
1146 |             "Medium": {
1147 |               "fontFamily": "{font.family.sfPro}",
1148 |               "fontSize": { "value": 14, "unit": "px" },
1149 |               "lineHeight": { "value": 19, "unit": "px" },
1150 |               "fontWeight": 400,
1151 |               "letterSpacing": { "value": 0, "unit": "em" }
1152 |             },
1153 |             "Large": {
1154 |               "fontFamily": "{font.family.sfPro}",
1155 |               "fontSize": { "value": 15, "unit": "px" },
1156 |               "lineHeight": { "value": 20, "unit": "px" },
1157 |               "fontWeight": 400,
1158 |               "letterSpacing": { "value": 0, "unit": "em" }
1159 |             },
1160 |             "xLarge": {
1161 |               "fontFamily": "{font.family.sfPro}",
1162 |               "fontSize": { "value": 17, "unit": "px" },
1163 |               "lineHeight": { "value": 22, "unit": "px" },
1164 |               "fontWeight": 400,
1165 |               "letterSpacing": { "value": 0, "unit": "em" }
1166 |             },
1167 |             "xxLarge": {
1168 |               "fontFamily": "{font.family.sfPro}",
1169 |               "fontSize": { "value": 19, "unit": "px" },
1170 |               "lineHeight": { "value": 24, "unit": "px" },
1171 |               "fontWeight": 400,
1172 |               "letterSpacing": { "value": 0, "unit": "em" }
1173 |             },
1174 |             "xxxLarge": {
1175 |               "fontFamily": "{font.family.sfPro}",
1176 |               "fontSize": { "value": 21, "unit": "px" },
1177 |               "lineHeight": { "value": 28, "unit": "px" },
1178 |               "fontWeight": 400,
1179 |               "letterSpacing": { "value": 0, "unit": "em" }
1180 |             }
1181 |           }
1182 |         }
1183 |       },
1184 |       "footnote": {
1185 |         "$value": {
1186 |           "fontFamily": "{font.family.sfPro}",
1187 |           "fontSize": { "value": 13, "unit": "px" },
1188 |           "fontWeight": 400,
1189 |           "lineHeight": { "value": 18, "unit": "px" },
1190 |           "letterSpacing": { "value": 0, "unit": "em" }
1191 |         },
1192 |         "$extensions": {
1193 |           "mode": {
1194 |             "xSmall": {
1195 |               "fontFamily": "{font.family.sfPro}",
1196 |               "fontSize": { "value": 12, "unit": "px" },
1197 |               "lineHeight": { "value": 16, "unit": "px" },
1198 |               "fontWeight": 400,
1199 |               "letterSpacing": { "value": 0, "unit": "em" }
1200 |             },
1201 |             "Small": {
1202 |               "fontFamily": "{font.family.sfPro}",
1203 |               "fontSize": { "value": 12, "unit": "px" },
1204 |               "lineHeight": { "value": 16, "unit": "px" },
1205 |               "fontWeight": 400,
1206 |               "letterSpacing": { "value": 0, "unit": "em" }
1207 |             },
1208 |             "Medium": {
1209 |               "fontFamily": "{font.family.sfPro}",
1210 |               "fontSize": { "value": 12, "unit": "px" },
1211 |               "lineHeight": { "value": 16, "unit": "px" },
1212 |               "fontWeight": 400,
1213 |               "letterSpacing": { "value": 0, "unit": "em" }
1214 |             },
1215 |             "Large": {
1216 |               "fontFamily": "{font.family.sfPro}",
1217 |               "fontSize": { "value": 13, "unit": "px" },
1218 |               "lineHeight": { "value": 18, "unit": "px" },
1219 |               "fontWeight": 400,
1220 |               "letterSpacing": { "value": 0, "unit": "em" }
1221 |             },
1222 |             "xLarge": {
1223 |               "fontFamily": "{font.family.sfPro}",
1224 |               "fontSize": { "value": 15, "unit": "px" },
1225 |               "lineHeight": { "value": 20, "unit": "px" },
1226 |               "fontWeight": 400,
1227 |               "letterSpacing": { "value": 0, "unit": "em" }
1228 |             },
1229 |             "xxLarge": {
1230 |               "fontFamily": "{font.family.sfPro}",
1231 |               "fontSize": { "value": 17, "unit": "px" },
1232 |               "lineHeight": { "value": 22, "unit": "px" },
1233 |               "fontWeight": 400,
1234 |               "letterSpacing": { "value": 0, "unit": "em" }
1235 |             },
1236 |             "xxxLarge": {
1237 |               "fontFamily": "{font.family.sfPro}",
1238 |               "fontSize": { "value": 19, "unit": "px" },
1239 |               "lineHeight": { "value": 24, "unit": "px" },
1240 |               "fontWeight": 400,
1241 |               "letterSpacing": { "value": 0, "unit": "em" }
1242 |             }
1243 |           }
1244 |         }
1245 |       },
1246 |       "caption1": {
1247 |         "$value": {
1248 |           "fontFamily": "{font.family.sfPro}",
1249 |           "fontSize": { "value": 12, "unit": "px" },
1250 |           "fontWeight": 400,
1251 |           "lineHeight": { "value": 16, "unit": "px" },
1252 |           "letterSpacing": { "value": 0, "unit": "em" }
1253 |         },
1254 |         "$extensions": {
1255 |           "mode": {
1256 |             "xSmall": {
1257 |               "fontFamily": "{font.family.sfPro}",
1258 |               "fontSize": { "value": 11, "unit": "px" },
1259 |               "lineHeight": { "value": 13, "unit": "px" },
1260 |               "fontWeight": 400,
1261 |               "letterSpacing": { "value": 0, "unit": "em" }
1262 |             },
1263 |             "Small": {
1264 |               "fontFamily": "{font.family.sfPro}",
1265 |               "fontSize": { "value": 11, "unit": "px" },
1266 |               "lineHeight": { "value": 13, "unit": "px" },
1267 |               "fontWeight": 400,
1268 |               "letterSpacing": { "value": 0, "unit": "em" }
1269 |             },
1270 |             "Medium": {
1271 |               "fontFamily": "{font.family.sfPro}",
1272 |               "fontSize": { "value": 11, "unit": "px" },
1273 |               "lineHeight": { "value": 13, "unit": "px" },
1274 |               "fontWeight": 400,
1275 |               "letterSpacing": { "value": 0, "unit": "em" }
1276 |             },
1277 |             "Large": {
1278 |               "fontFamily": "{font.family.sfPro}",
1279 |               "fontSize": { "value": 12, "unit": "px" },
1280 |               "lineHeight": { "value": 16, "unit": "px" },
1281 |               "fontWeight": 400,
1282 |               "letterSpacing": { "value": 0, "unit": "em" }
1283 |             },
1284 |             "xLarge": {
1285 |               "fontFamily": "{font.family.sfPro}",
1286 |               "fontSize": { "value": 14, "unit": "px" },
1287 |               "lineHeight": { "value": 19, "unit": "px" },
1288 |               "fontWeight": 400,
1289 |               "letterSpacing": { "value": 0, "unit": "em" }
1290 |             },
1291 |             "xxLarge": {
1292 |               "fontFamily": "{font.family.sfPro}",
1293 |               "fontSize": { "value": 16, "unit": "px" },
1294 |               "lineHeight": { "value": 18, "unit": "px" },
1295 |               "fontWeight": 400,
1296 |               "letterSpacing": { "value": 0, "unit": "em" }
1297 |             },
1298 |             "xxxLarge": {
1299 |               "fontFamily": "{font.family.sfPro}",
1300 |               "fontSize": { "value": 23, "unit": "px" },
1301 |               "lineHeight": { "value": 21, "unit": "px" },
1302 |               "fontWeight": 400,
1303 |               "letterSpacing": { "value": 0, "unit": "em" }
1304 |             }
1305 |           }
1306 |         }
1307 |       },
1308 |       "caption2": {
1309 |         "$value": {
1310 |           "fontFamily": "{font.family.sfPro}",
1311 |           "fontSize": { "value": 11, "unit": "px" },
1312 |           "fontWeight": 400,
1313 |           "lineHeight": { "value": 13, "unit": "px" },
1314 |           "letterSpacing": { "value": 0, "unit": "em" }
1315 |         },
1316 |         "$extensions": {
1317 |           "mode": {
1318 |             "xSmall": {
1319 |               "fontFamily": "{font.family.sfPro}",
1320 |               "fontSize": { "value": 11, "unit": "px" },
1321 |               "lineHeight": { "value": 13, "unit": "px" },
1322 |               "fontWeight": 400,
1323 |               "letterSpacing": { "value": 0, "unit": "em" }
1324 |             },
1325 |             "Small": {
1326 |               "fontFamily": "{font.family.sfPro}",
1327 |               "fontSize": { "value": 11, "unit": "px" },
1328 |               "lineHeight": { "value": 13, "unit": "px" },
1329 |               "fontWeight": 400,
1330 |               "letterSpacing": { "value": 0, "unit": "em" }
1331 |             },
1332 |             "Medium": {
1333 |               "fontFamily": "{font.family.sfPro}",
1334 |               "fontSize": { "value": 11, "unit": "px" },
1335 |               "lineHeight": { "value": 13, "unit": "px" },
1336 |               "fontWeight": 400,
1337 |               "letterSpacing": { "value": 0, "unit": "em" }
1338 |             },
1339 |             "Large": {
1340 |               "fontFamily": "{font.family.sfPro}",
1341 |               "fontSize": { "value": 11, "unit": "px" },
1342 |               "lineHeight": { "value": 13, "unit": "px" },
1343 |               "fontWeight": 400,
1344 |               "letterSpacing": { "value": 0, "unit": "em" }
1345 |             },
1346 |             "xLarge": {
1347 |               "fontFamily": "{font.family.sfPro}",
1348 |               "fontSize": { "value": 13, "unit": "px" },
1349 |               "lineHeight": { "value": 18, "unit": "px" },
1350 |               "fontWeight": 400,
1351 |               "letterSpacing": { "value": 0, "unit": "em" }
1352 |             },
1353 |             "xxLarge": {
1354 |               "fontFamily": "{font.family.sfPro}",
1355 |               "fontSize": { "value": 15, "unit": "px" },
1356 |               "lineHeight": { "value": 20, "unit": "px" },
1357 |               "fontWeight": 400,
1358 |               "letterSpacing": { "value": 0, "unit": "em" }
1359 |             },
1360 |             "xxxLarge": {
1361 |               "fontFamily": "{font.family.sfPro}",
1362 |               "fontSize": { "value": 17, "unit": "px" },
1363 |               "lineHeight": { "value": 22, "unit": "px" },
1364 |               "fontWeight": 400,
1365 |               "letterSpacing": { "value": 0, "unit": "em" }
1366 |             }
1367 |           }
1368 |         }
1369 |       }
1370 |     }
1371 |   }
1372 | }
1373 | 


--------------------------------------------------------------------------------
/salesforce-lightning.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "palette": {
   3 |     "$type": "color",
   4 |     "blue10": {
   5 |       "$value": {
   6 |         "colorSpace": "srgb",
   7 |         "components": [0, 0.08627450980392157, 0.2235294117647059],
   8 |         "alpha": 1,
   9 |         "hex": "#001639"
  10 |       }
  11 |     },
  12 |     "blue15": {
  13 |       "$value": {
  14 |         "colorSpace": "srgb",
  15 |         "components": [0.011764705882352941, 0.13725490196078433, 0.30196078431372547],
  16 |         "alpha": 1,
  17 |         "hex": "#03234d"
  18 |       }
  19 |     },
  20 |     "blue20": {
  21 |       "$value": {
  22 |         "colorSpace": "srgb",
  23 |         "components": [0.011764705882352941, 0.17647058823529413, 0.3764705882352941],
  24 |         "alpha": 1,
  25 |         "hex": "#032d60"
  26 |       }
  27 |     },
  28 |     "blue30": {
  29 |       "$value": {
  30 |         "colorSpace": "srgb",
  31 |         "components": [0.00392156862745098, 0.26666666666666666, 0.5254901960784314],
  32 |         "alpha": 1,
  33 |         "hex": "#014486"
  34 |       }
  35 |     },
  36 |     "blue40": {
  37 |       "$value": {
  38 |         "colorSpace": "srgb",
  39 |         "components": [0.043137254901960784, 0.3607843137254902, 0.6705882352941176],
  40 |         "alpha": 1,
  41 |         "hex": "#0b5cab"
  42 |       }
  43 |     },
  44 |     "blue50": {
  45 |       "$value": {
  46 |         "colorSpace": "srgb",
  47 |         "components": [0.00392156862745098, 0.4627450980392157, 0.8274509803921568],
  48 |         "alpha": 1,
  49 |         "hex": "#0176d3"
  50 |       }
  51 |     },
  52 |     "blue60": {
  53 |       "$value": {
  54 |         "colorSpace": "srgb",
  55 |         "components": [0.10588235294117647, 0.5882352941176471, 1],
  56 |         "alpha": 1,
  57 |         "hex": "#1b96ff"
  58 |       }
  59 |     },
  60 |     "blue65": {
  61 |       "$value": {
  62 |         "colorSpace": "srgb",
  63 |         "components": [0.3411764705882353, 0.6392156862745098, 0.9921568627450981],
  64 |         "alpha": 1,
  65 |         "hex": "#57a3fd"
  66 |       }
  67 |     },
  68 |     "blue70": {
  69 |       "$value": {
  70 |         "colorSpace": "srgb",
  71 |         "components": [0.47058823529411764, 0.6901960784313725, 0.9921568627450981],
  72 |         "alpha": 1,
  73 |         "hex": "#78b0fd"
  74 |       }
  75 |     },
  76 |     "blue80": {
  77 |       "$value": {
  78 |         "colorSpace": "srgb",
  79 |         "components": [0.6666666666666666, 0.796078431372549, 1],
  80 |         "alpha": 1,
  81 |         "hex": "#aacbff"
  82 |       }
  83 |     },
  84 |     "blue90": {
  85 |       "$value": {
  86 |         "colorSpace": "srgb",
  87 |         "components": [0.8470588235294118, 0.9019607843137255, 0.996078431372549],
  88 |         "alpha": 1,
  89 |         "hex": "#d8e6fe"
  90 |       }
  91 |     },
  92 |     "blue95": {
  93 |       "$value": {
  94 |         "colorSpace": "srgb",
  95 |         "components": [0.9333333333333333, 0.9568627450980393, 1],
  96 |         "alpha": 1,
  97 |         "hex": "#eef4ff"
  98 |       }
  99 |     },
 100 |     "cloudBlue10": {
 101 |       "$value": {
 102 |         "colorSpace": "srgb",
 103 |         "components": [0, 0.10196078431372549, 0.1568627450980392],
 104 |         "alpha": 1,
 105 |         "hex": "#001a28"
 106 |       }
 107 |     },
 108 |     "cloudBlue15": {
 109 |       "$value": {
 110 |         "colorSpace": "srgb",
 111 |         "components": [0.0392156862745098, 0.14901960784313725, 0.21176470588235294],
 112 |         "alpha": 1,
 113 |         "hex": "#0a2636"
 114 |       }
 115 |     },
 116 |     "cloudBlue20": {
 117 |       "$value": {
 118 |         "colorSpace": "srgb",
 119 |         "components": [0.00784313725490196, 0.19607843137254902, 0.2823529411764706],
 120 |         "alpha": 1,
 121 |         "hex": "#023248"
 122 |       }
 123 |     },
 124 |     "cloudBlue30": {
 125 |       "$value": {
 126 |         "colorSpace": "srgb",
 127 |         "components": [0.03137254901960784, 0.28627450980392155, 0.40784313725490196],
 128 |         "alpha": 1,
 129 |         "hex": "#084968"
 130 |       }
 131 |     },
 132 |     "cloudBlue40": {
 133 |       "$value": {
 134 |         "colorSpace": "srgb",
 135 |         "components": [0.0196078431372549, 0.3843137254901961, 0.5411764705882353],
 136 |         "alpha": 1,
 137 |         "hex": "#05628a"
 138 |       }
 139 |     },
 140 |     "cloudBlue50": {
 141 |       "$value": {
 142 |         "colorSpace": "srgb",
 143 |         "components": [0.06274509803921569, 0.48627450980392156, 0.6784313725490196],
 144 |         "alpha": 1,
 145 |         "hex": "#107cad"
 146 |       }
 147 |     },
 148 |     "cloudBlue60": {
 149 |       "$value": {
 150 |         "colorSpace": "srgb",
 151 |         "components": [0.050980392156862744, 0.615686274509804, 0.8549019607843137],
 152 |         "alpha": 1,
 153 |         "hex": "#0d9dda"
 154 |       }
 155 |     },
 156 |     "cloudBlue65": {
 157 |       "$value": {
 158 |         "colorSpace": "srgb",
 159 |         "components": [0.03137254901960784, 0.6705882352941176, 0.9294117647058824],
 160 |         "alpha": 1,
 161 |         "hex": "#08abed"
 162 |       }
 163 |     },
 164 |     "cloudBlue70": {
 165 |       "$value": {
 166 |         "colorSpace": "srgb",
 167 |         "components": [0.10196078431372549, 0.7254901960784313, 1],
 168 |         "alpha": 1,
 169 |         "hex": "#1ab9ff"
 170 |       }
 171 |     },
 172 |     "cloudBlue80": {
 173 |       "$value": {
 174 |         "colorSpace": "srgb",
 175 |         "components": [0.5647058823529412, 0.8156862745098039, 0.996078431372549],
 176 |         "alpha": 1,
 177 |         "hex": "#90d0fe"
 178 |       }
 179 |     },
 180 |     "cloudBlue90": {
 181 |       "$value": {
 182 |         "colorSpace": "srgb",
 183 |         "components": [0.8117647058823529, 0.9137254901960784, 0.996078431372549],
 184 |         "alpha": 1,
 185 |         "hex": "#cfe9fe"
 186 |       }
 187 |     },
 188 |     "cloudBlue95": {
 189 |       "$value": {
 190 |         "colorSpace": "srgb",
 191 |         "components": [0.9176470588235294, 0.9607843137254902, 0.996078431372549],
 192 |         "alpha": 1,
 193 |         "hex": "#eaf5fe"
 194 |       }
 195 |     },
 196 |     "green10": {
 197 |       "$value": {
 198 |         "colorSpace": "srgb",
 199 |         "components": [0.027450980392156862, 0.10588235294117647, 0.07058823529411765],
 200 |         "alpha": 1,
 201 |         "hex": "#071b12"
 202 |       }
 203 |     },
 204 |     "green15": {
 205 |       "$value": {
 206 |         "colorSpace": "srgb",
 207 |         "components": [0.047058823529411764, 0.1607843137254902, 0.07058823529411765],
 208 |         "alpha": 1,
 209 |         "hex": "#0c2912"
 210 |       }
 211 |     },
 212 |     "green20": {
 213 |       "$value": {
 214 |         "colorSpace": "srgb",
 215 |         "components": [0.054901960784313725, 0.20784313725490197, 0.13333333333333333],
 216 |         "alpha": 1,
 217 |         "hex": "#0e3522"
 218 |       }
 219 |     },
 220 |     "green30": {
 221 |       "$value": {
 222 |         "colorSpace": "srgb",
 223 |         "components": [0.09803921568627451, 0.3058823529411765, 0.19215686274509805],
 224 |         "alpha": 1,
 225 |         "hex": "#194e31"
 226 |       }
 227 |     },
 228 |     "green40": {
 229 |       "$value": {
 230 |         "colorSpace": "srgb",
 231 |         "components": [0.13333333333333333, 0.40784313725490196, 0.24313725490196078],
 232 |         "alpha": 1,
 233 |         "hex": "#22683e"
 234 |       }
 235 |     },
 236 |     "green50": {
 237 |       "$value": {
 238 |         "colorSpace": "srgb",
 239 |         "components": [0.1803921568627451, 0.5176470588235295, 0.2901960784313726],
 240 |         "alpha": 1,
 241 |         "hex": "#2e844a"
 242 |       }
 243 |     },
 244 |     "green60": {
 245 |       "$value": {
 246 |         "colorSpace": "srgb",
 247 |         "components": [0.23137254901960785, 0.6549019607843137, 0.3333333333333333],
 248 |         "alpha": 1,
 249 |         "hex": "#3ba755"
 250 |       }
 251 |     },
 252 |     "green65": {
 253 |       "$value": {
 254 |         "colorSpace": "srgb",
 255 |         "components": [0.2549019607843137, 0.7137254901960784, 0.34509803921568627],
 256 |         "alpha": 1,
 257 |         "hex": "#41b658"
 258 |       }
 259 |     },
 260 |     "green70": {
 261 |       "$value": {
 262 |         "colorSpace": "srgb",
 263 |         "components": [0.27058823529411763, 0.7764705882352941, 0.35294117647058826],
 264 |         "alpha": 1,
 265 |         "hex": "#45c65a"
 266 |       }
 267 |     },
 268 |     "green80": {
 269 |       "$value": {
 270 |         "colorSpace": "srgb",
 271 |         "components": [0.5686274509803921, 0.8588235294117647, 0.5450980392156862],
 272 |         "alpha": 1,
 273 |         "hex": "#91db8b"
 274 |       }
 275 |     },
 276 |     "green90": {
 277 |       "$value": {
 278 |         "colorSpace": "srgb",
 279 |         "components": [0.803921568627451, 0.9372549019607843, 0.7686274509803922],
 280 |         "alpha": 1,
 281 |         "hex": "#cdefc4"
 282 |       }
 283 |     },
 284 |     "green95": {
 285 |       "$value": {
 286 |         "colorSpace": "srgb",
 287 |         "components": [0.9215686274509803, 0.9686274509803922, 0.9019607843137255],
 288 |         "alpha": 1,
 289 |         "hex": "#ebf7e6"
 290 |       }
 291 |     },
 292 |     "hotOrange10": {
 293 |       "$value": {
 294 |         "colorSpace": "srgb",
 295 |         "components": [0.1568627450980392, 0.07058823529411765, 0.00784313725490196],
 296 |         "alpha": 1,
 297 |         "hex": "#281202"
 298 |       }
 299 |     },
 300 |     "hotOrange15": {
 301 |       "$value": {
 302 |         "colorSpace": "srgb",
 303 |         "components": [0.25882352941176473, 0.08627450980392157, 0.01568627450980392],
 304 |         "alpha": 1,
 305 |         "hex": "#421604"
 306 |       }
 307 |     },
 308 |     "hotOrange20": {
 309 |       "$value": {
 310 |         "colorSpace": "srgb",
 311 |         "components": [0.32941176470588235, 0.11372549019607843, 0.00392156862745098],
 312 |         "alpha": 1,
 313 |         "hex": "#541d01"
 314 |       }
 315 |     },
 316 |     "hotOrange30": {
 317 |       "$value": {
 318 |         "colorSpace": "srgb",
 319 |         "components": [0.49411764705882355, 0.14901960784313725, 0],
 320 |         "alpha": 1,
 321 |         "hex": "#7e2600"
 322 |       }
 323 |     },
 324 |     "hotOrange40": {
 325 |       "$value": {
 326 |         "colorSpace": "srgb",
 327 |         "components": [0.6666666666666666, 0.18823529411764706, 0.00392156862745098],
 328 |         "alpha": 1,
 329 |         "hex": "#aa3001"
 330 |       }
 331 |     },
 332 |     "hotOrange50": {
 333 |       "$value": {
 334 |         "colorSpace": "srgb",
 335 |         "components": [0.8470588235294118, 0.22745098039215686, 0],
 336 |         "alpha": 1,
 337 |         "hex": "#d83a00"
 338 |       }
 339 |     },
 340 |     "hotOrange60": {
 341 |       "$value": {
 342 |         "colorSpace": "srgb",
 343 |         "components": [1, 0.36470588235294116, 0.17647058823529413],
 344 |         "alpha": 1,
 345 |         "hex": "#ff5d2d"
 346 |       }
 347 |     },
 348 |     "hotOrange65": {
 349 |       "$value": {
 350 |         "colorSpace": "srgb",
 351 |         "components": [1, 0.47058823529411764, 0.30980392156862746],
 352 |         "alpha": 1,
 353 |         "hex": "#ff784f"
 354 |       }
 355 |     },
 356 |     "hotOrange70": {
 357 |       "$value": {
 358 |         "colorSpace": "srgb",
 359 |         "components": [1, 0.5647058823529412, 0.43137254901960786],
 360 |         "alpha": 1,
 361 |         "hex": "#ff906e"
 362 |       }
 363 |     },
 364 |     "hotOrange80": {
 365 |       "$value": {
 366 |         "colorSpace": "srgb",
 367 |         "components": [0.996078431372549, 0.7254901960784313, 0.6470588235294118],
 368 |         "alpha": 1,
 369 |         "hex": "#feb9a5"
 370 |       }
 371 |     },
 372 |     "hotOrange90": {
 373 |       "$value": {
 374 |         "colorSpace": "srgb",
 375 |         "components": [1, 0.8705882352941177, 0.8352941176470589],
 376 |         "alpha": 1,
 377 |         "hex": "#ffded5"
 378 |       }
 379 |     },
 380 |     "hotOrange95": {
 381 |       "$value": {
 382 |         "colorSpace": "srgb",
 383 |         "components": [0.996078431372549, 0.9450980392156862, 0.9294117647058824],
 384 |         "alpha": 1,
 385 |         "hex": "#fef1ed"
 386 |       }
 387 |     },
 388 |     "indigo10": {
 389 |       "$value": {
 390 |         "colorSpace": "srgb",
 391 |         "components": [0.12549019607843137, 0.023529411764705882, 0.2784313725490196],
 392 |         "alpha": 1,
 393 |         "hex": "#200647"
 394 |       }
 395 |     },
 396 |     "indigo15": {
 397 |       "$value": {
 398 |         "colorSpace": "srgb",
 399 |         "components": [0.12156862745098039, 0.03529411764705882, 0.4549019607843137],
 400 |         "alpha": 1,
 401 |         "hex": "#1f0974"
 402 |       }
 403 |     },
 404 |     "indigo20": {
 405 |       "$value": {
 406 |         "colorSpace": "srgb",
 407 |         "components": [0.14901960784313725, 0.058823529411764705, 0.5607843137254902],
 408 |         "alpha": 1,
 409 |         "hex": "#260f8f"
 410 |       }
 411 |     },
 412 |     "indigo30": {
 413 |       "$value": {
 414 |         "colorSpace": "srgb",
 415 |         "components": [0.1843137254901961, 0.17254901960784313, 0.7176470588235294],
 416 |         "alpha": 1,
 417 |         "hex": "#2f2cb7"
 418 |       }
 419 |     },
 420 |     "indigo40": {
 421 |       "$value": {
 422 |         "colorSpace": "srgb",
 423 |         "components": [0.22745098039215686, 0.28627450980392155, 0.8549019607843137],
 424 |         "alpha": 1,
 425 |         "hex": "#3a49da"
 426 |       }
 427 |     },
 428 |     "indigo50": {
 429 |       "$value": {
 430 |         "colorSpace": "srgb",
 431 |         "components": [0.34509803921568627, 0.403921568627451, 0.9098039215686274],
 432 |         "alpha": 1,
 433 |         "hex": "#5867e8"
 434 |       }
 435 |     },
 436 |     "indigo60": {
 437 |       "$value": {
 438 |         "colorSpace": "srgb",
 439 |         "components": [0.4980392156862745, 0.5490196078431373, 0.9294117647058824],
 440 |         "alpha": 1,
 441 |         "hex": "#7f8ced"
 442 |       }
 443 |     },
 444 |     "indigo65": {
 445 |       "$value": {
 446 |         "colorSpace": "srgb",
 447 |         "components": [0.5568627450980392, 0.6078431372549019, 0.9372549019607843],
 448 |         "alpha": 1,
 449 |         "hex": "#8e9bef"
 450 |       }
 451 |     },
 452 |     "indigo70": {
 453 |       "$value": {
 454 |         "colorSpace": "srgb",
 455 |         "components": [0.6196078431372549, 0.6627450980392157, 0.9450980392156862],
 456 |         "alpha": 1,
 457 |         "hex": "#9ea9f1"
 458 |       }
 459 |     },
 460 |     "indigo80": {
 461 |       "$value": {
 462 |         "colorSpace": "srgb",
 463 |         "components": [0.7450980392156863, 0.7803921568627451, 0.9647058823529412],
 464 |         "alpha": 1,
 465 |         "hex": "#bec7f6"
 466 |       }
 467 |     },
 468 |     "indigo90": {
 469 |       "$value": {
 470 |         "colorSpace": "srgb",
 471 |         "components": [0.8784313725490196, 0.8980392156862745, 0.9725490196078431],
 472 |         "alpha": 1,
 473 |         "hex": "#e0e5f8"
 474 |       }
 475 |     },
 476 |     "indigo95": {
 477 |       "$value": {
 478 |         "colorSpace": "srgb",
 479 |         "components": [0.9450980392156862, 0.9529411764705882, 0.984313725490196],
 480 |         "alpha": 1,
 481 |         "hex": "#f1f3fb"
 482 |       }
 483 |     },
 484 |     "neutral10": {
 485 |       "$value": {
 486 |         "colorSpace": "srgb",
 487 |         "components": [0.09411764705882353, 0.09411764705882353, 0.09411764705882353],
 488 |         "alpha": 1,
 489 |         "hex": "#181818"
 490 |       }
 491 |     },
 492 |     "neutral20": {
 493 |       "$value": {
 494 |         "colorSpace": "srgb",
 495 |         "components": [0.1803921568627451, 0.1803921568627451, 0.1803921568627451],
 496 |         "alpha": 1,
 497 |         "hex": "#2e2e2e"
 498 |       }
 499 |     },
 500 |     "neutral30": {
 501 |       "$value": {
 502 |         "colorSpace": "srgb",
 503 |         "components": [0.26666666666666666, 0.26666666666666666, 0.26666666666666666],
 504 |         "alpha": 1,
 505 |         "hex": "#444444"
 506 |       }
 507 |     },
 508 |     "neutral40": {
 509 |       "$value": {
 510 |         "colorSpace": "srgb",
 511 |         "components": [0.3607843137254902, 0.3607843137254902, 0.3607843137254902],
 512 |         "alpha": 1,
 513 |         "hex": "#5c5c5c"
 514 |       }
 515 |     },
 516 |     "neutral50": {
 517 |       "$value": {
 518 |         "colorSpace": "srgb",
 519 |         "components": [0.4549019607843137, 0.4549019607843137, 0.4549019607843137],
 520 |         "alpha": 1,
 521 |         "hex": "#747474"
 522 |       }
 523 |     },
 524 |     "neutral60": {
 525 |       "$value": {
 526 |         "colorSpace": "srgb",
 527 |         "components": [0.5764705882352941, 0.5764705882352941, 0.5764705882352941],
 528 |         "alpha": 1,
 529 |         "hex": "#939393"
 530 |       }
 531 |     },
 532 |     "neutral70": {
 533 |       "$value": {
 534 |         "colorSpace": "srgb",
 535 |         "components": [0.6823529411764706, 0.6823529411764706, 0.6823529411764706],
 536 |         "alpha": 1,
 537 |         "hex": "#aeaeae"
 538 |       }
 539 |     },
 540 |     "neutral80": {
 541 |       "$value": {
 542 |         "colorSpace": "srgb",
 543 |         "components": [0.788235294117647, 0.788235294117647, 0.788235294117647],
 544 |         "alpha": 1,
 545 |         "hex": "#c9c9c9"
 546 |       }
 547 |     },
 548 |     "neutral90": {
 549 |       "$value": {
 550 |         "colorSpace": "srgb",
 551 |         "components": [0.8980392156862745, 0.8980392156862745, 0.8980392156862745],
 552 |         "alpha": 1,
 553 |         "hex": "#e5e5e5"
 554 |       }
 555 |     },
 556 |     "neutral95": {
 557 |       "$value": {
 558 |         "colorSpace": "srgb",
 559 |         "components": [0.9529411764705882, 0.9529411764705882, 0.9529411764705882],
 560 |         "alpha": 1,
 561 |         "hex": "#f3f3f3"
 562 |       }
 563 |     },
 564 |     "neutral100": {
 565 |       "$value": {
 566 |         "colorSpace": "srgb",
 567 |         "components": [1, 1, 1],
 568 |         "alpha": 1,
 569 |         "hex": "#ffffff"
 570 |       }
 571 |     },
 572 |     "orange10": {
 573 |       "$value": {
 574 |         "colorSpace": "srgb",
 575 |         "components": [0.12549019607843137, 0.08627450980392157, 0],
 576 |         "alpha": 1,
 577 |         "hex": "#201600"
 578 |       }
 579 |     },
 580 |     "orange15": {
 581 |       "$value": {
 582 |         "colorSpace": "srgb",
 583 |         "components": [0.21568627450980393, 0.11764705882352941, 0.011764705882352941],
 584 |         "alpha": 1,
 585 |         "hex": "#371e03"
 586 |       }
 587 |     },
 588 |     "orange20": {
 589 |       "$value": {
 590 |         "colorSpace": "srgb",
 591 |         "components": [0.24313725490196078, 0.16862745098039217, 0.00784313725490196],
 592 |         "alpha": 1,
 593 |         "hex": "#3e2b02"
 594 |       }
 595 |     },
 596 |     "orange30": {
 597 |       "$value": {
 598 |         "colorSpace": "srgb",
 599 |         "components": [0.37254901960784315, 0.24313725490196078, 0.00784313725490196],
 600 |         "alpha": 1,
 601 |         "hex": "#5f3e02"
 602 |       }
 603 |     },
 604 |     "orange40": {
 605 |       "$value": {
 606 |         "colorSpace": "srgb",
 607 |         "components": [0.5098039215686274, 0.3176470588235294, 0.00392156862745098],
 608 |         "alpha": 1,
 609 |         "hex": "#825101"
 610 |       }
 611 |     },
 612 |     "orange50": {
 613 |       "$value": {
 614 |         "colorSpace": "srgb",
 615 |         "components": [0.6627450980392157, 0.39215686274509803, 0.01568627450980392],
 616 |         "alpha": 1,
 617 |         "hex": "#a96404"
 618 |       }
 619 |     },
 620 |     "orange60": {
 621 |       "$value": {
 622 |         "colorSpace": "srgb",
 623 |         "components": [0.8666666666666667, 0.47843137254901963, 0.00392156862745098],
 624 |         "alpha": 1,
 625 |         "hex": "#dd7a01"
 626 |       }
 627 |     },
 628 |     "orange65": {
 629 |       "$value": {
 630 |         "colorSpace": "srgb",
 631 |         "components": [0.9529411764705882, 0.5137254901960784, 0.011764705882352941],
 632 |         "alpha": 1,
 633 |         "hex": "#f38303"
 634 |       }
 635 |     },
 636 |     "orange70": {
 637 |       "$value": {
 638 |         "colorSpace": "srgb",
 639 |         "components": [0.996078431372549, 0.5764705882352941, 0.2235294117647059],
 640 |         "alpha": 1,
 641 |         "hex": "#fe9339"
 642 |       }
 643 |     },
 644 |     "orange80": {
 645 |       "$value": {
 646 |         "colorSpace": "srgb",
 647 |         "components": [1, 0.7294117647058823, 0.5647058823529412],
 648 |         "alpha": 1,
 649 |         "hex": "#ffba90"
 650 |       }
 651 |     },
 652 |     "orange90": {
 653 |       "$value": {
 654 |         "colorSpace": "srgb",
 655 |         "components": [0.996078431372549, 0.8745098039215686, 0.8156862745098039],
 656 |         "alpha": 1,
 657 |         "hex": "#fedfd0"
 658 |       }
 659 |     },
 660 |     "orange95": {
 661 |       "$value": {
 662 |         "colorSpace": "srgb",
 663 |         "components": [1, 0.9450980392156862, 0.9176470588235294],
 664 |         "alpha": 1,
 665 |         "hex": "#fff1ea"
 666 |       }
 667 |     },
 668 |     "pink10": {
 669 |       "$value": {
 670 |         "colorSpace": "srgb",
 671 |         "components": [0.21568627450980393, 0.00392156862745098, 0.0784313725490196],
 672 |         "alpha": 1,
 673 |         "hex": "#370114"
 674 |       }
 675 |     },
 676 |     "pink15": {
 677 |       "$value": {
 678 |         "colorSpace": "srgb",
 679 |         "components": [0.29411764705882354, 0.023529411764705882, 0.12549019607843137],
 680 |         "alpha": 1,
 681 |         "hex": "#4b0620"
 682 |       }
 683 |     },
 684 |     "pink20": {
 685 |       "$value": {
 686 |         "colorSpace": "srgb",
 687 |         "components": [0.3803921568627451, 0.00784313725490196, 0.16470588235294117],
 688 |         "alpha": 1,
 689 |         "hex": "#61022a"
 690 |       }
 691 |     },
 692 |     "pink30": {
 693 |       "$value": {
 694 |         "colorSpace": "srgb",
 695 |         "components": [0.5411764705882353, 0.011764705882352941, 0.24313725490196078],
 696 |         "alpha": 1,
 697 |         "hex": "#8a033e"
 698 |       }
 699 |     },
 700 |     "pink40": {
 701 |       "$value": {
 702 |         "colorSpace": "srgb",
 703 |         "components": [0.7137254901960784, 0.0196078431372549, 0.32941176470588235],
 704 |         "alpha": 1,
 705 |         "hex": "#b60554"
 706 |       }
 707 |     },
 708 |     "pink50": {
 709 |       "$value": {
 710 |         "colorSpace": "srgb",
 711 |         "components": [0.8901960784313725, 0.023529411764705882, 0.41568627450980394],
 712 |         "alpha": 1,
 713 |         "hex": "#e3066a"
 714 |       }
 715 |     },
 716 |     "pink60": {
 717 |       "$value": {
 718 |         "colorSpace": "srgb",
 719 |         "components": [1, 0.3254901960784314, 0.5411764705882353],
 720 |         "alpha": 1,
 721 |         "hex": "#ff538a"
 722 |       }
 723 |     },
 724 |     "pink65": {
 725 |       "$value": {
 726 |         "colorSpace": "srgb",
 727 |         "components": [0.996078431372549, 0.4470588235294118, 0.596078431372549],
 728 |         "alpha": 1,
 729 |         "hex": "#fe7298"
 730 |       }
 731 |     },
 732 |     "pink70": {
 733 |       "$value": {
 734 |         "colorSpace": "srgb",
 735 |         "components": [0.996078431372549, 0.5411764705882353, 0.6549019607843137],
 736 |         "alpha": 1,
 737 |         "hex": "#fe8aa7"
 738 |       }
 739 |     },
 740 |     "pink80": {
 741 |       "$value": {
 742 |         "colorSpace": "srgb",
 743 |         "components": [0.9921568627450981, 0.7137254901960784, 0.7725490196078432],
 744 |         "alpha": 1,
 745 |         "hex": "#fdb6c5"
 746 |       }
 747 |     },
 748 |     "pink90": {
 749 |       "$value": {
 750 |         "colorSpace": "srgb",
 751 |         "components": [0.9921568627450981, 0.8666666666666667, 0.8901960784313725],
 752 |         "alpha": 1,
 753 |         "hex": "#fddde3"
 754 |       }
 755 |     },
 756 |     "pink95": {
 757 |       "$value": {
 758 |         "colorSpace": "srgb",
 759 |         "components": [0.996078431372549, 0.9411764705882353, 0.9529411764705882],
 760 |         "alpha": 1,
 761 |         "hex": "#fef0f3"
 762 |       }
 763 |     },
 764 |     "purple10": {
 765 |       "$value": {
 766 |         "colorSpace": "srgb",
 767 |         "components": [0.1411764705882353, 0.023529411764705882, 0.2627450980392157],
 768 |         "alpha": 1,
 769 |         "hex": "#240643"
 770 |       }
 771 |     },
 772 |     "purple15": {
 773 |       "$value": {
 774 |         "colorSpace": "srgb",
 775 |         "components": [0.18823529411764706, 0.043137254901960784, 0.3764705882352941],
 776 |         "alpha": 1,
 777 |         "hex": "#300b60"
 778 |       }
 779 |     },
 780 |     "purple20": {
 781 |       "$value": {
 782 |         "colorSpace": "srgb",
 783 |         "components": [0.25098039215686274, 0.06274509803921569, 0.4588235294117647],
 784 |         "alpha": 1,
 785 |         "hex": "#401075"
 786 |       }
 787 |     },
 788 |     "purple30": {
 789 |       "$value": {
 790 |         "colorSpace": "srgb",
 791 |         "components": [0.35294117647058826, 0.10588235294117647, 0.6627450980392157],
 792 |         "alpha": 1,
 793 |         "hex": "#5a1ba9"
 794 |       }
 795 |     },
 796 |     "purple40": {
 797 |       "$value": {
 798 |         "colorSpace": "srgb",
 799 |         "components": [0.4588235294117647, 0.14901960784313725, 0.8901960784313725],
 800 |         "alpha": 1,
 801 |         "hex": "#7526e3"
 802 |       }
 803 |     },
 804 |     "purple50": {
 805 |       "$value": {
 806 |         "colorSpace": "srgb",
 807 |         "components": [0.5647058823529412, 0.3137254901960784, 0.9137254901960784],
 808 |         "alpha": 1,
 809 |         "hex": "#9050e9"
 810 |       }
 811 |     },
 812 |     "purple60": {
 813 |       "$value": {
 814 |         "colorSpace": "srgb",
 815 |         "components": [0.6784313725490196, 0.4823529411764706, 0.9333333333333333],
 816 |         "alpha": 1,
 817 |         "hex": "#ad7bee"
 818 |       }
 819 |     },
 820 |     "purple65": {
 821 |       "$value": {
 822 |         "colorSpace": "srgb",
 823 |         "components": [0.7176470588235294, 0.5529411764705883, 0.9372549019607843],
 824 |         "alpha": 1,
 825 |         "hex": "#b78def"
 826 |       }
 827 |     },
 828 |     "purple70": {
 829 |       "$value": {
 830 |         "colorSpace": "srgb",
 831 |         "components": [0.7607843137254902, 0.6196078431372549, 0.9450980392156862],
 832 |         "alpha": 1,
 833 |         "hex": "#c29ef1"
 834 |       }
 835 |     },
 836 |     "purple80": {
 837 |       "$value": {
 838 |         "colorSpace": "srgb",
 839 |         "components": [0.8431372549019608, 0.5607843137254902, 0.9607843137254902],
 840 |         "alpha": 1,
 841 |         "hex": "#d78ff5"
 842 |       }
 843 |     },
 844 |     "purple90": {
 845 |       "$value": {
 846 |         "colorSpace": "srgb",
 847 |         "components": [0.9254901960784314, 0.8823529411764706, 0.9764705882352941],
 848 |         "alpha": 1,
 849 |         "hex": "#ece1f9"
 850 |       }
 851 |     },
 852 |     "purple95": {
 853 |       "$value": {
 854 |         "colorSpace": "srgb",
 855 |         "components": [0.9647058823529412, 0.9490196078431372, 0.984313725490196],
 856 |         "alpha": 1,
 857 |         "hex": "#f6f2fb"
 858 |       }
 859 |     },
 860 |     "red10": {
 861 |       "$value": {
 862 |         "colorSpace": "srgb",
 863 |         "components": [0.18823529411764706, 0.047058823529411764, 0.00392156862745098],
 864 |         "alpha": 1,
 865 |         "hex": "#300c01"
 866 |       }
 867 |     },
 868 |     "red15": {
 869 |       "$value": {
 870 |         "colorSpace": "srgb",
 871 |         "components": [0.2901960784313726, 0.047058823529411764, 0.01568627450980392],
 872 |         "alpha": 1,
 873 |         "hex": "#4a0c04"
 874 |       }
 875 |     },
 876 |     "red20": {
 877 |       "$value": {
 878 |         "colorSpace": "srgb",
 879 |         "components": [0.39215686274509803, 0.00392156862745098, 0.011764705882352941],
 880 |         "alpha": 1,
 881 |         "hex": "#640103"
 882 |       }
 883 |     },
 884 |     "red30": {
 885 |       "$value": {
 886 |         "colorSpace": "srgb",
 887 |         "components": [0.5568627450980392, 0.011764705882352941, 0.058823529411764705],
 888 |         "alpha": 1,
 889 |         "hex": "#8e030f"
 890 |       }
 891 |     },
 892 |     "red40": {
 893 |       "$value": {
 894 |         "colorSpace": "srgb",
 895 |         "components": [0.7294117647058823, 0.0196078431372549, 0.09019607843137255],
 896 |         "alpha": 1,
 897 |         "hex": "#ba0517"
 898 |       }
 899 |     },
 900 |     "red50": {
 901 |       "$value": {
 902 |         "colorSpace": "srgb",
 903 |         "components": [0.9176470588235294, 0, 0.11764705882352941],
 904 |         "alpha": 1,
 905 |         "hex": "#ea001e"
 906 |       }
 907 |     },
 908 |     "red60": {
 909 |       "$value": {
 910 |         "colorSpace": "srgb",
 911 |         "components": [0.996078431372549, 0.3607843137254902, 0.2980392156862745],
 912 |         "alpha": 1,
 913 |         "hex": "#fe5c4c"
 914 |       }
 915 |     },
 916 |     "red65": {
 917 |       "$value": {
 918 |         "colorSpace": "srgb",
 919 |         "components": [0.996078431372549, 0.4666666666666667, 0.396078431372549],
 920 |         "alpha": 1,
 921 |         "hex": "#fe7765"
 922 |       }
 923 |     },
 924 |     "red70": {
 925 |       "$value": {
 926 |         "colorSpace": "srgb",
 927 |         "components": [0.996078431372549, 0.5607843137254902, 0.49019607843137253],
 928 |         "alpha": 1,
 929 |         "hex": "#fe8f7d"
 930 |       }
 931 |     },
 932 |     "red80": {
 933 |       "$value": {
 934 |         "colorSpace": "srgb",
 935 |         "components": [0.996078431372549, 0.7215686274509804, 0.6705882352941176],
 936 |         "alpha": 1,
 937 |         "hex": "#feb8ab"
 938 |       }
 939 |     },
 940 |     "red90": {
 941 |       "$value": {
 942 |         "colorSpace": "srgb",
 943 |         "components": [0.996078431372549, 0.8705882352941177, 0.8470588235294118],
 944 |         "alpha": 1,
 945 |         "hex": "#feded8"
 946 |       }
 947 |     },
 948 |     "red95": {
 949 |       "$value": {
 950 |         "colorSpace": "srgb",
 951 |         "components": [0.996078431372549, 0.9450980392156862, 0.9333333333333333],
 952 |         "alpha": 1,
 953 |         "hex": "#fef1ee"
 954 |       }
 955 |     },
 956 |     "teal10": {
 957 |       "$value": {
 958 |         "colorSpace": "srgb",
 959 |         "components": [0.027450980392156862, 0.10588235294117647, 0.07058823529411765],
 960 |         "alpha": 1,
 961 |         "hex": "#071b12"
 962 |       }
 963 |     },
 964 |     "teal15": {
 965 |       "$value": {
 966 |         "colorSpace": "srgb",
 967 |         "components": [0.027450980392156862, 0.1568627450980392, 0.1450980392156863],
 968 |         "alpha": 1,
 969 |         "hex": "#072825"
 970 |       }
 971 |     },
 972 |     "teal20": {
 973 |       "$value": {
 974 |         "colorSpace": "srgb",
 975 |         "components": [0.00784313725490196, 0.20392156862745098, 0.20392156862745098],
 976 |         "alpha": 1,
 977 |         "hex": "#023434"
 978 |       }
 979 |     },
 980 |     "teal30": {
 981 |       "$value": {
 982 |         "colorSpace": "srgb",
 983 |         "components": [0.00784313725490196, 0.30196078431372547, 0.2980392156862745],
 984 |         "alpha": 1,
 985 |         "hex": "#024d4c"
 986 |       }
 987 |     },
 988 |     "teal40": {
 989 |       "$value": {
 990 |         "colorSpace": "srgb",
 991 |         "components": [0.0196078431372549, 0.403921568627451, 0.39215686274509803],
 992 |         "alpha": 1,
 993 |         "hex": "#056764"
 994 |       }
 995 |     },
 996 |     "teal50": {
 997 |       "$value": {
 998 |         "colorSpace": "srgb",
 999 |         "components": [0.043137254901960784, 0.5098039215686274, 0.48627450980392156],
1000 |         "alpha": 1,
1001 |         "hex": "#0b827c"
1002 |       }
1003 |     },
1004 |     "teal60": {
1005 |       "$value": {
1006 |         "colorSpace": "srgb",
1007 |         "components": [0.023529411764705882, 0.6470588235294118, 0.6039215686274509],
1008 |         "alpha": 1,
1009 |         "hex": "#06a59a"
1010 |       }
1011 |     },
1012 |     "teal65": {
1013 |       "$value": {
1014 |         "colorSpace": "srgb",
1015 |         "components": [0.011764705882352941, 0.7058823529411765, 0.6549019607843137],
1016 |         "alpha": 1,
1017 |         "hex": "#03b4a7"
1018 |       }
1019 |     },
1020 |     "teal70": {
1021 |       "$value": {
1022 |         "colorSpace": "srgb",
1023 |         "components": [0.00392156862745098, 0.7647058823529411, 0.7019607843137254],
1024 |         "alpha": 1,
1025 |         "hex": "#01c3b3"
1026 |       }
1027 |     },
1028 |     "teal80": {
1029 |       "$value": {
1030 |         "colorSpace": "srgb",
1031 |         "components": [0.01568627450980392, 0.8823529411764706, 0.796078431372549],
1032 |         "alpha": 1,
1033 |         "hex": "#04e1cb"
1034 |       }
1035 |     },
1036 |     "teal90": {
1037 |       "$value": {
1038 |         "colorSpace": "srgb",
1039 |         "components": [0.6745098039215687, 0.9529411764705882, 0.8941176470588236],
1040 |         "alpha": 1,
1041 |         "hex": "#acf3e4"
1042 |       }
1043 |     },
1044 |     "teal95": {
1045 |       "$value": {
1046 |         "colorSpace": "srgb",
1047 |         "components": [0.8705882352941177, 0.9764705882352941, 0.9529411764705882],
1048 |         "alpha": 1,
1049 |         "hex": "#def9f3"
1050 |       }
1051 |     },
1052 |     "violet10": {
1053 |       "$value": {
1054 |         "colorSpace": "srgb",
1055 |         "components": [0.1803921568627451, 0, 0.2235294117647059],
1056 |         "alpha": 1,
1057 |         "hex": "#2e0039"
1058 |       }
1059 |     },
1060 |     "violet15": {
1061 |       "$value": {
1062 |         "colorSpace": "srgb",
1063 |         "components": [0.23921568627450981, 0.00392156862745098, 0.3411764705882353],
1064 |         "alpha": 1,
1065 |         "hex": "#3d0157"
1066 |       }
1067 |     },
1068 |     "violet20": {
1069 |       "$value": {
1070 |         "colorSpace": "srgb",
1071 |         "components": [0.3215686274509804, 0, 0.4],
1072 |         "alpha": 1,
1073 |         "hex": "#520066"
1074 |       }
1075 |     },
1076 |     "violet30": {
1077 |       "$value": {
1078 |         "colorSpace": "srgb",
1079 |         "components": [0.45098039215686275, 0.011764705882352941, 0.5803921568627451],
1080 |         "alpha": 1,
1081 |         "hex": "#730394"
1082 |       }
1083 |     },
1084 |     "violet40": {
1085 |       "$value": {
1086 |         "colorSpace": "srgb",
1087 |         "components": [0.5882352941176471, 0.00784313725490196, 0.7803921568627451],
1088 |         "alpha": 1,
1089 |         "hex": "#9602c7"
1090 |       }
1091 |     },
1092 |     "violet50": {
1093 |       "$value": {
1094 |         "colorSpace": "srgb",
1095 |         "components": [0.7294117647058823, 0.00392156862745098, 1],
1096 |         "alpha": 1,
1097 |         "hex": "#ba01ff"
1098 |       }
1099 |     },
1100 |     "violet60": {
1101 |       "$value": {
1102 |         "colorSpace": "srgb",
1103 |         "components": [0.796078431372549, 0.396078431372549, 1],
1104 |         "alpha": 1,
1105 |         "hex": "#cb65ff"
1106 |       }
1107 |     },
1108 |     "violet65": {
1109 |       "$value": {
1110 |         "colorSpace": "srgb",
1111 |         "components": [0.8196078431372549, 0.49019607843137253, 0.996078431372549],
1112 |         "alpha": 1,
1113 |         "hex": "#d17dfe"
1114 |       }
1115 |     },
1116 |     "violet70": {
1117 |       "$value": {
1118 |         "colorSpace": "srgb",
1119 |         "components": [0.8470588235294118, 0.5725490196078431, 0.996078431372549],
1120 |         "alpha": 1,
1121 |         "hex": "#d892fe"
1122 |       }
1123 |     },
1124 |     "violet80": {
1125 |       "$value": {
1126 |         "colorSpace": "srgb",
1127 |         "components": [0.8980392156862745, 0.7254901960784313, 0.996078431372549],
1128 |         "alpha": 1,
1129 |         "hex": "#e5b9fe"
1130 |       }
1131 |     },
1132 |     "violet90": {
1133 |       "$value": {
1134 |         "colorSpace": "srgb",
1135 |         "components": [0.9490196078431372, 0.8705882352941177, 0.996078431372549],
1136 |         "alpha": 1,
1137 |         "hex": "#f2defe"
1138 |       }
1139 |     },
1140 |     "violet95": {
1141 |       "$value": {
1142 |         "colorSpace": "srgb",
1143 |         "components": [0.9764705882352941, 0.9411764705882353, 1],
1144 |         "alpha": 1,
1145 |         "hex": "#f9f0ff"
1146 |       }
1147 |     },
1148 |     "yellow10": {
1149 |       "$value": {
1150 |         "colorSpace": "srgb",
1151 |         "components": [0.1568627450980392, 0.07058823529411765, 0.00784313725490196],
1152 |         "alpha": 1,
1153 |         "hex": "#281202"
1154 |       }
1155 |     },
1156 |     "yellow15": {
1157 |       "$value": {
1158 |         "colorSpace": "srgb",
1159 |         "components": [0.1803921568627451, 0.13333333333333333, 0.01568627450980392],
1160 |         "alpha": 1,
1161 |         "hex": "#2e2204"
1162 |       }
1163 |     },
1164 |     "yellow20": {
1165 |       "$value": {
1166 |         "colorSpace": "srgb",
1167 |         "components": [0.30980392156862746, 0.12941176470588237, 0],
1168 |         "alpha": 1,
1169 |         "hex": "#4f2100"
1170 |       }
1171 |     },
1172 |     "yellow30": {
1173 |       "$value": {
1174 |         "colorSpace": "srgb",
1175 |         "components": [0.43529411764705883, 0.20392156862745098, 0],
1176 |         "alpha": 1,
1177 |         "hex": "#6f3400"
1178 |       }
1179 |     },
1180 |     "yellow40": {
1181 |       "$value": {
1182 |         "colorSpace": "srgb",
1183 |         "components": [0.5490196078431373, 0.29411764705882354, 0.00784313725490196],
1184 |         "alpha": 1,
1185 |         "hex": "#8c4b02"
1186 |       }
1187 |     },
1188 |     "yellow50": {
1189 |       "$value": {
1190 |         "colorSpace": "srgb",
1191 |         "components": [0.6588235294117647, 0.39215686274509803, 0.011764705882352941],
1192 |         "alpha": 1,
1193 |         "hex": "#a86403"
1194 |       }
1195 |     },
1196 |     "yellow60": {
1197 |       "$value": {
1198 |         "colorSpace": "srgb",
1199 |         "components": [0.792156862745098, 0.5215686274509804, 0.00392156862745098],
1200 |         "alpha": 1,
1201 |         "hex": "#ca8501"
1202 |       }
1203 |     },
1204 |     "yellow65": {
1205 |       "$value": {
1206 |         "colorSpace": "srgb",
1207 |         "components": [0.8431372549019608, 0.5764705882352941, 0.01568627450980392],
1208 |         "alpha": 1,
1209 |         "hex": "#d79304"
1210 |       }
1211 |     },
1212 |     "yellow70": {
1213 |       "$value": {
1214 |         "colorSpace": "srgb",
1215 |         "components": [0.8941176470588236, 0.6352941176470588, 0.00392156862745098],
1216 |         "alpha": 1,
1217 |         "hex": "#e4a201"
1218 |       }
1219 |     },
1220 |     "yellow80": {
1221 |       "$value": {
1222 |         "colorSpace": "srgb",
1223 |         "components": [0.9882352941176471, 0.7529411764705882, 0.011764705882352941],
1224 |         "alpha": 1,
1225 |         "hex": "#fcc003"
1226 |       }
1227 |     },
1228 |     "yellow90": {
1229 |       "$value": {
1230 |         "colorSpace": "srgb",
1231 |         "components": [0.9764705882352941, 0.8901960784313725, 0.7137254901960784],
1232 |         "alpha": 1,
1233 |         "hex": "#f9e3b6"
1234 |       }
1235 |     },
1236 |     "yellow95": {
1237 |       "$value": {
1238 |         "colorSpace": "srgb",
1239 |         "components": [0.984313725490196, 0.9529411764705882, 0.8784313725490196],
1240 |         "alpha": 1,
1241 |         "hex": "#fbf3e0"
1242 |       }
1243 |     }
1244 |   },
1245 |   "color": {
1246 |     "$type": "color",
1247 |     "background": { "$value": "{color.gray3}" },
1248 |     "backgroundActionbarIconUtility": { "$value": "{color.gray9}" },
1249 |     "backgroundAlt": { "$value": "{palette.neutral100}" },
1250 |     "backgroundAlt2": { "$value": "{color.gray3}" },
1251 |     "backgroundAltInverse": { "$value": "{palette.blue20}" },
1252 |     "backgroundAnchor": { "$value": "{color.gray3}" },
1253 |     "backgroundBackdrop": {
1254 |       "$value": {
1255 |         "colorSpace": "srgb",
1256 |         "components": [1, 1, 1],
1257 |         "alpha": 0.7490196078431373,
1258 |         "hex": "#ffffff"
1259 |       }
1260 |     },
1261 |     "backgroundBackdropTint": { "$value": "{color.gray2}" },
1262 |     "backgroundBrowser": { "$value": "{color.gray9}" },
1263 |     "backgroundCustomer": { "$value": "{palette.orange70}" },
1264 |     "backgroundDark": { "$value": "{color.gray4}" },
1265 |     "backgroundDestructive": { "$value": "{palette.red40}" },
1266 |     "backgroundDestructiveActive": { "$value": "{palette.red30}" },
1267 |     "backgroundDestructiveHover": { "$value": "{palette.red40}" },
1268 |     "backgroundError": { "$value": "{palette.red60}" },
1269 |     "backgroundErrorDark": { "$value": "{palette.red40}" },
1270 |     "backgroundHighlight": {
1271 |       "$value": {
1272 |         "colorSpace": "srgb",
1273 |         "components": [0.9803921568627451, 1, 0.7411764705882353],
1274 |         "alpha": 1,
1275 |         "hex": "#faffbd"
1276 |       }
1277 |     },
1278 |     "backgroundHighlightSearch": {
1279 |       "$value": {
1280 |         "colorSpace": "srgb",
1281 |         "components": [1, 0.9411764705882353, 0.24705882352941178],
1282 |         "alpha": 1,
1283 |         "hex": "#fff03f"
1284 |       }
1285 |     },
1286 |     "backgroundImageOverlay": {
1287 |       "$value": {
1288 |         "colorSpace": "srgb",
1289 |         "components": [0, 0, 0],
1290 |         "alpha": 0.6,
1291 |         "hex": "#000000"
1292 |       }
1293 |     },
1294 |     "backgroundInfo": { "$value": "{color.gray9}" },
1295 |     "backgroundInputCheckboxDisabled": { "$value": "{color.gray5}" },
1296 |     "backgroundInputDisabled": { "$value": "{color.gray4}" },
1297 |     "backgroundInverse": { "$value": "{palette.blue10}" },
1298 |     "backgroundInverseLight": { "$value": "{palette.blue20}" },
1299 |     "backgroundLight": { "$value": "{palette.neutral100}" },
1300 |     "backgroundNotificationNew": { "$value": "{color.gray3}" },
1301 |     "backgroundOffline": { "$value": "{color.gray10}" },
1302 |     "backgroundPayload": { "$value": "{color.gray2}" },
1303 |     "backgroundPost": { "$value": "{color.gray3}" },
1304 |     "backgroundPrimary": { "$value": "{color.gray3}" },
1305 |     "backgroundRowActive": { "$value": "{color.gray4}" },
1306 |     "backgroundRowHover": { "$value": "{color.gray3}" },
1307 |     "backgroundRowNew": {
1308 |       "$value": {
1309 |         "colorSpace": "srgb",
1310 |         "components": [0.803921568627451, 0.9372549019607843, 0.7686274509803922],
1311 |         "alpha": 1,
1312 |         "hex": "#cdefc4"
1313 |       }
1314 |     },
1315 |     "backgroundRowSelected": { "$value": "{color.gray4}" },
1316 |     "backgroundScrollbar": { "$value": "{color.gray4}" },
1317 |     "backgroundScrollbarTrack": { "$value": "{color.gray6}" },
1318 |     "backgroundSecondary": { "$value": "{palette.neutral100}" },
1319 |     "backgroundSelection": { "$value": "{palette.blue90}" },
1320 |     "backgroundShade": { "$value": "{color.gray4}" },
1321 |     "backgroundShadeDark": { "$value": "{color.gray5}" },
1322 |     "backgroundSpinnerDot": { "$value": "{color.gray7}" },
1323 |     "backgroundStencil": { "$value": "{color.gray3}" },
1324 |     "backgroundStencilAlt": { "$value": "{color.gray4}" },
1325 |     "backgroundSuccess": {
1326 |       "$value": {
1327 |         "colorSpace": "srgb",
1328 |         "components": [0.27058823529411763, 0.7764705882352941, 0.35294117647058826],
1329 |         "alpha": 1,
1330 |         "hex": "#45c65a"
1331 |       }
1332 |     },
1333 |     "backgroundSuccessDark": {
1334 |       "$value": {
1335 |         "colorSpace": "srgb",
1336 |         "components": [0.1803921568627451, 0.5176470588235295, 0.2901960784313726],
1337 |         "alpha": 1,
1338 |         "hex": "#2e844a"
1339 |       }
1340 |     },
1341 |     "backgroundSuccessDarker": {
1342 |       "$value": {
1343 |         "colorSpace": "srgb",
1344 |         "components": [0.09803921568627451, 0.3058823529411765, 0.19215686274509805],
1345 |         "alpha": 1,
1346 |         "hex": "#194e31"
1347 |       }
1348 |     },
1349 |     "backgroundTempModal": { "$value": "{color.gray8}" },
1350 |     "backgroundTempModalTint": {
1351 |       "$value": {
1352 |         "colorSpace": "srgb",
1353 |         "components": [0.03137254901960784, 0.027450980392156862, 0.027450980392156862],
1354 |         "alpha": 0.6,
1355 |         "hex": "#080707"
1356 |       }
1357 |     },
1358 |     "backgroundToast": { "$value": "{color.gray9}" },
1359 |     "backgroundToggle": { "$value": "{color.gray7}" },
1360 |     "backgroundToggleDisabled": { "$value": "{color.gray7}" },
1361 |     "backgroundToggleHover": { "$value": "{color.gray8}" },
1362 |     "backgroundUtilityBarHover": { "$value": "{color.gray4}" },
1363 |     "backgroundWarning": { "$value": "{palette.orange70}" },
1364 |     "backgroundWarningDark": { "$value": "{palette.orange70}" },
1365 |     "border": { "$value": "{color.gray5}" },
1366 |     "borderBrand": { "$value": "{palette.blue60}" },
1367 |     "borderBrandDark": { "$value": "{palette.blue30}" },
1368 |     "borderButtonDefault": { "$value": "{color.gray5}" },
1369 |     "borderButtonFocusInverse": { "$value": "{color.gray4}" },
1370 |     "borderCustomer": { "$value": "{palette.orange70}" },
1371 |     "borderDestructive": { "$value": "{palette.red50}" },
1372 |     "borderDestructiveActive": { "$value": "{palette.red30}" },
1373 |     "borderDestructiveHover": { "$value": "{palette.red40}" },
1374 |     "borderError": { "$value": "{palette.red50}" },
1375 |     "borderErrorAlt": { "$value": "{palette.red70}" },
1376 |     "borderErrorDark": { "$value": "{palette.red70}" },
1377 |     "borderInfo": { "$value": "{color.gray9}" },
1378 |     "borderInput": { "$value": "{color.gray5}" },
1379 |     "borderInputDisabled": { "$value": "{color.gray6}" },
1380 |     "borderInverse": { "$value": "{palette.blue10}" },
1381 |     "borderLinkFocusInverse": { "$value": "{color.gray4}" },
1382 |     "borderOffline": { "$value": "{color.gray10}" },
1383 |     "borderPrimary": { "$value": "{color.gray5}" },
1384 |     "borderReminder": { "$value": "{color.gray4}" },
1385 |     "borderRowSelected": { "$value": "{palette.blue50}" },
1386 |     "borderRowSelectedHover": { "$value": "{palette.blue60}" },
1387 |     "borderSelection": { "$value": "{palette.blue50}" },
1388 |     "borderSelectionActive": { "$value": "{color.gray2}" },
1389 |     "borderSelectionHover": { "$value": "{palette.blue60}" },
1390 |     "borderSeparator": { "$value": "{color.gray2}" },
1391 |     "borderSeparatorAlt": { "$value": "{color.gray5}" },
1392 |     "borderSeparatorAlt2": { "$value": "{color.gray6}" },
1393 |     "borderSeparatorInverse": { "$value": "{palette.blue20}" },
1394 |     "borderSuccess": {
1395 |       "$value": {
1396 |         "colorSpace": "srgb",
1397 |         "components": [0.5686274509803921, 0.8588235294117647, 0.5450980392156862],
1398 |         "alpha": 1,
1399 |         "hex": "#91db8b"
1400 |       }
1401 |     },
1402 |     "borderSuccessDark": {
1403 |       "$value": {
1404 |         "colorSpace": "srgb",
1405 |         "components": [0.1803921568627451, 0.5176470588235295, 0.2901960784313726],
1406 |         "alpha": 1,
1407 |         "hex": "#2e844a"
1408 |       }
1409 |     },
1410 |     "borderWarning": { "$value": "{palette.orange70}" },
1411 |     "brand": { "$value": "{palette.blue60}" },
1412 |     "brandDark": { "$value": "{palette.blue50}" },
1413 |     "brandDarker": { "$value": "{palette.blue30}" },
1414 |     "contrastPrimary": { "$value": "{color.gray3}" },
1415 |     "contrastSecondary": { "$value": "{color.gray3}" },
1416 |     "gray1": {
1417 |       "$value": {
1418 |         "colorSpace": "srgb",
1419 |         "components": [1, 1, 1],
1420 |         "alpha": 1,
1421 |         "hex": "#ffffff"
1422 |       }
1423 |     },
1424 |     "gray2": {
1425 |       "$value": {
1426 |         "colorSpace": "srgb",
1427 |         "components": [0.9803921568627451, 0.9803921568627451, 0.9764705882352941],
1428 |         "alpha": 1,
1429 |         "hex": "#fafaf9"
1430 |       }
1431 |     },
1432 |     "gray3": {
1433 |       "$value": {
1434 |         "colorSpace": "srgb",
1435 |         "components": [0.9529411764705882, 0.9490196078431372, 0.9490196078431372],
1436 |         "alpha": 1,
1437 |         "hex": "#f3f2f2"
1438 |       }
1439 |     },
1440 |     "gray4": {
1441 |       "$value": {
1442 |         "colorSpace": "srgb",
1443 |         "components": [0.9254901960784314, 0.9215686274509803, 0.9176470588235294],
1444 |         "alpha": 1,
1445 |         "hex": "#ecebea"
1446 |       }
1447 |     },
1448 |     "gray5": {
1449 |       "$value": {
1450 |         "colorSpace": "srgb",
1451 |         "components": [0.8666666666666667, 0.8588235294117647, 0.8549019607843137],
1452 |         "alpha": 1,
1453 |         "hex": "#dddbda"
1454 |       }
1455 |     },
1456 |     "gray6": {
1457 |       "$value": {
1458 |         "colorSpace": "srgb",
1459 |         "components": [0.788235294117647, 0.7803921568627451, 0.7725490196078432],
1460 |         "alpha": 1,
1461 |         "hex": "#c9c7c5"
1462 |       }
1463 |     },
1464 |     "gray7": {
1465 |       "$value": {
1466 |         "colorSpace": "srgb",
1467 |         "components": [0.6901960784313725, 0.6784313725490196, 0.6705882352941176],
1468 |         "alpha": 1,
1469 |         "hex": "#b0adab"
1470 |       }
1471 |     },
1472 |     "gray8": {
1473 |       "$value": {
1474 |         "colorSpace": "srgb",
1475 |         "components": [0.5882352941176471, 0.5803921568627451, 0.5725490196078431],
1476 |         "alpha": 1,
1477 |         "hex": "#969492"
1478 |       }
1479 |     },
1480 |     "gray9": {
1481 |       "$value": {
1482 |         "colorSpace": "srgb",
1483 |         "components": [0.4392156862745098, 0.43137254901960786, 0.4196078431372549],
1484 |         "alpha": 1,
1485 |         "hex": "#706e6b"
1486 |       }
1487 |     },
1488 |     "gray10": {
1489 |       "$value": {
1490 |         "colorSpace": "srgb",
1491 |         "components": [0.3176470588235294, 0.30980392156862746, 0.30196078431372547],
1492 |         "alpha": 1,
1493 |         "hex": "#514f4d"
1494 |       }
1495 |     },
1496 |     "gray11": {
1497 |       "$value": {
1498 |         "colorSpace": "srgb",
1499 |         "components": [0.24313725490196078, 0.24313725490196078, 0.23529411764705882],
1500 |         "alpha": 1,
1501 |         "hex": "#3e3e3c"
1502 |       }
1503 |     },
1504 |     "gray12": {
1505 |       "$value": {
1506 |         "colorSpace": "srgb",
1507 |         "components": [0.16862745098039217, 0.1568627450980392, 0.14901960784313725],
1508 |         "alpha": 1,
1509 |         "hex": "#2b2826"
1510 |       }
1511 |     },
1512 |     "gray13": {
1513 |       "$value": {
1514 |         "colorSpace": "srgb",
1515 |         "components": [0.03137254901960784, 0.027450980392156862, 0.027450980392156862],
1516 |         "alpha": 1,
1517 |         "hex": "#080707"
1518 |       }
1519 |     },
1520 |     "pickerSliderThumbColorBackground": { "$value": "{color.gray3}" },
1521 |     "strokeBrand": { "$value": "{palette.blue50}" },
1522 |     "strokeBrandActive": { "$value": "{palette.blue20}" },
1523 |     "strokeBrandHover": { "$value": "{palette.blue50}" },
1524 |     "strokeDisabled": { "$value": "{color.gray4}" },
1525 |     "strokeHeaderButton": { "$value": "{color.gray7}" },
1526 |     "textActionLabel": { "$value": "{color.gray10}" },
1527 |     "textActionLabelActive": { "$value": "{color.gray13}" },
1528 |     "textBrand": { "$value": "{palette.blue60}" },
1529 |     "textBrandPrimary": { "$value": "{palette.neutral100}" },
1530 |     "textButtonDefaultDisabled": { "$value": "{color.gray5}" },
1531 |     "textButtonDefaultHint": { "$value": "{color.gray7}" },
1532 |     "textButtonInverse": { "$value": "{color.gray4}" },
1533 |     "textCustomer": { "$value": "{palette.orange70}" },
1534 |     "textDefault": { "$value": "{color.gray13}" },
1535 |     "textDestructive": { "$value": "{palette.red50}" },
1536 |     "textDestructiveHover": { "$value": "{palette.red40}" },
1537 |     "textError": { "$value": "{palette.red50}" },
1538 |     "textIconDefault": { "$value": "{color.gray9}" },
1539 |     "textIconDefaultDisabled": { "$value": "{color.gray5}" },
1540 |     "textIconDefaultHint": { "$value": "{color.gray7}" },
1541 |     "textIconDefaultHintBorderless": { "$value": "{color.gray4}" },
1542 |     "textIconInverse": { "$value": "{palette.neutral100}" },
1543 |     "textIconInverseActive": { "$value": "{palette.neutral100}" },
1544 |     "textIconInverseHover": { "$value": "{palette.neutral100}" },
1545 |     "textIconUtility": { "$value": "{color.gray7}" },
1546 |     "textInputDisabled": { "$value": "{color.gray10}" },
1547 |     "textInputIcon": { "$value": "{color.gray7}" },
1548 |     "textInverse": { "$value": "{palette.neutral100}" },
1549 |     "textInverseActive": { "$value": "{palette.blue60}" },
1550 |     "textInverseHover": { "$value": "{color.gray7}" },
1551 |     "textInverseWeak": { "$value": "{color.gray7}" },
1552 |     "textLabel": { "$value": "{color.gray10}" },
1553 |     "textLink": { "$value": "{palette.blue50}" },
1554 |     "textLinkActive": { "$value": "{palette.blue20}" },
1555 |     "textLinkDisabled": { "$value": "{palette.blue20}" },
1556 |     "textLinkFocus": { "$value": "{palette.blue30}" },
1557 |     "textLinkHover": { "$value": "{palette.blue30}" },
1558 |     "textLinkInverse": { "$value": "{palette.neutral100}" },
1559 |     "textLinkInverseActive": {
1560 |       "$value": {
1561 |         "colorSpace": "srgb",
1562 |         "components": [1, 1, 1],
1563 |         "alpha": 0.5019607843137255,
1564 |         "hex": "#ffffff"
1565 |       }
1566 |     },
1567 |     "textLinkInverseDisabled": {
1568 |       "$value": {
1569 |         "colorSpace": "srgb",
1570 |         "components": [1, 1, 1],
1571 |         "alpha": 0.14901960784313725,
1572 |         "hex": "#ffffff"
1573 |       }
1574 |     },
1575 |     "textLinkInverseHover": {
1576 |       "$value": {
1577 |         "colorSpace": "srgb",
1578 |         "components": [1, 1, 1],
1579 |         "alpha": 0.7490196078431373,
1580 |         "hex": "#ffffff"
1581 |       }
1582 |     },
1583 |     "textModalButton": { "$value": "{color.gray10}" },
1584 |     "textPlaceholder": { "$value": "{color.gray9}" },
1585 |     "textPlaceholderInverse": { "$value": "{color.gray4}" },
1586 |     "textRequired": {
1587 |       "$value": {
1588 |         "colorSpace": "srgb",
1589 |         "components": [0.9176470588235294, 0, 0.11764705882352941],
1590 |         "alpha": 1,
1591 |         "hex": "#ea001e"
1592 |       }
1593 |     },
1594 |     "textSecondary": { "$value": "{color.gray10}" },
1595 |     "textStageLeft": { "$value": "{color.gray4}" },
1596 |     "textSuccess": {
1597 |       "$value": {
1598 |         "colorSpace": "srgb",
1599 |         "components": [0.1803921568627451, 0.5176470588235295, 0.2901960784313726],
1600 |         "alpha": 1,
1601 |         "hex": "#2e844a"
1602 |       }
1603 |     },
1604 |     "textSuccessInverse": {
1605 |       "$value": {
1606 |         "colorSpace": "srgb",
1607 |         "components": [0.27058823529411763, 0.7764705882352941, 0.35294117647058826],
1608 |         "alpha": 1,
1609 |         "hex": "#45c65a"
1610 |       }
1611 |     },
1612 |     "textTabLabel": {
1613 |       "$value": {
1614 |         "colorSpace": "srgb",
1615 |         "components": [0.16862745098039217, 0.1568627450980392, 0.14901960784313725],
1616 |         "alpha": 1,
1617 |         "hex": "#2b2826"
1618 |       }
1619 |     },
1620 |     "textTabLabelDisabled": { "$value": "{color.gray4}" },
1621 |     "textTertiary": { "$value": "{color.gray8}" },
1622 |     "textToast": { "$value": "{color.gray4}" },
1623 |     "textToggleDisabled": { "$value": "{color.gray5}" },
1624 |     "textWarning": { "$value": "{palette.orange70}" },
1625 |     "textWarningAlt": {
1626 |       "$value": {
1627 |         "colorSpace": "srgb",
1628 |         "components": [0.5490196078431373, 0.29411764705882354, 0.00784313725490196],
1629 |         "alpha": 1,
1630 |         "hex": "#8c4b02"
1631 |       }
1632 |     },
1633 |     "textWeak": { "$value": "{color.gray10}" }
1634 |   },
1635 |   "icon": {
1636 |     "size": {
1637 |       "$type": "dimension",
1638 |       "xxxSmall": { "$value": { "value": 3, "unit": "rem" } },
1639 |       "xxSmall": { "$value": { "value": 6, "unit": "rem" } },
1640 |       "xSmall": { "$value": { "value": 12, "unit": "rem" } },
1641 |       "small": { "$value": { "value": 15, "unit": "rem" } },
1642 |       "medium": { "$value": { "value": 20, "unit": "rem" } },
1643 |       "large": { "$value": { "value": 25, "unit": "rem" } },
1644 |       "xLarge": { "$value": { "value": 40, "unit": "rem" } },
1645 |       "xxLarge": { "$value": { "value": 60, "unit": "rem" } }
1646 |     }
1647 |   },
1648 |   "font": {
1649 |     "family": {
1650 |       "$type": "fontFamily",
1651 |       "base": {
1652 |         "$value": ["-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"]
1653 |       },
1654 |       "heading": {
1655 |         "$value": ["-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"]
1656 |       },
1657 |       "mono": {
1658 |         "$value": ["Consolas", "Menlo", "Monaco", "Courier", "monospace"]
1659 |       }
1660 |     },
1661 |     "size": {
1662 |       "1": { "$value": { "value": 0.625, "unit": "rem" } },
1663 |       "2": { "$value": { "value": 0.75, "unit": "rem" } },
1664 |       "3": { "$value": { "value": 0.8125, "unit": "rem" } },
1665 |       "4": { "$value": { "value": 0.875, "unit": "rem" } },
1666 |       "5": { "$value": { "value": 1, "unit": "rem" } },
1667 |       "6": { "$value": { "value": 1.125, "unit": "rem" } },
1668 |       "7": { "$value": { "value": 1.25, "unit": "rem" } },
1669 |       "8": { "$value": { "value": 1.5, "unit": "rem" } },
1670 |       "9": { "$value": { "value": 1.75, "unit": "rem" } },
1671 |       "10": { "$value": { "value": 2, "unit": "rem" } },
1672 |       "11": { "$value": { "value": 2.625, "unit": "rem" } },
1673 |       "$type": "dimension"
1674 |     },
1675 |     "lineHeight": {
1676 |       "$type": "dimension",
1677 |       "heading": { "$value": { "value": 1.25, "unit": "em" } },
1678 |       "text": { "$value": { "value": 1.5, "unit": "em" } },
1679 |       "reset": { "$value": { "value": 1, "unit": "em" } }
1680 |     }
1681 |   },
1682 |   "space": {
1683 |     "$type": "dimension",
1684 |     "none": { "$value": { "value": 0, "unit": "px" } },
1685 |     "xxxSmall": { "$value": { "value": 0.125, "unit": "rem" } },
1686 |     "xxSmall": { "$value": { "value": 0.25, "unit": "rem" } },
1687 |     "xSmall": { "$value": { "value": 0.5, "unit": "rem" } },
1688 |     "small": { "$value": { "value": 0.75, "unit": "rem" } },
1689 |     "medium": { "$value": { "value": 1, "unit": "rem" } },
1690 |     "large": { "$value": { "value": 1.5, "unit": "rem" } },
1691 |     "xLarge": { "$value": { "value": 2, "unit": "rem" } },
1692 |     "xxLarge": { "$value": { "value": 3, "unit": "rem" } }
1693 |   }
1694 | }
1695 | 


--------------------------------------------------------------------------------
/figma-sds.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "color": {
   3 |     "$type": "color",
   4 |     "black": {
   5 |       "100": {
   6 |         "$value": {
   7 |           "colorSpace": "srgb",
   8 |           "components": [0.047058823529411764, 0.047058823529411764, 0.050980392156862744],
   9 |           "alpha": 0.050980392156862744,
  10 |           "hex": "#0c0c0d"
  11 |         }
  12 |       },
  13 |       "200": {
  14 |         "$value": {
  15 |           "colorSpace": "srgb",
  16 |           "components": [0.047058823529411764, 0.047058823529411764, 0.050980392156862744],
  17 |           "alpha": 0.10196078431372549,
  18 |           "hex": "#0c0c0d"
  19 |         }
  20 |       },
  21 |       "300": {
  22 |         "$value": {
  23 |           "colorSpace": "srgb",
  24 |           "components": [0.047058823529411764, 0.047058823529411764, 0.050980392156862744],
  25 |           "alpha": 0.2,
  26 |           "hex": "#0c0c0d"
  27 |         }
  28 |       },
  29 |       "400": {
  30 |         "$value": {
  31 |           "colorSpace": "srgb",
  32 |           "components": [0.047058823529411764, 0.047058823529411764, 0.050980392156862744],
  33 |           "alpha": 0.4,
  34 |           "hex": "#0c0c0d"
  35 |         }
  36 |       },
  37 |       "500": {
  38 |         "$value": {
  39 |           "colorSpace": "srgb",
  40 |           "components": [0.047058823529411764, 0.047058823529411764, 0.050980392156862744],
  41 |           "alpha": 0.6980392156862745,
  42 |           "hex": "#0c0c0d"
  43 |         }
  44 |       },
  45 |       "600": {
  46 |         "$value": {
  47 |           "colorSpace": "srgb",
  48 |           "components": [0.047058823529411764, 0.047058823529411764, 0.050980392156862744],
  49 |           "alpha": 0.8,
  50 |           "hex": "#0c0c0d"
  51 |         }
  52 |       },
  53 |       "700": {
  54 |         "$value": {
  55 |           "colorSpace": "srgb",
  56 |           "components": [0.047058823529411764, 0.047058823529411764, 0.050980392156862744],
  57 |           "alpha": 0.8509803921568627,
  58 |           "hex": "#0c0c0d"
  59 |         }
  60 |       },
  61 |       "800": {
  62 |         "$value": {
  63 |           "colorSpace": "srgb",
  64 |           "components": [0.047058823529411764, 0.047058823529411764, 0.050980392156862744],
  65 |           "alpha": 0.8980392156862745,
  66 |           "hex": "#0c0c0d"
  67 |         }
  68 |       },
  69 |       "900": {
  70 |         "$value": {
  71 |           "colorSpace": "srgb",
  72 |           "components": [0.047058823529411764, 0.047058823529411764, 0.050980392156862744],
  73 |           "alpha": 0.9490196078431372,
  74 |           "hex": "#0c0c0d"
  75 |         }
  76 |       },
  77 |       "1000": {
  78 |         "$value": {
  79 |           "colorSpace": "srgb",
  80 |           "components": [0.047058823529411764, 0.047058823529411764, 0.050980392156862744],
  81 |           "alpha": 1,
  82 |           "hex": "#0c0c0d"
  83 |         }
  84 |       }
  85 |     },
  86 |     "brand": {
  87 |       "100": {
  88 |         "$value": {
  89 |           "colorSpace": "srgb",
  90 |           "components": [0.9607843137254902, 0.9607843137254902, 0.9607843137254902],
  91 |           "alpha": 1,
  92 |           "hex": "#f5f5f5"
  93 |         }
  94 |       },
  95 |       "200": {
  96 |         "$value": {
  97 |           "colorSpace": "srgb",
  98 |           "components": [0.9019607843137255, 0.9019607843137255, 0.9019607843137255],
  99 |           "alpha": 1,
 100 |           "hex": "#e6e6e6"
 101 |         }
 102 |       },
 103 |       "300": {
 104 |         "$value": {
 105 |           "colorSpace": "srgb",
 106 |           "components": [0.8509803921568627, 0.8509803921568627, 0.8509803921568627],
 107 |           "alpha": 1,
 108 |           "hex": "#d9d9d9"
 109 |         }
 110 |       },
 111 |       "400": {
 112 |         "$value": {
 113 |           "colorSpace": "srgb",
 114 |           "components": [0.7019607843137254, 0.7019607843137254, 0.7019607843137254],
 115 |           "alpha": 1,
 116 |           "hex": "#b3b3b3"
 117 |         }
 118 |       },
 119 |       "500": {
 120 |         "$value": {
 121 |           "colorSpace": "srgb",
 122 |           "components": [0.4588235294117647, 0.4588235294117647, 0.4588235294117647],
 123 |           "alpha": 1,
 124 |           "hex": "#757575"
 125 |         }
 126 |       },
 127 |       "600": {
 128 |         "$value": {
 129 |           "colorSpace": "srgb",
 130 |           "components": [0.26666666666666666, 0.26666666666666666, 0.26666666666666666],
 131 |           "alpha": 1,
 132 |           "hex": "#444444"
 133 |         }
 134 |       },
 135 |       "700": {
 136 |         "$value": {
 137 |           "colorSpace": "srgb",
 138 |           "components": [0.2196078431372549, 0.2196078431372549, 0.2196078431372549],
 139 |           "alpha": 1,
 140 |           "hex": "#383838"
 141 |         }
 142 |       },
 143 |       "800": {
 144 |         "$value": {
 145 |           "colorSpace": "srgb",
 146 |           "components": [0.17254901960784313, 0.17254901960784313, 0.17254901960784313],
 147 |           "alpha": 1,
 148 |           "hex": "#2c2c2c"
 149 |         }
 150 |       },
 151 |       "900": {
 152 |         "$value": {
 153 |           "colorSpace": "srgb",
 154 |           "components": [0.11764705882352941, 0.11764705882352941, 0.11764705882352941],
 155 |           "alpha": 1,
 156 |           "hex": "#1e1e1e"
 157 |         }
 158 |       },
 159 |       "1000": {
 160 |         "$value": {
 161 |           "colorSpace": "srgb",
 162 |           "components": [0.06666666666666667, 0.06666666666666667, 0.06666666666666667],
 163 |           "alpha": 1,
 164 |           "hex": "#111111"
 165 |         }
 166 |       }
 167 |     },
 168 |     "gray": {
 169 |       "100": {
 170 |         "$value": {
 171 |           "colorSpace": "srgb",
 172 |           "components": [0.9607843137254902, 0.9607843137254902, 0.9607843137254902],
 173 |           "alpha": 1,
 174 |           "hex": "#f5f5f5"
 175 |         }
 176 |       },
 177 |       "200": {
 178 |         "$value": {
 179 |           "colorSpace": "srgb",
 180 |           "components": [0.9019607843137255, 0.9019607843137255, 0.9019607843137255],
 181 |           "alpha": 1,
 182 |           "hex": "#e6e6e6"
 183 |         }
 184 |       },
 185 |       "300": {
 186 |         "$value": {
 187 |           "colorSpace": "srgb",
 188 |           "components": [0.8509803921568627, 0.8509803921568627, 0.8509803921568627],
 189 |           "alpha": 1,
 190 |           "hex": "#d9d9d9"
 191 |         }
 192 |       },
 193 |       "400": {
 194 |         "$value": {
 195 |           "colorSpace": "srgb",
 196 |           "components": [0.7019607843137254, 0.7019607843137254, 0.7019607843137254],
 197 |           "alpha": 1,
 198 |           "hex": "#b3b3b3"
 199 |         }
 200 |       },
 201 |       "500": {
 202 |         "$value": {
 203 |           "colorSpace": "srgb",
 204 |           "components": [0.4588235294117647, 0.4588235294117647, 0.4588235294117647],
 205 |           "alpha": 1,
 206 |           "hex": "#757575"
 207 |         }
 208 |       },
 209 |       "600": {
 210 |         "$value": {
 211 |           "colorSpace": "srgb",
 212 |           "components": [0.26666666666666666, 0.26666666666666666, 0.26666666666666666],
 213 |           "alpha": 1,
 214 |           "hex": "#444444"
 215 |         }
 216 |       },
 217 |       "700": {
 218 |         "$value": {
 219 |           "colorSpace": "srgb",
 220 |           "components": [0.2196078431372549, 0.2196078431372549, 0.2196078431372549],
 221 |           "alpha": 1,
 222 |           "hex": "#383838"
 223 |         }
 224 |       },
 225 |       "800": {
 226 |         "$value": {
 227 |           "colorSpace": "srgb",
 228 |           "components": [0.17254901960784313, 0.17254901960784313, 0.17254901960784313],
 229 |           "alpha": 1,
 230 |           "hex": "#2c2c2c"
 231 |         }
 232 |       },
 233 |       "900": {
 234 |         "$value": {
 235 |           "colorSpace": "srgb",
 236 |           "components": [0.11764705882352941, 0.11764705882352941, 0.11764705882352941],
 237 |           "alpha": 1,
 238 |           "hex": "#1e1e1e"
 239 |         }
 240 |       },
 241 |       "1000": {
 242 |         "$value": {
 243 |           "colorSpace": "srgb",
 244 |           "components": [0.06666666666666667, 0.06666666666666667, 0.06666666666666667],
 245 |           "alpha": 1,
 246 |           "hex": "#111111"
 247 |         }
 248 |       }
 249 |     },
 250 |     "green": {
 251 |       "100": {
 252 |         "$value": {
 253 |           "colorSpace": "srgb",
 254 |           "components": [0.9215686274509803, 1, 0.9333333333333333],
 255 |           "alpha": 1,
 256 |           "hex": "#ebffee"
 257 |         }
 258 |       },
 259 |       "200": {
 260 |         "$value": {
 261 |           "colorSpace": "srgb",
 262 |           "components": [0.8117647058823529, 0.9686274509803922, 0.8274509803921568],
 263 |           "alpha": 1,
 264 |           "hex": "#cff7d3"
 265 |         }
 266 |       },
 267 |       "300": {
 268 |         "$value": {
 269 |           "colorSpace": "srgb",
 270 |           "components": [0.6862745098039216, 0.9568627450980393, 0.7764705882352941],
 271 |           "alpha": 1,
 272 |           "hex": "#aff4c6"
 273 |         }
 274 |       },
 275 |       "400": {
 276 |         "$value": {
 277 |           "colorSpace": "srgb",
 278 |           "components": [0.5215686274509804, 0.8784313725490196, 0.6392156862745098],
 279 |           "alpha": 1,
 280 |           "hex": "#85e0a3"
 281 |         }
 282 |       },
 283 |       "500": {
 284 |         "$value": {
 285 |           "colorSpace": "srgb",
 286 |           "components": [0.0784313725490196, 0.6823529411764706, 0.3607843137254902],
 287 |           "alpha": 1,
 288 |           "hex": "#14ae5c"
 289 |         }
 290 |       },
 291 |       "600": {
 292 |         "$value": {
 293 |           "colorSpace": "srgb",
 294 |           "components": [0, 0.6, 0.3176470588235294],
 295 |           "alpha": 1,
 296 |           "hex": "#009951"
 297 |         }
 298 |       },
 299 |       "700": {
 300 |         "$value": {
 301 |           "colorSpace": "srgb",
 302 |           "components": [0, 0.5019607843137255, 0.2627450980392157],
 303 |           "alpha": 1,
 304 |           "hex": "#008043"
 305 |         }
 306 |       },
 307 |       "800": {
 308 |         "$value": {
 309 |           "colorSpace": "srgb",
 310 |           "components": [0.00784313725490196, 0.32941176470588235, 0.17647058823529413],
 311 |           "alpha": 1,
 312 |           "hex": "#02542d"
 313 |         }
 314 |       },
 315 |       "900": {
 316 |         "$value": {
 317 |           "colorSpace": "srgb",
 318 |           "components": [0.00784313725490196, 0.25098039215686274, 0.13725490196078433],
 319 |           "alpha": 1,
 320 |           "hex": "#024023"
 321 |         }
 322 |       },
 323 |       "1000": {
 324 |         "$value": {
 325 |           "colorSpace": "srgb",
 326 |           "components": [0.023529411764705882, 0.17647058823529413, 0.10588235294117647],
 327 |           "alpha": 1,
 328 |           "hex": "#062d1b"
 329 |         }
 330 |       }
 331 |     },
 332 |     "pink": {
 333 |       "100": {
 334 |         "$value": {
 335 |           "colorSpace": "srgb",
 336 |           "components": [0.9882352941176471, 0.9450980392156862, 0.9921568627450981],
 337 |           "alpha": 1,
 338 |           "hex": "#fcf1fd"
 339 |         }
 340 |       },
 341 |       "200": {
 342 |         "$value": {
 343 |           "colorSpace": "srgb",
 344 |           "components": [0.9803921568627451, 0.8823529411764706, 0.9803921568627451],
 345 |           "alpha": 1,
 346 |           "hex": "#fae1fa"
 347 |         }
 348 |       },
 349 |       "300": {
 350 |         "$value": {
 351 |           "colorSpace": "srgb",
 352 |           "components": [0.9607843137254902, 0.7529411764705882, 0.9372549019607843],
 353 |           "alpha": 1,
 354 |           "hex": "#f5c0ef"
 355 |         }
 356 |       },
 357 |       "400": {
 358 |         "$value": {
 359 |           "colorSpace": "srgb",
 360 |           "components": [0.9450980392156862, 0.6196078431372549, 0.8627450980392157],
 361 |           "alpha": 1,
 362 |           "hex": "#f19edc"
 363 |         }
 364 |       },
 365 |       "500": {
 366 |         "$value": {
 367 |           "colorSpace": "srgb",
 368 |           "components": [0.9176470588235294, 0.24705882352941178, 0.7215686274509804],
 369 |           "alpha": 1,
 370 |           "hex": "#ea3fb8"
 371 |         }
 372 |       },
 373 |       "600": {
 374 |         "$value": {
 375 |           "colorSpace": "srgb",
 376 |           "components": [0.8431372549019608, 0.19607843137254902, 0.6588235294117647],
 377 |           "alpha": 1,
 378 |           "hex": "#d732a8"
 379 |         }
 380 |       },
 381 |       "700": {
 382 |         "$value": {
 383 |           "colorSpace": "srgb",
 384 |           "components": [0.7294117647058823, 0.16470588235294117, 0.5725490196078431],
 385 |           "alpha": 1,
 386 |           "hex": "#ba2a92"
 387 |         }
 388 |       },
 389 |       "800": {
 390 |         "$value": {
 391 |           "colorSpace": "srgb",
 392 |           "components": [0.5411764705882353, 0.13333333333333333, 0.43529411764705883],
 393 |           "alpha": 1,
 394 |           "hex": "#8a226f"
 395 |         }
 396 |       },
 397 |       "900": {
 398 |         "$value": {
 399 |           "colorSpace": "srgb",
 400 |           "components": [0.3411764705882353, 0.09411764705882353, 0.2901960784313726],
 401 |           "alpha": 1,
 402 |           "hex": "#57184a"
 403 |         }
 404 |       },
 405 |       "1000": {
 406 |         "$value": {
 407 |           "colorSpace": "srgb",
 408 |           "components": [0.24705882352941178, 0.08235294117647059, 0.21176470588235294],
 409 |           "alpha": 1,
 410 |           "hex": "#3f1536"
 411 |         }
 412 |       }
 413 |     },
 414 |     "red": {
 415 |       "100": {
 416 |         "$value": {
 417 |           "colorSpace": "srgb",
 418 |           "components": [0.996078431372549, 0.9137254901960784, 0.9058823529411765],
 419 |           "alpha": 1,
 420 |           "hex": "#fee9e7"
 421 |         }
 422 |       },
 423 |       "200": {
 424 |         "$value": {
 425 |           "colorSpace": "srgb",
 426 |           "components": [0.9921568627450981, 0.8274509803921568, 0.8156862745098039],
 427 |           "alpha": 1,
 428 |           "hex": "#fdd3d0"
 429 |         }
 430 |       },
 431 |       "300": {
 432 |         "$value": {
 433 |           "colorSpace": "srgb",
 434 |           "components": [0.9882352941176471, 0.7019607843137254, 0.6784313725490196],
 435 |           "alpha": 1,
 436 |           "hex": "#fcb3ad"
 437 |         }
 438 |       },
 439 |       "400": {
 440 |         "$value": {
 441 |           "colorSpace": "srgb",
 442 |           "components": [0.9568627450980393, 0.4666666666666667, 0.41568627450980394],
 443 |           "alpha": 1,
 444 |           "hex": "#f4776a"
 445 |         }
 446 |       },
 447 |       "500": {
 448 |         "$value": {
 449 |           "colorSpace": "srgb",
 450 |           "components": [0.9254901960784314, 0.13333333333333333, 0.12156862745098039],
 451 |           "alpha": 1,
 452 |           "hex": "#ec221f"
 453 |         }
 454 |       },
 455 |       "600": {
 456 |         "$value": {
 457 |           "colorSpace": "srgb",
 458 |           "components": [0.7529411764705882, 0.058823529411764705, 0.047058823529411764],
 459 |           "alpha": 1,
 460 |           "hex": "#c00f0c"
 461 |         }
 462 |       },
 463 |       "700": {
 464 |         "$value": {
 465 |           "colorSpace": "srgb",
 466 |           "components": [0.5647058823529412, 0.043137254901960784, 0.03529411764705882],
 467 |           "alpha": 1,
 468 |           "hex": "#900b09"
 469 |         }
 470 |       },
 471 |       "800": {
 472 |         "$value": {
 473 |           "colorSpace": "srgb",
 474 |           "components": [0.4117647058823529, 0.03137254901960784, 0.027450980392156862],
 475 |           "alpha": 1,
 476 |           "hex": "#690807"
 477 |         }
 478 |       },
 479 |       "900": {
 480 |         "$value": {
 481 |           "colorSpace": "srgb",
 482 |           "components": [0.30196078431372547, 0.043137254901960784, 0.0392156862745098],
 483 |           "alpha": 1,
 484 |           "hex": "#4d0b0a"
 485 |         }
 486 |       },
 487 |       "1000": {
 488 |         "$value": {
 489 |           "colorSpace": "srgb",
 490 |           "components": [0.18823529411764706, 0.023529411764705882, 0.011764705882352941],
 491 |           "alpha": 1,
 492 |           "hex": "#300603"
 493 |         }
 494 |       }
 495 |     },
 496 |     "slate": {
 497 |       "100": {
 498 |         "$value": {
 499 |           "colorSpace": "srgb",
 500 |           "components": [0.9529411764705882, 0.9529411764705882, 0.9529411764705882],
 501 |           "alpha": 1,
 502 |           "hex": "#f3f3f3"
 503 |         }
 504 |       },
 505 |       "200": {
 506 |         "$value": {
 507 |           "colorSpace": "srgb",
 508 |           "components": [0.8901960784313725, 0.8901960784313725, 0.8901960784313725],
 509 |           "alpha": 1,
 510 |           "hex": "#e3e3e3"
 511 |         }
 512 |       },
 513 |       "300": {
 514 |         "$value": {
 515 |           "colorSpace": "srgb",
 516 |           "components": [0.803921568627451, 0.803921568627451, 0.803921568627451],
 517 |           "alpha": 1,
 518 |           "hex": "#cdcdcd"
 519 |         }
 520 |       },
 521 |       "400": {
 522 |         "$value": {
 523 |           "colorSpace": "srgb",
 524 |           "components": [0.6980392156862745, 0.6980392156862745, 0.6980392156862745],
 525 |           "alpha": 1,
 526 |           "hex": "#b2b2b2"
 527 |         }
 528 |       },
 529 |       "500": {
 530 |         "$value": {
 531 |           "colorSpace": "srgb",
 532 |           "components": [0.5803921568627451, 0.5803921568627451, 0.5803921568627451],
 533 |           "alpha": 1,
 534 |           "hex": "#949494"
 535 |         }
 536 |       },
 537 |       "600": {
 538 |         "$value": {
 539 |           "colorSpace": "srgb",
 540 |           "components": [0.4627450980392157, 0.4627450980392157, 0.4627450980392157],
 541 |           "alpha": 1,
 542 |           "hex": "#767676"
 543 |         }
 544 |       },
 545 |       "700": {
 546 |         "$value": {
 547 |           "colorSpace": "srgb",
 548 |           "components": [0.35294117647058826, 0.35294117647058826, 0.35294117647058826],
 549 |           "alpha": 1,
 550 |           "hex": "#5a5a5a"
 551 |         }
 552 |       },
 553 |       "800": {
 554 |         "$value": {
 555 |           "colorSpace": "srgb",
 556 |           "components": [0.2627450980392157, 0.2627450980392157, 0.2627450980392157],
 557 |           "alpha": 1,
 558 |           "hex": "#434343"
 559 |         }
 560 |       },
 561 |       "900": {
 562 |         "$value": {
 563 |           "colorSpace": "srgb",
 564 |           "components": [0.18823529411764706, 0.18823529411764706, 0.18823529411764706],
 565 |           "alpha": 1,
 566 |           "hex": "#303030"
 567 |         }
 568 |       },
 569 |       "1000": {
 570 |         "$value": {
 571 |           "colorSpace": "srgb",
 572 |           "components": [0.1411764705882353, 0.1411764705882353, 0.1411764705882353],
 573 |           "alpha": 1,
 574 |           "hex": "#242424"
 575 |         }
 576 |       }
 577 |     },
 578 |     "white": {
 579 |       "100": {
 580 |         "$value": {
 581 |           "colorSpace": "srgb",
 582 |           "components": [1, 1, 1],
 583 |           "alpha": 0.050980392156862744,
 584 |           "hex": "#ffffff"
 585 |         }
 586 |       },
 587 |       "200": {
 588 |         "$value": {
 589 |           "colorSpace": "srgb",
 590 |           "components": [1, 1, 1],
 591 |           "alpha": 0.10196078431372549,
 592 |           "hex": "#ffffff"
 593 |         }
 594 |       },
 595 |       "300": {
 596 |         "$value": {
 597 |           "colorSpace": "srgb",
 598 |           "components": [1, 1, 1],
 599 |           "alpha": 0.2,
 600 |           "hex": "#ffffff"
 601 |         }
 602 |       },
 603 |       "400": {
 604 |         "$value": {
 605 |           "colorSpace": "srgb",
 606 |           "components": [1, 1, 1],
 607 |           "alpha": 0.4,
 608 |           "hex": "#ffffff"
 609 |         }
 610 |       },
 611 |       "500": {
 612 |         "$value": {
 613 |           "colorSpace": "srgb",
 614 |           "components": [1, 1, 1],
 615 |           "alpha": 0.6980392156862745,
 616 |           "hex": "#ffffff"
 617 |         }
 618 |       },
 619 |       "600": {
 620 |         "$value": {
 621 |           "colorSpace": "srgb",
 622 |           "components": [1, 1, 1],
 623 |           "alpha": 0.8,
 624 |           "hex": "#ffffff"
 625 |         }
 626 |       },
 627 |       "700": {
 628 |         "$value": {
 629 |           "colorSpace": "srgb",
 630 |           "components": [1, 1, 1],
 631 |           "alpha": 0.8509803921568627,
 632 |           "hex": "#ffffff"
 633 |         }
 634 |       },
 635 |       "800": {
 636 |         "$value": {
 637 |           "colorSpace": "srgb",
 638 |           "components": [1, 1, 1],
 639 |           "alpha": 0.8980392156862745,
 640 |           "hex": "#ffffff"
 641 |         }
 642 |       },
 643 |       "900": {
 644 |         "$value": {
 645 |           "colorSpace": "srgb",
 646 |           "components": [1, 1, 1],
 647 |           "alpha": 0.9490196078431372,
 648 |           "hex": "#ffffff"
 649 |         }
 650 |       },
 651 |       "1000": {
 652 |         "$value": {
 653 |           "colorSpace": "srgb",
 654 |           "components": [1, 1, 1],
 655 |           "alpha": 1,
 656 |           "hex": "#ffffff"
 657 |         }
 658 |       }
 659 |     },
 660 |     "yellow": {
 661 |       "100": {
 662 |         "$value": {
 663 |           "colorSpace": "srgb",
 664 |           "components": [1, 0.984313725490196, 0.9215686274509803],
 665 |           "alpha": 1,
 666 |           "hex": "#fffbeb"
 667 |         }
 668 |       },
 669 |       "200": {
 670 |         "$value": {
 671 |           "colorSpace": "srgb",
 672 |           "components": [1, 0.9450980392156862, 0.7607843137254902],
 673 |           "alpha": 1,
 674 |           "hex": "#fff1c2"
 675 |         }
 676 |       },
 677 |       "300": {
 678 |         "$value": {
 679 |           "colorSpace": "srgb",
 680 |           "components": [1, 0.9098039215686274, 0.6392156862745098],
 681 |           "alpha": 1,
 682 |           "hex": "#ffe8a3"
 683 |         }
 684 |       },
 685 |       "400": {
 686 |         "$value": {
 687 |           "colorSpace": "srgb",
 688 |           "components": [0.9098039215686274, 0.7254901960784313, 0.19215686274509805],
 689 |           "alpha": 1,
 690 |           "hex": "#e8b931"
 691 |         }
 692 |       },
 693 |       "500": {
 694 |         "$value": {
 695 |           "colorSpace": "srgb",
 696 |           "components": [0.8980392156862745, 0.6274509803921569, 0],
 697 |           "alpha": 1,
 698 |           "hex": "#e5a000"
 699 |         }
 700 |       },
 701 |       "600": {
 702 |         "$value": {
 703 |           "colorSpace": "srgb",
 704 |           "components": [0.7490196078431373, 0.41568627450980394, 0.00784313725490196],
 705 |           "alpha": 1,
 706 |           "hex": "#bf6a02"
 707 |         }
 708 |       },
 709 |       "700": {
 710 |         "$value": {
 711 |           "colorSpace": "srgb",
 712 |           "components": [0.592156862745098, 0.3176470588235294, 0.00784313725490196],
 713 |           "alpha": 1,
 714 |           "hex": "#975102"
 715 |         }
 716 |       },
 717 |       "800": {
 718 |         "$value": {
 719 |           "colorSpace": "srgb",
 720 |           "components": [0.40784313725490196, 0.17647058823529413, 0.011764705882352941],
 721 |           "alpha": 1,
 722 |           "hex": "#682d03"
 723 |         }
 724 |       },
 725 |       "900": {
 726 |         "$value": {
 727 |           "colorSpace": "srgb",
 728 |           "components": [0.3215686274509804, 0.1450980392156863, 0.01568627450980392],
 729 |           "alpha": 1,
 730 |           "hex": "#522504"
 731 |         }
 732 |       },
 733 |       "1000": {
 734 |         "$value": {
 735 |           "colorSpace": "srgb",
 736 |           "components": [0.25098039215686274, 0.10588235294117647, 0.00392156862745098],
 737 |           "alpha": 1,
 738 |           "hex": "#401b01"
 739 |         }
 740 |       }
 741 |     },
 742 |     "background": {
 743 |       "brand": {
 744 |         "default": {
 745 |           "$value": "{color.brand.800}",
 746 |           "$extensions": { "mode": { "light": "{color.brand.800}", "dark": "{color.white.100}" } }
 747 |         },
 748 |         "hover": {
 749 |           "$value": "{color.brand.900}",
 750 |           "$extensions": { "mode": { "light": "{color.brand.900}", "dark": "{color.brand.300}" } }
 751 |         },
 752 |         "secondary": {
 753 |           "$value": "{color.brand.200}",
 754 |           "$extensions": { "mode": { "light": "{color.brand.200}", "dark": "{color.brand.600}" } }
 755 |         },
 756 |         "secondary-hover": {
 757 |           "$value": "{color.brand.300}",
 758 |           "$extensions": { "mode": { "light": "{color.brand.300}", "dark": "{color.brand.500}" } }
 759 |         },
 760 |         "tertiary": {
 761 |           "$value": "{color.brand.100}",
 762 |           "$extensions": { "mode": { "light": "{color.brand.100}", "dark": "{color.brand.600}" } }
 763 |         },
 764 |         "tertiary-hover": {
 765 |           "$value": "{color.brand.200}",
 766 |           "$extensions": { "mode": { "light": "{color.brand.200}", "dark": "{color.brand.800}" } }
 767 |         }
 768 |       },
 769 |       "danger": {
 770 |         "default": {
 771 |           "$value": "{color.red.500}",
 772 |           "$extensions": { "mode": { "light": "{color.red.500}", "dark": "{color.red.600}" } }
 773 |         },
 774 |         "hover": {
 775 |           "$value": "{color.red.600}",
 776 |           "$extensions": { "mode": { "light": "{color.red.600}", "dark": "{color.red.700}" } }
 777 |         },
 778 |         "secondary": {
 779 |           "$value": "{color.red.200}",
 780 |           "$extensions": { "mode": { "light": "{color.red.200}", "dark": "{color.red.800}" } }
 781 |         },
 782 |         "secondary-hover": {
 783 |           "$value": "{color.red.300}",
 784 |           "$extensions": { "mode": { "light": "{color.red.300}", "dark": "{color.red.900}" } }
 785 |         },
 786 |         "tertiary": {
 787 |           "$value": "{color.red.100}",
 788 |           "$extensions": { "mode": { "light": "{color.red.100}", "dark": "{color.red.900}" } }
 789 |         },
 790 |         "tertiary-hover": {
 791 |           "$value": "{color.red.200}",
 792 |           "$extensions": { "mode": { "light": "{color.red.200}", "dark": "{color.red.1000}" } }
 793 |         }
 794 |       },
 795 |       "default": {
 796 |         "default": {
 797 |           "$value": "{color.white.1000}",
 798 |           "$extensions": { "mode": { "light": "{color.white.1000}", "dark": "{color.gray.900}" } }
 799 |         },
 800 |         "hover": {
 801 |           "$value": "{color.gray.100}",
 802 |           "$extensions": { "mode": { "light": "{color.gray.100}", "dark": "{color.gray.700}" } }
 803 |         },
 804 |         "secondary": {
 805 |           "$value": "{color.gray.100}",
 806 |           "$extensions": { "mode": { "light": "{color.gray.100}", "dark": "{color.gray.800}" } }
 807 |         },
 808 |         "secondary-hover": {
 809 |           "$value": "{color.gray.200}",
 810 |           "$extensions": { "mode": { "light": "{color.gray.200}", "dark": "{color.gray.900}" } }
 811 |         },
 812 |         "tertiary": {
 813 |           "$value": "{color.gray.300}",
 814 |           "$extensions": { "mode": { "light": "{color.gray.300}", "dark": "{color.gray.600}" } }
 815 |         },
 816 |         "tertiary-hover": {
 817 |           "$value": "{color.gray.400}",
 818 |           "$extensions": { "mode": { "light": "{color.gray.400}", "dark": "{color.gray.700}" } }
 819 |         }
 820 |       },
 821 |       "disabled": {
 822 |         "default": {
 823 |           "$value": "{color.brand.300}",
 824 |           "$extensions": { "mode": { "light": "{color.brand.300}", "dark": "{color.brand.700}" } }
 825 |         }
 826 |       },
 827 |       "neutral": {
 828 |         "default": {
 829 |           "$value": "{color.slate.700}",
 830 |           "$extensions": { "mode": { "light": "{color.slate.700}", "dark": "{color.slate.400}" } }
 831 |         },
 832 |         "hover": {
 833 |           "$value": "{color.slate.800}",
 834 |           "$extensions": { "mode": { "light": "{color.slate.800}", "dark": "{color.slate.500}" } }
 835 |         },
 836 |         "secondary": {
 837 |           "$value": "{color.slate.300}",
 838 |           "$extensions": { "mode": { "light": "{color.slate.300}", "dark": "{color.slate.900}" } }
 839 |         },
 840 |         "secondary-hover": {
 841 |           "$value": "{color.slate.400}",
 842 |           "$extensions": { "mode": { "light": "{color.slate.400}", "dark": "{color.slate.1000}" } }
 843 |         },
 844 |         "tertiary": {
 845 |           "$value": "{color.slate.200}",
 846 |           "$extensions": { "mode": { "light": "{color.slate.200}", "dark": "{color.slate.900}" } }
 847 |         },
 848 |         "tertiary-hover": {
 849 |           "$value": "{color.slate.300}",
 850 |           "$extensions": { "mode": { "light": "{color.slate.300}", "dark": "{color.slate.1000}" } }
 851 |         }
 852 |       },
 853 |       "positive": {
 854 |         "default": {
 855 |           "$value": "{color.green.500}",
 856 |           "$extensions": { "mode": { "light": "{color.green.500}", "dark": "{color.green.700}" } }
 857 |         },
 858 |         "hover": {
 859 |           "$value": "{color.green.600}",
 860 |           "$extensions": { "mode": { "light": "{color.green.600}", "dark": "{color.green.800}" } }
 861 |         },
 862 |         "secondary": {
 863 |           "$value": "{color.green.200}",
 864 |           "$extensions": { "mode": { "light": "{color.green.200}", "dark": "{color.green.800}" } }
 865 |         },
 866 |         "secondary-hover": {
 867 |           "$value": "{color.green.300}",
 868 |           "$extensions": { "mode": { "light": "{color.green.300}", "dark": "{color.green.900}" } }
 869 |         },
 870 |         "tertiary": {
 871 |           "$value": "{color.green.100}",
 872 |           "$extensions": { "mode": { "light": "{color.green.100}", "dark": "{color.green.900}" } }
 873 |         },
 874 |         "tertiary-hover": {
 875 |           "$value": "{color.green.200}",
 876 |           "$extensions": { "mode": { "light": "{color.green.200}", "dark": "{color.green.1000}" } }
 877 |         }
 878 |       },
 879 |       "warning": {
 880 |         "default": {
 881 |           "$value": "{color.yellow.400}",
 882 |           "$extensions": { "mode": { "light": "{color.yellow.400}", "dark": "{color.yellow.400}" } }
 883 |         },
 884 |         "hover": {
 885 |           "$value": "{color.yellow.500}",
 886 |           "$extensions": { "mode": { "light": "{color.yellow.500}", "dark": "{color.yellow.500}" } }
 887 |         },
 888 |         "secondary": {
 889 |           "$value": "{color.yellow.200}",
 890 |           "$extensions": { "mode": { "light": "{color.yellow.200}", "dark": "{color.yellow.800}" } }
 891 |         },
 892 |         "secondary-hover": {
 893 |           "$value": "{color.yellow.300}",
 894 |           "$extensions": { "mode": { "light": "{color.yellow.300}", "dark": "{color.yellow.900}" } }
 895 |         },
 896 |         "tertiary": {
 897 |           "$value": "{color.yellow.100}",
 898 |           "$extensions": { "mode": { "light": "{color.yellow.100}", "dark": "{color.yellow.900}" } }
 899 |         },
 900 |         "tertiary-hover": {
 901 |           "$value": "{color.yellow.200}",
 902 |           "$extensions": { "mode": { "light": "{color.yellow.200}", "dark": "{color.yellow.1000}" } }
 903 |         }
 904 |       }
 905 |     },
 906 |     "border": {
 907 |       "brand": {
 908 |         "default": {
 909 |           "$value": "{color.brand.800}",
 910 |           "$extensions": { "mode": { "light": "{color.brand.800}", "dark": "{color.brand.100}" } }
 911 |         },
 912 |         "secondary": {
 913 |           "$value": "{color.brand.600}",
 914 |           "$extensions": { "mode": { "light": "{color.brand.600}", "dark": "{color.brand.300}" } }
 915 |         },
 916 |         "tertiary": {
 917 |           "$value": "{color.brand.500}",
 918 |           "$extensions": { "mode": { "light": "{color.brand.500}", "dark": "{color.brand.400}" } }
 919 |         }
 920 |       },
 921 |       "danger": {
 922 |         "default": {
 923 |           "$value": "{color.red.700}",
 924 |           "$extensions": { "mode": { "light": "{color.red.700}", "dark": "{color.red.200}" } }
 925 |         },
 926 |         "secondary": {
 927 |           "$value": "{color.red.600}",
 928 |           "$extensions": { "mode": { "light": "{color.red.600}", "dark": "{color.red.400}" } }
 929 |         },
 930 |         "tertiary": {
 931 |           "$value": "{color.red.500}",
 932 |           "$extensions": { "mode": { "light": "{color.red.500}", "dark": "{color.red.500}" } }
 933 |         }
 934 |       },
 935 |       "default": {
 936 |         "default": {
 937 |           "$value": "{color.gray.300}",
 938 |           "$extensions": { "mode": { "light": "{color.gray.300}", "dark": "{color.gray.600}" } }
 939 |         },
 940 |         "secondary": {
 941 |           "$value": "{color.gray.500}",
 942 |           "$extensions": { "mode": { "light": "{color.gray.500}", "dark": "{color.gray.500}" } }
 943 |         },
 944 |         "tertiary": {
 945 |           "$value": "{color.gray.700}",
 946 |           "$extensions": { "mode": { "light": "{color.gray.700}", "dark": "{color.gray.400}" } }
 947 |         }
 948 |       },
 949 |       "disabled": {
 950 |         "default": {
 951 |           "$value": "{color.brand.400}",
 952 |           "$extensions": { "mode": { "light": "{color.brand.400}", "dark": "{color.brand.600}" } }
 953 |         }
 954 |       },
 955 |       "neutral": {
 956 |         "default": {
 957 |           "$value": "{color.slate.900}",
 958 |           "$extensions": { "mode": { "light": "{color.slate.900}", "dark": "{color.slate.100}" } }
 959 |         },
 960 |         "secondary": {
 961 |           "$value": "{color.slate.600}",
 962 |           "$extensions": { "mode": { "light": "{color.slate.600}", "dark": "{color.slate.500}" } }
 963 |         },
 964 |         "tertiary": {
 965 |           "$value": "{color.slate.400}",
 966 |           "$extensions": { "mode": { "light": "{color.slate.400}", "dark": "{color.slate.600}" } }
 967 |         }
 968 |       },
 969 |       "positive": {
 970 |         "default": {
 971 |           "$value": "{color.green.800}",
 972 |           "$extensions": { "mode": { "light": "{color.green.800}", "dark": "{color.green.200}" } }
 973 |         },
 974 |         "secondary": {
 975 |           "$value": "{color.green.600}",
 976 |           "$extensions": { "mode": { "light": "{color.green.600}", "dark": "{color.green.400}" } }
 977 |         },
 978 |         "tertiary": {
 979 |           "$value": "{color.green.500}",
 980 |           "$extensions": { "mode": { "light": "{color.green.500}", "dark": "{color.green.600}" } }
 981 |         }
 982 |       },
 983 |       "warning": {
 984 |         "default": {
 985 |           "$value": "{color.yellow.900}",
 986 |           "$extensions": { "mode": { "light": "{color.yellow.900}", "dark": "{color.yellow.200}" } }
 987 |         },
 988 |         "secondary": {
 989 |           "$value": "{color.yellow.700}",
 990 |           "$extensions": { "mode": { "light": "{color.yellow.700}", "dark": "{color.yellow.400}" } }
 991 |         },
 992 |         "tertiary": {
 993 |           "$value": "{color.yellow.600}",
 994 |           "$extensions": { "mode": { "light": "{color.yellow.600}", "dark": "{color.yellow.600}" } }
 995 |         }
 996 |       }
 997 |     },
 998 |     "icon": {
 999 |       "brand": {
1000 |         "default": {
1001 |           "$value": "{color.brand.800}",
1002 |           "$extensions": { "mode": { "light": "{color.brand.800}", "dark": "{color.brand.100}" } }
1003 |         },
1004 |         "secondary": {
1005 |           "$value": "{color.brand.600}",
1006 |           "$extensions": { "mode": { "light": "{color.brand.600}", "dark": "{color.brand.300}" } }
1007 |         },
1008 |         "tertiary": {
1009 |           "$value": "{color.brand.500}",
1010 |           "$extensions": { "mode": { "light": "{color.brand.500}", "dark": "{color.brand.400}" } }
1011 |         },
1012 |         "on-brand": {
1013 |           "$value": "{color.brand.100}",
1014 |           "$extensions": { "mode": { "light": "{color.brand.100}", "dark": "{color.brand.900}" } }
1015 |         },
1016 |         "on-brand-secondary": {
1017 |           "$value": "{color.brand.900}",
1018 |           "$extensions": { "mode": { "light": "{color.brand.900}", "dark": "{color.brand.100}" } }
1019 |         },
1020 |         "on-brand-tertiary": {
1021 |           "$value": "{color.brand.800}",
1022 |           "$extensions": { "mode": { "light": "{color.brand.800}", "dark": "{color.brand.100}" } }
1023 |         }
1024 |       },
1025 |       "danger": {
1026 |         "default": {
1027 |           "$value": "{color.red.700}",
1028 |           "$extensions": { "mode": { "light": "{color.red.700}", "dark": "{color.red.200}" } }
1029 |         },
1030 |         "secondary": {
1031 |           "$value": "{color.red.600}",
1032 |           "$extensions": { "mode": { "light": "{color.red.600}", "dark": "{color.red.400}" } }
1033 |         },
1034 |         "tertiary": {
1035 |           "$value": "{color.red.500}",
1036 |           "$extensions": { "mode": { "light": "{color.red.500}", "dark": "{color.red.500}" } }
1037 |         },
1038 |         "on-danger": {
1039 |           "$value": "{color.red.100}",
1040 |           "$extensions": { "mode": { "light": "{color.red.100}", "dark": "{color.red.100}" } }
1041 |         },
1042 |         "on-danger-secondary": {
1043 |           "$value": "{color.red.700}",
1044 |           "$extensions": { "mode": { "light": "{color.red.700}", "dark": "{color.red.100}" } }
1045 |         },
1046 |         "on-danger-tertiary": {
1047 |           "$value": "{color.red.700}",
1048 |           "$extensions": { "mode": { "light": "{color.red.700}", "dark": "{color.red.100}" } }
1049 |         }
1050 |       },
1051 |       "default": {
1052 |         "default": {
1053 |           "$value": "{color.gray.900}",
1054 |           "$extensions": { "mode": { "light": "{color.gray.900}", "dark": "{color.white.1000}" } }
1055 |         },
1056 |         "secondary": {
1057 |           "$value": "{color.gray.500}",
1058 |           "$extensions": { "mode": { "light": "{color.gray.500}", "dark": "{color.white.500}" } }
1059 |         },
1060 |         "tertiary": {
1061 |           "$value": "{color.gray.400}",
1062 |           "$extensions": { "mode": { "light": "{color.gray.400}", "dark": "{color.white.400}" } }
1063 |         }
1064 |       },
1065 |       "disabled": {
1066 |         "default": {
1067 |           "$value": "{color.brand.400}",
1068 |           "$extensions": { "mode": { "light": "{color.brand.400}", "dark": "{color.brand.500}" } }
1069 |         },
1070 |         "on-disabled": {
1071 |           "$value": "{color.brand.400}",
1072 |           "$extensions": { "mode": { "light": "{color.brand.400}", "dark": "{color.brand.400}" } }
1073 |         }
1074 |       },
1075 |       "neutral": {
1076 |         "default": {
1077 |           "$value": "{color.slate.900}",
1078 |           "$extensions": { "mode": { "light": "{color.slate.900}", "dark": "{color.slate.200}" } }
1079 |         },
1080 |         "secondary": {
1081 |           "$value": "{color.slate.700}",
1082 |           "$extensions": { "mode": { "light": "{color.slate.700}", "dark": "{color.slate.300}" } }
1083 |         },
1084 |         "tertiary": {
1085 |           "$value": "{color.slate.600}",
1086 |           "$extensions": { "mode": { "light": "{color.slate.600}", "dark": "{color.slate.400}" } }
1087 |         },
1088 |         "on-neutral": {
1089 |           "$value": "{color.slate.100}",
1090 |           "$extensions": { "mode": { "light": "{color.slate.100}", "dark": "{color.slate.1000}" } }
1091 |         },
1092 |         "on-neutral-secondary": {
1093 |           "$value": "{color.slate.900}",
1094 |           "$extensions": { "mode": { "light": "{color.slate.900}", "dark": "{color.slate.100}" } }
1095 |         },
1096 |         "on-neutral-tertiary": {
1097 |           "$value": "{color.slate.800}",
1098 |           "$extensions": { "mode": { "light": "{color.slate.800}", "dark": "{color.slate.100}" } }
1099 |         }
1100 |       },
1101 |       "positive": {
1102 |         "default": {
1103 |           "$value": "{color.green.800}",
1104 |           "$extensions": { "mode": { "light": "{color.green.800}", "dark": "{color.green.200}" } }
1105 |         },
1106 |         "secondary": {
1107 |           "$value": "{color.green.600}",
1108 |           "$extensions": { "mode": { "light": "{color.green.600}", "dark": "{color.green.400}" } }
1109 |         },
1110 |         "tertiary": {
1111 |           "$value": "{color.green.500}",
1112 |           "$extensions": { "mode": { "light": "{color.green.500}", "dark": "{color.green.600}" } }
1113 |         },
1114 |         "on-positive": {
1115 |           "$value": "{color.green.100}",
1116 |           "$extensions": { "mode": { "light": "{color.green.100}", "dark": "{color.green.100}" } }
1117 |         },
1118 |         "on-positive-secondary": {
1119 |           "$value": "{color.green.800}",
1120 |           "$extensions": { "mode": { "light": "{color.green.800}", "dark": "{color.green.100}" } }
1121 |         },
1122 |         "on-positive-tertiary": {
1123 |           "$value": "{color.green.500}",
1124 |           "$extensions": { "mode": { "light": "{color.green.900}", "dark": "{color.green.100}" } }
1125 |         }
1126 |       },
1127 |       "warning": {
1128 |         "default": {
1129 |           "$value": "{color.yellow.900}",
1130 |           "$extensions": { "mode": { "light": "{color.yellow.900}", "dark": "{color.yellow.200}" } }
1131 |         },
1132 |         "secondary": {
1133 |           "$value": "{color.yellow.700}",
1134 |           "$extensions": { "mode": { "light": "{color.yellow.700}", "dark": "{color.yellow.400}" } }
1135 |         },
1136 |         "tertiary": {
1137 |           "$value": "{color.yellow.600}",
1138 |           "$extensions": { "mode": { "light": "{color.yellow.600}", "dark": "{color.yellow.600}" } }
1139 |         },
1140 |         "on-warning": {
1141 |           "$value": "{color.yellow.1000}",
1142 |           "$extensions": { "mode": { "light": "{color.yellow.1000}", "dark": "{color.yellow.1000}" } }
1143 |         },
1144 |         "on-warning-secondary": {
1145 |           "$value": "{color.yellow.800}",
1146 |           "$extensions": { "mode": { "light": "{color.yellow.800}", "dark": "{color.yellow.100}" } }
1147 |         },
1148 |         "on-warning-tertiary": {
1149 |           "$value": "{color.yellow.900}",
1150 |           "$extensions": { "mode": { "light": "{color.yellow.900}", "dark": "{color.yellow.100}" } }
1151 |         }
1152 |       }
1153 |     },
1154 |     "text": {
1155 |       "brand": {
1156 |         "default": {
1157 |           "$value": "{color.brand.800}",
1158 |           "$extensions": { "mode": { "light": "{color.brand.800}", "dark": "{color.brand.100}" } }
1159 |         },
1160 |         "secondary": {
1161 |           "$value": "{color.brand.600}",
1162 |           "$extensions": { "mode": { "light": "{color.brand.600}", "dark": "{color.brand.300}" } }
1163 |         },
1164 |         "tertiary": {
1165 |           "$value": "{color.brand.500}",
1166 |           "$extensions": { "mode": { "light": "{color.brand.500}", "dark": "{color.brand.400}" } }
1167 |         },
1168 |         "on-brand": {
1169 |           "$value": "{color.brand.100}",
1170 |           "$extensions": { "mode": { "light": "{color.brand.100}", "dark": "{color.brand.900}" } }
1171 |         },
1172 |         "on-brand-secondary": {
1173 |           "$value": "{color.brand.900}",
1174 |           "$extensions": { "mode": { "light": "{color.brand.900}", "dark": "{color.brand.100}" } }
1175 |         },
1176 |         "on-brand-tertiary": {
1177 |           "$value": "{color.brand.800}",
1178 |           "$extensions": { "mode": { "light": "{color.brand.800}", "dark": "{color.brand.100}" } }
1179 |         }
1180 |       },
1181 |       "danger": {
1182 |         "default": {
1183 |           "$value": "{color.red.700}",
1184 |           "$extensions": { "mode": { "light": "{color.red.700}", "dark": "{color.red.200}" } }
1185 |         },
1186 |         "secondary": {
1187 |           "$value": "{color.red.600}",
1188 |           "$extensions": { "mode": { "light": "{color.red.600}", "dark": "{color.red.400}" } }
1189 |         },
1190 |         "tertiary": {
1191 |           "$value": "{color.red.500}",
1192 |           "$extensions": { "mode": { "light": "{color.red.500}", "dark": "{color.red.500}" } }
1193 |         },
1194 |         "on-danger": {
1195 |           "$value": "{color.red.100}",
1196 |           "$extensions": { "mode": { "light": "{color.red.100}", "dark": "{color.red.100}" } }
1197 |         },
1198 |         "on-danger-secondary": {
1199 |           "$value": "{color.red.700}",
1200 |           "$extensions": { "mode": { "light": "{color.red.700}", "dark": "{color.red.100}" } }
1201 |         },
1202 |         "on-danger-tertiary": {
1203 |           "$value": "{color.red.700}",
1204 |           "$extensions": { "mode": { "light": "{color.red.700}", "dark": "{color.red.100}" } }
1205 |         }
1206 |       },
1207 |       "default": {
1208 |         "default": {
1209 |           "$value": "{color.gray.900}",
1210 |           "$extensions": { "mode": { "light": "{color.gray.900}", "dark": "{color.white.1000}" } }
1211 |         },
1212 |         "secondary": {
1213 |           "$value": "{color.gray.500}",
1214 |           "$extensions": { "mode": { "light": "{color.gray.500}", "dark": "{color.white.500}" } }
1215 |         },
1216 |         "tertiary": {
1217 |           "$value": "{color.gray.400}",
1218 |           "$extensions": { "mode": { "light": "{color.gray.400}", "dark": "{color.white.400}" } }
1219 |         }
1220 |       },
1221 |       "disabled": {
1222 |         "default": {
1223 |           "$value": "{color.brand.400}",
1224 |           "$extensions": { "mode": { "light": "{color.brand.400}", "dark": "{color.brand.500}" } }
1225 |         },
1226 |         "on-disabled": {
1227 |           "$value": "{color.brand.400}",
1228 |           "$extensions": { "mode": { "light": "{color.brand.400}", "dark": "{color.brand.400}" } }
1229 |         }
1230 |       },
1231 |       "neutral": {
1232 |         "default": {
1233 |           "$value": "{color.slate.900}",
1234 |           "$extensions": { "mode": { "light": "{color.slate.900}", "dark": "{color.slate.200}" } }
1235 |         },
1236 |         "on-neutral": {
1237 |           "$value": "{color.slate.100}",
1238 |           "$extensions": { "mode": { "light": "{color.slate.100}", "dark": "{color.slate.1000}" } }
1239 |         },
1240 |         "on-neutral-secondary": {
1241 |           "$value": "{color.slate.900}",
1242 |           "$extensions": { "mode": { "light": "{color.slate.900}", "dark": "{color.slate.100}" } }
1243 |         },
1244 |         "on-neutral-tertiary": {
1245 |           "$value": "{color.slate.800}",
1246 |           "$extensions": { "mode": { "light": "{color.slate.800}", "dark": "{color.slate.100}" } }
1247 |         },
1248 |         "secondary": {
1249 |           "$value": "{color.slate.700}",
1250 |           "$extensions": { "mode": { "light": "{color.slate.700}", "dark": "{color.slate.300}" } }
1251 |         },
1252 |         "tertiary": {
1253 |           "$value": "{color.slate.600}",
1254 |           "$extensions": { "mode": { "light": "{color.slate.600}", "dark": "{color.slate.400}" } }
1255 |         }
1256 |       },
1257 |       "positive": {
1258 |         "default": {
1259 |           "$value": "{color.green.800}",
1260 |           "$extensions": { "mode": { "light": "{color.green.800}", "dark": "{color.green.200}" } }
1261 |         },
1262 |         "secondary": {
1263 |           "$value": "{color.green.600}",
1264 |           "$extensions": { "mode": { "light": "{color.green.600}", "dark": "{color.green.400}" } }
1265 |         },
1266 |         "tertiary": {
1267 |           "$value": "{color.green.500}",
1268 |           "$extensions": { "mode": { "light": "{color.green.500}", "dark": "{color.green.600}" } }
1269 |         },
1270 |         "on-positive": {
1271 |           "$value": "{color.green.100}",
1272 |           "$extensions": { "mode": { "light": "{color.green.100}", "dark": "{color.green.100}" } }
1273 |         },
1274 |         "on-positive-secondary": {
1275 |           "$value": "{color.green.800}",
1276 |           "$extensions": { "mode": { "light": "{color.green.800}", "dark": "{color.green.100}" } }
1277 |         },
1278 |         "on-positive-tertiary": {
1279 |           "$value": "{color.green.800}",
1280 |           "$extensions": { "mode": { "light": "{color.green.800}", "dark": "{color.green.100}" } }
1281 |         }
1282 |       },
1283 |       "warning": {
1284 |         "default": {
1285 |           "$value": "{color.yellow.900}",
1286 |           "$extensions": { "mode": { "light": "{color.yellow.900}", "dark": "{color.yellow.200}" } }
1287 |         },
1288 |         "secondary": {
1289 |           "$value": "{color.yellow.700}",
1290 |           "$extensions": { "mode": { "light": "{color.yellow.700}", "dark": "{color.yellow.400}" } }
1291 |         },
1292 |         "tertiary": {
1293 |           "$value": "{color.yellow.600}",
1294 |           "$extensions": { "mode": { "light": "{color.yellow.600}", "dark": "{color.yellow.600}" } }
1295 |         },
1296 |         "on-warning": {
1297 |           "$value": "{color.yellow.1000}",
1298 |           "$extensions": { "mode": { "light": "{color.yellow.1000}", "dark": "{color.yellow.1000}" } }
1299 |         },
1300 |         "on-warning-secondary": {
1301 |           "$value": "{color.yellow.800}",
1302 |           "$extensions": { "mode": { "light": "{color.yellow.800}", "dark": "{color.yellow.100}" } }
1303 |         },
1304 |         "on-warning-tertiary": {
1305 |           "$value": "{color.yellow.900}",
1306 |           "$extensions": { "mode": { "light": "{color.yellow.900}", "dark": "{color.yellow.100}" } }
1307 |         }
1308 |       }
1309 |     }
1310 |   },
1311 |   "size": {
1312 |     "$type": "dimension",
1313 |     "blur": { "100": { "$value": { "value": 0.25, "unit": "rem" } } },
1314 |     "depth": {
1315 |       "0": { "$value": { "value": 0, "unit": "rem" } },
1316 |       "025": { "$value": { "value": 0.0625, "unit": "rem" } },
1317 |       "100": { "$value": { "value": 0.25, "unit": "rem" } },
1318 |       "200": { "$value": { "value": 0.5, "unit": "rem" } },
1319 |       "400": { "$value": { "value": 1, "unit": "rem" } },
1320 |       "800": { "$value": { "value": 2, "unit": "rem" } },
1321 |       "1200": { "$value": { "value": 3, "unit": "rem" } },
1322 |       "negative-025": { "$value": { "value": -0.0625, "unit": "rem" } },
1323 |       "negative-100": { "$value": { "value": -0.25, "unit": "rem" } },
1324 |       "negative-200": { "$value": { "value": -0.5, "unit": "rem" } },
1325 |       "negative-400": { "$value": { "value": -1, "unit": "rem" } },
1326 |       "negative-800": { "$value": { "value": -2, "unit": "rem" } },
1327 |       "negative-1200": { "$value": { "value": -3, "unit": "rem" } }
1328 |     },
1329 |     "icon": {
1330 |       "small": { "$value": { "value": 1.5, "unit": "rem" } },
1331 |       "medium": { "$value": { "value": 2, "unit": "rem" } },
1332 |       "large": { "$value": { "value": 2.5, "unit": "rem" } }
1333 |     },
1334 |     "radius": {
1335 |       "100": { "$value": { "value": 0.25, "unit": "rem" } },
1336 |       "200": { "$value": { "value": 0.5, "unit": "rem" } },
1337 |       "400": { "$value": { "value": 1, "unit": "rem" } },
1338 |       "full": { "$value": { "value": 624.9375, "unit": "rem" } }
1339 |     },
1340 |     "space": {
1341 |       "0": { "$value": { "value": 0, "unit": "rem" } },
1342 |       "050": { "$value": { "value": 0.125, "unit": "rem" } },
1343 |       "100": { "$value": { "value": 0.25, "unit": "rem" } },
1344 |       "150": { "$value": { "value": 0.375, "unit": "rem" } },
1345 |       "200": { "$value": { "value": 0.5, "unit": "rem" } },
1346 |       "300": { "$value": { "value": 0.75, "unit": "rem" } },
1347 |       "400": { "$value": { "value": 1, "unit": "rem" } },
1348 |       "600": { "$value": { "value": 1.5, "unit": "rem" } },
1349 |       "800": { "$value": { "value": 2, "unit": "rem" } },
1350 |       "1200": { "$value": { "value": 3, "unit": "rem" } },
1351 |       "1600": { "$value": { "value": 4, "unit": "rem" } },
1352 |       "2400": { "$value": { "value": 6, "unit": "rem" } },
1353 |       "4000": { "$value": { "value": 0, "unit": "rem" } },
1354 |       "negative-100": { "$value": { "value": -0.25, "unit": "rem" } },
1355 |       "negative-200": { "$value": { "value": -0.5, "unit": "rem" } },
1356 |       "negative-300": { "$value": { "value": -0.75, "unit": "rem" } },
1357 |       "negative-400": { "$value": { "value": -1, "unit": "rem" } },
1358 |       "negative-600": { "$value": { "value": -1.5, "unit": "rem" } }
1359 |     },
1360 |     "stroke": {
1361 |       "border": { "$value": { "value": 0.0625, "unit": "rem" } },
1362 |       "focus-ring": { "$value": { "value": 0.125, "unit": "rem" } }
1363 |     }
1364 |   },
1365 |   "typography": {
1366 |     "$type": "typography",
1367 |     "titleHero": {
1368 |       "$value": {
1369 |         "fontFamily": "{typography.family.sans}",
1370 |         "fontSize": "{typography.scale.10}",
1371 |         "fontWeight": "{typography.weight.bold}",
1372 |         "letterSpacing": { "value": 0, "unit": "em" },
1373 |         "lineHeight": 1
1374 |       }
1375 |     },
1376 |     "titlePage": {
1377 |       "small": {
1378 |         "$value": {
1379 |           "fontFamily": "{typography.family.sans}",
1380 |           "fontSize": "{typography.scale.07}",
1381 |           "fontWeight": "{typography.weight.bold}",
1382 |           "letterSpacing": { "value": 0, "unit": "em" },
1383 |           "lineHeight": 1
1384 |         }
1385 |       },
1386 |       "base": {
1387 |         "$value": {
1388 |           "fontFamily": "{typography.family.sans}",
1389 |           "fontSize": "{typography.scale.08}",
1390 |           "fontWeight": "{typography.weight.bold}",
1391 |           "letterSpacing": { "value": 0, "unit": "em" },
1392 |           "lineHeight": 1
1393 |         }
1394 |       },
1395 |       "large": {
1396 |         "$value": {
1397 |           "fontFamily": "{typography.family.sans}",
1398 |           "fontSize": "{typography.scale.09}",
1399 |           "fontWeight": "{typography.weight.bold}",
1400 |           "letterSpacing": { "value": 0, "unit": "em" },
1401 |           "lineHeight": 1
1402 |         }
1403 |       }
1404 |     },
1405 |     "subtitle": {
1406 |       "small": {
1407 |         "$value": {
1408 |           "fontFamily": "{typography.family.sans}",
1409 |           "fontSize": "{typography.scale.05}",
1410 |           "fontWeight": "{typography.weight.regular}",
1411 |           "letterSpacing": { "value": 0, "unit": "em" },
1412 |           "lineHeight": 1
1413 |         }
1414 |       },
1415 |       "base": {
1416 |         "$value": {
1417 |           "fontFamily": "{typography.family.sans}",
1418 |           "fontSize": "{typography.scale.06}",
1419 |           "fontWeight": "{typography.weight.regular}",
1420 |           "letterSpacing": { "value": 0, "unit": "em" },
1421 |           "lineHeight": 1
1422 |         }
1423 |       },
1424 |       "large": {
1425 |         "$value": {
1426 |           "fontFamily": "{typography.family.sans}",
1427 |           "fontSize": "{typography.scale.07}",
1428 |           "fontWeight": "{typography.weight.regular}",
1429 |           "letterSpacing": { "value": 0, "unit": "em" },
1430 |           "lineHeight": 1
1431 |         }
1432 |       }
1433 |     },
1434 |     "heading": {
1435 |       "small": {
1436 |         "$value": {
1437 |           "fontFamily": "{typography.family.sans}",
1438 |           "fontSize": "{typography.scale.04}",
1439 |           "fontWeight": "{typography.weight.semibold}",
1440 |           "letterSpacing": { "value": 0, "unit": "em" },
1441 |           "lineHeight": 1
1442 |         }
1443 |       },
1444 |       "base": {
1445 |         "$value": {
1446 |           "fontFamily": "{typography.family.sans}",
1447 |           "fontSize": "{typography.scale.05}",
1448 |           "fontWeight": "{typography.weight.semibold}",
1449 |           "letterSpacing": { "value": 0, "unit": "em" },
1450 |           "lineHeight": 1
1451 |         }
1452 |       },
1453 |       "large": {
1454 |         "$value": {
1455 |           "fontFamily": "{typography.family.sans}",
1456 |           "fontSize": "{typography.scale.06}",
1457 |           "fontWeight": "{typography.weight.semibold}",
1458 |           "letterSpacing": { "value": 0, "unit": "em" },
1459 |           "lineHeight": 1
1460 |         }
1461 |       }
1462 |     },
1463 |     "subheading": {
1464 |       "small": {
1465 |         "$value": {
1466 |           "fontFamily": "{typography.family.sans}",
1467 |           "fontSize": "{typography.scale.03}",
1468 |           "fontWeight": "{typography.weight.regular}",
1469 |           "letterSpacing": { "value": 0, "unit": "em" },
1470 |           "lineHeight": 1
1471 |         }
1472 |       },
1473 |       "base": {
1474 |         "$value": {
1475 |           "fontFamily": "{typography.family.sans}",
1476 |           "fontSize": "{typography.scale.04}",
1477 |           "fontWeight": "{typography.weight.regular}",
1478 |           "letterSpacing": { "value": 0, "unit": "em" },
1479 |           "lineHeight": 1
1480 |         }
1481 |       },
1482 |       "large": {
1483 |         "$value": {
1484 |           "fontFamily": "{typography.family.sans}",
1485 |           "fontSize": "{typography.scale.05}",
1486 |           "fontWeight": "{typography.weight.regular}",
1487 |           "letterSpacing": { "value": 0, "unit": "em" },
1488 |           "lineHeight": 1
1489 |         }
1490 |       }
1491 |     },
1492 |     "body": {
1493 |       "small": {
1494 |         "$value": {
1495 |           "fontFamily": "{typography.family.sans}",
1496 |           "fontSize": "{typography.scale.02}",
1497 |           "fontWeight": "{typography.weight.regular}",
1498 |           "letterSpacing": { "value": 0, "unit": "em" },
1499 |           "lineHeight": 1
1500 |         }
1501 |       },
1502 |       "medium": {
1503 |         "$value": {
1504 |           "fontFamily": "{typography.family.sans}",
1505 |           "fontSize": "{typography.scale.03}",
1506 |           "fontWeight": "{typography.weight.regular}",
1507 |           "letterSpacing": { "value": 0, "unit": "em" },
1508 |           "lineHeight": 1
1509 |         }
1510 |       },
1511 |       "large": {
1512 |         "$value": {
1513 |           "fontFamily": "{typography.family.sans}",
1514 |           "fontSize": "{typography.scale.04}",
1515 |           "fontWeight": "{typography.weight.regular}",
1516 |           "letterSpacing": { "value": 0, "unit": "em" },
1517 |           "lineHeight": 1
1518 |         }
1519 |       }
1520 |     },
1521 |     "code": {
1522 |       "small": {
1523 |         "$value": {
1524 |           "fontFamily": "{typography.family.mono}",
1525 |           "fontSize": "{typography.scale.02}",
1526 |           "fontWeight": "{typography.weight.regular}",
1527 |           "letterSpacing": { "value": 0, "unit": "em" },
1528 |           "lineHeight": 1
1529 |         }
1530 |       },
1531 |       "medium": {
1532 |         "$value": {
1533 |           "fontFamily": "{typography.family.mono}",
1534 |           "fontSize": "{typography.scale.03}",
1535 |           "fontWeight": "{typography.weight.regular}",
1536 |           "letterSpacing": { "value": 0, "unit": "em" },
1537 |           "lineHeight": 1
1538 |         }
1539 |       },
1540 |       "large": {
1541 |         "$value": {
1542 |           "fontFamily": "{typography.family.mono}",
1543 |           "fontSize": "{typography.scale.04}",
1544 |           "fontWeight": "{typography.weight.regular}",
1545 |           "letterSpacing": { "value": 0, "unit": "em" },
1546 |           "lineHeight": 1
1547 |         }
1548 |       }
1549 |     },
1550 |     "family": {
1551 |       "$type": "fontFamily",
1552 |       "mono": { "$value": ["roboto mono", "monospace"] },
1553 |       "sans": { "$value": ["inter", "sans-serif"] },
1554 |       "serif": { "$value": ["noto serif", "serif"] }
1555 |     },
1556 |     "scale": {
1557 |       "$type": "dimension",
1558 |       "01": { "$value": { "value": 0.75, "unit": "rem" } },
1559 |       "02": { "$value": { "value": 0.875, "unit": "rem" } },
1560 |       "03": { "$value": { "value": 1, "unit": "rem" } },
1561 |       "04": { "$value": { "value": 1.25, "unit": "rem" } },
1562 |       "05": { "$value": { "value": 1.5, "unit": "rem" } },
1563 |       "06": { "$value": { "value": 2, "unit": "rem" } },
1564 |       "07": { "$value": { "value": 2.5, "unit": "rem" } },
1565 |       "08": { "$value": { "value": 3, "unit": "rem" } },
1566 |       "09": { "$value": { "value": 4, "unit": "rem" } },
1567 |       "10": { "$value": { "value": 4.5, "unit": "rem" } }
1568 |     },
1569 |     "weight": {
1570 |       "$type": "fontWeight",
1571 |       "thin": { "$value": 100 },
1572 |       "extralight": { "$value": 200 },
1573 |       "light": { "$value": 300 },
1574 |       "regular": { "$value": 400 },
1575 |       "medium": { "$value": 500 },
1576 |       "semibold": { "$value": 600 },
1577 |       "bold": { "$value": 700 },
1578 |       "extrabold": { "$value": 800 },
1579 |       "black": { "$value": 900 }
1580 |     }
1581 |   }
1582 | }
1583 | 


--------------------------------------------------------------------------------