npm - @cyberskill/design - Versions diffs - 2.4.0 → 2.5.0 - Mend

@cyberskill/design 2.4.0 → 2.5.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 (311) hide show

package/tokens/modes/system-light__thuy__compact__standard.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":"1fa7ad3159c440450343a88102a8c6999a710f208abfb7822fea5654faf31859","modeId":"system-light__thuy__compact__standard"}},"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":"oklab","components":[0.976983,-0.009285,0.001275],"alpha":1},"$extensions":{"com.cyberskill":{"css":"oklab(0.976983 -0.009285 0.001275 / 1)","resolvedSourceCss":"color-mix(in oklab, #00CEE4 8%, #FFFDF8)"}}},"--cs-color-surface-panel":{"$type":"color","$value":{"colorSpace":"oklab","components":[0.99116,-0.004718,-0.002548],"alpha":1},"$extensions":{"com.cyberskill":{"css":"oklab(0.99116 -0.004718 -0.002548 / 1)","resolvedSourceCss":"color-mix(in oklab, #00CEE4 4%, #FFFFFF)"}}},"--cs-color-surface-raised":{"$type":"color","$value":{"colorSpace":"oklab","components":[0.941007,-0.015118,0.004138],"alpha":1},"$extensions":{"com.cyberskill":{"css":"oklab(0.941007 -0.015118 0.004138 / 1)","resolvedSourceCss":"color-mix(in oklab, #00CEE4 15%, #FBF4E9)"}}},"--cs-color-text-primary":{"$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-text-inverse":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}},"--cs-color-text-accent":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.05098,0.32549,0.360784],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.05098 0.32549 0.360784 / 1)","resolvedSourceCss":"#0D535C"}}},"--cs-color-text-muted":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.247059,0.176471,0.129412],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.247059 0.176471 0.129412 / 1)","resolvedSourceCss":"#3F2D21"}}},"--cs-color-semantic-success":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.086275,0.396078,0.203922],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.086275 0.396078 0.203922 / 1)","resolvedSourceCss":"#166534"}}},"--cs-color-semantic-danger":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.705882,0.137255,0.094118],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.705882 0.137255 0.094118 / 1)","resolvedSourceCss":"#B42318"}}},"--cs-color-semantic-warning":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.572549,0.25098,0.054902],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.572549 0.25098 0.054902 / 1)","resolvedSourceCss":"#92400E"}}},"--cs-color-semantic-info":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.113725,0.305882,0.847059],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.113725 0.305882 0.847059 / 1)","resolvedSourceCss":"#1D4ED8"}}},"--cs-color-semantic-success-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}},"--cs-color-semantic-danger-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}},"--cs-color-semantic-warning-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}},"--cs-color-semantic-info-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}},"--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":"oklab","components":[0.846502,-0.042751,-0.00814],"alpha":1},"$extensions":{"com.cyberskill":{"css":"oklab(0.846502 -0.042751 -0.00814 / 1)","resolvedSourceCss":"color-mix(in oklab, #00CEE4 40%, #E7D9C6)"}}},"--cs-color-link":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.05098,0.32549,0.360784],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.05098 0.32549 0.360784 / 1)","resolvedSourceCss":"#0D535C"}}},"--cs-color-link-hover":{"$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-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.015686,0.176471,0.07451],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.015686 0.176471 0.07451 / 1)","resolvedSourceCss":"#042D13"}}},"--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":[0.294118,0.019608,0.007843],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.294118 0.019608 0.007843 / 1)","resolvedSourceCss":"#4B0502"}}},"--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":[0.266667,0.094118,0.003922],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.266667 0.094118 0.003922 / 1)","resolvedSourceCss":"#441801"}}},"--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,0.039216,0.458824],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0 0.039216 0.458824 / 1)","resolvedSourceCss":"#000A75"}}}},"component":{"--cs-component-button-primary-bg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.086275,0.419608,0.462745],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.086275 0.419608 0.462745 / 1)","resolvedSourceCss":"#166B76"}}},"--cs-component-button-primary-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}},"--cs-component-button-gap":{"$type":"dimension","$value":{"value":6,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"6px"}}},"--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":3,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"3px"}}},"--cs-component-button-xs-paddingX":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--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":6,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"6px"}}},"--cs-component-button-sm-paddingX":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--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":10,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"10px"}}},"--cs-component-button-md-paddingX":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--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":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-component-button-lg-paddingX":{"$type":"dimension","$value":{"value":22,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"22px"}}},"--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.74902,0.647059,0.560784],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.74902 0.647059 0.560784 / 1)","resolvedSourceCss":"#BFA58F"}}},"--cs-component-textfield-paddingY":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-component-textfield-paddingX":{"$type":"dimension","$value":{"value":10,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"10px"}}},"--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":"3px"}},"$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":"8px"}},"$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":"6px"}},"$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":"12px"}},"$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":"10px"}},"$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":"16px"}},"$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":"12px"}},"$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":"22px"}},"$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":"8px"}},"$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":"10px"}},"$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,0.807843,0.894118],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0 0.807843 0.894118 / 1)","resolvedSourceCss":"#00CEE4"}}},"--cs-accent-strong":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.086275,0.419608,0.462745],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.086275 0.419608 0.462745 / 1)","resolvedSourceCss":"#166B76"}}},"--cs-accent-bright":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.580392,0.937255,0.992157],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.580392 0.937255 0.992157 / 1)","resolvedSourceCss":"#94EFFD"}}},"--cs-accent-on":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.003922,0.141176,0.160784],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.003922 0.141176 0.160784 / 1)","resolvedSourceCss":"#012429"}}},"--cs-accent-tint":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.87451,0.984314,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.87451 0.984314 1 / 1)","resolvedSourceCss":"#DFFBFF"}}},"--cs-accent-ink":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.011765,0.152941,0.172549],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.011765 0.152941 0.172549 / 1)","resolvedSourceCss":"#03272C"}}},"--cs-accent-glow":{"$type":"color","$value":{"colorSpace":"srgb","components":[0,0.807843,0.894118],"alpha":0.48},"$extensions":{"com.cyberskill":{"css":"color(srgb 0 0.807843 0.894118 / 0.48)","resolvedSourceCss":"rgba(0, 206, 228, 0.48)"}}},"--cs-accent-grad-a":{"$type":"color","$value":{"colorSpace":"srgb","components":[0,0.807843,0.894118],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0 0.807843 0.894118 / 1)","resolvedSourceCss":"#00CEE4"}}},"--cs-accent-grad-b":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.509804,0.811765,0.4],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.509804 0.811765 0.4 / 1)","resolvedSourceCss":"#82CF66"}}},"--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.27058823529411763,0.12941176470588237,0.054901960784313725],"alpha":0.06},"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(69, 33, 14, 0.06)","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.27058823529411763,0.12941176470588237,0.054901960784313725],"alpha":0.04},"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.27058823529411763,0.12941176470588237,0.054901960784313725],"alpha":0.06},"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(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06)","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.12156862745098039,0.07450980392156863,0.043137254901960784],"alpha":0.18},"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(31, 19, 11, 0.18)","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.27058823529411763,0.12941176470588237,0.054901960784313725],"alpha":0.18},"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(69, 33, 14, 0.18)","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.12156862745098039,0.07450980392156863,0.043137254901960784],"alpha":0.26},"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(31, 19, 11, 0.26)","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":3,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"3px"}}},"--cs-density-space-2":{"$type":"dimension","$value":{"value":6,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"6px"}}},"--cs-density-space-3":{"$type":"dimension","$value":{"value":9,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"9px"}}},"--cs-density-space-4":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-density-space-5":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-density-space-6":{"$type":"dimension","$value":{"value":18,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"18px"}}},"--cs-density-control-gap":{"$type":"dimension","$value":{"value":6,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"6px"}}}}}
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":"94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd","modeId":"system-light__thuy__compact__standard"}},"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":"oklab","components":[0.976983,-0.009285,0.001275],"alpha":1},"$extensions":{"com.cyberskill":{"css":"oklab(0.976983 -0.009285 0.001275 / 1)","resolvedSourceCss":"color-mix(in oklab, #00CEE4 8%, #FFFDF8)"}}},"--cs-color-surface-panel":{"$type":"color","$value":{"colorSpace":"oklab","components":[0.99116,-0.004718,-0.002548],"alpha":1},"$extensions":{"com.cyberskill":{"css":"oklab(0.99116 -0.004718 -0.002548 / 1)","resolvedSourceCss":"color-mix(in oklab, #00CEE4 4%, #FFFFFF)"}}},"--cs-color-surface-raised":{"$type":"color","$value":{"colorSpace":"oklab","components":[0.941007,-0.015118,0.004138],"alpha":1},"$extensions":{"com.cyberskill":{"css":"oklab(0.941007 -0.015118 0.004138 / 1)","resolvedSourceCss":"color-mix(in oklab, #00CEE4 15%, #FBF4E9)"}}},"--cs-color-text-primary":{"$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-text-inverse":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}},"--cs-color-text-accent":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.05098,0.32549,0.360784],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.05098 0.32549 0.360784 / 1)","resolvedSourceCss":"#0D535C"}}},"--cs-color-text-muted":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.247059,0.176471,0.129412],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.247059 0.176471 0.129412 / 1)","resolvedSourceCss":"#3F2D21"}}},"--cs-color-semantic-success":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.086275,0.396078,0.203922],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.086275 0.396078 0.203922 / 1)","resolvedSourceCss":"#166534"}}},"--cs-color-semantic-danger":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.705882,0.137255,0.094118],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.705882 0.137255 0.094118 / 1)","resolvedSourceCss":"#B42318"}}},"--cs-color-semantic-warning":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.572549,0.25098,0.054902],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.572549 0.25098 0.054902 / 1)","resolvedSourceCss":"#92400E"}}},"--cs-color-semantic-info":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.113725,0.305882,0.847059],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.113725 0.305882 0.847059 / 1)","resolvedSourceCss":"#1D4ED8"}}},"--cs-color-semantic-success-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}},"--cs-color-semantic-danger-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}},"--cs-color-semantic-warning-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}},"--cs-color-semantic-info-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}},"--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":"oklab","components":[0.846502,-0.042751,-0.00814],"alpha":1},"$extensions":{"com.cyberskill":{"css":"oklab(0.846502 -0.042751 -0.00814 / 1)","resolvedSourceCss":"color-mix(in oklab, #00CEE4 40%, #E7D9C6)"}}},"--cs-color-link":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.05098,0.32549,0.360784],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.05098 0.32549 0.360784 / 1)","resolvedSourceCss":"#0D535C"}}},"--cs-color-link-hover":{"$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-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.015686,0.176471,0.07451],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.015686 0.176471 0.07451 / 1)","resolvedSourceCss":"#042D13"}}},"--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":[0.294118,0.019608,0.007843],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.294118 0.019608 0.007843 / 1)","resolvedSourceCss":"#4B0502"}}},"--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":[0.266667,0.094118,0.003922],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.266667 0.094118 0.003922 / 1)","resolvedSourceCss":"#441801"}}},"--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,0.039216,0.458824],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0 0.039216 0.458824 / 1)","resolvedSourceCss":"#000A75"}}}},"component":{"--cs-component-button-primary-bg":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.086275,0.419608,0.462745],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.086275 0.419608 0.462745 / 1)","resolvedSourceCss":"#166B76"}}},"--cs-component-button-primary-fg":{"$type":"color","$value":{"colorSpace":"srgb","components":[1,1,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 1 1 1 / 1)","resolvedSourceCss":"#FFFFFF"}}},"--cs-component-button-gap":{"$type":"dimension","$value":{"value":6,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"6px"}}},"--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":3,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"3px"}}},"--cs-component-button-xs-paddingX":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--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":6,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"6px"}}},"--cs-component-button-sm-paddingX":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--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":10,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"10px"}}},"--cs-component-button-md-paddingX":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--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":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-component-button-lg-paddingX":{"$type":"dimension","$value":{"value":22,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"22px"}}},"--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.74902,0.647059,0.560784],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.74902 0.647059 0.560784 / 1)","resolvedSourceCss":"#BFA58F"}}},"--cs-component-textfield-paddingY":{"$type":"dimension","$value":{"value":8,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"8px"}}},"--cs-component-textfield-paddingX":{"$type":"dimension","$value":{"value":10,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"10px"}}},"--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":"3px"}},"$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":"8px"}},"$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":"6px"}},"$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":"12px"}},"$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":"10px"}},"$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":"16px"}},"$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":"12px"}},"$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":"22px"}},"$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":"8px"}},"$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":"10px"}},"$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,0.807843,0.894118],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0 0.807843 0.894118 / 1)","resolvedSourceCss":"#00CEE4"}}},"--cs-accent-strong":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.086275,0.419608,0.462745],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.086275 0.419608 0.462745 / 1)","resolvedSourceCss":"#166B76"}}},"--cs-accent-bright":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.580392,0.937255,0.992157],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.580392 0.937255 0.992157 / 1)","resolvedSourceCss":"#94EFFD"}}},"--cs-accent-on":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.003922,0.141176,0.160784],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.003922 0.141176 0.160784 / 1)","resolvedSourceCss":"#012429"}}},"--cs-accent-tint":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.87451,0.984314,1],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.87451 0.984314 1 / 1)","resolvedSourceCss":"#DFFBFF"}}},"--cs-accent-ink":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.011765,0.152941,0.172549],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.011765 0.152941 0.172549 / 1)","resolvedSourceCss":"#03272C"}}},"--cs-accent-glow":{"$type":"color","$value":{"colorSpace":"srgb","components":[0,0.807843,0.894118],"alpha":0.48},"$extensions":{"com.cyberskill":{"css":"color(srgb 0 0.807843 0.894118 / 0.48)","resolvedSourceCss":"rgba(0, 206, 228, 0.48)"}}},"--cs-accent-grad-a":{"$type":"color","$value":{"colorSpace":"srgb","components":[0,0.807843,0.894118],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0 0.807843 0.894118 / 1)","resolvedSourceCss":"#00CEE4"}}},"--cs-accent-grad-b":{"$type":"color","$value":{"colorSpace":"srgb","components":[0.509804,0.811765,0.4],"alpha":1},"$extensions":{"com.cyberskill":{"css":"color(srgb 0.509804 0.811765 0.4 / 1)","resolvedSourceCss":"#82CF66"}}},"--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.27058823529411763,0.12941176470588237,0.054901960784313725],"alpha":0.06},"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(69, 33, 14, 0.06)","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.27058823529411763,0.12941176470588237,0.054901960784313725],"alpha":0.04},"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.27058823529411763,0.12941176470588237,0.054901960784313725],"alpha":0.06},"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(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06)","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.12156862745098039,0.07450980392156863,0.043137254901960784],"alpha":0.18},"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(31, 19, 11, 0.18)","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.27058823529411763,0.12941176470588237,0.054901960784313725],"alpha":0.18},"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(69, 33, 14, 0.18)","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.12156862745098039,0.07450980392156863,0.043137254901960784],"alpha":0.26},"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(31, 19, 11, 0.26)","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":3,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"3px"}}},"--cs-density-space-2":{"$type":"dimension","$value":{"value":6,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"6px"}}},"--cs-density-space-3":{"$type":"dimension","$value":{"value":9,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"9px"}}},"--cs-density-space-4":{"$type":"dimension","$value":{"value":12,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"12px"}}},"--cs-density-space-5":{"$type":"dimension","$value":{"value":16,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"16px"}}},"--cs-density-space-6":{"$type":"dimension","$value":{"value":18,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"18px"}}},"--cs-density-control-gap":{"$type":"dimension","$value":{"value":6,"unit":"px"},"$extensions":{"com.cyberskill":{"css":"6px"}}}}}

package/tokens/native/CSModes.kt CHANGED Viewed

@@ -1,6 +1,6 @@
 // GENERATED explicit CyberSkill native data packs. Do not edit.
-// Canonical mode source 1fa7ad3159c440450343a88102a8c6999a710f208abfb7822fea5654faf31859
-// Mode index sha256 403088125c0b49014203f0949909e4ed9dd6305c46c758228805f0fc482b99f3
+// Canonical mode source 94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd
+// Mode index sha256 35aabd4a292dde3c517cab5229e10adb54299308bc4bf1ceb35a00b677318556
 // Data only: explicit axes; preserved color spaces/units; no OS inference or UI conversion.
 package world.cyberskill.tokens
@@ -1353,7 +1353,7 @@ class CSTokenModePack internal constructor(val id: String, private val row: Int,
   val densityControlGap: CSDimension get() = (csModeValues[csModeRows[row][193]] as CSNativeValue.Dimension).value
 }
 object CSModes {
-  const val sourceHash: String = "1fa7ad3159c440450343a88102a8c6999a710f208abfb7822fea5654faf31859"
+  const val sourceHash: String = "94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd"
   val availableModeIDs: List<String> = listOf("light__default__comfortable__standard","light__default__comfortable__high","light__default__compact__standard","light__default__compact__high","light__tho-sand__comfortable__standard","light__tho-sand__comfortable__high","light__tho-sand__compact__standard","light__tho-sand__compact__high","light__tho__comfortable__standard","light__tho__comfortable__high","light__tho__compact__standard","light__tho__compact__high","light__tho-clay__comfortable__standard","light__tho-clay__comfortable__high","light__tho-clay__compact__standard","light__tho-clay__compact__high","light__hoa-plasma__comfortable__standard","light__hoa-plasma__comfortable__high","light__hoa-plasma__compact__standard","light__hoa-plasma__compact__high","light__hoa__comfortable__standard","light__hoa__comfortable__high","light__hoa__compact__standard","light__hoa__compact__high","light__hoa-lava__comfortable__standard","light__hoa-lava__comfortable__high","light__hoa-lava__compact__standard","light__hoa-lava__compact__high","light__thuy-mist__comfortable__standard","light__thuy-mist__comfortable__high","light__thuy-mist__compact__standard","light__thuy-mist__compact__high","light__thuy__comfortable__standard","light__thuy__comfortable__high","light__thuy__compact__standard","light__thuy__compact__high","light__thuy-ocean__comfortable__standard","light__thuy-ocean__comfortable__high","light__thuy-ocean__compact__standard","light__thuy-ocean__compact__high","light__moc-bamboo__comfortable__standard","light__moc-bamboo__comfortable__high","light__moc-bamboo__compact__standard","light__moc-bamboo__compact__high","light__moc__comfortable__standard","light__moc__comfortable__high","light__moc__compact__standard","light__moc__compact__high","light__moc-forest__comfortable__standard","light__moc-forest__comfortable__high","light__moc-forest__compact__standard","light__moc-forest__compact__high","light__kim-titanium__comfortable__standard","light__kim-titanium__comfortable__high","light__kim-titanium__compact__standard","light__kim-titanium__compact__high","light__kim__comfortable__standard","light__kim__comfortable__high","light__kim__compact__standard","light__kim__compact__high","light__kim-steel__comfortable__standard","light__kim-steel__comfortable__high","light__kim-steel__compact__standard","light__kim-steel__compact__high","dark__default__comfortable__standard","dark__default__comfortable__high","dark__default__compact__standard","dark__default__compact__high","dark__tho-sand__comfortable__standard","dark__tho-sand__comfortable__high","dark__tho-sand__compact__standard","dark__tho-sand__compact__high","dark__tho__comfortable__standard","dark__tho__comfortable__high","dark__tho__compact__standard","dark__tho__compact__high","dark__tho-clay__comfortable__standard","dark__tho-clay__comfortable__high","dark__tho-clay__compact__standard","dark__tho-clay__compact__high","dark__hoa-plasma__comfortable__standard","dark__hoa-plasma__comfortable__high","dark__hoa-plasma__compact__standard","dark__hoa-plasma__compact__high","dark__hoa__comfortable__standard","dark__hoa__comfortable__high","dark__hoa__compact__standard","dark__hoa__compact__high","dark__hoa-lava__comfortable__standard","dark__hoa-lava__comfortable__high","dark__hoa-lava__compact__standard","dark__hoa-lava__compact__high","dark__thuy-mist__comfortable__standard","dark__thuy-mist__comfortable__high","dark__thuy-mist__compact__standard","dark__thuy-mist__compact__high","dark__thuy__comfortable__standard","dark__thuy__comfortable__high","dark__thuy__compact__standard","dark__thuy__compact__high","dark__thuy-ocean__comfortable__standard","dark__thuy-ocean__comfortable__high","dark__thuy-ocean__compact__standard","dark__thuy-ocean__compact__high","dark__moc-bamboo__comfortable__standard","dark__moc-bamboo__comfortable__high","dark__moc-bamboo__compact__standard","dark__moc-bamboo__compact__high","dark__moc__comfortable__standard","dark__moc__comfortable__high","dark__moc__compact__standard","dark__moc__compact__high","dark__moc-forest__comfortable__standard","dark__moc-forest__comfortable__high","dark__moc-forest__compact__standard","dark__moc-forest__compact__high","dark__kim-titanium__comfortable__standard","dark__kim-titanium__comfortable__high","dark__kim-titanium__compact__standard","dark__kim-titanium__compact__high","dark__kim__comfortable__standard","dark__kim__comfortable__high","dark__kim__compact__standard","dark__kim__compact__high","dark__kim-steel__comfortable__standard","dark__kim-steel__comfortable__high","dark__kim-steel__compact__standard","dark__kim-steel__compact__high","system-light__default__comfortable__standard","system-light__default__comfortable__high","system-light__default__compact__standard","system-light__default__compact__high","system-light__tho-sand__comfortable__standard","system-light__tho-sand__comfortable__high","system-light__tho-sand__compact__standard","system-light__tho-sand__compact__high","system-light__tho__comfortable__standard","system-light__tho__comfortable__high","system-light__tho__compact__standard","system-light__tho__compact__high","system-light__tho-clay__comfortable__standard","system-light__tho-clay__comfortable__high","system-light__tho-clay__compact__standard","system-light__tho-clay__compact__high","system-light__hoa-plasma__comfortable__standard","system-light__hoa-plasma__comfortable__high","system-light__hoa-plasma__compact__standard","system-light__hoa-plasma__compact__high","system-light__hoa__comfortable__standard","system-light__hoa__comfortable__high","system-light__hoa__compact__standard","system-light__hoa__compact__high","system-light__hoa-lava__comfortable__standard","system-light__hoa-lava__comfortable__high","system-light__hoa-lava__compact__standard","system-light__hoa-lava__compact__high","system-light__thuy-mist__comfortable__standard","system-light__thuy-mist__comfortable__high","system-light__thuy-mist__compact__standard","system-light__thuy-mist__compact__high","system-light__thuy__comfortable__standard","system-light__thuy__comfortable__high","system-light__thuy__compact__standard","system-light__thuy__compact__high","system-light__thuy-ocean__comfortable__standard","system-light__thuy-ocean__comfortable__high","system-light__thuy-ocean__compact__standard","system-light__thuy-ocean__compact__high","system-light__moc-bamboo__comfortable__standard","system-light__moc-bamboo__comfortable__high","system-light__moc-bamboo__compact__standard","system-light__moc-bamboo__compact__high","system-light__moc__comfortable__standard","system-light__moc__comfortable__high","system-light__moc__compact__standard","system-light__moc__compact__high","system-light__moc-forest__comfortable__standard","system-light__moc-forest__comfortable__high","system-light__moc-forest__compact__standard","system-light__moc-forest__compact__high","system-light__kim-titanium__comfortable__standard","system-light__kim-titanium__comfortable__high","system-light__kim-titanium__compact__standard","system-light__kim-titanium__compact__high","system-light__kim__comfortable__standard","system-light__kim__comfortable__high","system-light__kim__compact__standard","system-light__kim__compact__high","system-light__kim-steel__comfortable__standard","system-light__kim-steel__comfortable__high","system-light__kim-steel__compact__standard","system-light__kim-steel__compact__high","system-dark__default__comfortable__standard","system-dark__default__comfortable__high","system-dark__default__compact__standard","system-dark__default__compact__high","system-dark__tho-sand__comfortable__standard","system-dark__tho-sand__comfortable__high","system-dark__tho-sand__compact__standard","system-dark__tho-sand__compact__high","system-dark__tho__comfortable__standard","system-dark__tho__comfortable__high","system-dark__tho__compact__standard","system-dark__tho__compact__high","system-dark__tho-clay__comfortable__standard","system-dark__tho-clay__comfortable__high","system-dark__tho-clay__compact__standard","system-dark__tho-clay__compact__high","system-dark__hoa-plasma__comfortable__standard","system-dark__hoa-plasma__comfortable__high","system-dark__hoa-plasma__compact__standard","system-dark__hoa-plasma__compact__high","system-dark__hoa__comfortable__standard","system-dark__hoa__comfortable__high","system-dark__hoa__compact__standard","system-dark__hoa__compact__high","system-dark__hoa-lava__comfortable__standard","system-dark__hoa-lava__comfortable__high","system-dark__hoa-lava__compact__standard","system-dark__hoa-lava__compact__high","system-dark__thuy-mist__comfortable__standard","system-dark__thuy-mist__comfortable__high","system-dark__thuy-mist__compact__standard","system-dark__thuy-mist__compact__high","system-dark__thuy__comfortable__standard","system-dark__thuy__comfortable__high","system-dark__thuy__compact__standard","system-dark__thuy__compact__high","system-dark__thuy-ocean__comfortable__standard","system-dark__thuy-ocean__comfortable__high","system-dark__thuy-ocean__compact__standard","system-dark__thuy-ocean__compact__high","system-dark__moc-bamboo__comfortable__standard","system-dark__moc-bamboo__comfortable__high","system-dark__moc-bamboo__compact__standard","system-dark__moc-bamboo__compact__high","system-dark__moc__comfortable__standard","system-dark__moc__comfortable__high","system-dark__moc__compact__standard","system-dark__moc__compact__high","system-dark__moc-forest__comfortable__standard","system-dark__moc-forest__comfortable__high","system-dark__moc-forest__compact__standard","system-dark__moc-forest__compact__high","system-dark__kim-titanium__comfortable__standard","system-dark__kim-titanium__comfortable__high","system-dark__kim-titanium__compact__standard","system-dark__kim-titanium__compact__high","system-dark__kim__comfortable__standard","system-dark__kim__comfortable__high","system-dark__kim__compact__standard","system-dark__kim__compact__high","system-dark__kim-steel__comfortable__standard","system-dark__kim-steel__comfortable__high","system-dark__kim-steel__compact__standard","system-dark__kim-steel__compact__high")
   fun resolve(theme: CSTheme, colorScheme: CSColorScheme, element: CSElement?, variant: CSVariant?, density: CSDensity, contrast: CSContrast, style: CSStyle): CSTokenModePack {
     require(style == CSStyle.LIQUID_GLASS && (theme == CSTheme.SYSTEM || theme.css == colorScheme.css)) { "Invalid explicit CyberSkill mode selection" }

package/tokens/native/CSModes.swift CHANGED Viewed

@@ -1,6 +1,6 @@
 // GENERATED explicit CyberSkill native data packs. Do not edit.
-// Canonical mode source 1fa7ad3159c440450343a88102a8c6999a710f208abfb7822fea5654faf31859
-// Mode index sha256 403088125c0b49014203f0949909e4ed9dd6305c46c758228805f0fc482b99f3
+// Canonical mode source 94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd
+// Mode index sha256 35aabd4a292dde3c517cab5229e10adb54299308bc4bf1ceb35a00b677318556
 // Data only: explicit axes; preserved color spaces/units; no OS inference or UI conversion.
 import Foundation
@@ -1350,7 +1350,7 @@ public struct CSTokenModePack {
   public var densityControlGap: CSDimension { if case let .dimension(v) = csModeValues[csModeRows[row][193]] { return v }; preconditionFailure("Generated native token type mismatch") }
 }
 public enum CSModes {
-  public static let sourceHash = "1fa7ad3159c440450343a88102a8c6999a710f208abfb7822fea5654faf31859"
+  public static let sourceHash = "94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd"
   public static let availableModeIDs: [String] = ["light__default__comfortable__standard","light__default__comfortable__high","light__default__compact__standard","light__default__compact__high","light__tho-sand__comfortable__standard","light__tho-sand__comfortable__high","light__tho-sand__compact__standard","light__tho-sand__compact__high","light__tho__comfortable__standard","light__tho__comfortable__high","light__tho__compact__standard","light__tho__compact__high","light__tho-clay__comfortable__standard","light__tho-clay__comfortable__high","light__tho-clay__compact__standard","light__tho-clay__compact__high","light__hoa-plasma__comfortable__standard","light__hoa-plasma__comfortable__high","light__hoa-plasma__compact__standard","light__hoa-plasma__compact__high","light__hoa__comfortable__standard","light__hoa__comfortable__high","light__hoa__compact__standard","light__hoa__compact__high","light__hoa-lava__comfortable__standard","light__hoa-lava__comfortable__high","light__hoa-lava__compact__standard","light__hoa-lava__compact__high","light__thuy-mist__comfortable__standard","light__thuy-mist__comfortable__high","light__thuy-mist__compact__standard","light__thuy-mist__compact__high","light__thuy__comfortable__standard","light__thuy__comfortable__high","light__thuy__compact__standard","light__thuy__compact__high","light__thuy-ocean__comfortable__standard","light__thuy-ocean__comfortable__high","light__thuy-ocean__compact__standard","light__thuy-ocean__compact__high","light__moc-bamboo__comfortable__standard","light__moc-bamboo__comfortable__high","light__moc-bamboo__compact__standard","light__moc-bamboo__compact__high","light__moc__comfortable__standard","light__moc__comfortable__high","light__moc__compact__standard","light__moc__compact__high","light__moc-forest__comfortable__standard","light__moc-forest__comfortable__high","light__moc-forest__compact__standard","light__moc-forest__compact__high","light__kim-titanium__comfortable__standard","light__kim-titanium__comfortable__high","light__kim-titanium__compact__standard","light__kim-titanium__compact__high","light__kim__comfortable__standard","light__kim__comfortable__high","light__kim__compact__standard","light__kim__compact__high","light__kim-steel__comfortable__standard","light__kim-steel__comfortable__high","light__kim-steel__compact__standard","light__kim-steel__compact__high","dark__default__comfortable__standard","dark__default__comfortable__high","dark__default__compact__standard","dark__default__compact__high","dark__tho-sand__comfortable__standard","dark__tho-sand__comfortable__high","dark__tho-sand__compact__standard","dark__tho-sand__compact__high","dark__tho__comfortable__standard","dark__tho__comfortable__high","dark__tho__compact__standard","dark__tho__compact__high","dark__tho-clay__comfortable__standard","dark__tho-clay__comfortable__high","dark__tho-clay__compact__standard","dark__tho-clay__compact__high","dark__hoa-plasma__comfortable__standard","dark__hoa-plasma__comfortable__high","dark__hoa-plasma__compact__standard","dark__hoa-plasma__compact__high","dark__hoa__comfortable__standard","dark__hoa__comfortable__high","dark__hoa__compact__standard","dark__hoa__compact__high","dark__hoa-lava__comfortable__standard","dark__hoa-lava__comfortable__high","dark__hoa-lava__compact__standard","dark__hoa-lava__compact__high","dark__thuy-mist__comfortable__standard","dark__thuy-mist__comfortable__high","dark__thuy-mist__compact__standard","dark__thuy-mist__compact__high","dark__thuy__comfortable__standard","dark__thuy__comfortable__high","dark__thuy__compact__standard","dark__thuy__compact__high","dark__thuy-ocean__comfortable__standard","dark__thuy-ocean__comfortable__high","dark__thuy-ocean__compact__standard","dark__thuy-ocean__compact__high","dark__moc-bamboo__comfortable__standard","dark__moc-bamboo__comfortable__high","dark__moc-bamboo__compact__standard","dark__moc-bamboo__compact__high","dark__moc__comfortable__standard","dark__moc__comfortable__high","dark__moc__compact__standard","dark__moc__compact__high","dark__moc-forest__comfortable__standard","dark__moc-forest__comfortable__high","dark__moc-forest__compact__standard","dark__moc-forest__compact__high","dark__kim-titanium__comfortable__standard","dark__kim-titanium__comfortable__high","dark__kim-titanium__compact__standard","dark__kim-titanium__compact__high","dark__kim__comfortable__standard","dark__kim__comfortable__high","dark__kim__compact__standard","dark__kim__compact__high","dark__kim-steel__comfortable__standard","dark__kim-steel__comfortable__high","dark__kim-steel__compact__standard","dark__kim-steel__compact__high","system-light__default__comfortable__standard","system-light__default__comfortable__high","system-light__default__compact__standard","system-light__default__compact__high","system-light__tho-sand__comfortable__standard","system-light__tho-sand__comfortable__high","system-light__tho-sand__compact__standard","system-light__tho-sand__compact__high","system-light__tho__comfortable__standard","system-light__tho__comfortable__high","system-light__tho__compact__standard","system-light__tho__compact__high","system-light__tho-clay__comfortable__standard","system-light__tho-clay__comfortable__high","system-light__tho-clay__compact__standard","system-light__tho-clay__compact__high","system-light__hoa-plasma__comfortable__standard","system-light__hoa-plasma__comfortable__high","system-light__hoa-plasma__compact__standard","system-light__hoa-plasma__compact__high","system-light__hoa__comfortable__standard","system-light__hoa__comfortable__high","system-light__hoa__compact__standard","system-light__hoa__compact__high","system-light__hoa-lava__comfortable__standard","system-light__hoa-lava__comfortable__high","system-light__hoa-lava__compact__standard","system-light__hoa-lava__compact__high","system-light__thuy-mist__comfortable__standard","system-light__thuy-mist__comfortable__high","system-light__thuy-mist__compact__standard","system-light__thuy-mist__compact__high","system-light__thuy__comfortable__standard","system-light__thuy__comfortable__high","system-light__thuy__compact__standard","system-light__thuy__compact__high","system-light__thuy-ocean__comfortable__standard","system-light__thuy-ocean__comfortable__high","system-light__thuy-ocean__compact__standard","system-light__thuy-ocean__compact__high","system-light__moc-bamboo__comfortable__standard","system-light__moc-bamboo__comfortable__high","system-light__moc-bamboo__compact__standard","system-light__moc-bamboo__compact__high","system-light__moc__comfortable__standard","system-light__moc__comfortable__high","system-light__moc__compact__standard","system-light__moc__compact__high","system-light__moc-forest__comfortable__standard","system-light__moc-forest__comfortable__high","system-light__moc-forest__compact__standard","system-light__moc-forest__compact__high","system-light__kim-titanium__comfortable__standard","system-light__kim-titanium__comfortable__high","system-light__kim-titanium__compact__standard","system-light__kim-titanium__compact__high","system-light__kim__comfortable__standard","system-light__kim__comfortable__high","system-light__kim__compact__standard","system-light__kim__compact__high","system-light__kim-steel__comfortable__standard","system-light__kim-steel__comfortable__high","system-light__kim-steel__compact__standard","system-light__kim-steel__compact__high","system-dark__default__comfortable__standard","system-dark__default__comfortable__high","system-dark__default__compact__standard","system-dark__default__compact__high","system-dark__tho-sand__comfortable__standard","system-dark__tho-sand__comfortable__high","system-dark__tho-sand__compact__standard","system-dark__tho-sand__compact__high","system-dark__tho__comfortable__standard","system-dark__tho__comfortable__high","system-dark__tho__compact__standard","system-dark__tho__compact__high","system-dark__tho-clay__comfortable__standard","system-dark__tho-clay__comfortable__high","system-dark__tho-clay__compact__standard","system-dark__tho-clay__compact__high","system-dark__hoa-plasma__comfortable__standard","system-dark__hoa-plasma__comfortable__high","system-dark__hoa-plasma__compact__standard","system-dark__hoa-plasma__compact__high","system-dark__hoa__comfortable__standard","system-dark__hoa__comfortable__high","system-dark__hoa__compact__standard","system-dark__hoa__compact__high","system-dark__hoa-lava__comfortable__standard","system-dark__hoa-lava__comfortable__high","system-dark__hoa-lava__compact__standard","system-dark__hoa-lava__compact__high","system-dark__thuy-mist__comfortable__standard","system-dark__thuy-mist__comfortable__high","system-dark__thuy-mist__compact__standard","system-dark__thuy-mist__compact__high","system-dark__thuy__comfortable__standard","system-dark__thuy__comfortable__high","system-dark__thuy__compact__standard","system-dark__thuy__compact__high","system-dark__thuy-ocean__comfortable__standard","system-dark__thuy-ocean__comfortable__high","system-dark__thuy-ocean__compact__standard","system-dark__thuy-ocean__compact__high","system-dark__moc-bamboo__comfortable__standard","system-dark__moc-bamboo__comfortable__high","system-dark__moc-bamboo__compact__standard","system-dark__moc-bamboo__compact__high","system-dark__moc__comfortable__standard","system-dark__moc__comfortable__high","system-dark__moc__compact__standard","system-dark__moc__compact__high","system-dark__moc-forest__comfortable__standard","system-dark__moc-forest__comfortable__high","system-dark__moc-forest__compact__standard","system-dark__moc-forest__compact__high","system-dark__kim-titanium__comfortable__standard","system-dark__kim-titanium__comfortable__high","system-dark__kim-titanium__compact__standard","system-dark__kim-titanium__compact__high","system-dark__kim__comfortable__standard","system-dark__kim__comfortable__high","system-dark__kim__compact__standard","system-dark__kim__compact__high","system-dark__kim-steel__comfortable__standard","system-dark__kim-steel__comfortable__high","system-dark__kim-steel__compact__standard","system-dark__kim-steel__compact__high"]
   public static func resolve(theme: CSTheme, colorScheme: CSColorScheme, element: CSElement?, variant: CSVariant?, density: CSDensity, contrast: CSContrast, style: CSStyle) throws -> CSTokenModePack {
     guard style == .liquidGlass, theme == .system || theme.rawValue == colorScheme.rawValue else { throw CSModeError.invalidSelection }

package/tokens/native/CSTokens.kt CHANGED Viewed

@@ -1,6 +1,6 @@
 // CyberSkill Design System — native design tokens.
 // GENERATED from tokens/tokens.dtcg.json — do not hand-edit; regenerate on token change.
-// release v2.4.0 · source sha256 5c4b7bcc05ed52a3…
+// release v2.5.0 · source sha256 8a579cb34ed0d770…
 // conversions: rem→px at 16 · em→…Em relative doubles · rgba alpha→ARGB byte (round(a*255)) · durations in ms
 // dark element packs: see $extensions.overrides.elementsDark
 // provenance: tokens/provenance.json · parity gate: _audit/token-pipeline-test.html

package/tokens/native/CSTokens.swift CHANGED Viewed

@@ -1,6 +1,6 @@
 // CyberSkill Design System — native design tokens.
 // GENERATED from tokens/tokens.dtcg.json — do not hand-edit; regenerate on token change.
-// release v2.4.0 · source sha256 5c4b7bcc05ed52a3…
+// release v2.5.0 · source sha256 8a579cb34ed0d770…
 // conversions: rem→px at 16 · em→…Em relative doubles · rgba alpha→ARGB byte (round(a*255)) · durations in ms
 // dark element packs: see $extensions.overrides.elementsDark
 // provenance: tokens/provenance.json · parity gate: _audit/token-pipeline-test.html

package/tokens/native/cs_modes.dart CHANGED Viewed

@@ -1,6 +1,6 @@
 // GENERATED explicit CyberSkill native data packs. Do not edit.
-// Canonical mode source 1fa7ad3159c440450343a88102a8c6999a710f208abfb7822fea5654faf31859
-// Mode index sha256 403088125c0b49014203f0949909e4ed9dd6305c46c758228805f0fc482b99f3
+// Canonical mode source 94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd
+// Mode index sha256 35aabd4a292dde3c517cab5229e10adb54299308bc4bf1ceb35a00b677318556
 // Data only: explicit axes; preserved color spaces/units; no OS inference or UI conversion.
 // Requires Dart null safety (Dart >=2.12). No Flutter import is required.
@@ -1361,7 +1361,7 @@ class CSTokenModePack {
 }
 class CSModes {
   CSModes._();
-  static const sourceHash = "1fa7ad3159c440450343a88102a8c6999a710f208abfb7822fea5654faf31859";
+  static const sourceHash = "94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd";
   static const availableModeIDs = <String>["light__default__comfortable__standard","light__default__comfortable__high","light__default__compact__standard","light__default__compact__high","light__tho-sand__comfortable__standard","light__tho-sand__comfortable__high","light__tho-sand__compact__standard","light__tho-sand__compact__high","light__tho__comfortable__standard","light__tho__comfortable__high","light__tho__compact__standard","light__tho__compact__high","light__tho-clay__comfortable__standard","light__tho-clay__comfortable__high","light__tho-clay__compact__standard","light__tho-clay__compact__high","light__hoa-plasma__comfortable__standard","light__hoa-plasma__comfortable__high","light__hoa-plasma__compact__standard","light__hoa-plasma__compact__high","light__hoa__comfortable__standard","light__hoa__comfortable__high","light__hoa__compact__standard","light__hoa__compact__high","light__hoa-lava__comfortable__standard","light__hoa-lava__comfortable__high","light__hoa-lava__compact__standard","light__hoa-lava__compact__high","light__thuy-mist__comfortable__standard","light__thuy-mist__comfortable__high","light__thuy-mist__compact__standard","light__thuy-mist__compact__high","light__thuy__comfortable__standard","light__thuy__comfortable__high","light__thuy__compact__standard","light__thuy__compact__high","light__thuy-ocean__comfortable__standard","light__thuy-ocean__comfortable__high","light__thuy-ocean__compact__standard","light__thuy-ocean__compact__high","light__moc-bamboo__comfortable__standard","light__moc-bamboo__comfortable__high","light__moc-bamboo__compact__standard","light__moc-bamboo__compact__high","light__moc__comfortable__standard","light__moc__comfortable__high","light__moc__compact__standard","light__moc__compact__high","light__moc-forest__comfortable__standard","light__moc-forest__comfortable__high","light__moc-forest__compact__standard","light__moc-forest__compact__high","light__kim-titanium__comfortable__standard","light__kim-titanium__comfortable__high","light__kim-titanium__compact__standard","light__kim-titanium__compact__high","light__kim__comfortable__standard","light__kim__comfortable__high","light__kim__compact__standard","light__kim__compact__high","light__kim-steel__comfortable__standard","light__kim-steel__comfortable__high","light__kim-steel__compact__standard","light__kim-steel__compact__high","dark__default__comfortable__standard","dark__default__comfortable__high","dark__default__compact__standard","dark__default__compact__high","dark__tho-sand__comfortable__standard","dark__tho-sand__comfortable__high","dark__tho-sand__compact__standard","dark__tho-sand__compact__high","dark__tho__comfortable__standard","dark__tho__comfortable__high","dark__tho__compact__standard","dark__tho__compact__high","dark__tho-clay__comfortable__standard","dark__tho-clay__comfortable__high","dark__tho-clay__compact__standard","dark__tho-clay__compact__high","dark__hoa-plasma__comfortable__standard","dark__hoa-plasma__comfortable__high","dark__hoa-plasma__compact__standard","dark__hoa-plasma__compact__high","dark__hoa__comfortable__standard","dark__hoa__comfortable__high","dark__hoa__compact__standard","dark__hoa__compact__high","dark__hoa-lava__comfortable__standard","dark__hoa-lava__comfortable__high","dark__hoa-lava__compact__standard","dark__hoa-lava__compact__high","dark__thuy-mist__comfortable__standard","dark__thuy-mist__comfortable__high","dark__thuy-mist__compact__standard","dark__thuy-mist__compact__high","dark__thuy__comfortable__standard","dark__thuy__comfortable__high","dark__thuy__compact__standard","dark__thuy__compact__high","dark__thuy-ocean__comfortable__standard","dark__thuy-ocean__comfortable__high","dark__thuy-ocean__compact__standard","dark__thuy-ocean__compact__high","dark__moc-bamboo__comfortable__standard","dark__moc-bamboo__comfortable__high","dark__moc-bamboo__compact__standard","dark__moc-bamboo__compact__high","dark__moc__comfortable__standard","dark__moc__comfortable__high","dark__moc__compact__standard","dark__moc__compact__high","dark__moc-forest__comfortable__standard","dark__moc-forest__comfortable__high","dark__moc-forest__compact__standard","dark__moc-forest__compact__high","dark__kim-titanium__comfortable__standard","dark__kim-titanium__comfortable__high","dark__kim-titanium__compact__standard","dark__kim-titanium__compact__high","dark__kim__comfortable__standard","dark__kim__comfortable__high","dark__kim__compact__standard","dark__kim__compact__high","dark__kim-steel__comfortable__standard","dark__kim-steel__comfortable__high","dark__kim-steel__compact__standard","dark__kim-steel__compact__high","system-light__default__comfortable__standard","system-light__default__comfortable__high","system-light__default__compact__standard","system-light__default__compact__high","system-light__tho-sand__comfortable__standard","system-light__tho-sand__comfortable__high","system-light__tho-sand__compact__standard","system-light__tho-sand__compact__high","system-light__tho__comfortable__standard","system-light__tho__comfortable__high","system-light__tho__compact__standard","system-light__tho__compact__high","system-light__tho-clay__comfortable__standard","system-light__tho-clay__comfortable__high","system-light__tho-clay__compact__standard","system-light__tho-clay__compact__high","system-light__hoa-plasma__comfortable__standard","system-light__hoa-plasma__comfortable__high","system-light__hoa-plasma__compact__standard","system-light__hoa-plasma__compact__high","system-light__hoa__comfortable__standard","system-light__hoa__comfortable__high","system-light__hoa__compact__standard","system-light__hoa__compact__high","system-light__hoa-lava__comfortable__standard","system-light__hoa-lava__comfortable__high","system-light__hoa-lava__compact__standard","system-light__hoa-lava__compact__high","system-light__thuy-mist__comfortable__standard","system-light__thuy-mist__comfortable__high","system-light__thuy-mist__compact__standard","system-light__thuy-mist__compact__high","system-light__thuy__comfortable__standard","system-light__thuy__comfortable__high","system-light__thuy__compact__standard","system-light__thuy__compact__high","system-light__thuy-ocean__comfortable__standard","system-light__thuy-ocean__comfortable__high","system-light__thuy-ocean__compact__standard","system-light__thuy-ocean__compact__high","system-light__moc-bamboo__comfortable__standard","system-light__moc-bamboo__comfortable__high","system-light__moc-bamboo__compact__standard","system-light__moc-bamboo__compact__high","system-light__moc__comfortable__standard","system-light__moc__comfortable__high","system-light__moc__compact__standard","system-light__moc__compact__high","system-light__moc-forest__comfortable__standard","system-light__moc-forest__comfortable__high","system-light__moc-forest__compact__standard","system-light__moc-forest__compact__high","system-light__kim-titanium__comfortable__standard","system-light__kim-titanium__comfortable__high","system-light__kim-titanium__compact__standard","system-light__kim-titanium__compact__high","system-light__kim__comfortable__standard","system-light__kim__comfortable__high","system-light__kim__compact__standard","system-light__kim__compact__high","system-light__kim-steel__comfortable__standard","system-light__kim-steel__comfortable__high","system-light__kim-steel__compact__standard","system-light__kim-steel__compact__high","system-dark__default__comfortable__standard","system-dark__default__comfortable__high","system-dark__default__compact__standard","system-dark__default__compact__high","system-dark__tho-sand__comfortable__standard","system-dark__tho-sand__comfortable__high","system-dark__tho-sand__compact__standard","system-dark__tho-sand__compact__high","system-dark__tho__comfortable__standard","system-dark__tho__comfortable__high","system-dark__tho__compact__standard","system-dark__tho__compact__high","system-dark__tho-clay__comfortable__standard","system-dark__tho-clay__comfortable__high","system-dark__tho-clay__compact__standard","system-dark__tho-clay__compact__high","system-dark__hoa-plasma__comfortable__standard","system-dark__hoa-plasma__comfortable__high","system-dark__hoa-plasma__compact__standard","system-dark__hoa-plasma__compact__high","system-dark__hoa__comfortable__standard","system-dark__hoa__comfortable__high","system-dark__hoa__compact__standard","system-dark__hoa__compact__high","system-dark__hoa-lava__comfortable__standard","system-dark__hoa-lava__comfortable__high","system-dark__hoa-lava__compact__standard","system-dark__hoa-lava__compact__high","system-dark__thuy-mist__comfortable__standard","system-dark__thuy-mist__comfortable__high","system-dark__thuy-mist__compact__standard","system-dark__thuy-mist__compact__high","system-dark__thuy__comfortable__standard","system-dark__thuy__comfortable__high","system-dark__thuy__compact__standard","system-dark__thuy__compact__high","system-dark__thuy-ocean__comfortable__standard","system-dark__thuy-ocean__comfortable__high","system-dark__thuy-ocean__compact__standard","system-dark__thuy-ocean__compact__high","system-dark__moc-bamboo__comfortable__standard","system-dark__moc-bamboo__comfortable__high","system-dark__moc-bamboo__compact__standard","system-dark__moc-bamboo__compact__high","system-dark__moc__comfortable__standard","system-dark__moc__comfortable__high","system-dark__moc__compact__standard","system-dark__moc__compact__high","system-dark__moc-forest__comfortable__standard","system-dark__moc-forest__comfortable__high","system-dark__moc-forest__compact__standard","system-dark__moc-forest__compact__high","system-dark__kim-titanium__comfortable__standard","system-dark__kim-titanium__comfortable__high","system-dark__kim-titanium__compact__standard","system-dark__kim-titanium__compact__high","system-dark__kim__comfortable__standard","system-dark__kim__comfortable__high","system-dark__kim__compact__standard","system-dark__kim__compact__high","system-dark__kim-steel__comfortable__standard","system-dark__kim-steel__comfortable__high","system-dark__kim-steel__compact__standard","system-dark__kim-steel__compact__high"];
   static CSTokenModePack resolve({required CSTheme theme, required CSColorScheme colorScheme, required CSElement? element, required CSVariant? variant, required CSDensity density, required CSContrast contrast, required CSStyle style}) {
     final themeName = _csThemeNames[theme.index]; final schemeName = _csColorSchemeNames[colorScheme.index];

package/tokens/native/cs_tokens.dart CHANGED Viewed

@@ -1,6 +1,6 @@
 // CyberSkill Design System — native design tokens.
 // GENERATED from tokens/tokens.dtcg.json — do not hand-edit; regenerate on token change.
-// release v2.4.0 · source sha256 5c4b7bcc05ed52a3…
+// release v2.5.0 · source sha256 8a579cb34ed0d770…
 // conversions: rem→px at 16 · em→…Em relative doubles · rgba alpha→ARGB byte (round(a*255)) · durations in ms
 // dark element packs: see $extensions.overrides.elementsDark
 // provenance: tokens/provenance.json · parity gate: _audit/token-pipeline-test.html

package/tokens/native/mode-provenance.json CHANGED Viewed

@@ -1,8 +1,8 @@
 {
   "schemaVersion": 1,
-  "modeSourceHash": "1fa7ad3159c440450343a88102a8c6999a710f208abfb7822fea5654faf31859",
-  "modeIndexSha256": "403088125c0b49014203f0949909e4ed9dd6305c46c758228805f0fc482b99f3",
-  "modeDocumentsSha256": "46e7f5fa5d0e765ae2ab417a0b702a3a07b212b235d20850371ce062affbf734",
+  "modeSourceHash": "94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd",
+  "modeIndexSha256": "35aabd4a292dde3c517cab5229e10adb54299308bc4bf1ceb35a00b677318556",
+  "modeDocumentsSha256": "5db77667e8d4f2991502c78bc61caf388904dd3282727fd047d9d86e6045a1a8",
   "modeCount": 256,
   "typedTokensPerMode": 194,
   "uniqueTypedValues": 432,
@@ -23,17 +23,17 @@
     {
       "path": "tokens/native/CSModes.swift",
       "bytes": 233423,
-      "sha256": "b11855bcefd39363a3c75e9c42ec55cae1ca454a89b4fae48b4606266ac5a5f6"
+      "sha256": "a5e55692ee1128aeb566e54536a06ad4ca107a212a2595d974a256ec41f0497d"
     },
     {
       "path": "tokens/native/CSModes.kt",
       "bytes": 215811,
-      "sha256": "ceadf344ba3fddbe0425d006cfe8723e13a9987fb979ad8a1e9fdc600629a486"
+      "sha256": "fe817c0e8a0a9fbeedd0d1987727790216f5c5f7159b7455f9d4134529fc80a1"
     },
     {
       "path": "tokens/native/cs_modes.dart",
       "bytes": 205543,
-      "sha256": "5b7c59132bb8749e0580dc56f041413eb85bc67c28846381ffdab5d70bae4662"
+      "sha256": "8fd316cc641bac9b59b04d46810d4b5a652d73abcab69b7b27bf140b0be646a9"
     }
   ],
   "generatedSourceBytes": 654777

package/tokens/provenance.json CHANGED Viewed

@@ -1,10 +1,10 @@
 {
   "system": "CyberSkill Design System",
-  "release": "2.4.0",
+  "release": "2.5.0",
   "source": "tokens/tokens.dtcg.json",
-  "sourceSha256": "5c4b7bcc05ed52a32577ffc2eaa523379eaf657530490736738251f14e98bc8c",
+  "sourceSha256": "8a579cb34ed0d7704e3e52afd05752416c04070f36a10512a8883e1342c05d92",
   "dtcgStamp": {
-    "version": "2.4.0",
+    "version": "2.5.0",
     "generated": "2026-07-23"
   },
   "conversions": {
@@ -42,17 +42,17 @@
     {
       "file": "tokens/native/CSTokens.swift",
       "lang": "swift",
-      "sha256": "d950d08396a6646341821388b1e9be3a012834704448246e14b7a213e7a06b4a"
+      "sha256": "33b56743b11a69b6bd7376c22d326bc64f06b2a9922924534cb30ffc6af89520"
     },
     {
       "file": "tokens/native/CSTokens.kt",
       "lang": "kotlin",
-      "sha256": "7fe9dd1466c35032e6fd19ed06e33d7a6f5f6649cc3669920eae3f932f699562"
+      "sha256": "8878622c27b36bd4251813eaab3323cd3735e122fc632a4c568a4ee926f9336d"
     },
     {
       "file": "tokens/native/cs_tokens.dart",
       "lang": "dart",
-      "sha256": "3fe3a539de5af76287a01c4a6f052ab5faa011169eca18226c29a8f54818da10"
+      "sha256": "f2bccf732a00800644d9666c3b02d0d3a3a47e0d4745f1685f762afc8a988dac"
     }
   ]
 }

package/tokens/tokens.dtcg.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "$extensions": {
     "com.cyberskill": {
       "system": "CyberSkill Design System",
-      "version": "2.4.0",
+      "version": "2.5.0",
       "generated": "2026-07-23",
       "source": "tokens/tokens.json",
       "note": "CSS remains authoritative. Scope maps are CSS-valued vendor extensions; use the CyberSkill adapter. Relative em numbers retain relativeUnit; cssScale converts percentage ratios. nativeFormat preserves established native representation.",
@@ -531,7 +531,7 @@
       "declarationGraph": {
         "path": "declarations.json",
         "schemaVersion": 1,
-        "sha256": "676b6bdeeee3c3ec26610b391935e7a5bfc6cde882ef271d13cd505ad9a76490",
+        "sha256": "5d4246a9e0c35a9edacef8681b0b6c06da4522112e7663c8c1fd739091dc4521",
         "declarations": 1080,
         "publicDeclarations": 397,
         "publicNames": 216,

package/tokens/tokens.js CHANGED Viewed

@@ -1,14 +1,14 @@
-// CyberSkill design tokens — generated from tokens/*.css (v2.4.0). Do not edit by hand.
+// CyberSkill design tokens — generated from tokens/*.css (v2.5.0). Do not edit by hand.
 export const tokens = {
   "$meta": {
     "system": "CyberSkill Design System",
-    "version": "2.4.0",
+    "version": "2.5.0",
     "generated": "2026-07-23",
     "note": "Generated from tokens/*.css. Root grouped by category; theme/element scopes carry overrides only. Regenerate after any token change (see docs/conventions.md).",
     "declarationGraph": {
       "path": "declarations.json",
       "schemaVersion": 1,
-      "sha256": "676b6bdeeee3c3ec26610b391935e7a5bfc6cde882ef271d13cd505ad9a76490",
+      "sha256": "5d4246a9e0c35a9edacef8681b0b6c06da4522112e7663c8c1fd739091dc4521",
       "declarations": 1080,
       "publicDeclarations": 397,
       "publicNames": 216,