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

@cyberskill/design 2.5.0 → 2.7.0

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

Files changed (486) 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":"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"}}}}}
1	+ {"$description":"Standalone resolved CyberSkill token values and intra-document aliases for one explicit mode. Select this document using the versioned companion index; this document defines no DTCG mode extension.","$extensions":{"com.cyberskill":{"format":"https://www.designtokens.org/tr/2025.10/format/","sourceHash":"37876b5d29bf29ed58dcc16fa85156a627bff52a3a0face3198b8b6092868af4","modeId":"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 94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd
-// Mode index sha256 35aabd4a292dde3c517cab5229e10adb54299308bc4bf1ceb35a00b677318556
+// Canonical mode source 37876b5d29bf29ed58dcc16fa85156a627bff52a3a0face3198b8b6092868af4
+// Mode index sha256 ed9b291d92bc01039a214c7fcc5d3112ad3e92b55fe2489affbd1f4c491fd24d
 // 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 = "94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd"
+  const val sourceHash: String = "37876b5d29bf29ed58dcc16fa85156a627bff52a3a0face3198b8b6092868af4"
   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 94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd
-// Mode index sha256 35aabd4a292dde3c517cab5229e10adb54299308bc4bf1ceb35a00b677318556
+// Canonical mode source 37876b5d29bf29ed58dcc16fa85156a627bff52a3a0face3198b8b6092868af4
+// Mode index sha256 ed9b291d92bc01039a214c7fcc5d3112ad3e92b55fe2489affbd1f4c491fd24d
 // 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 = "94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd"
+  public static let sourceHash = "37876b5d29bf29ed58dcc16fa85156a627bff52a3a0face3198b8b6092868af4"
   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.5.0 · source sha256 8a579cb34ed0d770…
+// release v2.7.0 · source sha256 b4153c57be60838c…
 // 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.5.0 · source sha256 8a579cb34ed0d770…
+// release v2.7.0 · source sha256 b4153c57be60838c…
 // 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 94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd
-// Mode index sha256 35aabd4a292dde3c517cab5229e10adb54299308bc4bf1ceb35a00b677318556
+// Canonical mode source 37876b5d29bf29ed58dcc16fa85156a627bff52a3a0face3198b8b6092868af4
+// Mode index sha256 ed9b291d92bc01039a214c7fcc5d3112ad3e92b55fe2489affbd1f4c491fd24d
 // 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 = "94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd";
+  static const sourceHash = "37876b5d29bf29ed58dcc16fa85156a627bff52a3a0face3198b8b6092868af4";
   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.5.0 · source sha256 8a579cb34ed0d770…
+// release v2.7.0 · source sha256 b4153c57be60838c…
 // 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": "94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd",
-  "modeIndexSha256": "35aabd4a292dde3c517cab5229e10adb54299308bc4bf1ceb35a00b677318556",
-  "modeDocumentsSha256": "5db77667e8d4f2991502c78bc61caf388904dd3282727fd047d9d86e6045a1a8",
+  "modeSourceHash": "37876b5d29bf29ed58dcc16fa85156a627bff52a3a0face3198b8b6092868af4",
+  "modeIndexSha256": "ed9b291d92bc01039a214c7fcc5d3112ad3e92b55fe2489affbd1f4c491fd24d",
+  "modeDocumentsSha256": "630ae9aeeda4d0121231ed6468d1b8746fa5619ed6f776e72dc06a9237977dfc",
   "modeCount": 256,
   "typedTokensPerMode": 194,
   "uniqueTypedValues": 432,
@@ -23,17 +23,17 @@
     {
       "path": "tokens/native/CSModes.swift",
       "bytes": 233423,
-      "sha256": "a5e55692ee1128aeb566e54536a06ad4ca107a212a2595d974a256ec41f0497d"
+      "sha256": "d9e418e75836b24ca4d8ca4ddd7b0d94c10c3f801bb6d91c835d65777385387c"
     },
     {
       "path": "tokens/native/CSModes.kt",
       "bytes": 215811,
-      "sha256": "fe817c0e8a0a9fbeedd0d1987727790216f5c5f7159b7455f9d4134529fc80a1"
+      "sha256": "73ca9fcd3b7110f3ddf16011dc08b84cc3db2454262fcd375423de000f213a0f"
     },
     {
       "path": "tokens/native/cs_modes.dart",
       "bytes": 205543,
-      "sha256": "8fd316cc641bac9b59b04d46810d4b5a652d73abcab69b7b27bf140b0be646a9"
+      "sha256": "3c338fbeaeaba3ecf56d715420cac3e3041257d4519ba0b9fe35cb33713fa267"
     }
   ],
   "generatedSourceBytes": 654777

package/tokens/provenance.json CHANGED Viewed

@@ -1,10 +1,10 @@
 {
   "system": "CyberSkill Design System",
-  "release": "2.5.0",
+  "release": "2.7.0",
   "source": "tokens/tokens.dtcg.json",
-  "sourceSha256": "8a579cb34ed0d7704e3e52afd05752416c04070f36a10512a8883e1342c05d92",
+  "sourceSha256": "b4153c57be60838cdac8ffd616d17dce18d156713b41c68ce69380a91daa4f60",
   "dtcgStamp": {
-    "version": "2.5.0",
+    "version": "2.7.0",
     "generated": "2026-07-23"
   },
   "conversions": {
@@ -42,17 +42,17 @@
     {
       "file": "tokens/native/CSTokens.swift",
       "lang": "swift",
-      "sha256": "33b56743b11a69b6bd7376c22d326bc64f06b2a9922924534cb30ffc6af89520"
+      "sha256": "20e557372ef634223d91ba6eb48d9d2a560b5e60eb55775624c000b657b2ba0a"
     },
     {
       "file": "tokens/native/CSTokens.kt",
       "lang": "kotlin",
-      "sha256": "8878622c27b36bd4251813eaab3323cd3735e122fc632a4c568a4ee926f9336d"
+      "sha256": "9704f7b703baf1eeac76036a8fdbe59d7a75c42d515477cca8d449c367c5df2c"
     },
     {
       "file": "tokens/native/cs_tokens.dart",
       "lang": "dart",
-      "sha256": "f2bccf732a00800644d9666c3b02d0d3a3a47e0d4745f1685f762afc8a988dac"
+      "sha256": "caac2e55587dfae0e01561e9b8f71bbe59d8f69038501bbef000f1ae86752e9b"
     }
   ]
 }

package/tokens/styles.css CHANGED Viewed

@@ -11,5 +11,5 @@
 }
 [data-cs-style="liquid-glass"] {
-  --cs-style-pack: liquid-glass;
+  --cs-style-pack: liquid-glass; /* @kind other */
 }

package/tokens/tokens.dtcg.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "$extensions": {
     "com.cyberskill": {
       "system": "CyberSkill Design System",
-      "version": "2.5.0",
+      "version": "2.7.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,9 +531,9 @@
       "declarationGraph": {
         "path": "declarations.json",
         "schemaVersion": 1,
-        "sha256": "5d4246a9e0c35a9edacef8681b0b6c06da4522112e7663c8c1fd739091dc4521",
-        "declarations": 1080,
-        "publicDeclarations": 397,
+        "sha256": "15d4bc951a001e97d3b53add975e1655583b9f390bc6d232ef3c8f6de55a8c9b",
+        "declarations": 1074,
+        "publicDeclarations": 391,
         "publicNames": 216,
         "privateDeclarations": 683
       }