@cyberskill/design 2.3.1 → 2.5.0

package/templates/vn-appointment-transfer/VnAppointmentTransfer.dc.html

@@ -38,7 +38,7 @@
     <p style="font-size:13px;font-weight:700;line-height:1.5;margin:0 0 1px">TỔNG GIÁM ĐỐC QUYẾT ĐỊNH:</p>
     <p style="font-size:12px;font-weight:700;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0 0 12px">THE CHIEF EXECUTIVE OFFICER DECIDES:</p>
 
-    <h2 class="cs-avoid" style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 6px;--_cs-print-heading-padding:0px;--_cs-print-heading-after:6px">ĐIỀU 1 · LOẠI QUYẾT ĐỊNH <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 1 · Type of decision</span></h2>
+    <h2 class="cs-avoid" style="font-size:13.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 6px;--_cs-print-heading-padding:0px;--_cs-print-heading-after:6px">ĐIỀU 1 · LOẠI QUYẾT ĐỊNH <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 1 · Type of decision</span></h2>
     <div style="display:grid;gap:6px;margin-bottom:8px">
       <div><p style="font-size:13px;line-height:1.45;margin:0">☐ Bổ nhiệm (thăng chức, giao thêm chức vụ quản lý)</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:1px 0 0">☐ Appointment (promotion, or taking on a management role)</p></div>
       <div><p style="font-size:13px;line-height:1.45;margin:0">☐ Điều chuyển thường xuyên (thay đổi vị trí lâu dài — cần Phụ lục sửa đổi HĐLĐ)</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:1px 0 0">☐ Permanent transfer (a lasting change of role — requires a Labor Contract Amendment Appendix)</p></div>
@@ -50,7 +50,7 @@
       <p style="font-size:11px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0"><b>Drafting note:</b> A PERMANENT transfer changes the labor contract: it needs the employee's agreement and a signed Amendment Appendix. A TEMPORARY reassignment under Article 29 does not need agreement, but is capped at 60 days and requires notice.</p>
     </div>
 
-    <h2 class="cs-avoid" style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 6px;--_cs-print-heading-padding:0px;--_cs-print-heading-after:6px">ĐIỀU 2 · NGƯỜI LAO ĐỘNG <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 2 · The employee</span></h2>
+    <h2 class="cs-avoid" style="font-size:13.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 6px;--_cs-print-heading-padding:0px;--_cs-print-heading-after:6px">ĐIỀU 2 · NGƯỜI LAO ĐỘNG <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 2 · The employee</span></h2>
     <table class="cs-avoid" style="width:100%;border-collapse:collapse;font-size:12px;margin:0 0 14px">
       <thead><tr style="background:var(--cs-color-brand-umber);color:var(--cs-color-text-inverse,#fff)"><th style="text-align:left;padding:5px 9px;font-size:10px;width:170px">Nội dung <i style="font-weight:400">Item</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Hiện tại <i style="font-weight:400">Current</i></th><th style="text-align:left;padding:5px 9px;font-size:10px">Sau quyết định <i style="font-weight:400">After</i></th></tr></thead>
       <tbody>
@@ -63,7 +63,7 @@
       </tbody>
     </table>
 
-    <h2 class="cs-avoid" style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px;--_cs-print-heading-padding:0px;--_cs-print-heading-after:5px">ĐIỀU 3 · HIỆU LỰC <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 3 · Effect</span></h2>
+    <h2 class="cs-avoid" style="font-size:13.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px;--_cs-print-heading-padding:0px;--_cs-print-heading-after:5px">ĐIỀU 3 · HIỆU LỰC <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 3 · Effect</span></h2>
     <div style="display:grid;gap:8px;margin-bottom:14px">
       <div><p style="font-size:13px;line-height:1.5;margin:0 0 1px">3.1. Quyết định có hiệu lực kể từ ngày <span style="background:var(--cs-doc-fill);padding:0 3px">...... / ...... / ......</span>.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0">3.1. This Decision takes effect on <span style="background:var(--cs-doc-fill);padding:0 3px">...... / ...... / ......</span>.</p></div>
       <div><p style="font-size:13px;line-height:1.5;margin:0 0 1px">3.2. Đối với điều chuyển tạm thời: thời hạn từ <span style="background:var(--cs-doc-fill);padding:0 3px">.../.../...</span> đến <span style="background:var(--cs-doc-fill);padding:0 3px">.../.../...</span> (tối đa 60 ngày làm việc cộng dồn trong 01 năm). Tiền lương trả theo công việc mới; nếu thấp hơn thì giữ nguyên mức cũ trong 30 ngày làm việc, sau đó ít nhất bằng 85% mức cũ và không thấp hơn lương tối thiểu vùng (Điều 29 khoản 3).</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0">3.2. For a temporary reassignment: from <span style="background:var(--cs-doc-fill);padding:0 3px">.../.../...</span> to <span style="background:var(--cs-doc-fill);padding:0 3px">.../.../...</span> (maximum 60 cumulative working days in a year). Pay is at the rate for the new work; where that is lower, the previous rate is kept for 30 working days, and thereafter is at least 85% of it and not below the regional minimum wage (Article 29.3).</p></div>

package/templates/vn-termination-decision/VnTerminationDecision.dc.html

@@ -44,13 +44,13 @@
     <p style="font-size:13px;font-weight:700;line-height:1.5;margin:0">QUYẾT ĐỊNH: <span style="font-weight:400;color:var(--cs-doc-slate);font-style:italic">DECIDES:</span></p>
 
     <div style="display:grid;gap:12px;margin-top:12px">
-      <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 1 <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 1</span></h2>
+      <div class="cs-avoid"><h2 style="font-size:13.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 1 <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 1</span></h2>
         <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Chấm dứt Hợp đồng lao động đối với Ông/Bà <span style="background:var(--cs-doc-fill);padding:0 3px">{{ employeeName }}</span>, chức danh <span style="background:var(--cs-doc-fill);padding:0 3px">{{ position }}</span>, bộ phận <span style="background:var(--cs-doc-fill);padding:0 3px">{{ department }}</span>, kể từ ngày <span style="background:var(--cs-doc-fill);padding:0 3px">...../...../......</span>. Lý do chấm dứt: <span style="background:var(--cs-doc-fill);padding:0 3px">..................</span></p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0">Terminate the Labor Contract of Mr./Ms. <span style="background:var(--cs-doc-fill);padding:0 3px">{{ employeeName }}</span>, position <span style="background:var(--cs-doc-fill);padding:0 3px">{{ position }}</span>, department <span style="background:var(--cs-doc-fill);padding:0 3px">{{ department }}</span>, effective <span style="background:var(--cs-doc-fill);padding:0 3px">...../...../......</span>. Reason for termination: <span style="background:var(--cs-doc-fill);padding:0 3px">..................</span></p></div>
 
-      <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 2 <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 2</span></h2>
+      <div class="cs-avoid"><h2 style="font-size:13.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 2 <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 2</span></h2>
         <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Trong thời hạn 14 ngày làm việc kể từ ngày chấm dứt, Công ty và Người lao động hoàn thành thanh toán các khoản theo Điều 48 Bộ luật Lao động, hoàn tất bàn giao và thủ tục bảo hiểm xã hội; nội dung chi tiết theo Thỏa thuận Chấm dứt HĐLĐ và Bàn giao (nếu có).</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0">Within 14 working days of termination, the Company and the Employee complete the payments under Article 48 of the Labor Code, the handover, and the social insurance procedures; details per the Exit-Handover Agreement (if any).</p></div>
 
-      <div class="cs-avoid"><h2 style="font-size:12.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 3 <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 3</span></h2>
+      <div class="cs-avoid"><h2 style="font-size:13.5px;font-weight:800;color:var(--cs-color-brand-umber);margin:0 0 5px">ĐIỀU 3 <span style="font-weight:400;font-size:11px;color:var(--cs-doc-slate);font-style:italic">Article 3</span></h2>
         <p style="font-size:13px;line-height:1.5;margin:0 0 1px">Các bộ phận liên quan và Ông/Bà có tên tại Điều 1 chịu trách nhiệm thi hành Quyết định này. Quyết định có hiệu lực kể từ ngày ký.</p><p style="font-size:12px;line-height:1.4;color:var(--cs-doc-slate);font-style:italic;margin:0">The relevant units and the person named in Article 1 are responsible for implementing this Decision. This Decision takes effect from the date of signing.</p></div>
     </div>
 

package/tokens/declarations.json

@@ -53,11 +53,11 @@
     },
     {
       "path": "base/typography.css",
-      "sha256": "62c184f8f7c1bf0252d29a1857f28a1234ad5974bad992bb59597e81b87a697e"
+      "sha256": "19cf3f6cd5c1ea76fa7247c6ffe9034e4b6d4e14bc649e14a29aa85703ae9ccb"
     },
     {
       "path": "base/components.css",
-      "sha256": "cd1d7c23235f60dce6d7535070fdd9dc512a72b759f4e5b0fa3c633dc8c99316"
+      "sha256": "568dd72532092ccc5530944772f63509a69cc4d1de89f9f9a44f5bcbefa3ccb6"
     },
     {
       "path": "base/forms.css",
@@ -65,11 +65,11 @@
     },
     {
       "path": "base/feedback.css",
-      "sha256": "3dde87172dd59fad2272ef5a7c92d60bcd1c93d094f48fbadd0b6bdb856bb59c"
+      "sha256": "ba1aadc4ae1c9f9a07ad9df36df06184244ebe488ec723b30ab691d97d09ae4d"
     },
     {
       "path": "base/data.css",
-      "sha256": "04f8f9dee3741d1b8fb57b6b55de8fc3ba9fd8b7a6470f7e683d3cbcf635f986"
+      "sha256": "4c92290bf35d51a0f0244ca05ab70f57fe4453abb8f71ba23327606f5a2a4227"
     },
     {
       "path": "base/navigation.css",
@@ -77,23 +77,23 @@
     },
     {
       "path": "base/ai.css",
-      "sha256": "cb0371760568fd565b9363bdd5646e484e14ad74aa628faa988d3967da242691"
+      "sha256": "fe288cee4345584a0fc189c6deb356e0af078a18fb0e8ad2f6ef4dd4e1511665"
     },
     {
       "path": "base/controls.css",
-      "sha256": "cf935796bd1293e5057ada25cdc30d96a154a64b5501c14ddf0c9e57806a6735"
+      "sha256": "d16d8e017a5c300d10d75d36f379dfad1a8c25bb7ded61fbf08740082456331b"
     },
     {
       "path": "base/collections.css",
-      "sha256": "cfe74661cc7309f084d17f89920403f16d16ab6b7105eb0d6ce8dab2655e2d4a"
+      "sha256": "307287655287da43c275c56f14bdd846cd3d4a57d0cd1ddb4305996f0c2cba3c"
     },
     {
       "path": "base/shell.css",
-      "sha256": "a2ef14c98aca67103b62926d075dce55e6ee03ee3d64dd5fa41d4cf7b867ae8a"
+      "sha256": "be013b5a593600f9a8b258f5b798861dfec5dca1c89faaf0547c1e58084d8183"
     },
     {
       "path": "base/glass.css",
-      "sha256": "0186871534c4dd9467328ff871631a9ce6c1cd1f0401ff3b879a4b2e2252e313"
+      "sha256": "fe27603ead71c265aa4f30deb0bc754d09f5e71d7cfc656e282a740fffb87f2f"
     },
     {
       "path": "base/interaction.css",
@@ -101,7 +101,7 @@
     },
     {
       "path": "base/a11y.css",
-      "sha256": "c0fee897f85ea638c4552ccc445e69278e3b1416a2140bfeb2b369e4821722af"
+      "sha256": "f4df6177f9514bf0babf60b7df1ef3d9f5069d2b57311c04e23d10877844291e"
     },
     {
       "path": "base/responsive.css",
@@ -17112,7 +17112,7 @@
     {
       "order": 1050,
       "sourcePath": "base/typography.css",
-      "line": 24,
+      "line": 25,
       "column": 20,
       "name": "--cs-heading-family",
       "value": "var(--cs-font-family-display)",
@@ -17175,7 +17175,7 @@
     {
       "order": 1053,
       "sourcePath": "base/controls.css",
-      "line": 346,
+      "line": 355,
       "column": 3,
       "name": "--cs-term-border",
       "value": "#3a2a1c",
@@ -17191,7 +17191,7 @@
     {
       "order": 1054,
       "sourcePath": "base/controls.css",
-      "line": 347,
+      "line": 356,
       "column": 3,
       "name": "--cs-term-bar",
       "value": "#2a1a0d",
@@ -17207,7 +17207,7 @@
     {
       "order": 1055,
       "sourcePath": "base/controls.css",
-      "line": 348,
+      "line": 357,
       "column": 3,
       "name": "--cs-term-dot",
       "value": "#5b4331",
@@ -17223,7 +17223,7 @@
     {
       "order": 1056,
       "sourcePath": "base/controls.css",
-      "line": 349,
+      "line": 358,
       "column": 3,
       "name": "--cs-term-bg",
       "value": "#1a1108",
@@ -17239,7 +17239,7 @@
     {
       "order": 1057,
       "sourcePath": "base/controls.css",
-      "line": 350,
+      "line": 359,
       "column": 3,
       "name": "--cs-term-fg",
       "value": "#f5ead9",
@@ -17255,7 +17255,7 @@
     {
       "order": 1058,
       "sourcePath": "base/controls.css",
-      "line": 351,
+      "line": 360,
       "column": 3,
       "name": "--cs-term-muted",
       "value": "#c9b7a3",
@@ -17344,7 +17344,7 @@
       "context": [
         {
           "kind": "rule",
-          "selector": ":root"
+          "selector": ":root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast]"
         }
       ]
     },
@@ -17360,7 +17360,7 @@
       "context": [
         {
           "kind": "rule",
-          "selector": ":root"
+          "selector": ":root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast]"
         }
       ]
     },
@@ -17370,13 +17370,13 @@
       "line": 14,
       "column": 3,
       "name": "--_cs-surface-scrim",
-      "value": "color-mix(in oklab, var(--cs-color-brand-umber, #45210e) 52%, transparent)",
+      "value": "color-mix(in oklab, color-mix(in oklab, var(--cs-color-surface-page, #fffdf8) 25%, #050403) 68%, transparent)",
       "important": false,
       "visibility": "private",
       "context": [
         {
           "kind": "rule",
-          "selector": ":root"
+          "selector": ":root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast]"
         }
       ]
     },
@@ -17392,7 +17392,7 @@
       "context": [
         {
           "kind": "rule",
-          "selector": ":root"
+          "selector": ":root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast]"
         }
       ]
     },
@@ -17408,7 +17408,7 @@
       "context": [
         {
           "kind": "rule",
-          "selector": ":root"
+          "selector": ":root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast]"
         }
       ]
     },
@@ -17424,7 +17424,7 @@
       "context": [
         {
           "kind": "rule",
-          "selector": ":root"
+          "selector": ":root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast]"
         }
       ]
     },
@@ -17440,7 +17440,7 @@
       "context": [
         {
           "kind": "rule",
-          "selector": ":root"
+          "selector": ":root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast]"
         }
       ]
     },
@@ -17456,7 +17456,7 @@
       "context": [
         {
           "kind": "rule",
-          "selector": ":root"
+          "selector": ":root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast]"
         }
       ]
     },
@@ -17472,7 +17472,7 @@
       "context": [
         {
           "kind": "rule",
-          "selector": ":root"
+          "selector": ":root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast]"
         }
       ]
     },
@@ -17488,7 +17488,7 @@
       "context": [
         {
           "kind": "rule",
-          "selector": ":root"
+          "selector": ":root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast]"
         }
       ]
     },
@@ -17504,7 +17504,7 @@
       "context": [
         {
           "kind": "rule",
-          "selector": ":root"
+          "selector": ":root, [data-theme], [data-cs-element], [data-element], [data-cs-contrast]"
         }
       ]
     },

package/tokens/element-seeds.json

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

package/tokens/modes/dark__default__comfortable__high.dtcg.json

@@ -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":"36bb3f75708ec69dd98cbddc20f0bd6c15d0a8f0498fc28f50da469a8571e0e2","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":"94b513021068e8d7786e118479a8d994f267f192d0348f99ccd0ab157a9500fd","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"}}}}}