@cyberskill/design 2.8.0 → 2.9.0

package/tokens/element-seeds.json

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

package/tokens/elements.css

@@ -16,7 +16,7 @@
  * Generative cycle (Tương sinh) only for grad-b: Mộc→Hỏa→Thổ→Kim→Thủy→Mộc. */
 :root {
   --cs-accent: #F4BA17;
-  --cs-accent-strong: #916D11;
+  --cs-accent-strong: #A4631E;
   --cs-accent-bright: #F4BA17;
   --cs-accent-on: #45210E;
   --cs-accent-on-strong: #FFFFFF;
@@ -59,7 +59,7 @@
   --_cs-dark-color-text-inverse: #1a1108;
   --_cs-light-color-text-accent: #6E3B0E;
   --_cs-dark-color-text-accent: #FECD5D;
-  --_cs-light-color-text-muted: #3F2D21;
+  --_cs-light-color-text-muted: #5E4436;
   --_cs-dark-color-text-muted: #E9D6C2;
   --_cs-light-color-semantic-success: #166534;
   --_cs-dark-color-semantic-success: #4ADE80;
@@ -111,16 +111,16 @@
   --_cs-dark-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40);
   --_cs-light-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06);
   --_cs-dark-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.34), 0 8px 24px rgba(0, 0, 0, 0.42);
-  --_cs-light-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18);
+  --_cs-light-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14);
   --_cs-dark-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.50);
   --_cs-light-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18);
   --_cs-dark-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55);
-  --_cs-light-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26);
+  --_cs-light-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24);
   --_cs-dark-shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.62);
   --_cs-light-accent: #F4BA17;
   --_cs-dark-accent: #F4BA17;
-  --_cs-light-accent-strong: #916D11;
-  --_cs-dark-accent-strong: #916D11;
+  --_cs-light-accent-strong: #A4631E;
+  --_cs-dark-accent-strong: #A4631E;
   --_cs-light-accent-bright: #F4BA17;
   --_cs-dark-accent-bright: #F4BA17;
   --_cs-light-accent-on: #45210E;
@@ -177,6 +177,8 @@
   --_cs-dark-color-text-accent: #F9E5AE;
   --_cs-light-color-link: #695300;
   --_cs-dark-color-link: #F9E5AE;
+  --_cs-light-color-text-muted: #5E4436;
+  --_cs-dark-color-text-muted: #EBD8C4;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -196,8 +198,8 @@
 [data-cs-element="tho"] {
   --_cs-light-accent: #F4BA17;
   --_cs-dark-accent: #E9B321;
-  --_cs-light-accent-strong: #916D11;
-  --_cs-dark-accent-strong: #6E5205;
+  --_cs-light-accent-strong: #A4631E;
+  --_cs-dark-accent-strong: #7D480C;
   --_cs-light-accent-bright: #F4BA17;
   --_cs-dark-accent-bright: #FDD378;
   --_cs-light-accent-on: #45210E;
@@ -216,8 +218,10 @@
   --_cs-dark-accent-grad-b: #C4B78F;
   --_cs-light-color-text-accent: #6E3B0E;
   --_cs-dark-color-text-accent: #FFD57A;
-  --_cs-light-color-link: #644A05;
+  --_cs-light-color-link: #744000;
   --_cs-dark-color-link: #FFD57A;
+  --_cs-light-color-text-muted: #5E4436;
+  --_cs-dark-color-text-muted: #E9D6C2;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -229,7 +233,7 @@
   --_cs-light-color-border-default: color-mix(in oklab, var(--_cs-light-accent) 40%, #E7D9C6);
   --_cs-dark-color-border-default: color-mix(in oklab, var(--_cs-dark-accent) 40%, #4a3a2c);
   --_cs-light-component-button-primary-bg: #45210E;
-  --_cs-dark-component-button-primary-bg: #6E5205;
+  --_cs-dark-component-button-primary-bg: #7D480C;
   --_cs-light-component-button-primary-fg: #FFFFFF;
   --_cs-dark-component-button-primary-fg: #FFFFFF;
 }
@@ -259,6 +263,8 @@
   --_cs-dark-color-text-accent: #FFD2AF;
   --_cs-light-color-link: #462402;
   --_cs-dark-color-link: #FFD2AF;
+  --_cs-light-color-text-muted: #442B1E;
+  --_cs-dark-color-text-muted: #E9D6C2;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -300,6 +306,8 @@
   --_cs-dark-color-text-accent: #FDDDDE;
   --_cs-light-color-link: #714B4D;
   --_cs-dark-color-link: #FDDDDE;
+  --_cs-light-color-text-muted: #5E4436;
+  --_cs-dark-color-text-muted: #E9D6C2;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -341,6 +349,8 @@
   --_cs-dark-color-text-accent: #FFD1BA;
   --_cs-light-color-link: #793609;
   --_cs-dark-color-link: #FFD1BA;
+  --_cs-light-color-text-muted: #5E4436;
+  --_cs-dark-color-text-muted: #E9D6C2;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -382,6 +392,8 @@
   --_cs-dark-color-text-accent: #FDD0CA;
   --_cs-light-color-link: #550306;
   --_cs-dark-color-link: #FDD0CA;
+  --_cs-light-color-text-muted: #422A1D;
+  --_cs-dark-color-text-muted: #E9D6C2;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -423,6 +435,8 @@
   --_cs-dark-color-text-accent: #A6F8F6;
   --_cs-light-color-link: #116060;
   --_cs-dark-color-link: #A6F8F6;
+  --_cs-light-color-text-muted: #5E4436;
+  --_cs-dark-color-text-muted: #EBD8C4;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -464,6 +478,8 @@
   --_cs-dark-color-text-accent: #79EDFF;
   --_cs-light-color-link: #0D535C;
   --_cs-dark-color-link: #79EDFF;
+  --_cs-light-color-text-muted: #5E4436;
+  --_cs-dark-color-text-muted: #E9D6C2;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -505,6 +521,8 @@
   --_cs-dark-color-text-accent: #AFE2FA;
   --_cs-light-color-link: #003142;
   --_cs-dark-color-link: #AFE2FA;
+  --_cs-light-color-text-muted: #452D1F;
+  --_cs-dark-color-text-muted: #E9D6C2;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -546,6 +564,8 @@
   --_cs-dark-color-text-accent: #DCF0B1;
   --_cs-light-color-link: #4A5B02;
   --_cs-dark-color-link: #DCF0B1;
+  --_cs-light-color-text-muted: #5E4436;
+  --_cs-dark-color-text-muted: #EBD8C4;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -587,6 +607,8 @@
   --_cs-dark-color-text-accent: #B2EC9E;
   --_cs-light-color-link: #24570B;
   --_cs-dark-color-link: #B2EC9E;
+  --_cs-light-color-text-muted: #5E4436;
+  --_cs-dark-color-text-muted: #E9D6C2;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -628,6 +650,8 @@
   --_cs-dark-color-text-accent: #B0E7C3;
   --_cs-light-color-link: #04361D;
   --_cs-dark-color-link: #B0E7C3;
+  --_cs-light-color-text-muted: #452D1F;
+  --_cs-dark-color-text-muted: #E9D6C2;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -669,6 +693,8 @@
   --_cs-dark-color-text-accent: #D6E9FD;
   --_cs-light-color-link: #3D5670;
   --_cs-dark-color-link: #D6E9FD;
+  --_cs-light-color-text-muted: #5E4436;
+  --_cs-dark-color-text-muted: #EBD8C4;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -710,6 +736,8 @@
   --_cs-dark-color-text-accent: #E5DBBA;
   --_cs-light-color-link: #564B27;
   --_cs-dark-color-link: #E5DBBA;
+  --_cs-light-color-text-muted: #5E4436;
+  --_cs-dark-color-text-muted: #E9D6C2;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);
@@ -751,6 +779,8 @@
   --_cs-dark-color-text-accent: #C8DBFD;
   --_cs-light-color-link: #1B2E4C;
   --_cs-dark-color-link: #C8DBFD;
+  --_cs-light-color-text-muted: #442B1E;
+  --_cs-dark-color-text-muted: #E9D6C2;
   --_cs-light-color-link-hover: #45210E;
   --_cs-dark-color-link-hover: #f5ead9;
   --_cs-light-color-surface-panel: color-mix(in oklab, var(--_cs-light-accent) 4%, #FFFFFF);

package/tokens/elevation.css

@@ -27,9 +27,9 @@
   /* ---- Shadow scale (warm; umber-tinted) ---- */
   --cs-shadow-xs: 0 1px 2px rgba(69, 33, 14, 0.06);
   --cs-shadow-sm: 0 1px 3px rgba(69, 33, 14, 0.04), 0 8px 24px rgba(69, 33, 14, 0.06); /* standard glass card */
-  --cs-shadow-md: 0 12px 30px rgba(31, 19, 11, 0.18);   /* popover / AI panel */
+  --cs-shadow-md: 0 12px 30px rgba(69, 33, 14, 0.14);   /* popover / AI panel */
   --cs-shadow-lg: 0 20px 60px rgba(69, 33, 14, 0.18);   /* heavy glass */
-  --cs-shadow-xl: 0 24px 80px rgba(31, 19, 11, 0.26);   /* dialog */
+  --cs-shadow-xl: 0 24px 80px rgba(69, 33, 14, 0.24);   /* dialog */
 }
 
 /* Dark theme: warm-umber shadows vanish on dark surfaces, so switch to deeper

package/tokens/modes/dark__default__comfortable__high.dtcg.json

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