npm - @cyberskill/design - Versions diffs - 2.6.0 → 2.7.0 - Mend

@cyberskill/design 2.6.0 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (324) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cyberskill/design",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -585,7 +585,11 @@
     "generate:entrypoint-languages": "node scripts/generate-entrypoint-languages.mjs",
     "build:component-css-index": "node scripts/generate-css-index.mjs",
     "test:release-documentation": "node _audit/ci/lib/run-browsers.mjs _audit/ci/test-release-documentation-browser.mjs",
-    "test:audit-regression": "node _audit/ci/verify-audit-benchmarks-browser.mjs"
+    "test:audit-regression": "node _audit/ci/verify-audit-benchmarks-browser.mjs",
+    "build:state-inventory": "node scripts/generate-state-inventory.mjs",
+    "test:state-inventory": "node _audit/ci/test-state-inventory.mjs",
+    "test:inline-edit-transitions": "node _audit/ci/lib/run-browsers.mjs _audit/ci/test-inline-edit-transitions-browser.mjs",
+    "test:picker-focus-ime": "node _audit/ci/lib/run-browsers.mjs _audit/ci/test-picker-focus-ime-browser.mjs"
   },
   "devDependencies": {
     "@babel/parser": "7.29.7",

package/styles/components/manifest.json CHANGED Viewed

@@ -7141,7 +7141,7 @@
     "components/ai/PromptInput.jsx": "af962b0e65d405a27e7742ebc0d76be3db0b92b90ac1f91e4eb0393b0caa0f97",
     "components/ai/PromptSuggestions.jsx": "c4c6fca2eb27fd7eb7357a75bc3df9191973eddb051bb0db4eb95a3fe9970345",
     "components/ai/TypingIndicator.jsx": "a367cad658005f314bb3e59a191c6edb5f464a65bc1f48e7e4769165ba35b39c",
-    "components/api-index.json": "468afbb6e09f78a1be6fe2b2b06bbd6ea30f4fa06abb835c191eb6490082854a",
+    "components/api-index.json": "cdca2a8f225147e27ca8b385023ffe6ba5628b614720cd658c94f5c833f53336",
     "components/brand/LumiAvatar.jsx": "aef2a9a8be4e4d6eb240d2a4bd6ca32b396fab995663750c812e3b38d228901c",
     "components/button/Button.jsx": "198c46d2c90a065d8510c5a64c38f292075483fdf65d05f36b671082934f3d4d",
     "components/button/ButtonGroup.jsx": "64726fc0b33a51126a02749314a5aa699da12afe0f9702472e3cdd3f4407f5e6",
@@ -7188,15 +7188,15 @@
     "components/feedback/Tag.jsx": "8b6415fd3811a97a82edb62391b0b78059f31ae09b93c92ac55868ca1b68f281",
     "components/feedback/Toast.jsx": "600f0efdcc28bfd5118533b75046f07ce72515ab4978386825c0bbc3e2919206",
     "components/forms/Calendar.jsx": "9300c818b4a4de7425600d8b54f8be62e3ca3e7a7e2c0f25fc3cff1b12dad2ce",
-    "components/forms/Cascader.jsx": "60217f041dd78ad4809a787920c0f0d56a6a383ae125ad2e691757b2af22abbf",
+    "components/forms/Cascader.jsx": "09380cc01ef61a3cc0fb0d4f065345f4e31a6cd197cd4a9d837ffdc144b22bde",
     "components/forms/Checkbox.jsx": "19491fd53a0a7c5a4fa3c9d449ee3c0b7f39af18565413a012a7a8f5e25425ee",
-    "components/forms/ColorPicker.jsx": "64da95eccfc3637b640edcb4271ae914a81f4e05cf7b528467ab5850a651ed4f",
+    "components/forms/ColorPicker.jsx": "90d7990c0e97ca31592bb7a48153d85944016b4424c0ac58837c8295c33d8695",
     "components/forms/Combobox.jsx": "bae42bd629700dcdb3173636184df3aa0181a4e4d5f0ae7447a630f6404e84d3",
     "components/forms/DatePicker.jsx": "7a2fadb7759ddd31d574114d8e967406dbf82117251b65b14adcab6e21996b32",
     "components/forms/Editor.jsx": "dcb9dd625cac6e80c96e3e5eca5e8e06e215c6151a8dbbfc63fc3754b4a7b4b9",
     "components/forms/FileUpload.jsx": "5a37afe44694bfe5c53fa199374d02ceddb20fc0f4a02eb2b427079254a0b0cb",
     "components/forms/Form.jsx": "fc33716feb9f7496abd4ab9a21af27920cf78d014bc33f8e79a7fbae5ba3ec3f",
-    "components/forms/InlineEdit.jsx": "45b36df70b179243e329684ce20f61ed8dd4fda75e11674d24797713c644d4f8",
+    "components/forms/InlineEdit.jsx": "9f242ef99af077e5c9b68d36cc9539fac0819e66f7995fa6a93ecb7793bf3484",
     "components/forms/InputGroup.jsx": "0bd2e8f408f1942386857b64244211049aa9c31636e881ef2e06c5eb5cc60f56",
     "components/forms/InputOTP.jsx": "fe278664ea6bc07ac293ff28fe2ab6e6d8d2e0fc1cc6ddd3c3e59e68c088dacc",
     "components/forms/Mentions.jsx": "324a1ef9e7b9adf50454063acffb19ec15adcbcec9ff1f760a15cae56f167f32",
@@ -7204,7 +7204,7 @@
     "components/forms/NumberField.jsx": "f2dfbf219d37f79f31a96b70240fc5946a7bb440006c4101356579044d50f350",
     "components/forms/RadioGroup.jsx": "b72f446770714b8032ebaeaf060418dae4133c882ea1c69412b87c0c6a1823d3",
     "components/forms/Rating.jsx": "3d545ce0192b31427088bfa3f5d8f29ff49e6eec2e5369cc8e72ef87645abdd3",
-    "components/forms/SearchField.jsx": "44a861064011a4ebf8cd1224d95b0404c44e4cb8a1685d5981f8009ff8a824de",
+    "components/forms/SearchField.jsx": "e48eec5e6f3d65719ea4f72e833d67a6b05d2cc6fb49b53a621d0e832f33838e",
     "components/forms/SegmentedControl.jsx": "acf7e576e1680065c505039b2599f0a8f1b49584d112efa3f4dc892f4cb5cd93",
     "components/forms/Select.jsx": "a87c83c2783177fdaa135bb576e772b2c10fd8517d574622d8b15ceb611452b1",
     "components/forms/Slider.jsx": "409856d4cdba4dff50810000c4b00350d65c801ec7f54a6dd74eef14dd01ca05",
@@ -7214,7 +7214,7 @@
     "components/forms/TimePicker.jsx": "0537c564b214b46fd3ddaa44caefc05b7accb1873987ade73b69c18d2456718e",
     "components/forms/Toggle.jsx": "0527c953307239cbd54847c3516833f53069540bd5a9ef3135792f4638c65006",
     "components/forms/Transfer.jsx": "2a1c824ff9a0bf3afa0c4b617832c4316322a3a1885ceb5b2dbf3a67b8ce05f4",
-    "components/forms/TreeSelect.jsx": "3d5d1ef69f6e24a4322ed1bf52c47c3430eaad1ab3fe5ac51b5b40ec5a09044f",
+    "components/forms/TreeSelect.jsx": "ab5bc70e1cb1ab10df72a39456e4f4ac88e7907c25cd1dde8ded1d9c5c8b31e3",
     "components/forms/editor-parser.js": "1306c442e12da6f336af52a813a94b2c91214b84db66127f9e79c3e3b1da7d98",
     "components/forms/editor-schema.js": "a996ec9b4b885c2d6b0e15b85d930d8a1270ba395c69b0238bd352986dfb2077",
     "components/i18n/LocaleProvider.jsx": "5545f338df720c75bb9cf6c421edd17d491411c60e0d6727189d184740074e96",
@@ -7278,7 +7278,7 @@
     "fonts/spacegrotesk-var-latin-ext.woff2": "054c266fbb441ee059365dba0885d206f67ca05b375de869b88e02ebfccc9b9d",
     "fonts/spacegrotesk-var-latin.woff2": "9edad0c033651c6cd4d87654b7c5d11d7b6ec1e3f3578d7c7af76ab6e9f55dfc",
     "fonts/spacegrotesk-var-vietnamese.woff2": "d699664b145bfeeccc66a4cce7fa55e14eb63efd7ec6b0b2ec52e25dd98f3917",
-    "package-lock.json": "84b9d2fea08c2112e04d361484783024c5763331673a425b5afd2bef7e8bc6a4",
+    "package-lock.json": "a5eaa4313cfcacf3036c7cae1b4fb776b14d57c9a79d5465fc9ff922ef8dc2c3",
     "scripts/generate-component-css-entries.mjs": "5bc04d592e6f2837ce87e14e530a8ce39775cb45577c1234e292e09b1625d55b",
     "scripts/lib/component-css-entries.mjs": "6073b63e689b7e8007919afad424da3686bfc8f755f9ef755fbe287906ea9f06",
     "scripts/lib/component-css-graph.mjs": "44af4648d10a472927d9a42afd307c1ea57063ccacdf8f43a90a9a8424f00b0f",

package/tokens/element-seeds.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "$meta": {
     "system": "CyberSkill Design System",
-    "version": "2.6.0",
+    "version": "2.7.0",
     "note": "OKLCH seed contract for the 15 element packs × light/dark (30 sets). SoT for scripts/generate-element-packs.mjs — do not hand-edit tokens/elements.css. Owner bar (Jul 2026): soft/middle/deep clearly distinct; middle intensity synced across elements; harmonious role palettes; light↔dark same-hue identity. Public variant names unchanged."
   },
   "intensity": {

package/tokens/modes/dark__default__comfortable__high.dtcg.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"$description":"Standalone resolved CyberSkill token values and intra-document aliases for one explicit mode. Select this document using the versioned companion index; this document defines no DTCG mode extension.","$extensions":{"com.cyberskill":{"format":"https://www.designtokens.org/tr/2025.10/format/","sourceHash":"76f5c99f00a24da46281d7523f45b3828439c30338480a417e421fd878507101","modeId":"dark__default__comfortable__high"}},"color":{"--cs-color-brand-umber":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.270588,0.129412,0.054902],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.270588 0.129412 0.054902 / 1)","resolvedSourceCss":"#45210E"}}},"--cs-color-brand-ochre":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 1)","resolvedSourceCss":"#F4BA17"}}},"--cs-color-surface-page":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-color-surface-panel":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.133333,0.090196,0.062745],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.133333 0.090196 0.062745 / 1)","resolvedSourceCss":"#221710"}}},"--cs-color-surface-raised":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.168627,0.117647,0.078431],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.168627 0.117647 0.078431 / 1)","resolvedSourceCss":"#2b1e14"}}},"--cs-color-text-primary":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.960784,0.917647,0.85098],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.960784 0.917647 0.85098 / 1)","resolvedSourceCss":"#f5ead9"}}},"--cs-color-text-inverse":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-color-text-accent":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.996078,0.803922,0.364706],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.996078 0.803922 0.364706 / 1)","resolvedSourceCss":"#FECD5D"}}},"--cs-color-text-muted":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.960784,0.917647,0.85098],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.960784 0.917647 0.85098 / 1)","resolvedSourceCss":"#F5EAD9"}}},"--cs-color-semantic-success":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.290196,0.870588,0.501961],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.290196 0.870588 0.501961 / 1)","resolvedSourceCss":"#4ADE80"}}},"--cs-color-semantic-danger":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.988235,0.596078,0.584314],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.988235 0.596078 0.584314 / 1)","resolvedSourceCss":"#FC9895"}}},"--cs-color-semantic-warning":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.984314,0.74902,0.141176],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.984314 0.74902 0.141176 / 1)","resolvedSourceCss":"#FBBF24"}}},"--cs-color-semantic-info":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.709804,0.831373,0.992157],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.709804 0.831373 0.992157 / 1)","resolvedSourceCss":"#B5D4FD"}}},"--cs-color-semantic-success-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-color-semantic-danger-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-color-semantic-warning-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-color-semantic-info-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-color-accent-ochre":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 1)","resolvedSourceCss":"#F4BA17"}}},"--cs-color-border-default":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.478431,0.392157,0.313725],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.478431 0.392157 0.313725 / 1)","resolvedSourceCss":"#7a6450"}}},"--cs-color-link":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.996078,0.803922,0.364706],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.996078 0.803922 0.364706 / 1)","resolvedSourceCss":"#FECD5D"}}},"--cs-color-link-hover":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.960784,0.917647,0.85098],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.960784 0.917647 0.85098 / 1)","resolvedSourceCss":"#f5ead9"}}},"--cs-color-semantic-success-text":{"$type":"color","$description":"success text on page, panel and raised surfaces. Separate from semantic fill; never elemental.","$value":{"colorSpace":"srgb","components":[0.407843,0.968627,0.596078],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.407843 0.968627 0.596078 / 1)","resolvedSourceCss":"#68F798"}}},"--cs-color-semantic-danger-text":{"$type":"color","$description":"danger text on page, panel and raised surfaces. Separate from semantic fill; never elemental.","$value":{"colorSpace":"srgb","components":[1,0.823529,0.811765],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 0.823529 0.811765 / 1)","resolvedSourceCss":"#FFD2CF"}}},"--cs-color-semantic-warning-text":{"$type":"color","$description":"warning text on page, panel and raised surfaces. Separate from semantic fill; never elemental.","$value":{"colorSpace":"srgb","components":[1,0.847059,0.529412],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 0.847059 0.529412 / 1)","resolvedSourceCss":"#FFD887"}}},"--cs-color-semantic-info-text":{"$type":"color","$description":"info text on page, panel and raised surfaces. Separate from semantic fill; never elemental.","$value":{"colorSpace":"srgb","components":[0.780392,0.87451,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.780392 0.87451 1 / 1)","resolvedSourceCss":"#C7DFFF"}}}},"component":{"--cs-component-button-primary-bg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 1)","resolvedSourceCss":"#f4ba17"}}},"--cs-component-button-primary-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-component-button-gap":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-component-button-radius":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-component-button-xs-paddingY":{"$type":"dimension","$value":{"value":4,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"4px"}}},"--cs-component-button-xs-paddingX":{"$type":"dimension","$value":{"value":10,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"10px"}}},"--cs-component-button-xs-minHeight":{"$type":"dimension","$value":{"value":28,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"28px"}}},"--cs-component-button-xs-minWidth":{"$type":"dimension","$value":{"value":28,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"28px"}}},"--cs-component-button-xs-minHeight-coarse":{"$type":"dimension","$value":{"value":44,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"44px"}}},"--cs-component-button-sm-paddingY":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-component-button-sm-paddingX":{"$type":"dimension","$value":{"value":14,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"14px"}}},"--cs-component-button-sm-minHeight":{"$type":"dimension","$value":{"value":36,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"36px"}}},"--cs-component-button-sm-minHeight-coarse":{"$type":"dimension","$value":{"value":44,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"44px"}}},"--cs-component-button-md-paddingY":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-component-button-md-paddingX":{"$type":"dimension","$value":{"value":20,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"20px"}}},"--cs-component-button-md-minHeight":{"$type":"dimension","$value":{"value":44,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"44px"}}},"--cs-component-button-md-minHeight-coarse":{"$type":"dimension","$value":{"value":44,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"44px"}}},"--cs-component-button-lg-paddingY":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-component-button-lg-paddingX":{"$type":"dimension","$value":{"value":28,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"28px"}}},"--cs-component-button-lg-minHeight":{"$type":"dimension","$value":{"value":52,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"52px"}}},"--cs-component-textfield-border-default":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.352941,0.27451,0.211765],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.352941 0.27451 0.211765 / 1)","resolvedSourceCss":"#5a4636"}}},"--cs-component-textfield-paddingY":{"$type":"dimension","$value":{"value":10,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"10px"}}},"--cs-component-textfield-paddingX":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-component-textfield-minHeight":{"$type":"dimension","$value":{"value":44,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"44px"}}},"--cs-focus-ring":{"$type":"dimension","$value":{"value":3,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"3px"}}},"--cs-component-button-xs-padding-y":{"$type":"dimension","$description":"Owns the value. --cs-component-button-xs-paddingY reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-xs-paddingY","nativeName":"componentButtonXsPaddingYAlias","css":"var(--cs-component-button-xs-paddingY)","resolvedSourceCss":"4px"}},"$value":"{component.--cs-component-button-xs-paddingY}"},"--cs-component-button-xs-padding-x":{"$type":"dimension","$description":"Owns the value. --cs-component-button-xs-paddingX reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-xs-paddingX","nativeName":"componentButtonXsPaddingXAlias","css":"var(--cs-component-button-xs-paddingX)","resolvedSourceCss":"10px"}},"$value":"{component.--cs-component-button-xs-paddingX}"},"--cs-component-button-xs-min-height":{"$type":"dimension","$description":"Owns the value. --cs-component-button-xs-minHeight reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-xs-minHeight","nativeName":"componentButtonXsMinHeightAlias","css":"var(--cs-component-button-xs-minHeight)","resolvedSourceCss":"28px"}},"$value":"{component.--cs-component-button-xs-minHeight}"},"--cs-component-button-xs-min-width":{"$type":"dimension","$description":"Owns the value. --cs-component-button-xs-minWidth reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-xs-minWidth","nativeName":"componentButtonXsMinWidthAlias","css":"var(--cs-component-button-xs-minWidth)","resolvedSourceCss":"28px"}},"$value":"{component.--cs-component-button-xs-minWidth}"},"--cs-component-button-xs-min-height-coarse":{"$type":"dimension","$description":"Owns the value. --cs-component-button-xs-minHeight-coarse reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-xs-minHeight-coarse","nativeName":"componentButtonXsMinHeightCoarseAlias","css":"var(--cs-component-button-xs-minHeight-coarse)","resolvedSourceCss":"44px"}},"$value":"{component.--cs-component-button-xs-minHeight-coarse}"},"--cs-component-button-sm-padding-y":{"$type":"dimension","$description":"Owns the value. --cs-component-button-sm-paddingY reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-sm-paddingY","nativeName":"componentButtonSmPaddingYAlias","css":"var(--cs-component-button-sm-paddingY)","resolvedSourceCss":"8px"}},"$value":"{component.--cs-component-button-sm-paddingY}"},"--cs-component-button-sm-padding-x":{"$type":"dimension","$description":"Owns the value. --cs-component-button-sm-paddingX reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-sm-paddingX","nativeName":"componentButtonSmPaddingXAlias","css":"var(--cs-component-button-sm-paddingX)","resolvedSourceCss":"14px"}},"$value":"{component.--cs-component-button-sm-paddingX}"},"--cs-component-button-sm-min-height":{"$type":"dimension","$description":"Owns the value. --cs-component-button-sm-minHeight reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-sm-minHeight","nativeName":"componentButtonSmMinHeightAlias","css":"var(--cs-component-button-sm-minHeight)","resolvedSourceCss":"36px"}},"$value":"{component.--cs-component-button-sm-minHeight}"},"--cs-component-button-sm-min-height-coarse":{"$type":"dimension","$description":"Owns the value. --cs-component-button-sm-minHeight-coarse reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-sm-minHeight-coarse","nativeName":"componentButtonSmMinHeightCoarseAlias","css":"var(--cs-component-button-sm-minHeight-coarse)","resolvedSourceCss":"44px"}},"$value":"{component.--cs-component-button-sm-minHeight-coarse}"},"--cs-component-button-md-padding-y":{"$type":"dimension","$description":"Owns the value. --cs-component-button-md-paddingY reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-md-paddingY","nativeName":"componentButtonMdPaddingYAlias","css":"var(--cs-component-button-md-paddingY)","resolvedSourceCss":"12px"}},"$value":"{component.--cs-component-button-md-paddingY}"},"--cs-component-button-md-padding-x":{"$type":"dimension","$description":"Owns the value. --cs-component-button-md-paddingX reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-md-paddingX","nativeName":"componentButtonMdPaddingXAlias","css":"var(--cs-component-button-md-paddingX)","resolvedSourceCss":"20px"}},"$value":"{component.--cs-component-button-md-paddingX}"},"--cs-component-button-md-min-height":{"$type":"dimension","$description":"Owns the value. --cs-component-button-md-minHeight reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-md-minHeight","nativeName":"componentButtonMdMinHeightAlias","css":"var(--cs-component-button-md-minHeight)","resolvedSourceCss":"44px"}},"$value":"{component.--cs-component-button-md-minHeight}"},"--cs-component-button-md-min-height-coarse":{"$type":"dimension","$description":"Owns the value. --cs-component-button-md-minHeight-coarse reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-md-minHeight-coarse","nativeName":"componentButtonMdMinHeightCoarseAlias","css":"var(--cs-component-button-md-minHeight-coarse)","resolvedSourceCss":"44px"}},"$value":"{component.--cs-component-button-md-minHeight-coarse}"},"--cs-component-button-lg-padding-y":{"$type":"dimension","$description":"Owns the value. --cs-component-button-lg-paddingY reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-lg-paddingY","nativeName":"componentButtonLgPaddingYAlias","css":"var(--cs-component-button-lg-paddingY)","resolvedSourceCss":"16px"}},"$value":"{component.--cs-component-button-lg-paddingY}"},"--cs-component-button-lg-padding-x":{"$type":"dimension","$description":"Owns the value. --cs-component-button-lg-paddingX reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-lg-paddingX","nativeName":"componentButtonLgPaddingXAlias","css":"var(--cs-component-button-lg-paddingX)","resolvedSourceCss":"28px"}},"$value":"{component.--cs-component-button-lg-paddingX}"},"--cs-component-button-lg-min-height":{"$type":"dimension","$description":"Owns the value. --cs-component-button-lg-minHeight reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-lg-minHeight","nativeName":"componentButtonLgMinHeightAlias","css":"var(--cs-component-button-lg-minHeight)","resolvedSourceCss":"52px"}},"$value":"{component.--cs-component-button-lg-minHeight}"},"--cs-component-textfield-padding-y":{"$type":"dimension","$description":"Owns the value. --cs-component-textfield-paddingY reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-textfield-paddingY","nativeName":"componentTextfieldPaddingYAlias","css":"var(--cs-component-textfield-paddingY)","resolvedSourceCss":"10px"}},"$value":"{component.--cs-component-textfield-paddingY}"},"--cs-component-textfield-padding-x":{"$type":"dimension","$description":"Owns the value. --cs-component-textfield-paddingX reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-textfield-paddingX","nativeName":"componentTextfieldPaddingXAlias","css":"var(--cs-component-textfield-paddingX)","resolvedSourceCss":"12px"}},"$value":"{component.--cs-component-textfield-paddingX}"},"--cs-component-textfield-min-height":{"$type":"dimension","$description":"Owns the value. --cs-component-textfield-minHeight reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-textfield-minHeight","nativeName":"componentTextfieldMinHeightAlias","css":"var(--cs-component-textfield-minHeight)","resolvedSourceCss":"44px"}},"$value":"{component.--cs-component-textfield-minHeight}"}},"accent":{"--cs-accent":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 1)","resolvedSourceCss":"#F4BA17"}}},"--cs-accent-strong":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.568627,0.427451,0.066667],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.568627 0.427451 0.066667 / 1)","resolvedSourceCss":"#916D11"}}},"--cs-accent-bright":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 1)","resolvedSourceCss":"#F4BA17"}}},"--cs-accent-on":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.270588,0.129412,0.054902],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.270588 0.129412 0.054902 / 1)","resolvedSourceCss":"#45210E"}}},"--cs-accent-tint":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.984314,0.956863,0.913725],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.984314 0.956863 0.913725 / 1)","resolvedSourceCss":"#FBF4E9"}}},"--cs-accent-ink":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.270588,0.129412,0.054902],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.270588 0.129412 0.054902 / 1)","resolvedSourceCss":"#45210E"}}},"--cs-accent-glow":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":0.48},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 0.48)","resolvedSourceCss":"rgba(244, 186, 23, 0.48)"}}},"--cs-accent-grad-a":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 1)","resolvedSourceCss":"#F4BA17"}}},"--cs-accent-grad-b":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.768627,0.717647,0.560784],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.768627 0.717647 0.560784 / 1)","resolvedSourceCss":"#C4B78F"}}},"--cs-accent-on-strong":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}}},"depth":{"--cs-depth-bg":{"$type":"number","$value":0,"$extensions":{"com.cyberskill":{"css":"0"}}},"--cs-depth-section":{"$type":"number","$value":5,"$extensions":{"com.cyberskill":{"css":"5"}}},"--cs-depth-card":{"$type":"number","$value":10,"$extensions":{"com.cyberskill":{"css":"10"}}},"--cs-depth-nav":{"$type":"number","$value":50,"$extensions":{"com.cyberskill":{"css":"50"}}},"--cs-depth-modal":{"$type":"number","$value":100,"$extensions":{"com.cyberskill":{"css":"100"}}},"--cs-depth-toast":{"$type":"number","$value":200,"$extensions":{"com.cyberskill":{"css":"200"}}},"--cs-depth-dropdown":{"$type":"number","$value":60,"$extensions":{"com.cyberskill":{"css":"60"}}},"--cs-depth-overlay":{"$type":"number","$value":80,"$extensions":{"com.cyberskill":{"css":"80"}}}},"glass":{"--cs-glass-whisper-blur":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-glass-whisper-saturate":{"$type":"number","$description":"Backdrop saturate() multiplier of the whisper glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 110% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":1.1,"$extensions":{"com.cyberskill":{"css":"1.1","resolvedSourceCss":"110%"}}},"--cs-glass-whisper-opacity":{"$type":"number","$description":"Surface opacity of the whisper glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 60% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":0.6,"$extensions":{"com.cyberskill":{"css":"0.6","resolvedSourceCss":"60%"}}},"--cs-glass-light-blur":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-glass-light-saturate":{"$type":"number","$description":"Backdrop saturate() multiplier of the light glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 130% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":1.3,"$extensions":{"com.cyberskill":{"css":"1.3","resolvedSourceCss":"130%"}}},"--cs-glass-light-opacity":{"$type":"number","$description":"Surface opacity of the light glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 70% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":0.7,"$extensions":{"com.cyberskill":{"css":"0.7","resolvedSourceCss":"70%"}}},"--cs-glass-standard-blur":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-glass-standard-saturate":{"$type":"number","$description":"Backdrop saturate() multiplier of the standard glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 150% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":1.5,"$extensions":{"com.cyberskill":{"css":"1.5","resolvedSourceCss":"150%"}}},"--cs-glass-standard-opacity":{"$type":"number","$description":"Surface opacity of the standard glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 80% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":0.8,"$extensions":{"com.cyberskill":{"css":"0.8","resolvedSourceCss":"80%"}}},"--cs-glass-heavy-blur":{"$type":"dimension","$value":{"value":24,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"24px"}}},"--cs-glass-heavy-saturate":{"$type":"number","$description":"Backdrop saturate() multiplier of the heavy glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 180% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":1.8,"$extensions":{"com.cyberskill":{"css":"1.8","resolvedSourceCss":"180%"}}},"--cs-glass-heavy-opacity":{"$type":"number","$description":"Surface opacity of the heavy glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 90% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":0.9,"$extensions":{"com.cyberskill":{"css":"0.9","resolvedSourceCss":"90%"}}}},"shadow":{"--cs-shadow-xs":{"$type":"shadow","$description":"Structured from the CSS box-shadow string in tokens/elevation.css; the raw CSS form (native/agent emission source) is preserved in $extensions[\"com.cyberskill\"].css.","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.4},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":2,"unit":"px"},"spread":{"value":0,"unit":"px"}},"$extensions":{"com.cyberskill":{"css":"0 1px 2px rgba(0, 0, 0, 0.40)","nativeFormat":"css"}}},"--cs-shadow-sm":{"$type":"shadow","$description":"Structured from the CSS box-shadow string in tokens/elevation.css; the raw CSS form (native/agent emission source) is preserved in $extensions[\"com.cyberskill\"].css.","$value":[{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.34},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":3,"unit":"px"},"spread":{"value":0,"unit":"px"}},{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.42},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":8,"unit":"px"},"blur":{"value":24,"unit":"px"},"spread":{"value":0,"unit":"px"}}],"$extensions":{"com.cyberskill":{"css":"0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42)","nativeFormat":"css"}}},"--cs-shadow-md":{"$type":"shadow","$description":"Structured from the CSS box-shadow string in tokens/elevation.css; the raw CSS form (native/agent emission source) is preserved in $extensions[\"com.cyberskill\"].css.","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.5},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":12,"unit":"px"},"blur":{"value":30,"unit":"px"},"spread":{"value":0,"unit":"px"}},"$extensions":{"com.cyberskill":{"css":"0 12px 30px rgba(0, 0, 0, 0.50)","nativeFormat":"css"}}},"--cs-shadow-lg":{"$type":"shadow","$description":"Structured from the CSS box-shadow string in tokens/elevation.css; the raw CSS form (native/agent emission source) is preserved in $extensions[\"com.cyberskill\"].css.","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.55},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":20,"unit":"px"},"blur":{"value":60,"unit":"px"},"spread":{"value":0,"unit":"px"}},"$extensions":{"com.cyberskill":{"css":"0 20px 60px rgba(0, 0, 0, 0.55)","nativeFormat":"css"}}},"--cs-shadow-xl":{"$type":"shadow","$description":"Structured from the CSS box-shadow string in tokens/elevation.css; the raw CSS form (native/agent emission source) is preserved in $extensions[\"com.cyberskill\"].css.","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.62},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":24,"unit":"px"},"blur":{"value":80,"unit":"px"},"spread":{"value":0,"unit":"px"}},"$extensions":{"com.cyberskill":{"css":"0 24px 80px rgba(0, 0, 0, 0.62)","nativeFormat":"css"}}}},"duration":{"--cs-duration-instant":{"$type":"duration","$value":{"value":80,"unit":"ms"},"$extensions":{"com.cyberskill":{"css":"80ms"}}},"--cs-duration-fast":{"$type":"duration","$value":{"value":120,"unit":"ms"},"$extensions":{"com.cyberskill":{"css":"120ms"}}},"--cs-duration-base":{"$type":"duration","$value":{"value":200,"unit":"ms"},"$extensions":{"com.cyberskill":{"css":"200ms"}}},"--cs-duration-slow":{"$type":"duration","$value":{"value":320,"unit":"ms"},"$extensions":{"com.cyberskill":{"css":"320ms"}}}},"ease":{"--cs-ease-standard":{"$type":"cubicBezier","$value":[0.2,0,0,1],"$extensions":{"com.cyberskill":{"css":"cubic-bezier(0.2, 0, 0, 1)"}}},"--cs-ease-entrance":{"$type":"cubicBezier","$value":[0,0,0,1],"$extensions":{"com.cyberskill":{"css":"cubic-bezier(0, 0, 0, 1)"}}},"--cs-ease-exit":{"$type":"cubicBezier","$value":[0.4,0,1,1],"$extensions":{"com.cyberskill":{"css":"cubic-bezier(0.4, 0, 1, 1)"}}},"--cs-ease-emphasized":{"$type":"cubicBezier","$value":[0.2,0,0,1],"$extensions":{"com.cyberskill":{"css":"cubic-bezier(0.2, 0, 0, 1)"}}}},"space":{"--cs-space-0":{"$type":"dimension","$value":{"value":0,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"0px"}}},"--cs-space-1":{"$type":"dimension","$value":{"value":4,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"4px"}}},"--cs-space-2":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-space-3":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-space-4":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-space-5":{"$type":"dimension","$value":{"value":20,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"20px"}}},"--cs-space-6":{"$type":"dimension","$value":{"value":24,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"24px"}}},"--cs-space-8":{"$type":"dimension","$value":{"value":32,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"32px"}}},"--cs-space-10":{"$type":"dimension","$value":{"value":40,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"40px"}}},"--cs-space-12":{"$type":"dimension","$value":{"value":48,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"48px"}}},"--cs-space-16":{"$type":"dimension","$value":{"value":64,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"64px"}}},"--cs-space-20":{"$type":"dimension","$value":{"value":80,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"80px"}}},"--cs-space-24":{"$type":"dimension","$value":{"value":96,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"96px"}}}},"radius":{"--cs-radius-sm":{"$type":"dimension","$value":{"value":4,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"4px"}}},"--cs-radius-md":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-radius-lg":{"$type":"dimension","$value":{"value":14,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"14px"}}},"--cs-radius-full":{"$type":"dimension","$value":{"value":999,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"999px"}}}},"breakpoint":{"--cs-breakpoint-xs":{"$type":"dimension","$value":{"value":0,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"0px"}}},"--cs-breakpoint-phone":{"$type":"dimension","$description":"Justified small-phone / 320-reflow stop (UX-003).","$value":{"value":360,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"360px"}}},"--cs-breakpoint-sm":{"$type":"dimension","$value":{"value":640,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"640px"}}},"--cs-breakpoint-md":{"$type":"dimension","$value":{"value":768,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"768px"}}},"--cs-breakpoint-lg":{"$type":"dimension","$value":{"value":1024,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"1024px"}}},"--cs-breakpoint-xl":{"$type":"dimension","$value":{"value":1280,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"1280px"}}},"--cs-breakpoint-2xl":{"$type":"dimension","$value":{"value":1536,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"1536px"}}}},"container":{"--cs-container-max":{"$type":"dimension","$value":{"value":1320,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"1320px"}}},"--cs-prose-measure":{"$type":"dimension","$description":"Readable prose measure for long-form kit/tool copy (UX-024). Web CSS may prefer ch; rem keeps native mirrors convertible.","$value":{"value":45,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"45rem"}}},"--cs-scroll-padding-block-start":{"$type":"dimension","$description":"Focus-not-obscured scroll offset (WCAG 2.2 AA) — sticky nav / bottom bars.","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-scroll-padding-block-end":{"$type":"dimension","$description":"Focus-not-obscured scroll offset (WCAG 2.2 AA) — sticky nav / bottom bars.","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}}},"font":{"--cs-font-family-ui":{"$type":"fontFamily","$value":["Be Vietnam Pro","ui-sans-serif","system-ui","sans-serif"],"$extensions":{"com.cyberskill":{"css":"'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif"}}},"--cs-font-family-display":{"$type":"fontFamily","$value":["Space Grotesk","Be Vietnam Pro","ui-sans-serif","system-ui","sans-serif"],"$extensions":{"com.cyberskill":{"css":"'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif"}}},"--cs-font-family-mono":{"$type":"fontFamily","$value":["JetBrains Mono","ui-monospace","SFMono-Regular","Menlo","Consolas","monospace"],"$extensions":{"com.cyberskill":{"css":"'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"}}},"--cs-font-weight-regular":{"$type":"number","$value":400,"$extensions":{"com.cyberskill":{"css":"400"}}},"--cs-font-weight-medium":{"$type":"number","$value":500,"$extensions":{"com.cyberskill":{"css":"500"}}},"--cs-font-weight-semibold":{"$type":"number","$value":600,"$extensions":{"com.cyberskill":{"css":"600"}}},"--cs-font-weight-bold":{"$type":"number","$value":700,"$extensions":{"com.cyberskill":{"css":"700"}}},"--cs-font-weight-extrabold":{"$type":"number","$value":800,"$extensions":{"com.cyberskill":{"css":"800"}}},"--cs-font-lineHeight-body":{"$type":"number","$value":1.5,"$extensions":{"com.cyberskill":{"css":"1.5"}}},"--cs-font-lineHeight-heading":{"$type":"number","$value":1.35,"$extensions":{"com.cyberskill":{"css":"1.35"}}},"--cs-font-lineHeight-tight":{"$type":"number","$value":1.15,"$extensions":{"com.cyberskill":{"css":"1.15"}}},"--cs-font-size-2xs":{"$type":"dimension","$description":"Micro numerals (11px)","$value":{"value":0.6875,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.6875rem"}}},"--cs-font-size-xs":{"$type":"dimension","$value":{"value":0.75,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.75rem"}}},"--cs-font-size-sm":{"$type":"dimension","$value":{"value":0.875,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.875rem"}}},"--cs-font-size-base":{"$type":"dimension","$value":{"value":1,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1rem"}}},"--cs-font-size-md":{"$type":"dimension","$value":{"value":1.125,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.125rem"}}},"--cs-font-size-lg":{"$type":"dimension","$value":{"value":1.25,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.25rem"}}},"--cs-font-size-xl":{"$type":"dimension","$value":{"value":1.5,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.5rem"}}},"--cs-font-size-2xl":{"$type":"dimension","$value":{"value":1.875,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.875rem"}}},"--cs-font-size-3xl":{"$type":"dimension","$value":{"value":2.25,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"2.25rem"}}},"--cs-font-size-4xl":{"$type":"dimension","$value":{"value":3,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"3rem"}}},"--cs-font-size-5xl":{"$type":"dimension","$value":{"value":3.75,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"3.75rem"}}},"--cs-font-line-height-body":{"$type":"number","$description":"Owns the value. --cs-font-lineHeight-body reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-font-lineHeight-body","nativeName":"fontLineHeightBodyAlias","css":"var(--cs-font-lineHeight-body)","resolvedSourceCss":"1.5"}},"$value":"{font.--cs-font-lineHeight-body}"},"--cs-font-line-height-heading":{"$type":"number","$description":"Owns the value. --cs-font-lineHeight-heading reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-font-lineHeight-heading","nativeName":"fontLineHeightHeadingAlias","css":"var(--cs-font-lineHeight-heading)","resolvedSourceCss":"1.35"}},"$value":"{font.--cs-font-lineHeight-heading}"},"--cs-font-line-height-tight":{"$type":"number","$description":"Owns the value. --cs-font-lineHeight-tight reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-font-lineHeight-tight","nativeName":"fontLineHeightTightAlias","css":"var(--cs-font-lineHeight-tight)","resolvedSourceCss":"1.15"}},"$value":"{font.--cs-font-lineHeight-tight}"}},"text":{"--cs-text-display":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":3.75,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"3.75rem"}}},"--cs-text-h1":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":2.25,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"2.25rem"}}},"--cs-text-h2":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":1.875,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.875rem"}}},"--cs-text-h3":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":1.5,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.5rem"}}},"--cs-text-h4":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":1.25,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.25rem"}}},"--cs-text-body-lg":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":1.125,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.125rem"}}},"--cs-text-body":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":1,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1rem"}}},"--cs-text-secondary":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":0.875,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.875rem"}}},"--cs-text-micro":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":0.6875,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.6875rem"}}},"--cs-text-caption":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":0.75,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.75rem"}}},"--cs-text-eyebrow":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":0.75,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.75rem"}}}},"letter":{"--cs-letter-spacing-normal":{"$type":"number","$value":0,"$extensions":{"com.cyberskill":{"css":"0"}}}},"heading":{"--cs-heading-family":{"$type":"fontFamily","$value":["Be Vietnam Pro","ui-sans-serif","system-ui","sans-serif"],"$extensions":{"com.cyberskill":{"css":"'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif"}}},"--cs-heading-weight-strong":{"$type":"number","$value":800,"$extensions":{"com.cyberskill":{"css":"800"}}},"--cs-heading-weight":{"$type":"number","$value":700,"$extensions":{"com.cyberskill":{"css":"700"}}}},"icon":{"--cs-icon-sm":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-icon-md":{"$type":"dimension","$value":{"value":20,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"20px"}}},"--cs-icon-lg":{"$type":"dimension","$value":{"value":24,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"24px"}}}},"doc":{"--cs-doc-ink":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.086275,0.078431],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.086275 0.078431 / 1)","resolvedSourceCss":"#1A1614"}}},"--cs-doc-slate":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.14902,0.196078,0.227451],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.14902 0.196078 0.227451 / 1)","resolvedSourceCss":"#26323A"}}},"--cs-doc-fill":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.992157,0.901961,0.541176],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.992157 0.901961 0.541176 / 1)","resolvedSourceCss":"#FDE68A"}}},"--cs-doc-fill-ink":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.086275,0.078431],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.086275 0.078431 / 1)","resolvedSourceCss":"#1A1614"}}}},"density":{"--cs-density-space-1":{"$type":"dimension","$value":{"value":4,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"4px"}}},"--cs-density-space-2":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-density-space-3":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-density-space-4":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-density-space-5":{"$type":"dimension","$value":{"value":20,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"20px"}}},"--cs-density-space-6":{"$type":"dimension","$value":{"value":24,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"24px"}}},"--cs-density-control-gap":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}}}}
1	+ {"$description":"Standalone resolved CyberSkill token values and intra-document aliases for one explicit mode. Select this document using the versioned companion index; this document defines no DTCG mode extension.","$extensions":{"com.cyberskill":{"format":"https://www.designtokens.org/tr/2025.10/format/","sourceHash":"37876b5d29bf29ed58dcc16fa85156a627bff52a3a0face3198b8b6092868af4","modeId":"dark__default__comfortable__high"}},"color":{"--cs-color-brand-umber":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.270588,0.129412,0.054902],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.270588 0.129412 0.054902 / 1)","resolvedSourceCss":"#45210E"}}},"--cs-color-brand-ochre":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 1)","resolvedSourceCss":"#F4BA17"}}},"--cs-color-surface-page":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-color-surface-panel":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.133333,0.090196,0.062745],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.133333 0.090196 0.062745 / 1)","resolvedSourceCss":"#221710"}}},"--cs-color-surface-raised":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.168627,0.117647,0.078431],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.168627 0.117647 0.078431 / 1)","resolvedSourceCss":"#2b1e14"}}},"--cs-color-text-primary":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.960784,0.917647,0.85098],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.960784 0.917647 0.85098 / 1)","resolvedSourceCss":"#f5ead9"}}},"--cs-color-text-inverse":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-color-text-accent":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.996078,0.803922,0.364706],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.996078 0.803922 0.364706 / 1)","resolvedSourceCss":"#FECD5D"}}},"--cs-color-text-muted":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.960784,0.917647,0.85098],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.960784 0.917647 0.85098 / 1)","resolvedSourceCss":"#F5EAD9"}}},"--cs-color-semantic-success":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.290196,0.870588,0.501961],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.290196 0.870588 0.501961 / 1)","resolvedSourceCss":"#4ADE80"}}},"--cs-color-semantic-danger":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.988235,0.596078,0.584314],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.988235 0.596078 0.584314 / 1)","resolvedSourceCss":"#FC9895"}}},"--cs-color-semantic-warning":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.984314,0.74902,0.141176],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.984314 0.74902 0.141176 / 1)","resolvedSourceCss":"#FBBF24"}}},"--cs-color-semantic-info":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.709804,0.831373,0.992157],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.709804 0.831373 0.992157 / 1)","resolvedSourceCss":"#B5D4FD"}}},"--cs-color-semantic-success-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-color-semantic-danger-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-color-semantic-warning-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-color-semantic-info-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-color-accent-ochre":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 1)","resolvedSourceCss":"#F4BA17"}}},"--cs-color-border-default":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.478431,0.392157,0.313725],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.478431 0.392157 0.313725 / 1)","resolvedSourceCss":"#7a6450"}}},"--cs-color-link":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.996078,0.803922,0.364706],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.996078 0.803922 0.364706 / 1)","resolvedSourceCss":"#FECD5D"}}},"--cs-color-link-hover":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.960784,0.917647,0.85098],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.960784 0.917647 0.85098 / 1)","resolvedSourceCss":"#f5ead9"}}},"--cs-color-semantic-success-text":{"$type":"color","$description":"success text on page, panel and raised surfaces. Separate from semantic fill; never elemental.","$value":{"colorSpace":"srgb","components":[0.407843,0.968627,0.596078],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.407843 0.968627 0.596078 / 1)","resolvedSourceCss":"#68F798"}}},"--cs-color-semantic-danger-text":{"$type":"color","$description":"danger text on page, panel and raised surfaces. Separate from semantic fill; never elemental.","$value":{"colorSpace":"srgb","components":[1,0.823529,0.811765],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 0.823529 0.811765 / 1)","resolvedSourceCss":"#FFD2CF"}}},"--cs-color-semantic-warning-text":{"$type":"color","$description":"warning text on page, panel and raised surfaces. Separate from semantic fill; never elemental.","$value":{"colorSpace":"srgb","components":[1,0.847059,0.529412],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 0.847059 0.529412 / 1)","resolvedSourceCss":"#FFD887"}}},"--cs-color-semantic-info-text":{"$type":"color","$description":"info text on page, panel and raised surfaces. Separate from semantic fill; never elemental.","$value":{"colorSpace":"srgb","components":[0.780392,0.87451,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.780392 0.87451 1 / 1)","resolvedSourceCss":"#C7DFFF"}}}},"component":{"--cs-component-button-primary-bg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 1)","resolvedSourceCss":"#f4ba17"}}},"--cs-component-button-primary-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.066667,0.031373],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.066667 0.031373 / 1)","resolvedSourceCss":"#1a1108"}}},"--cs-component-button-gap":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-component-button-radius":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-component-button-xs-paddingY":{"$type":"dimension","$value":{"value":4,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"4px"}}},"--cs-component-button-xs-paddingX":{"$type":"dimension","$value":{"value":10,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"10px"}}},"--cs-component-button-xs-minHeight":{"$type":"dimension","$value":{"value":28,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"28px"}}},"--cs-component-button-xs-minWidth":{"$type":"dimension","$value":{"value":28,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"28px"}}},"--cs-component-button-xs-minHeight-coarse":{"$type":"dimension","$value":{"value":44,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"44px"}}},"--cs-component-button-sm-paddingY":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-component-button-sm-paddingX":{"$type":"dimension","$value":{"value":14,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"14px"}}},"--cs-component-button-sm-minHeight":{"$type":"dimension","$value":{"value":36,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"36px"}}},"--cs-component-button-sm-minHeight-coarse":{"$type":"dimension","$value":{"value":44,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"44px"}}},"--cs-component-button-md-paddingY":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-component-button-md-paddingX":{"$type":"dimension","$value":{"value":20,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"20px"}}},"--cs-component-button-md-minHeight":{"$type":"dimension","$value":{"value":44,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"44px"}}},"--cs-component-button-md-minHeight-coarse":{"$type":"dimension","$value":{"value":44,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"44px"}}},"--cs-component-button-lg-paddingY":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-component-button-lg-paddingX":{"$type":"dimension","$value":{"value":28,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"28px"}}},"--cs-component-button-lg-minHeight":{"$type":"dimension","$value":{"value":52,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"52px"}}},"--cs-component-textfield-border-default":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.352941,0.27451,0.211765],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.352941 0.27451 0.211765 / 1)","resolvedSourceCss":"#5a4636"}}},"--cs-component-textfield-paddingY":{"$type":"dimension","$value":{"value":10,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"10px"}}},"--cs-component-textfield-paddingX":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-component-textfield-minHeight":{"$type":"dimension","$value":{"value":44,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"44px"}}},"--cs-focus-ring":{"$type":"dimension","$value":{"value":3,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"3px"}}},"--cs-component-button-xs-padding-y":{"$type":"dimension","$description":"Owns the value. --cs-component-button-xs-paddingY reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-xs-paddingY","nativeName":"componentButtonXsPaddingYAlias","css":"var(--cs-component-button-xs-paddingY)","resolvedSourceCss":"4px"}},"$value":"{component.--cs-component-button-xs-paddingY}"},"--cs-component-button-xs-padding-x":{"$type":"dimension","$description":"Owns the value. --cs-component-button-xs-paddingX reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-xs-paddingX","nativeName":"componentButtonXsPaddingXAlias","css":"var(--cs-component-button-xs-paddingX)","resolvedSourceCss":"10px"}},"$value":"{component.--cs-component-button-xs-paddingX}"},"--cs-component-button-xs-min-height":{"$type":"dimension","$description":"Owns the value. --cs-component-button-xs-minHeight reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-xs-minHeight","nativeName":"componentButtonXsMinHeightAlias","css":"var(--cs-component-button-xs-minHeight)","resolvedSourceCss":"28px"}},"$value":"{component.--cs-component-button-xs-minHeight}"},"--cs-component-button-xs-min-width":{"$type":"dimension","$description":"Owns the value. --cs-component-button-xs-minWidth reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-xs-minWidth","nativeName":"componentButtonXsMinWidthAlias","css":"var(--cs-component-button-xs-minWidth)","resolvedSourceCss":"28px"}},"$value":"{component.--cs-component-button-xs-minWidth}"},"--cs-component-button-xs-min-height-coarse":{"$type":"dimension","$description":"Owns the value. --cs-component-button-xs-minHeight-coarse reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-xs-minHeight-coarse","nativeName":"componentButtonXsMinHeightCoarseAlias","css":"var(--cs-component-button-xs-minHeight-coarse)","resolvedSourceCss":"44px"}},"$value":"{component.--cs-component-button-xs-minHeight-coarse}"},"--cs-component-button-sm-padding-y":{"$type":"dimension","$description":"Owns the value. --cs-component-button-sm-paddingY reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-sm-paddingY","nativeName":"componentButtonSmPaddingYAlias","css":"var(--cs-component-button-sm-paddingY)","resolvedSourceCss":"8px"}},"$value":"{component.--cs-component-button-sm-paddingY}"},"--cs-component-button-sm-padding-x":{"$type":"dimension","$description":"Owns the value. --cs-component-button-sm-paddingX reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-sm-paddingX","nativeName":"componentButtonSmPaddingXAlias","css":"var(--cs-component-button-sm-paddingX)","resolvedSourceCss":"14px"}},"$value":"{component.--cs-component-button-sm-paddingX}"},"--cs-component-button-sm-min-height":{"$type":"dimension","$description":"Owns the value. --cs-component-button-sm-minHeight reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-sm-minHeight","nativeName":"componentButtonSmMinHeightAlias","css":"var(--cs-component-button-sm-minHeight)","resolvedSourceCss":"36px"}},"$value":"{component.--cs-component-button-sm-minHeight}"},"--cs-component-button-sm-min-height-coarse":{"$type":"dimension","$description":"Owns the value. --cs-component-button-sm-minHeight-coarse reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-sm-minHeight-coarse","nativeName":"componentButtonSmMinHeightCoarseAlias","css":"var(--cs-component-button-sm-minHeight-coarse)","resolvedSourceCss":"44px"}},"$value":"{component.--cs-component-button-sm-minHeight-coarse}"},"--cs-component-button-md-padding-y":{"$type":"dimension","$description":"Owns the value. --cs-component-button-md-paddingY reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-md-paddingY","nativeName":"componentButtonMdPaddingYAlias","css":"var(--cs-component-button-md-paddingY)","resolvedSourceCss":"12px"}},"$value":"{component.--cs-component-button-md-paddingY}"},"--cs-component-button-md-padding-x":{"$type":"dimension","$description":"Owns the value. --cs-component-button-md-paddingX reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-md-paddingX","nativeName":"componentButtonMdPaddingXAlias","css":"var(--cs-component-button-md-paddingX)","resolvedSourceCss":"20px"}},"$value":"{component.--cs-component-button-md-paddingX}"},"--cs-component-button-md-min-height":{"$type":"dimension","$description":"Owns the value. --cs-component-button-md-minHeight reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-md-minHeight","nativeName":"componentButtonMdMinHeightAlias","css":"var(--cs-component-button-md-minHeight)","resolvedSourceCss":"44px"}},"$value":"{component.--cs-component-button-md-minHeight}"},"--cs-component-button-md-min-height-coarse":{"$type":"dimension","$description":"Owns the value. --cs-component-button-md-minHeight-coarse reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-md-minHeight-coarse","nativeName":"componentButtonMdMinHeightCoarseAlias","css":"var(--cs-component-button-md-minHeight-coarse)","resolvedSourceCss":"44px"}},"$value":"{component.--cs-component-button-md-minHeight-coarse}"},"--cs-component-button-lg-padding-y":{"$type":"dimension","$description":"Owns the value. --cs-component-button-lg-paddingY reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-lg-paddingY","nativeName":"componentButtonLgPaddingYAlias","css":"var(--cs-component-button-lg-paddingY)","resolvedSourceCss":"16px"}},"$value":"{component.--cs-component-button-lg-paddingY}"},"--cs-component-button-lg-padding-x":{"$type":"dimension","$description":"Owns the value. --cs-component-button-lg-paddingX reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-lg-paddingX","nativeName":"componentButtonLgPaddingXAlias","css":"var(--cs-component-button-lg-paddingX)","resolvedSourceCss":"28px"}},"$value":"{component.--cs-component-button-lg-paddingX}"},"--cs-component-button-lg-min-height":{"$type":"dimension","$description":"Owns the value. --cs-component-button-lg-minHeight reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-button-lg-minHeight","nativeName":"componentButtonLgMinHeightAlias","css":"var(--cs-component-button-lg-minHeight)","resolvedSourceCss":"52px"}},"$value":"{component.--cs-component-button-lg-minHeight}"},"--cs-component-textfield-padding-y":{"$type":"dimension","$description":"Owns the value. --cs-component-textfield-paddingY reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-textfield-paddingY","nativeName":"componentTextfieldPaddingYAlias","css":"var(--cs-component-textfield-paddingY)","resolvedSourceCss":"10px"}},"$value":"{component.--cs-component-textfield-paddingY}"},"--cs-component-textfield-padding-x":{"$type":"dimension","$description":"Owns the value. --cs-component-textfield-paddingX reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-textfield-paddingX","nativeName":"componentTextfieldPaddingXAlias","css":"var(--cs-component-textfield-paddingX)","resolvedSourceCss":"12px"}},"$value":"{component.--cs-component-textfield-paddingX}"},"--cs-component-textfield-min-height":{"$type":"dimension","$description":"Owns the value. --cs-component-textfield-minHeight reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-component-textfield-minHeight","nativeName":"componentTextfieldMinHeightAlias","css":"var(--cs-component-textfield-minHeight)","resolvedSourceCss":"44px"}},"$value":"{component.--cs-component-textfield-minHeight}"}},"accent":{"--cs-accent":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 1)","resolvedSourceCss":"#F4BA17"}}},"--cs-accent-strong":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.568627,0.427451,0.066667],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.568627 0.427451 0.066667 / 1)","resolvedSourceCss":"#916D11"}}},"--cs-accent-bright":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 1)","resolvedSourceCss":"#F4BA17"}}},"--cs-accent-on":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.270588,0.129412,0.054902],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.270588 0.129412 0.054902 / 1)","resolvedSourceCss":"#45210E"}}},"--cs-accent-tint":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.984314,0.956863,0.913725],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.984314 0.956863 0.913725 / 1)","resolvedSourceCss":"#FBF4E9"}}},"--cs-accent-ink":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.270588,0.129412,0.054902],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.270588 0.129412 0.054902 / 1)","resolvedSourceCss":"#45210E"}}},"--cs-accent-glow":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":0.48},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 0.48)","resolvedSourceCss":"rgba(244, 186, 23, 0.48)"}}},"--cs-accent-grad-a":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.956863,0.729412,0.090196],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.956863 0.729412 0.090196 / 1)","resolvedSourceCss":"#F4BA17"}}},"--cs-accent-grad-b":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.768627,0.717647,0.560784],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.768627 0.717647 0.560784 / 1)","resolvedSourceCss":"#C4B78F"}}},"--cs-accent-on-strong":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}}},"depth":{"--cs-depth-bg":{"$type":"number","$value":0,"$extensions":{"com.cyberskill":{"css":"0"}}},"--cs-depth-section":{"$type":"number","$value":5,"$extensions":{"com.cyberskill":{"css":"5"}}},"--cs-depth-card":{"$type":"number","$value":10,"$extensions":{"com.cyberskill":{"css":"10"}}},"--cs-depth-nav":{"$type":"number","$value":50,"$extensions":{"com.cyberskill":{"css":"50"}}},"--cs-depth-modal":{"$type":"number","$value":100,"$extensions":{"com.cyberskill":{"css":"100"}}},"--cs-depth-toast":{"$type":"number","$value":200,"$extensions":{"com.cyberskill":{"css":"200"}}},"--cs-depth-dropdown":{"$type":"number","$value":60,"$extensions":{"com.cyberskill":{"css":"60"}}},"--cs-depth-overlay":{"$type":"number","$value":80,"$extensions":{"com.cyberskill":{"css":"80"}}}},"glass":{"--cs-glass-whisper-blur":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-glass-whisper-saturate":{"$type":"number","$description":"Backdrop saturate() multiplier of the whisper glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 110% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":1.1,"$extensions":{"com.cyberskill":{"css":"1.1","resolvedSourceCss":"110%"}}},"--cs-glass-whisper-opacity":{"$type":"number","$description":"Surface opacity of the whisper glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 60% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":0.6,"$extensions":{"com.cyberskill":{"css":"0.6","resolvedSourceCss":"60%"}}},"--cs-glass-light-blur":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-glass-light-saturate":{"$type":"number","$description":"Backdrop saturate() multiplier of the light glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 130% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":1.3,"$extensions":{"com.cyberskill":{"css":"1.3","resolvedSourceCss":"130%"}}},"--cs-glass-light-opacity":{"$type":"number","$description":"Surface opacity of the light glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 70% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":0.7,"$extensions":{"com.cyberskill":{"css":"0.7","resolvedSourceCss":"70%"}}},"--cs-glass-standard-blur":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-glass-standard-saturate":{"$type":"number","$description":"Backdrop saturate() multiplier of the standard glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 150% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":1.5,"$extensions":{"com.cyberskill":{"css":"1.5","resolvedSourceCss":"150%"}}},"--cs-glass-standard-opacity":{"$type":"number","$description":"Surface opacity of the standard glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 80% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":0.8,"$extensions":{"com.cyberskill":{"css":"0.8","resolvedSourceCss":"80%"}}},"--cs-glass-heavy-blur":{"$type":"dimension","$value":{"value":24,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"24px"}}},"--cs-glass-heavy-saturate":{"$type":"number","$description":"Backdrop saturate() multiplier of the heavy glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 180% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":1.8,"$extensions":{"com.cyberskill":{"css":"1.8","resolvedSourceCss":"180%"}}},"--cs-glass-heavy-opacity":{"$type":"number","$description":"Surface opacity of the heavy glass material. DTCG has no percentage type, so the closest legitimate $type is number (CSS 90% ÷ 100); the raw CSS form is preserved in $extensions[\"com.cyberskill\"].css.","$value":0.9,"$extensions":{"com.cyberskill":{"css":"0.9","resolvedSourceCss":"90%"}}}},"shadow":{"--cs-shadow-xs":{"$type":"shadow","$description":"Structured from the CSS box-shadow string in tokens/elevation.css; the raw CSS form (native/agent emission source) is preserved in $extensions[\"com.cyberskill\"].css.","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.4},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":2,"unit":"px"},"spread":{"value":0,"unit":"px"}},"$extensions":{"com.cyberskill":{"css":"0 1px 2px rgba(0, 0, 0, 0.40)","nativeFormat":"css"}}},"--cs-shadow-sm":{"$type":"shadow","$description":"Structured from the CSS box-shadow string in tokens/elevation.css; the raw CSS form (native/agent emission source) is preserved in $extensions[\"com.cyberskill\"].css.","$value":[{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.34},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":3,"unit":"px"},"spread":{"value":0,"unit":"px"}},{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.42},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":8,"unit":"px"},"blur":{"value":24,"unit":"px"},"spread":{"value":0,"unit":"px"}}],"$extensions":{"com.cyberskill":{"css":"0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42)","nativeFormat":"css"}}},"--cs-shadow-md":{"$type":"shadow","$description":"Structured from the CSS box-shadow string in tokens/elevation.css; the raw CSS form (native/agent emission source) is preserved in $extensions[\"com.cyberskill\"].css.","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.5},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":12,"unit":"px"},"blur":{"value":30,"unit":"px"},"spread":{"value":0,"unit":"px"}},"$extensions":{"com.cyberskill":{"css":"0 12px 30px rgba(0, 0, 0, 0.50)","nativeFormat":"css"}}},"--cs-shadow-lg":{"$type":"shadow","$description":"Structured from the CSS box-shadow string in tokens/elevation.css; the raw CSS form (native/agent emission source) is preserved in $extensions[\"com.cyberskill\"].css.","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.55},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":20,"unit":"px"},"blur":{"value":60,"unit":"px"},"spread":{"value":0,"unit":"px"}},"$extensions":{"com.cyberskill":{"css":"0 20px 60px rgba(0, 0, 0, 0.55)","nativeFormat":"css"}}},"--cs-shadow-xl":{"$type":"shadow","$description":"Structured from the CSS box-shadow string in tokens/elevation.css; the raw CSS form (native/agent emission source) is preserved in $extensions[\"com.cyberskill\"].css.","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.62},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":24,"unit":"px"},"blur":{"value":80,"unit":"px"},"spread":{"value":0,"unit":"px"}},"$extensions":{"com.cyberskill":{"css":"0 24px 80px rgba(0, 0, 0, 0.62)","nativeFormat":"css"}}}},"duration":{"--cs-duration-instant":{"$type":"duration","$value":{"value":80,"unit":"ms"},"$extensions":{"com.cyberskill":{"css":"80ms"}}},"--cs-duration-fast":{"$type":"duration","$value":{"value":120,"unit":"ms"},"$extensions":{"com.cyberskill":{"css":"120ms"}}},"--cs-duration-base":{"$type":"duration","$value":{"value":200,"unit":"ms"},"$extensions":{"com.cyberskill":{"css":"200ms"}}},"--cs-duration-slow":{"$type":"duration","$value":{"value":320,"unit":"ms"},"$extensions":{"com.cyberskill":{"css":"320ms"}}}},"ease":{"--cs-ease-standard":{"$type":"cubicBezier","$value":[0.2,0,0,1],"$extensions":{"com.cyberskill":{"css":"cubic-bezier(0.2, 0, 0, 1)"}}},"--cs-ease-entrance":{"$type":"cubicBezier","$value":[0,0,0,1],"$extensions":{"com.cyberskill":{"css":"cubic-bezier(0, 0, 0, 1)"}}},"--cs-ease-exit":{"$type":"cubicBezier","$value":[0.4,0,1,1],"$extensions":{"com.cyberskill":{"css":"cubic-bezier(0.4, 0, 1, 1)"}}},"--cs-ease-emphasized":{"$type":"cubicBezier","$value":[0.2,0,0,1],"$extensions":{"com.cyberskill":{"css":"cubic-bezier(0.2, 0, 0, 1)"}}}},"space":{"--cs-space-0":{"$type":"dimension","$value":{"value":0,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"0px"}}},"--cs-space-1":{"$type":"dimension","$value":{"value":4,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"4px"}}},"--cs-space-2":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-space-3":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-space-4":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-space-5":{"$type":"dimension","$value":{"value":20,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"20px"}}},"--cs-space-6":{"$type":"dimension","$value":{"value":24,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"24px"}}},"--cs-space-8":{"$type":"dimension","$value":{"value":32,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"32px"}}},"--cs-space-10":{"$type":"dimension","$value":{"value":40,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"40px"}}},"--cs-space-12":{"$type":"dimension","$value":{"value":48,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"48px"}}},"--cs-space-16":{"$type":"dimension","$value":{"value":64,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"64px"}}},"--cs-space-20":{"$type":"dimension","$value":{"value":80,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"80px"}}},"--cs-space-24":{"$type":"dimension","$value":{"value":96,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"96px"}}}},"radius":{"--cs-radius-sm":{"$type":"dimension","$value":{"value":4,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"4px"}}},"--cs-radius-md":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-radius-lg":{"$type":"dimension","$value":{"value":14,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"14px"}}},"--cs-radius-full":{"$type":"dimension","$value":{"value":999,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"999px"}}}},"breakpoint":{"--cs-breakpoint-xs":{"$type":"dimension","$value":{"value":0,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"0px"}}},"--cs-breakpoint-phone":{"$type":"dimension","$description":"Justified small-phone / 320-reflow stop (UX-003).","$value":{"value":360,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"360px"}}},"--cs-breakpoint-sm":{"$type":"dimension","$value":{"value":640,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"640px"}}},"--cs-breakpoint-md":{"$type":"dimension","$value":{"value":768,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"768px"}}},"--cs-breakpoint-lg":{"$type":"dimension","$value":{"value":1024,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"1024px"}}},"--cs-breakpoint-xl":{"$type":"dimension","$value":{"value":1280,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"1280px"}}},"--cs-breakpoint-2xl":{"$type":"dimension","$value":{"value":1536,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"1536px"}}}},"container":{"--cs-container-max":{"$type":"dimension","$value":{"value":1320,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"1320px"}}},"--cs-prose-measure":{"$type":"dimension","$description":"Readable prose measure for long-form kit/tool copy (UX-024). Web CSS may prefer ch; rem keeps native mirrors convertible.","$value":{"value":45,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"45rem"}}},"--cs-scroll-padding-block-start":{"$type":"dimension","$description":"Focus-not-obscured scroll offset (WCAG 2.2 AA) — sticky nav / bottom bars.","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-scroll-padding-block-end":{"$type":"dimension","$description":"Focus-not-obscured scroll offset (WCAG 2.2 AA) — sticky nav / bottom bars.","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}}},"font":{"--cs-font-family-ui":{"$type":"fontFamily","$value":["Be Vietnam Pro","ui-sans-serif","system-ui","sans-serif"],"$extensions":{"com.cyberskill":{"css":"'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif"}}},"--cs-font-family-display":{"$type":"fontFamily","$value":["Space Grotesk","Be Vietnam Pro","ui-sans-serif","system-ui","sans-serif"],"$extensions":{"com.cyberskill":{"css":"'Space Grotesk', 'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif"}}},"--cs-font-family-mono":{"$type":"fontFamily","$value":["JetBrains Mono","ui-monospace","SFMono-Regular","Menlo","Consolas","monospace"],"$extensions":{"com.cyberskill":{"css":"'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"}}},"--cs-font-weight-regular":{"$type":"number","$value":400,"$extensions":{"com.cyberskill":{"css":"400"}}},"--cs-font-weight-medium":{"$type":"number","$value":500,"$extensions":{"com.cyberskill":{"css":"500"}}},"--cs-font-weight-semibold":{"$type":"number","$value":600,"$extensions":{"com.cyberskill":{"css":"600"}}},"--cs-font-weight-bold":{"$type":"number","$value":700,"$extensions":{"com.cyberskill":{"css":"700"}}},"--cs-font-weight-extrabold":{"$type":"number","$value":800,"$extensions":{"com.cyberskill":{"css":"800"}}},"--cs-font-lineHeight-body":{"$type":"number","$value":1.5,"$extensions":{"com.cyberskill":{"css":"1.5"}}},"--cs-font-lineHeight-heading":{"$type":"number","$value":1.35,"$extensions":{"com.cyberskill":{"css":"1.35"}}},"--cs-font-lineHeight-tight":{"$type":"number","$value":1.15,"$extensions":{"com.cyberskill":{"css":"1.15"}}},"--cs-font-size-2xs":{"$type":"dimension","$description":"Micro numerals (11px)","$value":{"value":0.6875,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.6875rem"}}},"--cs-font-size-xs":{"$type":"dimension","$value":{"value":0.75,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.75rem"}}},"--cs-font-size-sm":{"$type":"dimension","$value":{"value":0.875,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.875rem"}}},"--cs-font-size-base":{"$type":"dimension","$value":{"value":1,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1rem"}}},"--cs-font-size-md":{"$type":"dimension","$value":{"value":1.125,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.125rem"}}},"--cs-font-size-lg":{"$type":"dimension","$value":{"value":1.25,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.25rem"}}},"--cs-font-size-xl":{"$type":"dimension","$value":{"value":1.5,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.5rem"}}},"--cs-font-size-2xl":{"$type":"dimension","$value":{"value":1.875,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.875rem"}}},"--cs-font-size-3xl":{"$type":"dimension","$value":{"value":2.25,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"2.25rem"}}},"--cs-font-size-4xl":{"$type":"dimension","$value":{"value":3,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"3rem"}}},"--cs-font-size-5xl":{"$type":"dimension","$value":{"value":3.75,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"3.75rem"}}},"--cs-font-line-height-body":{"$type":"number","$description":"Owns the value. --cs-font-lineHeight-body reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-font-lineHeight-body","nativeName":"fontLineHeightBodyAlias","css":"var(--cs-font-lineHeight-body)","resolvedSourceCss":"1.5"}},"$value":"{font.--cs-font-lineHeight-body}"},"--cs-font-line-height-heading":{"$type":"number","$description":"Owns the value. --cs-font-lineHeight-heading reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-font-lineHeight-heading","nativeName":"fontLineHeightHeadingAlias","css":"var(--cs-font-lineHeight-heading)","resolvedSourceCss":"1.35"}},"$value":"{font.--cs-font-lineHeight-heading}"},"--cs-font-line-height-tight":{"$type":"number","$description":"Owns the value. --cs-font-lineHeight-tight reads this name.","$extensions":{"com.cyberskill":{"nativeAliasOf":"--cs-font-lineHeight-tight","nativeName":"fontLineHeightTightAlias","css":"var(--cs-font-lineHeight-tight)","resolvedSourceCss":"1.15"}},"$value":"{font.--cs-font-lineHeight-tight}"}},"text":{"--cs-text-display":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":3.75,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"3.75rem"}}},"--cs-text-h1":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":2.25,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"2.25rem"}}},"--cs-text-h2":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":1.875,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.875rem"}}},"--cs-text-h3":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":1.5,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.5rem"}}},"--cs-text-h4":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":1.25,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.25rem"}}},"--cs-text-body-lg":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":1.125,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1.125rem"}}},"--cs-text-body":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":1,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"1rem"}}},"--cs-text-secondary":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":0.875,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.875rem"}}},"--cs-text-micro":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":0.6875,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.6875rem"}}},"--cs-text-caption":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":0.75,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.75rem"}}},"--cs-text-eyebrow":{"$type":"dimension","$description":"Semantic type-role alias into the font size ramp; resolves to a dimension. CSS form (var()) preserved in $extensions[\"com.cyberskill\"].css.","$value":{"value":0.75,"unit":"rem"},"$extensions":{"com.cyberskill":{"css":"0.75rem"}}}},"letter":{"--cs-letter-spacing-normal":{"$type":"number","$value":0,"$extensions":{"com.cyberskill":{"css":"0"}}}},"heading":{"--cs-heading-family":{"$type":"fontFamily","$value":["Be Vietnam Pro","ui-sans-serif","system-ui","sans-serif"],"$extensions":{"com.cyberskill":{"css":"'Be Vietnam Pro', ui-sans-serif, system-ui, sans-serif"}}},"--cs-heading-weight-strong":{"$type":"number","$value":800,"$extensions":{"com.cyberskill":{"css":"800"}}},"--cs-heading-weight":{"$type":"number","$value":700,"$extensions":{"com.cyberskill":{"css":"700"}}}},"icon":{"--cs-icon-sm":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-icon-md":{"$type":"dimension","$value":{"value":20,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"20px"}}},"--cs-icon-lg":{"$type":"dimension","$value":{"value":24,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"24px"}}}},"doc":{"--cs-doc-ink":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.086275,0.078431],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.086275 0.078431 / 1)","resolvedSourceCss":"#1A1614"}}},"--cs-doc-slate":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.14902,0.196078,0.227451],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.14902 0.196078 0.227451 / 1)","resolvedSourceCss":"#26323A"}}},"--cs-doc-fill":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.992157,0.901961,0.541176],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.992157 0.901961 0.541176 / 1)","resolvedSourceCss":"#FDE68A"}}},"--cs-doc-fill-ink":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.101961,0.086275,0.078431],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.101961 0.086275 0.078431 / 1)","resolvedSourceCss":"#1A1614"}}}},"density":{"--cs-density-space-1":{"$type":"dimension","$value":{"value":4,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"4px"}}},"--cs-density-space-2":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-density-space-3":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-density-space-4":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-density-space-5":{"$type":"dimension","$value":{"value":20,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"20px"}}},"--cs-density-space-6":{"$type":"dimension","$value":{"value":24,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"24px"}}},"--cs-density-control-gap":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}}}}