@progress/kendo-theme-bootstrap 12.1.0-dev.1 → 12.1.0-dev.3

package/dist/meta/sassdoc-raw-data.json

@@ -1483,7 +1483,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-bottom-nav-flat-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 62,
@@ -1883,7 +1883,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-bg",
-            "value": "k-color(app-surface)",
+            "value": "transparent",
             "scope": "default",
             "line": {
                 "start": 57,
@@ -1933,7 +1933,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-border",
-            "value": "k-color(border)",
+            "value": "transparent",
             "scope": "default",
             "line": {
                 "start": 63,
@@ -1958,7 +1958,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-focus-shadow",
-            "value": "0 0 2px 1px rgba( black, .06 )",
+            "value": "0 0 2px 1px color-mix(in srgb, currentColor 25%, transparent)",
             "scope": "default",
             "line": {
                 "start": 67,
@@ -2008,7 +2008,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-md-link-padding-x",
-            "value": "k-spacing(2)",
+            "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
                 "start": 74,
@@ -2583,7 +2583,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-link-focus-shadow",
-            "value": "inset 0 0 0 3px color-mix(in srgb, k-color(on-app-surface) 25%, transparent)",
+            "value": "inset 0 0 0 3px color-mix(in srgb, currentColor 25%, transparent)",
             "scope": "default",
             "line": {
                 "start": 151,
@@ -2633,7 +2633,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-root-link-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 158,
@@ -2708,7 +2708,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-root-link-hover-text",
-            "value": "k-color(primary-hover)",
+            "value": "color-mix(in srgb, k-color(primary-on-surface), black 10%)",
             "scope": "default",
             "line": {
                 "start": 168,
@@ -5183,7 +5183,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-calendar-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 28,
@@ -5350,15 +5350,15 @@
         }
     },
     {
-        "description": "The text color of the header in the Calendar.\n",
+        "description": "The border color of the header in the Calendar.\n",
         "commentRange": {
             "start": 49,
             "end": 50
         },
         "context": {
             "type": "variable",
-            "name": "kendo-calendar-header-text",
-            "value": "k-color(on-app-surface)",
+            "name": "kendo-calendar-header-border",
+            "value": "k-color(border)",
             "scope": "default",
             "line": {
                 "start": 51,
@@ -5375,15 +5375,15 @@
         }
     },
     {
-        "description": "The border color of the header in the Calendar.\n",
+        "description": "The gradient of the header in the Calendar.\n",
         "commentRange": {
             "start": 52,
             "end": 53
         },
         "context": {
             "type": "variable",
-            "name": "kendo-calendar-header-border",
-            "value": "k-color(border)",
+            "name": "kendo-calendar-header-gradient",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 54,
@@ -5400,44 +5400,19 @@
         }
     },
     {
-        "description": "The gradient of the header in the Calendar.\n",
+        "description": "The box shadow of the header in the Calendar.\n",
         "commentRange": {
             "start": 55,
             "end": 56
         },
-        "context": {
-            "type": "variable",
-            "name": "kendo-calendar-header-gradient",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 57,
-                "end": 57
-            }
-        },
-        "group": [
-            "calendar"
-        ],
-        "access": "public",
-        "file": {
-            "path": "calendar/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The box shadow of the header in the Calendar.\n",
-        "commentRange": {
-            "start": 58,
-            "end": 59
-        },
         "context": {
             "type": "variable",
             "name": "kendo-calendar-header-shadow",
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 60,
-                "end": 60
+                "start": 57,
+                "end": 57
             }
         },
         "group": [
@@ -5452,8 +5427,8 @@
     {
         "description": "The gap between the items in the navigation of the Calendar.\n",
         "commentRange": {
-            "start": 62,
-            "end": 63
+            "start": 59,
+            "end": 60
         },
         "context": {
             "type": "variable",
@@ -5461,8 +5436,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 64,
-                "end": 64
+                "start": 61,
+                "end": 61
             }
         },
         "group": [
@@ -5477,8 +5452,8 @@
     {
         "description": "The horizontal padding of the footer in the Calendar.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -5486,8 +5461,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 65,
+                "end": 65
             }
         },
         "group": [
@@ -5502,8 +5477,8 @@
     {
         "description": "The vertical padding of the footer in the Calendar.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -5511,8 +5486,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -5527,8 +5502,8 @@
     {
         "description": "The horizontal padding of the cells in the Calendar.\n",
         "commentRange": {
-            "start": 73,
-            "end": 74
+            "start": 70,
+            "end": 71
         },
         "context": {
             "type": "variable",
@@ -5536,8 +5511,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 75,
-                "end": 75
+                "start": 72,
+                "end": 72
             }
         },
         "group": [
@@ -5552,8 +5527,8 @@
     {
         "description": "The vertical padding of the cells in the Calendar.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 73,
+            "end": 74
         },
         "context": {
             "type": "variable",
@@ -5561,8 +5536,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 75,
+                "end": 75
             }
         },
         "group": [
@@ -5577,8 +5552,8 @@
     {
         "description": "The border radius of the cells in the Calendar.\n",
         "commentRange": {
-            "start": 80,
-            "end": 81
+            "start": 77,
+            "end": 78
         },
         "context": {
             "type": "variable",
@@ -5586,8 +5561,8 @@
             "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 82,
-                "end": 82
+                "start": 79,
+                "end": 79
             }
         },
         "group": [
@@ -5602,8 +5577,8 @@
     {
         "description": "The horizontal padding of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 84,
-            "end": 85
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -5611,8 +5586,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 86,
-                "end": 86
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -5627,8 +5602,8 @@
     {
         "description": "The vertical padding of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 87,
-            "end": 88
+            "start": 84,
+            "end": 85
         },
         "context": {
             "type": "variable",
@@ -5636,8 +5611,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 89,
-                "end": 89
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
@@ -5652,8 +5627,8 @@
     {
         "description": "The width of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 90,
-            "end": 91
+            "start": 87,
+            "end": 88
         },
         "context": {
             "type": "variable",
@@ -5661,8 +5636,8 @@
             "value": "$kendo-calendar-cell-size",
             "scope": "default",
             "line": {
-                "start": 92,
-                "end": 92
+                "start": 89,
+                "end": 89
             }
         },
         "group": [
@@ -5677,8 +5652,8 @@
     {
         "description": "The height of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 90,
+            "end": 91
         },
         "context": {
             "type": "variable",
@@ -5686,8 +5661,8 @@
             "value": "$kendo-calendar-cell-size",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 92,
+                "end": 92
             }
         },
         "group": [
@@ -5702,8 +5677,8 @@
     {
         "description": "The font size of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 93,
+            "end": 94
         },
         "context": {
             "type": "variable",
@@ -5711,8 +5686,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 98,
-                "end": 98
+                "start": 95,
+                "end": 95
             }
         },
         "group": [
@@ -5727,17 +5702,17 @@
     {
         "description": "The line height of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 96,
+            "end": 97
         },
         "context": {
             "type": "variable",
             "name": "kendo-calendar-header-cell-line-height",
-            "value": "var( --kendo-line-height-lg, normal )",
+            "value": "var( --kendo-line-height-md, normal )",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 98,
+                "end": 98
             }
         },
         "group": [
@@ -5752,8 +5727,8 @@
     {
         "description": "The text color of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 100,
+            "end": 101
         },
         "context": {
             "type": "variable",
@@ -5761,8 +5736,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 102,
+                "end": 102
             }
         },
         "group": [
@@ -5777,8 +5752,8 @@
     {
         "description": "The opacity of the header cells in the Calendar.\n",
         "commentRange": {
-            "start": 106,
-            "end": 107
+            "start": 103,
+            "end": 104
         },
         "context": {
             "type": "variable",
@@ -5786,8 +5761,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 108,
-                "end": 108
+                "start": 105,
+                "end": 105
             }
         },
         "group": [
@@ -5802,8 +5777,8 @@
     {
         "description": "The horizontal padding of the caption in the Calendar.\n",
         "commentRange": {
-            "start": 110,
-            "end": 111
+            "start": 107,
+            "end": 108
         },
         "context": {
             "type": "variable",
@@ -5811,8 +5786,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 112,
-                "end": 112
+                "start": 109,
+                "end": 109
             }
         },
         "group": [
@@ -5827,8 +5802,8 @@
     {
         "description": "The vertical padding of the caption in the Calendar.\n",
         "commentRange": {
-            "start": 113,
-            "end": 114
+            "start": 110,
+            "end": 111
         },
         "context": {
             "type": "variable",
@@ -5836,8 +5811,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 115,
-                "end": 115
+                "start": 112,
+                "end": 112
             }
         },
         "group": [
@@ -5852,8 +5827,8 @@
     {
         "description": "The height of the caption in the Calendar.\n",
         "commentRange": {
-            "start": 116,
-            "end": 117
+            "start": 113,
+            "end": 114
         },
         "context": {
             "type": "variable",
@@ -5861,8 +5836,8 @@
             "value": "$kendo-calendar-cell-size",
             "scope": "default",
             "line": {
-                "start": 118,
-                "end": 118
+                "start": 115,
+                "end": 115
             }
         },
         "group": [
@@ -5877,8 +5852,8 @@
     {
         "description": "The font size of the caption in the Calendar.\n",
         "commentRange": {
-            "start": 119,
-            "end": 120
+            "start": 116,
+            "end": 117
         },
         "context": {
             "type": "variable",
@@ -5886,8 +5861,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 121,
-                "end": 121
+                "start": 118,
+                "end": 118
             }
         },
         "group": [
@@ -5902,8 +5877,8 @@
     {
         "description": "The line height of the caption in the Calendar.\n",
         "commentRange": {
-            "start": 122,
-            "end": 123
+            "start": 119,
+            "end": 120
         },
         "context": {
             "type": "variable",
@@ -5911,8 +5886,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 124,
-                "end": 124
+                "start": 121,
+                "end": 121
             }
         },
         "group": [
@@ -5927,8 +5902,8 @@
     {
         "description": "The font weight of the caption in the Calendar.\n",
         "commentRange": {
-            "start": 125,
-            "end": 126
+            "start": 122,
+            "end": 123
         },
         "context": {
             "type": "variable",
@@ -5936,8 +5911,8 @@
             "value": "bold",
             "scope": "default",
             "line": {
-                "start": 127,
-                "end": 127
+                "start": 124,
+                "end": 124
             }
         },
         "group": [
@@ -5952,8 +5927,8 @@
     {
         "description": "The font size of the week number cells in the Calendar.\n",
         "commentRange": {
-            "start": 129,
-            "end": 130
+            "start": 126,
+            "end": 127
         },
         "context": {
             "type": "variable",
@@ -5961,8 +5936,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 131,
-                "end": 131
+                "start": 128,
+                "end": 128
             }
         },
         "group": [
@@ -5977,8 +5952,8 @@
     {
         "description": "The width of the Calendar view.\n",
         "commentRange": {
-            "start": 132,
-            "end": 133
+            "start": 129,
+            "end": 130
         },
         "context": {
             "type": "variable",
@@ -5986,8 +5961,8 @@
             "value": "($kendo-calendar-cell-size * 8)",
             "scope": "default",
             "line": {
-                "start": 134,
-                "end": 134
+                "start": 131,
+                "end": 131
             }
         },
         "group": [
@@ -6002,8 +5977,8 @@
     {
         "description": "The height of the Calendar view.\n",
         "commentRange": {
-            "start": 135,
-            "end": 136
+            "start": 132,
+            "end": 133
         },
         "context": {
             "type": "variable",
@@ -6011,8 +5986,8 @@
             "value": "($kendo-calendar-cell-size * 7)",
             "scope": "default",
             "line": {
-                "start": 137,
-                "end": 137
+                "start": 134,
+                "end": 134
             }
         },
         "group": [
@@ -6027,8 +6002,8 @@
     {
         "description": "The gap between the items in the Calendar view.\n",
         "commentRange": {
-            "start": 139,
-            "end": 140
+            "start": 136,
+            "end": 137
         },
         "context": {
             "type": "variable",
@@ -6036,8 +6011,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 141,
-                "end": 141
+                "start": 138,
+                "end": 138
             }
         },
         "group": [
@@ -6052,8 +6027,8 @@
     {
         "description": "The background color of the weekend cells in the Calendar.\n",
         "commentRange": {
-            "start": 143,
-            "end": 144
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -6061,8 +6036,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 145,
-                "end": 145
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -6077,8 +6052,8 @@
     {
         "description": "The text color of the weekend cells in the Calendar.\n",
         "commentRange": {
-            "start": 146,
-            "end": 147
+            "start": 143,
+            "end": 144
         },
         "context": {
             "type": "variable",
@@ -6086,8 +6061,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 148,
-                "end": 148
+                "start": 145,
+                "end": 145
             }
         },
         "group": [
@@ -6102,8 +6077,8 @@
     {
         "description": "The style of the current day in the Calendar.\n",
         "commentRange": {
-            "start": 150,
-            "end": 151
+            "start": 147,
+            "end": 148
         },
         "context": {
             "type": "variable",
@@ -6111,8 +6086,8 @@
             "value": "box",
             "scope": "default",
             "line": {
-                "start": 152,
-                "end": 152
+                "start": 149,
+                "end": 149
             }
         },
         "group": [
@@ -6127,17 +6102,17 @@
     {
         "description": "The color of the current day in the Calendar.\n",
         "commentRange": {
-            "start": 153,
-            "end": 154
+            "start": 150,
+            "end": 151
         },
         "context": {
             "type": "variable",
             "name": "kendo-calendar-today-color",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
-                "start": 155,
-                "end": 155
+                "start": 152,
+                "end": 152
             }
         },
         "group": [
@@ -6152,8 +6127,8 @@
     {
         "description": "The font weight of the current day in the Calendar.\n",
         "commentRange": {
-            "start": 156,
-            "end": 157
+            "start": 153,
+            "end": 154
         },
         "context": {
             "type": "variable",
@@ -6161,8 +6136,8 @@
             "value": "var( --kendo-font-weight-bold, normal )",
             "scope": "default",
             "line": {
-                "start": 158,
-                "end": 158
+                "start": 155,
+                "end": 155
             }
         },
         "group": [
@@ -6177,8 +6152,8 @@
     {
         "description": "The box shadow of the current day in the Calendar.\n",
         "commentRange": {
-            "start": 159,
-            "end": 160
+            "start": 156,
+            "end": 157
         },
         "context": {
             "type": "variable",
@@ -6186,8 +6161,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 161,
-                "end": 161
+                "start": 158,
+                "end": 158
             }
         },
         "group": [
@@ -6202,8 +6177,8 @@
     {
         "description": "The background color of the week number cells in the Calendar.\n",
         "commentRange": {
-            "start": 163,
-            "end": 164
+            "start": 160,
+            "end": 161
         },
         "context": {
             "type": "variable",
@@ -6211,8 +6186,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 165,
-                "end": 165
+                "start": 162,
+                "end": 162
             }
         },
         "group": [
@@ -6227,8 +6202,8 @@
     {
         "description": "The text color of the week number cells in the Calendar.\n",
         "commentRange": {
-            "start": 166,
-            "end": 167
+            "start": 163,
+            "end": 164
         },
         "context": {
             "type": "variable",
@@ -6236,8 +6211,8 @@
             "value": "$kendo-calendar-header-cell-text",
             "scope": "default",
             "line": {
-                "start": 168,
-                "end": 168
+                "start": 165,
+                "end": 165
             }
         },
         "group": [
@@ -6252,8 +6227,8 @@
     {
         "description": "The background color of the preceding/subsequent month cells in the Calendar.\n",
         "commentRange": {
-            "start": 170,
-            "end": 171
+            "start": 167,
+            "end": 168
         },
         "context": {
             "type": "variable",
@@ -6261,8 +6236,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 172,
-                "end": 172
+                "start": 169,
+                "end": 169
             }
         },
         "group": [
@@ -6277,8 +6252,8 @@
     {
         "description": "The text color of the preceding/subsequent month cells in the Calendar.\n",
         "commentRange": {
-            "start": 173,
-            "end": 174
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -6286,8 +6261,8 @@
             "value": "$kendo-calendar-header-cell-text",
             "scope": "default",
             "line": {
-                "start": 175,
-                "end": 175
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -6302,8 +6277,8 @@
     {
         "description": "The border color of the cells in the Calendar.\n",
         "commentRange": {
-            "start": 177,
-            "end": 178
+            "start": 174,
+            "end": 175
         },
         "context": {
             "type": "variable",
@@ -6311,8 +6286,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 179,
-                "end": 179
+                "start": 176,
+                "end": 176
             }
         },
         "group": [
@@ -6327,8 +6302,8 @@
     {
         "description": "The background color of the hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 181,
-            "end": 182
+            "start": 178,
+            "end": 179
         },
         "context": {
             "type": "variable",
@@ -6336,8 +6311,8 @@
             "value": "k-color(base-subtle-hover)",
             "scope": "default",
             "line": {
-                "start": 183,
-                "end": 183
+                "start": 180,
+                "end": 180
             }
         },
         "group": [
@@ -6352,8 +6327,8 @@
     {
         "description": "The text color of the hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 184,
-            "end": 185
+            "start": 181,
+            "end": 182
         },
         "context": {
             "type": "variable",
@@ -6361,8 +6336,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 186,
-                "end": 186
+                "start": 183,
+                "end": 183
             }
         },
         "group": [
@@ -6377,8 +6352,8 @@
     {
         "description": "The border color of the hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 187,
-            "end": 188
+            "start": 184,
+            "end": 185
         },
         "context": {
             "type": "variable",
@@ -6386,8 +6361,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 189,
-                "end": 189
+                "start": 186,
+                "end": 186
             }
         },
         "group": [
@@ -6402,8 +6377,8 @@
     {
         "description": "The gradient of the hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 190,
-            "end": 191
+            "start": 187,
+            "end": 188
         },
         "context": {
             "type": "variable",
@@ -6411,8 +6386,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 189,
+                "end": 189
             }
         },
         "group": [
@@ -6427,8 +6402,8 @@
     {
         "description": "The background color of the selected cells in the Calendar.\n",
         "commentRange": {
-            "start": 194,
-            "end": 195
+            "start": 191,
+            "end": 192
         },
         "context": {
             "type": "variable",
@@ -6436,8 +6411,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 196,
-                "end": 196
+                "start": 193,
+                "end": 193
             }
         },
         "group": [
@@ -6452,8 +6427,8 @@
     {
         "description": "The text color of the selected cells in the Calendar.\n",
         "commentRange": {
-            "start": 197,
-            "end": 198
+            "start": 194,
+            "end": 195
         },
         "context": {
             "type": "variable",
@@ -6461,8 +6436,8 @@
             "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
-                "start": 199,
-                "end": 199
+                "start": 196,
+                "end": 196
             }
         },
         "group": [
@@ -6477,8 +6452,8 @@
     {
         "description": "The border color of the selected cells in the Calendar.\n",
         "commentRange": {
-            "start": 200,
-            "end": 201
+            "start": 197,
+            "end": 198
         },
         "context": {
             "type": "variable",
@@ -6486,8 +6461,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 199,
+                "end": 199
             }
         },
         "group": [
@@ -6502,8 +6477,8 @@
     {
         "description": "The gradient of the selected cells in the Calendar.\n",
         "commentRange": {
-            "start": 203,
-            "end": 204
+            "start": 200,
+            "end": 201
         },
         "context": {
             "type": "variable",
@@ -6511,8 +6486,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 205,
-                "end": 205
+                "start": 202,
+                "end": 202
             }
         },
         "group": [
@@ -6527,8 +6502,8 @@
     {
         "description": "The background color of the selected and hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 207,
-            "end": 208
+            "start": 204,
+            "end": 205
         },
         "context": {
             "type": "variable",
@@ -6536,8 +6511,8 @@
             "value": "k-color(primary-hover)",
             "scope": "default",
             "line": {
-                "start": 209,
-                "end": 209
+                "start": 206,
+                "end": 206
             }
         },
         "group": [
@@ -6552,8 +6527,8 @@
     {
         "description": "The text color of the selected and hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 210,
-            "end": 211
+            "start": 207,
+            "end": 208
         },
         "context": {
             "type": "variable",
@@ -6561,8 +6536,8 @@
             "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
-                "start": 212,
-                "end": 212
+                "start": 209,
+                "end": 209
             }
         },
         "group": [
@@ -6577,8 +6552,8 @@
     {
         "description": "The border color of the selected and hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 213,
-            "end": 214
+            "start": 210,
+            "end": 211
         },
         "context": {
             "type": "variable",
@@ -6586,8 +6561,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 215,
-                "end": 215
+                "start": 212,
+                "end": 212
             }
         },
         "group": [
@@ -6602,8 +6577,8 @@
     {
         "description": "The gradient of the selected and hovered cells in the Calendar.\n",
         "commentRange": {
-            "start": 216,
-            "end": 217
+            "start": 213,
+            "end": 214
         },
         "context": {
             "type": "variable",
@@ -6611,8 +6586,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 218,
-                "end": 218
+                "start": 215,
+                "end": 215
             }
         },
         "group": [
@@ -6627,8 +6602,8 @@
     {
         "description": "The shadow of the focused cells in the Calendar.\n",
         "commentRange": {
-            "start": 220,
-            "end": 221
+            "start": 217,
+            "end": 218
         },
         "context": {
             "type": "variable",
@@ -6636,8 +6611,8 @@
             "value": "inset $kendo-button-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 222,
-                "end": 222
+                "start": 219,
+                "end": 219
             }
         },
         "group": [
@@ -6652,8 +6627,8 @@
     {
         "description": "The shadow of the selected and focused cells in the Calendar.\n",
         "commentRange": {
-            "start": 223,
-            "end": 224
+            "start": 220,
+            "end": 221
         },
         "context": {
             "type": "variable",
@@ -6661,8 +6636,8 @@
             "value": "inset 0 0 0 2px color-mix(in srgb, k-color(primary-active) 50%, transparent)",
             "scope": "default",
             "line": {
-                "start": 225,
-                "end": 225
+                "start": 222,
+                "end": 222
             }
         },
         "group": [
@@ -6677,8 +6652,8 @@
     {
         "description": "The width of the Calendar navigation.\n",
         "commentRange": {
-            "start": 228,
-            "end": 229
+            "start": 225,
+            "end": 226
         },
         "context": {
             "type": "variable",
@@ -6686,8 +6661,8 @@
             "value": "5em",
             "scope": "default",
             "line": {
-                "start": 230,
-                "end": 230
+                "start": 227,
+                "end": 227
             }
         },
         "group": [
@@ -6702,8 +6677,8 @@
     {
         "description": "The height of the items in the Calendar navigation.\n",
         "commentRange": {
-            "start": 231,
-            "end": 232
+            "start": 228,
+            "end": 229
         },
         "context": {
             "type": "variable",
@@ -6711,8 +6686,8 @@
             "value": "2em",
             "scope": "default",
             "line": {
-                "start": 233,
-                "end": 233
+                "start": 230,
+                "end": 230
             }
         },
         "group": [
@@ -6727,8 +6702,8 @@
     {
         "description": "The background color of the Calendar navigation.\n",
         "commentRange": {
-            "start": 235,
-            "end": 236
+            "start": 232,
+            "end": 233
         },
         "context": {
             "type": "variable",
@@ -6736,8 +6711,8 @@
             "value": "$kendo-calendar-header-bg",
             "scope": "default",
             "line": {
-                "start": 237,
-                "end": 237
+                "start": 234,
+                "end": 234
             }
         },
         "group": [
@@ -6752,17 +6727,17 @@
     {
         "description": "The text color of the Calendar navigation.\n",
         "commentRange": {
-            "start": 238,
-            "end": 239
+            "start": 235,
+            "end": 236
         },
         "context": {
             "type": "variable",
             "name": "kendo-calendar-navigation-text",
-            "value": "$kendo-calendar-header-text",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 240,
-                "end": 240
+                "start": 237,
+                "end": 237
             }
         },
         "group": [
@@ -6777,8 +6752,8 @@
     {
         "description": "The border color of the Calendar navigation.\n",
         "commentRange": {
-            "start": 241,
-            "end": 242
+            "start": 238,
+            "end": 239
         },
         "context": {
             "type": "variable",
@@ -6786,8 +6761,8 @@
             "value": "$kendo-calendar-header-border",
             "scope": "default",
             "line": {
-                "start": 243,
-                "end": 243
+                "start": 240,
+                "end": 240
             }
         },
         "group": [
@@ -6802,17 +6777,17 @@
     {
         "description": "The text color of the hovered items in the Calendar navigation.\n",
         "commentRange": {
-            "start": 244,
-            "end": 245
+            "start": 241,
+            "end": 242
         },
         "context": {
             "type": "variable",
             "name": "kendo-calendar-navigation-hover-text",
-            "value": "k-color(primary-hover)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
-                "start": 246,
-                "end": 246
+                "start": 243,
+                "end": 243
             }
         },
         "group": [
@@ -6827,8 +6802,8 @@
     {
         "description": "The text color of the marker in the Calendar navigation.\n",
         "commentRange": {
-            "start": 247,
-            "end": 248
+            "start": 244,
+            "end": 245
         },
         "context": {
             "type": "variable",
@@ -6836,8 +6811,8 @@
             "value": "currentColor",
             "scope": "default",
             "line": {
-                "start": 249,
-                "end": 249
+                "start": 246,
+                "end": 246
             }
         },
         "group": [
@@ -6852,8 +6827,8 @@
     {
         "description": "The background color of the Calendar range selection.\n",
         "commentRange": {
-            "start": 251,
-            "end": 252
+            "start": 248,
+            "end": 249
         },
         "context": {
             "type": "variable",
@@ -6861,8 +6836,8 @@
             "value": "color-mix(in srgb, k-color(primary) 25%, transparent)",
             "scope": "default",
             "line": {
-                "start": 253,
-                "end": 253
+                "start": 250,
+                "end": 250
             }
         },
         "group": [
@@ -6877,8 +6852,8 @@
     {
         "description": "The horizontal padding of the header in the Infinite Calendar.\n",
         "commentRange": {
-            "start": 255,
-            "end": 256
+            "start": 252,
+            "end": 253
         },
         "context": {
             "type": "variable",
@@ -6886,8 +6861,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 257,
-                "end": 257
+                "start": 254,
+                "end": 254
             }
         },
         "group": [
@@ -6902,8 +6877,8 @@
     {
         "description": "The vertical padding of the header in the Infinite Calendar.\n",
         "commentRange": {
-            "start": 258,
-            "end": 259
+            "start": 255,
+            "end": 256
         },
         "context": {
             "type": "variable",
@@ -6911,8 +6886,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 260,
-                "end": 260
+                "start": 257,
+                "end": 257
             }
         },
         "group": [
@@ -6927,8 +6902,8 @@
     {
         "description": "The horizontal padding of the Calendar view in the Infinite Calendar.\n",
         "commentRange": {
-            "start": 262,
-            "end": 263
+            "start": 259,
+            "end": 260
         },
         "context": {
             "type": "variable",
@@ -6936,8 +6911,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 264,
-                "end": 264
+                "start": 261,
+                "end": 261
             }
         },
         "group": [
@@ -6952,8 +6927,8 @@
     {
         "description": "The vertical padding of the Calendar view in the Infinite Calendar.\n",
         "commentRange": {
-            "start": 265,
-            "end": 266
+            "start": 262,
+            "end": 263
         },
         "context": {
             "type": "variable",
@@ -6961,8 +6936,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 267,
-                "end": 267
+                "start": 264,
+                "end": 264
             }
         },
         "group": [
@@ -6977,8 +6952,8 @@
     {
         "description": "The height of the Calendar view in the Infinite Calendar.\n",
         "commentRange": {
-            "start": 268,
-            "end": 269
+            "start": 265,
+            "end": 266
         },
         "context": {
             "type": "variable",
@@ -6986,8 +6961,8 @@
             "value": "( $kendo-calendar-cell-size * 9 )",
             "scope": "default",
             "line": {
-                "start": 270,
-                "end": 270
+                "start": 267,
+                "end": 267
             }
         },
         "group": [
@@ -7002,8 +6977,8 @@
     {
         "description": "The border radius of the range cells in the Multiview Calendar.\n",
         "commentRange": {
-            "start": 275,
-            "end": 276
+            "start": 272,
+            "end": 273
         },
         "context": {
             "type": "variable",
@@ -7011,8 +6986,8 @@
             "value": "k-border-radius(lg)",
             "scope": "default",
             "line": {
-                "start": 277,
-                "end": 277
+                "start": 274,
+                "end": 274
             }
         },
         "group": [
@@ -7027,8 +7002,8 @@
     {
         "description": "The font size of the small Calendar.\n",
         "commentRange": {
-            "start": 281,
-            "end": 282
+            "start": 278,
+            "end": 279
         },
         "context": {
             "type": "variable",
@@ -7036,8 +7011,8 @@
             "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 283,
-                "end": 283
+                "start": 280,
+                "end": 280
             }
         },
         "group": [
@@ -7052,8 +7027,8 @@
     {
         "description": "The line height of the small Calendar.\n",
         "commentRange": {
-            "start": 284,
-            "end": 285
+            "start": 281,
+            "end": 282
         },
         "context": {
             "type": "variable",
@@ -7061,8 +7036,8 @@
             "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 286,
-                "end": 286
+                "start": 283,
+                "end": 283
             }
         },
         "group": [
@@ -7077,8 +7052,8 @@
     {
         "description": "The size of the cells in the small Calendar.\n",
         "commentRange": {
-            "start": 287,
-            "end": 288
+            "start": 284,
+            "end": 285
         },
         "context": {
             "type": "variable",
@@ -7086,8 +7061,8 @@
             "value": "34px",
             "scope": "default",
             "line": {
-                "start": 289,
-                "end": 289
+                "start": 286,
+                "end": 286
             }
         },
         "group": [
@@ -7102,8 +7077,8 @@
     {
         "description": "The horizontal padding of the cells in the small Calendar.\n",
         "commentRange": {
-            "start": 290,
-            "end": 291
+            "start": 287,
+            "end": 288
         },
         "context": {
             "type": "variable",
@@ -7111,8 +7086,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 292,
-                "end": 292
+                "start": 289,
+                "end": 289
             }
         },
         "group": [
@@ -7127,8 +7102,8 @@
     {
         "description": "The vertical padding of the cells in the small Calendar.\n",
         "commentRange": {
-            "start": 293,
-            "end": 294
+            "start": 290,
+            "end": 291
         },
         "context": {
             "type": "variable",
@@ -7136,8 +7111,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 295,
-                "end": 295
+                "start": 292,
+                "end": 292
             }
         },
         "group": [
@@ -7152,8 +7127,8 @@
     {
         "description": "The font size of the medium Calendar.\n",
         "commentRange": {
-            "start": 297,
-            "end": 298
+            "start": 294,
+            "end": 295
         },
         "context": {
             "type": "variable",
@@ -7161,8 +7136,8 @@
             "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 299,
-                "end": 299
+                "start": 296,
+                "end": 296
             }
         },
         "group": [
@@ -7177,8 +7152,8 @@
     {
         "description": "The line height of the medium Calendar.\n",
         "commentRange": {
-            "start": 300,
-            "end": 301
+            "start": 297,
+            "end": 298
         },
         "context": {
             "type": "variable",
@@ -7186,8 +7161,8 @@
             "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 302,
-                "end": 302
+                "start": 299,
+                "end": 299
             }
         },
         "group": [
@@ -7202,8 +7177,8 @@
     {
         "description": "The size of the cells in the medium Calendar.\n",
         "commentRange": {
-            "start": 303,
-            "end": 304
+            "start": 300,
+            "end": 301
         },
         "context": {
             "type": "variable",
@@ -7211,8 +7186,8 @@
             "value": "38px",
             "scope": "default",
             "line": {
-                "start": 305,
-                "end": 305
+                "start": 302,
+                "end": 302
             }
         },
         "group": [
@@ -7227,8 +7202,8 @@
     {
         "description": "The horizontal padding of the cells in the medium Calendar.\n",
         "commentRange": {
-            "start": 306,
-            "end": 307
+            "start": 303,
+            "end": 304
         },
         "context": {
             "type": "variable",
@@ -7236,8 +7211,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 308,
-                "end": 308
+                "start": 305,
+                "end": 305
             }
         },
         "group": [
@@ -7252,8 +7227,8 @@
     {
         "description": "The vertical padding of the cells in the medium Calendar.\n",
         "commentRange": {
-            "start": 309,
-            "end": 310
+            "start": 306,
+            "end": 307
         },
         "context": {
             "type": "variable",
@@ -7261,8 +7236,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 311,
-                "end": 311
+                "start": 308,
+                "end": 308
             }
         },
         "group": [
@@ -7277,8 +7252,8 @@
     {
         "description": "The font size of the large Calendar.\n",
         "commentRange": {
-            "start": 313,
-            "end": 314
+            "start": 310,
+            "end": 311
         },
         "context": {
             "type": "variable",
@@ -7286,8 +7261,8 @@
             "value": "var( --kendo-font-size-lg, inherit )",
             "scope": "default",
             "line": {
-                "start": 315,
-                "end": 315
+                "start": 312,
+                "end": 312
             }
         },
         "group": [
@@ -7302,8 +7277,8 @@
     {
         "description": "The line height of the large Calendar.\n",
         "commentRange": {
-            "start": 316,
-            "end": 317
+            "start": 313,
+            "end": 314
         },
         "context": {
             "type": "variable",
@@ -7311,8 +7286,8 @@
             "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
-                "start": 318,
-                "end": 318
+                "start": 315,
+                "end": 315
             }
         },
         "group": [
@@ -7327,8 +7302,8 @@
     {
         "description": "The size of the cells in the large Calendar.\n",
         "commentRange": {
-            "start": 319,
-            "end": 320
+            "start": 316,
+            "end": 317
         },
         "context": {
             "type": "variable",
@@ -7336,8 +7311,8 @@
             "value": "42px",
             "scope": "default",
             "line": {
-                "start": 321,
-                "end": 321
+                "start": 318,
+                "end": 318
             }
         },
         "group": [
@@ -7352,8 +7327,8 @@
     {
         "description": "The horizontal padding of the cells in the large Calendar.\n",
         "commentRange": {
-            "start": 322,
-            "end": 323
+            "start": 319,
+            "end": 320
         },
         "context": {
             "type": "variable",
@@ -7361,8 +7336,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 324,
-                "end": 324
+                "start": 321,
+                "end": 321
             }
         },
         "group": [
@@ -7377,8 +7352,8 @@
     {
         "description": "The vertical padding of the cells in the large Calendar.\n",
         "commentRange": {
-            "start": 325,
-            "end": 326
+            "start": 322,
+            "end": 323
         },
         "context": {
             "type": "variable",
@@ -7386,8 +7361,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 327,
-                "end": 327
+                "start": 324,
+                "end": 324
             }
         },
         "group": [
@@ -7402,8 +7377,8 @@
     {
         "description": "The sizes Map of the Calendar.\n",
         "commentRange": {
-            "start": 329,
-            "end": 330
+            "start": 326,
+            "end": 327
         },
         "context": {
             "type": "variable",
@@ -7411,8 +7386,8 @@
             "value": "(\n    sm: (\n        font-size: $kendo-calendar-sm-font-size,\n        line-height: $kendo-calendar-sm-line-height,\n        cell-size: $kendo-calendar-sm-cell-size,\n        cell-padding-x: $kendo-calendar-sm-cell-padding-y,\n        cell-padding-y: $kendo-calendar-sm-cell-padding-x\n    ),\n    md: (\n        font-size: $kendo-calendar-md-font-size,\n        line-height: $kendo-calendar-md-line-height,\n        cell-size: $kendo-calendar-md-cell-size,\n        cell-padding-x: $kendo-calendar-md-cell-padding-y,\n        cell-padding-y: $kendo-calendar-md-cell-padding-x\n    ),\n    lg: (\n        font-size: $kendo-calendar-lg-font-size,\n        line-height: $kendo-calendar-lg-line-height,\n        cell-size: $kendo-calendar-lg-cell-size,\n        cell-padding-x: $kendo-calendar-lg-cell-padding-y,\n        cell-padding-y: $kendo-calendar-lg-cell-padding-x\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 331,
-                "end": 353
+                "start": 328,
+                "end": 350
             }
         },
         "group": [
@@ -7583,7 +7558,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-captcha-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 26,
@@ -7608,7 +7583,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-captcha-text",
-            "value": "k-color(app-surface)",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
                 "start": 29,
@@ -7633,7 +7608,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-captcha-border",
-            "value": "k-color(app-surface)",
+            "value": "k-color(border)",
             "scope": "default",
             "line": {
                 "start": 32,
@@ -7858,7 +7833,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-card-border-radius",
-            "value": "k-spacing(1.5)",
+            "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
                 "start": 19,
@@ -8008,7 +7983,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-card-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 39,
@@ -8158,7 +8133,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-card-focus-border",
-            "value": "$kendo-card-border",
+            "value": "k-color(primary-emphasis)",
             "scope": "default",
             "line": {
                 "start": 58,
@@ -8183,7 +8158,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-card-focus-shadow",
-            "value": "k-elevation(3)",
+            "value": "0 0 0 .25rem color-mix(in srgb, k-color(primary) 25%, transparent)",
             "scope": "default",
             "line": {
                 "start": 64,
@@ -8283,7 +8258,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-card-header-bg",
-            "value": "k-color(surface)",
+            "value": "transparent",
             "scope": "default",
             "line": {
                 "start": 77,
@@ -8900,15 +8875,15 @@
         }
     },
     {
-        "description": "The size of the Avatar in the Card.\n",
+        "description": "The spacing between the Avatar and the text in the Card.\n",
         "commentRange": {
             "start": 155,
             "end": 156
         },
         "context": {
             "type": "variable",
-            "name": "kendo-card-avatar-size",
-            "value": "45px",
+            "name": "kendo-card-avatar-spacing",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 157,
@@ -8925,19 +8900,19 @@
         }
     },
     {
-        "description": "The spacing between the Avatar and the text in the Card.\n",
+        "description": "The horizontal padding of the Card actions.\n",
         "commentRange": {
-            "start": 158,
-            "end": 159
+            "start": 159,
+            "end": 160
         },
         "context": {
             "type": "variable",
-            "name": "kendo-card-avatar-spacing",
-            "value": "$kendo-card-header-padding-x",
+            "name": "kendo-card-actions-padding-x",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 160,
-                "end": 160
+                "start": 161,
+                "end": 161
             }
         },
         "group": [
@@ -8950,14 +8925,14 @@
         }
     },
     {
-        "description": "The horizontal padding of the Card actions.\n",
+        "description": "The vertical padding of the Card actions.\n",
         "commentRange": {
             "start": 162,
             "end": 163
         },
         "context": {
             "type": "variable",
-            "name": "kendo-card-actions-padding-x",
+            "name": "kendo-card-actions-padding-y",
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
@@ -8975,15 +8950,15 @@
         }
     },
     {
-        "description": "The vertical padding of the Card actions.\n",
+        "description": "The top border width of the Card actions.\n",
         "commentRange": {
             "start": 165,
             "end": 166
         },
         "context": {
             "type": "variable",
-            "name": "kendo-card-actions-padding-y",
-            "value": "k-spacing(2)",
+            "name": "kendo-card-actions-border-width",
+            "value": "0",
             "scope": "default",
             "line": {
                 "start": 167,
@@ -9000,44 +8975,19 @@
         }
     },
     {
-        "description": "The top border width of the Card actions.\n",
+        "description": "The spacing between the Card actions.\n",
         "commentRange": {
             "start": 168,
             "end": 169
         },
-        "context": {
-            "type": "variable",
-            "name": "kendo-card-actions-border-width",
-            "value": "0",
-            "scope": "default",
-            "line": {
-                "start": 170,
-                "end": 170
-            }
-        },
-        "group": [
-            "card"
-        ],
-        "access": "public",
-        "file": {
-            "path": "card/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The spacing between the Card actions.\n",
-        "commentRange": {
-            "start": 171,
-            "end": 172
-        },
         "context": {
             "type": "variable",
             "name": "kendo-card-actions-gap",
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 173,
-                "end": 173
+                "start": 170,
+                "end": 170
             }
         },
         "group": [
@@ -9052,8 +9002,8 @@
     {
         "description": "The border radius of the scroll button in the Card deck.\n",
         "commentRange": {
-            "start": 175,
-            "end": 176
+            "start": 172,
+            "end": 173
         },
         "context": {
             "type": "variable",
@@ -9061,8 +9011,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 177,
-                "end": 177
+                "start": 174,
+                "end": 174
             }
         },
         "group": [
@@ -9077,8 +9027,8 @@
     {
         "description": "The border radius of the scroll button in the Card deck.\n",
         "commentRange": {
-            "start": 178,
-            "end": 179
+            "start": 175,
+            "end": 176
         },
         "context": {
             "type": "variable",
@@ -9086,8 +9036,8 @@
             "value": "-$kendo-button-border-width",
             "scope": "default",
             "line": {
-                "start": 180,
-                "end": 180
+                "start": 177,
+                "end": 177
             }
         },
         "group": [
@@ -9102,8 +9052,8 @@
     {
         "description": "The width of the Card callout.\n",
         "commentRange": {
-            "start": 182,
-            "end": 183
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -9111,8 +9061,8 @@
             "value": "1.3em",
             "scope": "default",
             "line": {
-                "start": 184,
-                "end": 184
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -9127,8 +9077,8 @@
     {
         "description": "The height of the Card callout.\n",
         "commentRange": {
-            "start": 185,
-            "end": 186
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
@@ -9136,8 +9086,8 @@
             "value": "1.3em",
             "scope": "default",
             "line": {
-                "start": 187,
-                "end": 187
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -11408,7 +11358,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 62,
@@ -11958,7 +11908,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-invalid-text",
-            "value": "k-color(error)",
+            "value": "k-color(error-on-surface)",
             "scope": "default",
             "line": {
                 "start": 135,
@@ -11983,7 +11933,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-invalid-border",
-            "value": "k-color(error)",
+            "value": "k-color(error-on-surface)",
             "scope": "default",
             "line": {
                 "start": 138,
@@ -12783,7 +12733,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-base-bg",
-            "value": "k-color(base)",
+            "value": "k-color(base-subtle)",
             "scope": "default",
             "line": {
                 "start": 96,
@@ -12808,7 +12758,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-theme-colors",
-            "value": "(\n    \"base\": $kendo-chip-base-bg,\n    \"error\": k-color(error),\n    \"info\": k-color(info),\n    \"warning\": k-color(warning),\n    \"success\": k-color(success)\n)",
+            "value": "(\n    \"base\": $kendo-chip-base-bg,\n    \"error\": k-color(error-subtle),\n    \"info\": k-color(info-subtle),\n    \"warning\": k-color(warning-subtle),\n    \"success\": k-color(success-subtle)\n)",
             "scope": "default",
             "line": {
                 "start": 100,
@@ -12858,7 +12808,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-solid-text",
-            "value": "$kendo-button-text",
+            "value": "k-color(base-on-subtle)",
             "scope": "default",
             "line": {
                 "start": 113,
@@ -12883,7 +12833,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-solid-border",
-            "value": "$kendo-button-border",
+            "value": "k-color(base-emphasis)",
             "scope": "default",
             "line": {
                 "start": 116,
@@ -13583,7 +13533,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-editor-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 42,
@@ -13633,7 +13583,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-editor-focus-border",
-            "value": "k-color(border)",
+            "value": "k-color(primary-emphasis)",
             "scope": "default",
             "line": {
                 "start": 49,
@@ -14333,7 +14283,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-editor-color-gradient-focus-outline-color",
-            "value": "rgba(0, 0, 0, .3)",
+            "value": "color-mix(in srgb, k-color(dark) 30%, transparent)",
             "scope": "default",
             "line": {
                 "start": 140,
@@ -14658,7 +14608,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 36,
@@ -15008,7 +14958,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-focus-border",
-            "value": "k-color(border)",
+            "value": "k-color(border-alt)",
             "scope": "default",
             "line": {
                 "start": 82,
@@ -15683,7 +15633,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-draghandle-border",
-            "value": "rgba( $kendo-color-white, .8)",
+            "value": "color-mix(in srgb, k-color(light) 80%, transparent)",
             "scope": "default",
             "line": {
                 "start": 169,
@@ -15708,7 +15658,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-draghandle-focus-shadow",
-            "value": "$kendo-color-black",
+            "value": "k-color(inverse)",
             "scope": "default",
             "line": {
                 "start": 172,
@@ -15733,7 +15683,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-draghandle-hover-shadow",
-            "value": "$kendo-color-black",
+            "value": "k-color(inverse)",
             "scope": "default",
             "line": {
                 "start": 175,
@@ -16358,7 +16308,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-palette-tile-focus-shadow",
-            "value": "0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .5 )",
+            "value": "0 0 3px 1px color-mix(in srgb, k-color(dark) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(light) 50%, transparent)",
             "scope": "default",
             "line": {
                 "start": 41,
@@ -16383,7 +16333,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-palette-tile-hover-shadow",
-            "value": "0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .8 )",
+            "value": "0 0 3px 1px color-mix(in srgb, k-color(dark) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(light) 80%, transparent)",
             "scope": "default",
             "line": {
                 "start": 44,
@@ -16408,7 +16358,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-palette-tile-selected-shadow",
-            "value": "0 1px 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, 1 )",
+            "value": "0 1px 3px 1px color-mix(in srgb, k-color(dark) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(light) 100%, transparent)",
             "scope": "default",
             "line": {
                 "start": 47,
@@ -17652,7 +17602,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dialog-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 32,
@@ -17777,7 +17727,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-manager-pane-header-padding-y",
-            "value": "k-spacing(2)",
+            "value": "k-spacing(4)",
             "scope": "default",
             "line": {
                 "start": 17,
@@ -18102,7 +18052,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-manager-tabbed-pane-padding-y",
-            "value": "k-spacing(3.5)",
+            "value": "k-spacing(5)",
             "scope": "default",
             "line": {
                 "start": 59,
@@ -18177,7 +18127,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-manager-unpinned-container-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 69,
@@ -18252,7 +18202,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-indicator-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 79,
@@ -18277,7 +18227,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-indicator-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 82,
@@ -18377,7 +18327,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-indicator-shadow",
-            "value": "drop-shadow( 0px 1px 18px rgba(0, 0, 0, 0.12) ) drop-shadow( 0px 6px 10px rgba(0, 0, 0, 0.14) ) drop-shadow( 0px 3px 5px rgba(0, 0, 0, 0.20) )",
+            "value": "k-elevation(5)",
             "scope": "default",
             "line": {
                 "start": 94,
@@ -18402,7 +18352,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-indicator-hover-bg",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 98,
@@ -18427,7 +18377,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-indicator-hover-text",
-            "value": "$kendo-color-white",
+            "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
                 "start": 101,
@@ -18552,7 +18502,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dock-manager-dock-preview-border",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 117,
@@ -18577,7 +18527,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drawer-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 9,
@@ -18827,7 +18777,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drawer-scrollbar-color",
-            "value": "rgba( 156, 156, 156, .7 )",
+            "value": "k-color(inverse-subtle)",
             "scope": "default",
             "line": {
                 "start": 42,
@@ -18852,7 +18802,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drawer-scrollbar-bg",
-            "value": "#dedede",
+            "value": "color-mix(in srgb, k-color(inverse-subtle), k-color(on-inverse))",
             "scope": "default",
             "line": {
                 "start": 45,
@@ -18902,7 +18852,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drawer-scrollbar-hover-color",
-            "value": "rgba( 156, 156, 156, 1 )",
+            "value": "$kendo-drawer-scrollbar-color",
             "scope": "default",
             "line": {
                 "start": 51,
@@ -19002,7 +18952,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drawer-item-padding-y",
-            "value": "k-spacing(2)",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
                 "start": 64,
@@ -19077,7 +19027,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drawer-item-line-height",
-            "value": "var( --kendo-line-height-lg, normal )",
+            "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
                 "start": 73,
@@ -19227,7 +19177,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drawer-icon-padding-y",
-            "value": "k-spacing(2)",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
                 "start": 93,
@@ -19352,7 +19302,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drawer-focus-shadow",
-            "value": "inset 0 0 0 2px rgba( black, .15 )",
+            "value": "inset 0 0 0 2px color-mix(in srgb, k-color(inverse) 15%, transparent)",
             "scope": "default",
             "line": {
                 "start": 111,
@@ -20227,7 +20177,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-editor-highlighted-bg",
-            "value": "k-color(primary-subtle)",
+            "value": "color-mix(in srgb, k-color(primary) 25%, transparent)",
             "scope": "default",
             "line": {
                 "start": 37,
@@ -20727,7 +20677,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-expander-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 27,
@@ -20927,7 +20877,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-expander-header-hover-bg",
-            "value": "rgba( black, .04 )",
+            "value": "$kendo-list-item-hover-bg",
             "scope": "default",
             "line": {
                 "start": 55,
@@ -21252,7 +21202,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-file-manager-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 26,
@@ -22627,7 +22577,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-filter-preview-operator-text",
-            "value": "k-color(subtle)",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
                 "start": 28,
@@ -22777,7 +22727,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-sm-padding-x",
-            "value": "calc( #{k-spacing(4)} / 2 )",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 23,
@@ -22827,7 +22777,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-lg-padding-x",
-            "value": "calc( #{k-spacing(4)} * 1.5 )",
+            "value": "k-spacing(6)",
             "scope": "default",
             "line": {
                 "start": 29,
@@ -22852,7 +22802,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-sm-padding-y",
-            "value": "calc( #{k-spacing(4)} / 2 )",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 33,
@@ -22902,7 +22852,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-lg-padding-y",
-            "value": "calc( #{k-spacing(4)} * 1.5 )",
+            "value": "k-spacing(6)",
             "scope": "default",
             "line": {
                 "start": 39,
@@ -22927,7 +22877,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-icon-padding-x",
-            "value": "k-spacing(1)",
+            "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
                 "start": 43,
@@ -23077,7 +23027,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-item-text-padding-y",
-            "value": "$kendo-fab-item-text-padding-x",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
                 "start": 63,
@@ -23127,7 +23077,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-item-text-border-radius",
-            "value": "4px",
+            "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
                 "start": 69,
@@ -23177,7 +23127,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-item-text-line-height",
-            "value": "14px",
+            "value": "var( --kendo-line-height-xs, normal )",
             "scope": "default",
             "line": {
                 "start": 75,
@@ -23377,7 +23327,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-disabled-shadow",
-            "value": "k-elevation(5)",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 127,
@@ -23502,7 +23452,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-item-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 143,
@@ -24477,7 +24427,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-form-legend-text-transform",
-            "value": "uppercase",
+            "value": "none",
             "scope": "default",
             "line": {
                 "start": 49,
@@ -25277,7 +25227,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-gantt-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 24,
@@ -25827,7 +25777,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-gantt-summary-bg",
-            "value": "k-color(subtle)",
+            "value": "k-color(inverse-subtle)",
             "scope": "default",
             "line": {
                 "start": 96,
@@ -25852,7 +25802,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-gantt-summary-progress-bg",
-            "value": "$kendo-gantt-text",
+            "value": "k-color(inverse)",
             "scope": "default",
             "line": {
                 "start": 99,
@@ -26852,7 +26802,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-gantt-validation-tooltip-border",
-            "value": "#656565",
+            "value": "k-color(base)",
             "scope": "default",
             "line": {
                 "start": 231,
@@ -28827,7 +28777,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-input-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 108,
@@ -28977,7 +28927,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-input-hover-border",
-            "value": "$kendo-input-border",
+            "value": "k-color(border-alt)",
             "scope": "default",
             "line": {
                 "start": 127,
@@ -30127,7 +30077,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-input-invalid-border",
-            "value": "k-color(error)",
+            "value": "k-color(error-on-surface)",
             "scope": "default",
             "line": {
                 "start": 278,
@@ -30702,7 +30652,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-item-group-label-sm-font-size",
-            "value": ".75em",
+            "value": "var( --kendo-font-size-xs, inherit )",
             "scope": "default",
             "line": {
                 "start": 133,
@@ -30827,7 +30777,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 229,
@@ -31052,7 +31002,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-item-hover-bg",
-            "value": "k-color(surface)",
+            "value": "k-color(base-subtle-hover)",
             "scope": "default",
             "line": {
                 "start": 261,
@@ -31827,7 +31777,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-listview-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 29,
@@ -32677,7 +32627,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-loader-container-panel-bg",
-            "value": "$kendo-color-white",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 83,
@@ -32927,7 +32877,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-loading-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 118,
@@ -33127,7 +33077,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-map-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 22,
@@ -33527,7 +33477,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-media-player-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 20,
@@ -35602,7 +35552,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-notification-border-radius",
-            "value": "k-spacing(1.5)",
+            "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
                 "start": 23,
@@ -35752,7 +35702,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-notification-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 41,
@@ -36302,7 +36252,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-orgchart-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 27,
@@ -37077,7 +37027,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-orgchart-card-body-vbox-min-height",
-            "value": "$kendo-card-avatar-size",
+            "value": "k-spacing(11)",
             "scope": "default",
             "line": {
                 "start": 132,
@@ -37677,7 +37627,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pager-focus-shadow",
-            "value": "inset 0 0 0 2px rgba( $kendo-color-black, .08)",
+            "value": "inset 0 0 0 2px color-mix(in srgb, k-color(inverse) 8%, transparent)",
             "scope": "default",
             "line": {
                 "start": 73,
@@ -37727,7 +37677,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pager-item-border-radius",
-            "value": "k-spacing(1)",
+            "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
                 "start": 80,
@@ -38752,7 +38702,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-panelbar-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 49,
@@ -38827,7 +38777,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-panelbar-header-bg",
-            "value": "$kendo-panelbar-bg",
+            "value": "transparent",
             "scope": "default",
             "line": {
                 "start": 59,
@@ -38852,7 +38802,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-panelbar-header-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 62,
@@ -38927,7 +38877,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-panelbar-header-hover-bg",
-            "value": "k-color(base-subtle-hover)",
+            "value": "color-mix(in srgb, $kendo-panelbar-header-text 8%, transparent)",
             "scope": "default",
             "line": {
                 "start": 72,
@@ -40577,7 +40527,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pdf-viewer-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 23,
@@ -41052,7 +41002,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pdf-viewer-search-panel-border-radius",
-            "value": "k-spacing(1)",
+            "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
                 "start": 85,
@@ -41077,7 +41027,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pdf-viewer-search-panel-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 88,
@@ -41252,7 +41202,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pdf-viewer-search-highlight-mark-bg",
-            "value": "yellow",
+            "value": "color-mix(in srgb, k-color(warning) 25%, transparent)",
             "scope": "default",
             "line": {
                 "start": 111,
@@ -41427,7 +41377,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pdf-viewer-free-text-annotation-placeholder-text",
-            "value": "rgba(124, 22, 27, 0.5)",
+            "value": "k-color(primary-on-subtle)",
             "scope": "default",
             "line": {
                 "start": 135,
@@ -41452,7 +41402,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pdf-viewer-free-text-annotation-text",
-            "value": "rgba(124, 22, 27, 0.7)",
+            "value": "k-color(primary-on-subtle)",
             "scope": "default",
             "line": {
                 "start": 138,
@@ -42952,7 +42902,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pivotgrid-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 53,
@@ -43127,7 +43077,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pivotgrid-total-bg",
-            "value": "k-color(base-subtle)",
+            "value": "k-color(surface)",
             "scope": "default",
             "line": {
                 "start": 77,
@@ -43702,7 +43652,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pivotgrid-configurator-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 156,
@@ -44202,7 +44152,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-pivotgrid-calculated-field-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 222,
@@ -47902,7 +47852,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-rating-icon-text",
-            "value": "k-color(subtle)",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
                 "start": 38,
@@ -47952,7 +47902,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-rating-icon-hover-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-hover)",
             "scope": "default",
             "line": {
                 "start": 44,
@@ -48002,7 +47952,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-rating-icon-focus-shadow",
-            "value": "0 2px 4px rgba( black, .1 )",
+            "value": "0 0 0 .25rem color-mix(in srgb, k-color(border) 50%, transparent)",
             "scope": "default",
             "line": {
                 "start": 51,
@@ -48027,7 +47977,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-rating-icon-focus-selected-shadow",
-            "value": "0 2px 4px rgba( black, .1)",
+            "value": "0 0 0 .25rem color-mix(in srgb, k-color(border) 50%, transparent)",
             "scope": "default",
             "line": {
                 "start": 54,
@@ -48152,7 +48102,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 25,
@@ -48852,7 +48802,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-event-selected-shadow",
-            "value": "inset 0 0 0 3px rgba( white, .5 )",
+            "value": "inset 0 0 0 3px color-mix(in srgb, k-color(on-primary) 50%, transparent)",
             "scope": "default",
             "line": {
                 "start": 115,
@@ -48877,7 +48827,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-event-ongoing-shadow",
-            "value": "inset 0px 0px 0px 1px #ff0000",
+            "value": "inset 0px 0px 0px 1px k-color(error-on-surface)",
             "scope": "default",
             "line": {
                 "start": 119,
@@ -50077,7 +50027,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scrollview-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 24,
@@ -50252,7 +50202,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scrollview-pagebutton-shadow",
-            "value": "0 0 0 2px rgba( black, .13 )",
+            "value": "0 0 0 2px color-mix(in srgb, k-color(inverse) 13%, transparent)",
             "scope": "default",
             "line": {
                 "start": 46,
@@ -50419,15 +50369,15 @@
         }
     },
     {
-        "description": "The box shadow of the ScrollView navigation arrows.\n",
+        "description": "The background color of the ScrollView navigation.\n",
         "commentRange": {
             "start": 67,
             "end": 68
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scrollview-navigation-icon-shadow",
-            "value": "rgba( black, .3 ) 0 0 15px",
+            "name": "kendo-scrollview-navigation-bg",
+            "value": "transparent",
             "scope": "default",
             "line": {
                 "start": 69,
@@ -50444,15 +50394,15 @@
         }
     },
     {
-        "description": "The background color of the ScrollView navigation.\n",
+        "description": "The opacity of the ScrollView navigation.\n",
         "commentRange": {
             "start": 70,
             "end": 71
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scrollview-navigation-bg",
-            "value": "rgba( black, 0 )",
+            "name": "kendo-scrollview-navigation-default-opacity",
+            "value": ".7",
             "scope": "default",
             "line": {
                 "start": 72,
@@ -50469,15 +50419,15 @@
         }
     },
     {
-        "description": "The opacity of the ScrollView navigation.\n",
+        "description": "The hover opacity of the ScrollView navigation.\n",
         "commentRange": {
             "start": 73,
             "end": 74
         },
         "context": {
             "type": "variable",
-            "name": "kendo-scrollview-navigation-default-opacity",
-            "value": ".7",
+            "name": "kendo-scrollview-navigation-hover-opacity",
+            "value": "1",
             "scope": "default",
             "line": {
                 "start": 75,
@@ -50494,44 +50444,19 @@
         }
     },
     {
-        "description": "The hover opacity of the ScrollView navigation.\n",
+        "description": "The hover background color of the ScrollView navigation arrows.\n",
         "commentRange": {
             "start": 76,
             "end": 77
         },
-        "context": {
-            "type": "variable",
-            "name": "kendo-scrollview-navigation-hover-opacity",
-            "value": "1",
-            "scope": "default",
-            "line": {
-                "start": 78,
-                "end": 78
-            }
-        },
-        "group": [
-            "scrollview"
-        ],
-        "access": "public",
-        "file": {
-            "path": "scrollview/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The hover background color of the ScrollView navigation arrows.\n",
-        "commentRange": {
-            "start": 79,
-            "end": 80
-        },
         "context": {
             "type": "variable",
             "name": "kendo-scrollview-navigation-hover-span-bg",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -50546,8 +50471,8 @@
     {
         "description": "The background color of the ScrollView pager in light mode.\n",
         "commentRange": {
-            "start": 83,
-            "end": 84
+            "start": 80,
+            "end": 81
         },
         "context": {
             "type": "variable",
@@ -50555,8 +50480,8 @@
             "value": "rgba( white, .4 )",
             "scope": "default",
             "line": {
-                "start": 85,
-                "end": 85
+                "start": 82,
+                "end": 82
             }
         },
         "group": [
@@ -50571,8 +50496,8 @@
     {
         "description": "The background color of the ScrollView pager in dark mode.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 83,
+            "end": 84
         },
         "context": {
             "type": "variable",
@@ -50580,8 +50505,8 @@
             "value": "rgba( black, .4 )",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 85,
+                "end": 85
             }
         },
         "group": [
@@ -50596,8 +50521,8 @@
     {
         "description": "The duration of the ScrollView transition.\n",
         "commentRange": {
-            "start": 90,
-            "end": 91
+            "start": 87,
+            "end": 88
         },
         "context": {
             "type": "variable",
@@ -50605,8 +50530,8 @@
             "value": ".3s",
             "scope": "default",
             "line": {
-                "start": 92,
-                "end": 92
+                "start": 89,
+                "end": 89
             }
         },
         "group": [
@@ -50621,8 +50546,8 @@
     {
         "description": "The timing function of the ScrollView transition.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 90,
+            "end": 91
         },
         "context": {
             "type": "variable",
@@ -50630,8 +50555,8 @@
             "value": "ease-in-out",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 92,
+                "end": 92
             }
         },
         "group": [
@@ -50777,7 +50702,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-skeleton-wave-bg",
-            "value": "rgba( black, .04 )",
+            "value": "color-mix(in srgb, k-color(dark) 4%, transparent)",
             "scope": "default",
             "line": {
                 "start": 25,
@@ -51227,7 +51152,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-slider-draghandle-hover-border",
-            "value": "k-color(primary-hover)",
+            "value": "k-color(primary-emphasis)",
             "scope": "default",
             "line": {
                 "start": 64,
@@ -51352,7 +51277,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-slider-draghandle-pressed-border",
-            "value": "k-color(primary-active)",
+            "value": "k-color(primary-emphasis)",
             "scope": "default",
             "line": {
                 "start": 80,
@@ -52005,7 +51930,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-splitter-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 21,
@@ -52230,7 +52155,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-splitbar-bg",
-            "value": "k-color(surface)",
+            "value": "k-color(base-subtle)",
             "scope": "default",
             "line": {
                 "start": 50,
@@ -52255,7 +52180,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-splitbar-text",
-            "value": "k-color(on-app-surface)",
+            "value": "k-color(base-on-subtle)",
             "scope": "default",
             "line": {
                 "start": 53,
@@ -52480,7 +52405,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-spreadsheet-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 22,
@@ -54005,7 +53930,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow",
-            "value": "inset 0 0 0 2000px rgba( black, .5 )",
+            "value": "inset 0 0 0 2000px color-mix(in srgb, k-color(inverse) 50%, transparent)",
             "scope": "default",
             "line": {
                 "start": 224,
@@ -55030,7 +54955,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-stepper-indicator-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 90,
@@ -55105,7 +55030,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-stepper-indicator-hover-bg",
-            "value": "k-color(base-hover)",
+            "value": "k-color(base-subtle-hover)",
             "scope": "default",
             "line": {
                 "start": 100,
@@ -56755,7 +56680,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-off-track-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 37,
@@ -56805,7 +56730,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-off-track-border",
-            "value": "k-color(base-emphasis)",
+            "value": "k-color(border)",
             "scope": "default",
             "line": {
                 "start": 43,
@@ -57080,7 +57005,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-off-track-disabled-bg",
-            "value": "k-color(base-subtle)",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 79,
@@ -57130,7 +57055,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-off-track-disabled-border",
-            "value": "null",
+            "value": "color-mix(in srgb, k-color(border) 65%, transparent)",
             "scope": "default",
             "line": {
                 "start": 85,
@@ -57380,7 +57305,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-off-thumb-disabled-bg",
-            "value": "null",
+            "value": "color-mix(in srgb, k-color(base-emphasis) 34%, transparent)",
             "scope": "default",
             "line": {
                 "start": 118,
@@ -57855,7 +57780,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-on-track-disabled-border",
-            "value": "null",
+            "value": "transparent",
             "scope": "default",
             "line": {
                 "start": 180,
@@ -58355,7 +58280,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-table-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 59,
@@ -58680,7 +58605,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-table-alt-row-bg",
-            "value": "color-mix(in srgb, k-color(on-app-surface) 5%, transparent)",
+            "value": "color-mix(in srgb, k-color(on-app-surface) 4%, transparent)",
             "scope": "default",
             "line": {
                 "start": 106,
@@ -58755,7 +58680,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-table-hover-bg",
-            "value": "color-mix(in srgb, k-color(on-app-surface) 9%, transparent)",
+            "value": "color-mix(in srgb, k-color(on-app-surface) 8%, transparent)",
             "scope": "default",
             "line": {
                 "start": 117,
@@ -58905,7 +58830,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-table-focus-shadow",
-            "value": "inset 0 0 0 2px rgba( $kendo-color-black, .08)",
+            "value": "inset 0 0 0 2px color-mix(in srgb, k-color(inverse) 8%, transparent)",
             "scope": "default",
             "line": {
                 "start": 137,
@@ -59605,7 +59530,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-item-border-radius",
-            "value": "k-spacing(1)",
+            "value": "k-border-radius(sm)",
             "scope": "default",
             "line": {
                 "start": 74,
@@ -59830,7 +59755,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-item-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 102,
@@ -59930,7 +59855,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-item-hover-text",
-            "value": "k-color(primary-hover)",
+            "value": "color-mix(in srgb, k-color(primary-on-surface) 90%, transparent 10%)",
             "scope": "default",
             "line": {
                 "start": 115,
@@ -59955,7 +59880,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-item-hover-border",
-            "value": "k-color(base-subtle)",
+            "value": "k-color(border)",
             "scope": "default",
             "line": {
                 "start": 118,
@@ -60005,7 +59930,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-item-selected-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 125,
@@ -60455,7 +60380,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-content-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 185,
@@ -60530,7 +60455,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-content-focus-border",
-            "value": "k-color(on-app-surface)",
+            "value": "k-color(primary-emphasis)",
             "scope": "default",
             "line": {
                 "start": 194,
@@ -61305,7 +61230,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-taskboard-column-focus-border",
-            "value": "k-color(border-alt)",
+            "value": "k-color(primary-emphasis)",
             "scope": "default",
             "line": {
                 "start": 98,
@@ -61655,7 +61580,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-taskboard-pane-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 143,
@@ -62180,7 +62105,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-taskboard-card-focus-border",
-            "value": "k-color(border-alt)",
+            "value": "k-color(primary-emphasis)",
             "scope": "default",
             "line": {
                 "start": 213,
@@ -62230,7 +62155,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-taskboard-card-selected-border",
-            "value": "k-color(primary-emphasis)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 220,
@@ -62280,7 +62205,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-taskboard-card-header-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 227,
@@ -62305,7 +62230,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-taskboard-card-header-focus-text",
-            "value": "k-color(primary-active)",
+            "value": "color-mix(in srgb, k-color(primary-on-surface) 90%, transparent 10%)",
             "scope": "default",
             "line": {
                 "start": 230,
@@ -62330,7 +62255,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-taskboard-card-header-hover-text",
-            "value": "k-color(primary-active)",
+            "value": "color-mix(in srgb, k-color(primary-on-surface) 90%, transparent 10%)",
             "scope": "default",
             "line": {
                 "start": 233,
@@ -62680,7 +62605,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tile-layout-hint-bg",
-            "value": "rgba( white, .2 )",
+            "value": "color-mix(in srgb, k-color(surface-alt) 20%, transparent)",
             "scope": "default",
             "line": {
                 "start": 39,
@@ -62699,8 +62624,8 @@
     {
         "description": "The border width of the current time indicator.\n",
         "commentRange": {
-            "start": 1,
-            "end": 2
+            "start": 3,
+            "end": 4
         },
         "context": {
             "type": "variable",
@@ -62708,8 +62633,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 3,
-                "end": 3
+                "start": 5,
+                "end": 5
             }
         },
         "group": [
@@ -62724,17 +62649,17 @@
     {
         "description": "The color of the current time indicator.\n",
         "commentRange": {
-            "start": 4,
-            "end": 5
+            "start": 6,
+            "end": 7
         },
         "context": {
             "type": "variable",
             "name": "kendo-current-time-color",
-            "value": "#ff0000",
+            "value": "k-color(error-on-surface)",
             "scope": "default",
             "line": {
-                "start": 6,
-                "end": 6
+                "start": 8,
+                "end": 8
             }
         },
         "group": [
@@ -63830,7 +63755,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-timeline-circle-width",
-            "value": "16px",
+            "value": "k-spacing(4)",
             "scope": "default",
             "line": {
                 "start": 152,
@@ -63855,7 +63780,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-timeline-circle-height",
-            "value": "16px",
+            "value": "$kendo-timeline-circle-width",
             "scope": "default",
             "line": {
                 "start": 155,
@@ -65055,7 +64980,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tooltip-border-radius",
-            "value": "k-spacing(1.5)",
+            "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
                 "start": 19,
@@ -65230,7 +65155,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tooltip-bg",
-            "value": "k-color(on-app-surface)",
+            "value": "k-color(inverse)",
             "scope": "default",
             "line": {
                 "start": 44,
@@ -65255,7 +65180,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tooltip-text",
-            "value": "k-color(app-surface)",
+            "value": "k-color(on-inverse)",
             "scope": "default",
             "line": {
                 "start": 47,
@@ -69280,7 +69205,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 28,
@@ -69455,7 +69380,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-dropzone-hover-bg",
-            "value": "k-color(base-subtle)",
+            "value": "color-mix(in srgb, k-color(on-app-surface) 8%, transparent)",
             "scope": "default",
             "line": {
                 "start": 50,
@@ -69855,7 +69780,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-focus-shadow",
-            "value": "0 0 0 2px rgba(0, 0, 0, .13)",
+            "value": "0 0 0 2px color-mix(in srgb, k-color(inverse) 13%, transparent)",
             "scope": "default",
             "line": {
                 "start": 106,
@@ -70355,7 +70280,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-window-bg",
-            "value": "k-color(app-surface)",
+            "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
                 "start": 72,
@@ -70855,7 +70780,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-wizard-step-focus-border",
-            "value": "#656565",
+            "value": "k-color(primary-emphasis)",
             "scope": "default",
             "line": {
                 "start": 36,