npm - @sanity/ui - Versions diffs - 3.0.0-static.6 → 3.0.0-static.8 - Mend

@sanity/ui 3.0.0-static.6 → 3.0.0-static.8

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

Files changed (60) hide show

package/dist/_chunks-cjs/_visual-editing.js +53 -53
package/dist/_chunks-cjs/_visual-editing.js.map +1 -1
package/dist/_chunks-es/_visual-editing.mjs +54 -54
package/dist/_chunks-es/_visual-editing.mjs.map +1 -1
package/dist/cli.js +1 -1
package/dist/css.d.mts +207 -185
package/dist/css.d.ts +207 -185
package/dist/css.js +617 -547
package/dist/css.js.map +1 -1
package/dist/css.mjs +617 -547
package/dist/css.mjs.map +1 -1
package/dist/index.js +3 -13
package/dist/index.js.map +1 -1
package/dist/index.mjs +3 -13
package/dist/index.mjs.map +1 -1
package/dist/sanity-theme.css +1 -1
package/dist/system.css +1334 -914
package/dist/theme.d.mts +84 -76
package/dist/theme.d.ts +84 -76
package/dist/theme.js +148 -124
package/dist/theme.js.map +1 -1
package/dist/theme.mjs +148 -124
package/dist/theme.mjs.map +1 -1
package/package.json +1 -1
package/src/css/aspects/index.ts +1 -0
package/src/css/aspects/minWidth/index.ts +2 -0
package/src/css/aspects/minWidth/minWidth.style.ts +13 -0
package/src/css/aspects/minWidth/minWidth.ts +6 -0
package/src/css/aspects/minWidth/types.ts +7 -0
package/src/css/compile/compileRule.ts +1 -0
package/src/css/compile/compileStyle.ts +1 -1
package/src/css/compile/compileTheme_v3.ts +46 -37
package/src/css/primitives/badge/badge.style.ts +1 -1
package/src/css/primitives/box/box.style.ts +1 -1
package/src/css/primitives/box/box.ts +2 -3
package/src/css/primitives/box/types.ts +2 -0
package/src/css/primitives/button/button.style.ts +20 -0
package/src/css/primitives/card/card.style.ts +116 -44
package/src/css/primitives/card/types.ts +0 -1
package/src/css/primitives/kbd/kbd.style.ts +1 -1
package/src/css/primitives/popover/popover.ts +4 -0
package/src/css/primitives/switch/switch.style.ts +8 -83
package/src/css/primitives/text/text.style.ts +11 -3
package/src/css/system.style.ts +2 -0
package/src/css/types.ts +200 -188
package/src/css/varNames.ts +86 -76
package/src/css/vars.ts +85 -76
package/src/theme/v3/color/buildColor_v3.ts +43 -38
package/src/theme/v3/color/card.ts +43 -38
package/src/theme/v3/color/color.ts +42 -38
package/src/theme/v3/defaults.ts +63 -47
package/src/theme/v3/resolveTokens.ts +43 -38
package/src/theme/versioning/themeColor_v3_v2.ts +1 -1
package/src/ui/components/autocomplete/__workshop__/async.tsx +0 -1
package/src/ui/components/autocomplete/autocomplete.tsx +2 -11
package/src/ui/primitives/box/box.tsx +4 -3
package/src/ui/primitives/card/card.tsx +2 -6
package/src/ui/primitives/kbd/kbd.tsx +2 -2
package/src/ui/primitives/popover/popoverCard.tsx +45 -39
package/src/css/primitives/card/rules.ts +0 -473

package/dist/system.css CHANGED Viewed

@@ -1182,6 +1182,30 @@
   max-width: 100%;
 }
+.s-min-w-0 {
+  min-width: 0;
+}
+.s-min-w-auto {
+  min-width: auto;
+}
+.s-min-w-full {
+  min-width: 100%;
+}
+.s-min-w-min {
+  min-width: min-content;
+}
+.s-min-w-max {
+  min-width: max-content;
+}
+.s-min-w-fit {
+  min-width: fit-content;
+}
 .s-outline-none {
   outline: none;
 }
@@ -2784,6 +2808,30 @@
   max-width: 100%;
 }
+.s-1\:min-w-0 {
+  min-width: 0;
+}
+.s-1\:min-w-auto {
+  min-width: auto;
+}
+.s-1\:min-w-full {
+  min-width: 100%;
+}
+.s-1\:min-w-min {
+  min-width: min-content;
+}
+.s-1\:min-w-max {
+  min-width: max-content;
+}
+.s-1\:min-w-fit {
+  min-width: fit-content;
+}
 .s-1\:overflow-visible {
   overflow: visible;
 }
@@ -4360,6 +4408,30 @@
   max-width: 100%;
 }
+.s-2\:min-w-0 {
+  min-width: 0;
+}
+.s-2\:min-w-auto {
+  min-width: auto;
+}
+.s-2\:min-w-full {
+  min-width: 100%;
+}
+.s-2\:min-w-min {
+  min-width: min-content;
+}
+.s-2\:min-w-max {
+  min-width: max-content;
+}
+.s-2\:min-w-fit {
+  min-width: fit-content;
+}
 .s-2\:overflow-visible {
   overflow: visible;
 }
@@ -5936,6 +6008,30 @@
   max-width: 100%;
 }
+.s-3\:min-w-0 {
+  min-width: 0;
+}
+.s-3\:min-w-auto {
+  min-width: auto;
+}
+.s-3\:min-w-full {
+  min-width: 100%;
+}
+.s-3\:min-w-min {
+  min-width: min-content;
+}
+.s-3\:min-w-max {
+  min-width: max-content;
+}
+.s-3\:min-w-fit {
+  min-width: fit-content;
+}
 .s-3\:overflow-visible {
   overflow: visible;
 }
@@ -7512,6 +7608,30 @@
   max-width: 100%;
 }
+.s-4\:min-w-0 {
+  min-width: 0;
+}
+.s-4\:min-w-auto {
+  min-width: auto;
+}
+.s-4\:min-w-full {
+  min-width: 100%;
+}
+.s-4\:min-w-min {
+  min-width: min-content;
+}
+.s-4\:min-w-max {
+  min-width: max-content;
+}
+.s-4\:min-w-fit {
+  min-width: fit-content;
+}
 .s-4\:overflow-visible {
   overflow: visible;
 }
@@ -9088,6 +9208,30 @@
   max-width: 100%;
 }
+.s-5\:min-w-0 {
+  min-width: 0;
+}
+.s-5\:min-w-auto {
+  min-width: auto;
+}
+.s-5\:min-w-full {
+  min-width: 100%;
+}
+.s-5\:min-w-min {
+  min-width: min-content;
+}
+.s-5\:min-w-max {
+  min-width: max-content;
+}
+.s-5\:min-w-fit {
+  min-width: fit-content;
+}
 .s-5\:overflow-visible {
   overflow: visible;
 }
@@ -10664,6 +10808,30 @@
   max-width: 100%;
 }
+.s-6\:min-w-0 {
+  min-width: 0;
+}
+.s-6\:min-w-auto {
+  min-width: auto;
+}
+.s-6\:min-w-full {
+  min-width: 100%;
+}
+.s-6\:min-w-min {
+  min-width: min-content;
+}
+.s-6\:min-w-max {
+  min-width: max-content;
+}
+.s-6\:min-w-fit {
+  min-width: fit-content;
+}
 .s-6\:overflow-visible {
   overflow: visible;
 }
@@ -11764,7 +11932,7 @@
   box-shadow: none;
 }
-:disabled .s-avatar, [data-disabled] & {
+:disabled .s-avatar, [data-disabled] .s-avatar {
   --color-avatar-bg: var(--color-border);
   --color-avatar-fg: var(--color-bg);
 }
@@ -11887,7 +12055,7 @@
   height: var(--avatar-size);
 }
-.s-avatar-counter& {
+.s-avatar-counter.s-avatar-counter {
   min-width: var(--avatar-size);
 }
@@ -11927,45 +12095,44 @@
 .s-badge-default {
   --color-bg: var(--color-tinted-default-bg-4);
-  --color-fg: var(--color-tinted-default-fg-1);
+  --color-fg: var(--color-tinted-default-fg-3);
 }
 .s-badge-neutral {
   --color-bg: var(--color-tinted-neutral-bg-4);
-  --color-fg: var(--color-tinted-neutral-fg-1);
+  --color-fg: var(--color-tinted-neutral-fg-3);
 }
 .s-badge-primary {
   --color-bg: var(--color-tinted-primary-bg-4);
-  --color-fg: var(--color-tinted-primary-fg-1);
+  --color-fg: var(--color-tinted-primary-fg-3);
 }
 .s-badge-suggest {
   --color-bg: var(--color-tinted-suggest-bg-4);
-  --color-fg: var(--color-tinted-suggest-fg-1);
+  --color-fg: var(--color-tinted-suggest-fg-3);
 }
 .s-badge-positive {
   --color-bg: var(--color-tinted-positive-bg-4);
-  --color-fg: var(--color-tinted-positive-fg-1);
+  --color-fg: var(--color-tinted-positive-fg-3);
 }
 .s-badge-caution {
   --color-bg: var(--color-tinted-caution-bg-4);
-  --color-fg: var(--color-tinted-caution-fg-1);
+  --color-fg: var(--color-tinted-caution-fg-3);
 }
 .s-badge-critical {
   --color-bg: var(--color-tinted-critical-bg-4);
-  --color-fg: var(--color-tinted-critical-fg-1);
+  --color-fg: var(--color-tinted-critical-fg-3);
 }
 .s-box {
-  min-width: 0;
   min-height: 0;
 }
-.s-box:is(ul), &:is(ol) {
+.s-box:is(ul), .s-box:is(ol) {
   list-style: none;
 }
@@ -12032,6 +12199,7 @@
   --color-bg: var(--color-solid-default-bg-0);
   --color-border: var(--color-solid-default-border-1);
   --color-fg: var(--color-solid-default-fg-0);
+  --color-muted-bg: var(--color-solid-default-bg-1);
   --color-muted-fg: var(--color-solid-default-fg-4);
   --button-box-shadow: none;
 }
@@ -12040,6 +12208,7 @@
   --color-bg: var(--color-solid-default-bg-1);
   --color-border: var(--color-solid-default-border-2);
   --color-fg: var(--color-solid-default-fg-0);
+  --color-muted-bg: var(--color-solid-default-bg-2);
   --color-muted-fg: var(--color-solid-default-fg-4);
 }
@@ -12047,6 +12216,7 @@
   --color-bg: var(--color-solid-default-bg-2);
   --color-border: var(--color-solid-default-border-3);
   --color-fg: var(--color-solid-default-fg-0);
+  --color-muted-bg: var(--color-solid-default-bg-3);
   --color-muted-fg: var(--color-solid-default-fg-4);
 }
@@ -12054,6 +12224,7 @@
   --color-bg: var(--color-solid-default-bg-2);
   --color-border: var(--color-solid-default-border-3);
   --color-fg: var(--color-solid-default-fg-0);
+  --color-muted-bg: var(--color-solid-default-bg-3);
   --color-muted-fg: var(--color-solid-default-fg-4);
 }
@@ -12061,6 +12232,7 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12068,6 +12240,8 @@
   --color-bg: var(--color-tinted-default-bg-1);
   --color-border: var(--color-tinted-default-border-0);
   --color-fg: var(--color-tinted-default-fg-2);
+  --color-muted-bg: var(--color-tinted-default-bg-2);
+  --color-muted-fg: var(--color-tinted-default-fg-4);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12075,12 +12249,16 @@
   --color-bg: var(--color-tinted-default-bg-2);
   --color-border: var(--color-tinted-default-border-1);
   --color-fg: var(--color-tinted-default-fg-1);
+  --color-muted-bg: var(--color-tinted-default-bg-3);
+  --color-muted-fg: var(--color-tinted-default-fg-3);
 }
 .s-button.s-ghost.s-default:not([data-disabled]):active {
   --color-bg: var(--color-tinted-default-bg-3);
   --color-border: var(--color-tinted-default-border-2);
   --color-fg: var(--color-tinted-default-fg-1);
+  --color-muted-bg: var(--color-tinted-default-bg-4);
+  --color-muted-fg: var(--color-tinted-default-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12088,6 +12266,8 @@
   --color-bg: var(--color-tinted-default-bg-3);
   --color-border: var(--color-tinted-default-border-2);
   --color-fg: var(--color-tinted-default-fg-1);
+  --color-muted-bg: var(--color-tinted-default-bg-4);
+  --color-muted-fg: var(--color-tinted-default-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12095,6 +12275,8 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
+  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-default {
@@ -12102,6 +12284,7 @@
   --color-bg: var(--color-tinted-default-bg-0);
   --color-border: var(--color-tinted-default-border-1);
   --color-fg: var(--color-tinted-default-fg-2);
+  --color-muted-bg: var(--color-tinted-default-bg-1);
   --color-muted-fg: var(--color-tinted-default-fg-4);
   --button-box-shadow: none;
 }
@@ -12110,6 +12293,7 @@
   --color-bg: var(--color-tinted-default-bg-1);
   --color-border: var(--color-tinted-default-border-2);
   --color-fg: var(--color-tinted-default-fg-1);
+  --color-muted-bg: var(--color-tinted-default-bg-2);
   --color-muted-fg: var(--color-tinted-default-fg-3);
 }
@@ -12117,6 +12301,7 @@
   --color-bg: var(--color-tinted-default-bg-2);
   --color-border: var(--color-tinted-default-border-3);
   --color-fg: var(--color-tinted-default-fg-1);
+  --color-muted-bg: var(--color-tinted-default-bg-3);
   --color-muted-fg: var(--color-tinted-default-fg-3);
 }
@@ -12124,6 +12309,7 @@
   --color-bg: var(--color-tinted-default-bg-2);
   --color-border: var(--color-tinted-default-border-3);
   --color-fg: var(--color-tinted-default-fg-1);
+  --color-muted-bg: var(--color-tinted-default-bg-3);
   --color-muted-fg: var(--color-tinted-default-fg-3);
 }
@@ -12131,6 +12317,7 @@
   --color-bg: var(--color-default-tinted-bg-0);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-1);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12138,6 +12325,7 @@
   --color-bg: var(--color-solid-neutral-bg-0);
   --color-border: var(--color-solid-neutral-border-1);
   --color-fg: var(--color-solid-neutral-fg-0);
+  --color-muted-bg: var(--color-solid-neutral-bg-1);
   --color-muted-fg: var(--color-solid-neutral-fg-4);
   --button-box-shadow: none;
 }
@@ -12146,6 +12334,7 @@
   --color-bg: var(--color-solid-neutral-bg-1);
   --color-border: var(--color-solid-neutral-border-2);
   --color-fg: var(--color-solid-neutral-fg-0);
+  --color-muted-bg: var(--color-solid-neutral-bg-2);
   --color-muted-fg: var(--color-solid-neutral-fg-4);
 }
@@ -12153,6 +12342,7 @@
   --color-bg: var(--color-solid-neutral-bg-2);
   --color-border: var(--color-solid-neutral-border-3);
   --color-fg: var(--color-solid-neutral-fg-0);
+  --color-muted-bg: var(--color-solid-neutral-bg-3);
   --color-muted-fg: var(--color-solid-neutral-fg-4);
 }
@@ -12160,6 +12350,7 @@
   --color-bg: var(--color-solid-neutral-bg-2);
   --color-border: var(--color-solid-neutral-border-3);
   --color-fg: var(--color-solid-neutral-fg-0);
+  --color-muted-bg: var(--color-solid-neutral-bg-3);
   --color-muted-fg: var(--color-solid-neutral-fg-4);
 }
@@ -12167,6 +12358,7 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12174,6 +12366,8 @@
   --color-bg: var(--color-tinted-neutral-bg-1);
   --color-border: var(--color-tinted-neutral-border-0);
   --color-fg: var(--color-tinted-neutral-fg-2);
+  --color-muted-bg: var(--color-tinted-neutral-bg-2);
+  --color-muted-fg: var(--color-tinted-neutral-fg-4);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12181,12 +12375,16 @@
   --color-bg: var(--color-tinted-neutral-bg-2);
   --color-border: var(--color-tinted-neutral-border-1);
   --color-fg: var(--color-tinted-neutral-fg-1);
+  --color-muted-bg: var(--color-tinted-neutral-bg-3);
+  --color-muted-fg: var(--color-tinted-neutral-fg-3);
 }
 .s-button.s-ghost.s-neutral:not([data-disabled]):active {
   --color-bg: var(--color-tinted-neutral-bg-3);
   --color-border: var(--color-tinted-neutral-border-2);
   --color-fg: var(--color-tinted-neutral-fg-1);
+  --color-muted-bg: var(--color-tinted-neutral-bg-4);
+  --color-muted-fg: var(--color-tinted-neutral-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12194,6 +12392,8 @@
   --color-bg: var(--color-tinted-neutral-bg-3);
   --color-border: var(--color-tinted-neutral-border-2);
   --color-fg: var(--color-tinted-neutral-fg-1);
+  --color-muted-bg: var(--color-tinted-neutral-bg-4);
+  --color-muted-fg: var(--color-tinted-neutral-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12201,6 +12401,8 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
+  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-neutral {
@@ -12208,6 +12410,7 @@
   --color-bg: var(--color-tinted-neutral-bg-0);
   --color-border: var(--color-tinted-neutral-border-1);
   --color-fg: var(--color-tinted-neutral-fg-2);
+  --color-muted-bg: var(--color-tinted-neutral-bg-1);
   --color-muted-fg: var(--color-tinted-neutral-fg-4);
   --button-box-shadow: none;
 }
@@ -12216,6 +12419,7 @@
   --color-bg: var(--color-tinted-neutral-bg-1);
   --color-border: var(--color-tinted-neutral-border-2);
   --color-fg: var(--color-tinted-neutral-fg-1);
+  --color-muted-bg: var(--color-tinted-neutral-bg-2);
   --color-muted-fg: var(--color-tinted-neutral-fg-3);
 }
@@ -12223,6 +12427,7 @@
   --color-bg: var(--color-tinted-neutral-bg-2);
   --color-border: var(--color-tinted-neutral-border-3);
   --color-fg: var(--color-tinted-neutral-fg-1);
+  --color-muted-bg: var(--color-tinted-neutral-bg-3);
   --color-muted-fg: var(--color-tinted-neutral-fg-3);
 }
@@ -12230,6 +12435,7 @@
   --color-bg: var(--color-tinted-neutral-bg-2);
   --color-border: var(--color-tinted-neutral-border-3);
   --color-fg: var(--color-tinted-neutral-fg-1);
+  --color-muted-bg: var(--color-tinted-neutral-bg-3);
   --color-muted-fg: var(--color-tinted-neutral-fg-3);
 }
@@ -12237,6 +12443,7 @@
   --color-bg: var(--color-default-tinted-bg-0);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-1);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12244,6 +12451,7 @@
   --color-bg: var(--color-solid-primary-bg-0);
   --color-border: var(--color-solid-primary-border-1);
   --color-fg: var(--color-solid-primary-fg-0);
+  --color-muted-bg: var(--color-solid-primary-bg-1);
   --color-muted-fg: var(--color-solid-primary-fg-4);
   --button-box-shadow: none;
 }
@@ -12252,6 +12460,7 @@
   --color-bg: var(--color-solid-primary-bg-1);
   --color-border: var(--color-solid-primary-border-2);
   --color-fg: var(--color-solid-primary-fg-0);
+  --color-muted-bg: var(--color-solid-primary-bg-2);
   --color-muted-fg: var(--color-solid-primary-fg-4);
 }
@@ -12259,6 +12468,7 @@
   --color-bg: var(--color-solid-primary-bg-2);
   --color-border: var(--color-solid-primary-border-3);
   --color-fg: var(--color-solid-primary-fg-0);
+  --color-muted-bg: var(--color-solid-primary-bg-3);
   --color-muted-fg: var(--color-solid-primary-fg-4);
 }
@@ -12266,6 +12476,7 @@
   --color-bg: var(--color-solid-primary-bg-2);
   --color-border: var(--color-solid-primary-border-3);
   --color-fg: var(--color-solid-primary-fg-0);
+  --color-muted-bg: var(--color-solid-primary-bg-3);
   --color-muted-fg: var(--color-solid-primary-fg-4);
 }
@@ -12273,6 +12484,7 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12280,6 +12492,8 @@
   --color-bg: var(--color-tinted-primary-bg-1);
   --color-border: var(--color-tinted-primary-border-0);
   --color-fg: var(--color-tinted-primary-fg-2);
+  --color-muted-bg: var(--color-tinted-primary-bg-2);
+  --color-muted-fg: var(--color-tinted-primary-fg-4);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12287,12 +12501,16 @@
   --color-bg: var(--color-tinted-primary-bg-2);
   --color-border: var(--color-tinted-primary-border-1);
   --color-fg: var(--color-tinted-primary-fg-1);
+  --color-muted-bg: var(--color-tinted-primary-bg-3);
+  --color-muted-fg: var(--color-tinted-primary-fg-3);
 }
 .s-button.s-ghost.s-accent:not([data-disabled]):active {
   --color-bg: var(--color-tinted-primary-bg-3);
   --color-border: var(--color-tinted-primary-border-2);
   --color-fg: var(--color-tinted-primary-fg-1);
+  --color-muted-bg: var(--color-tinted-primary-bg-4);
+  --color-muted-fg: var(--color-tinted-primary-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12300,6 +12518,8 @@
   --color-bg: var(--color-tinted-primary-bg-3);
   --color-border: var(--color-tinted-primary-border-2);
   --color-fg: var(--color-tinted-primary-fg-1);
+  --color-muted-bg: var(--color-tinted-primary-bg-4);
+  --color-muted-fg: var(--color-tinted-primary-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12307,6 +12527,8 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
+  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-accent {
@@ -12314,6 +12536,7 @@
   --color-bg: var(--color-tinted-primary-bg-0);
   --color-border: var(--color-tinted-primary-border-1);
   --color-fg: var(--color-tinted-primary-fg-2);
+  --color-muted-bg: var(--color-tinted-primary-bg-1);
   --color-muted-fg: var(--color-tinted-primary-fg-4);
   --button-box-shadow: none;
 }
@@ -12322,6 +12545,7 @@
   --color-bg: var(--color-tinted-primary-bg-1);
   --color-border: var(--color-tinted-primary-border-2);
   --color-fg: var(--color-tinted-primary-fg-1);
+  --color-muted-bg: var(--color-tinted-primary-bg-2);
   --color-muted-fg: var(--color-tinted-primary-fg-3);
 }
@@ -12329,6 +12553,7 @@
   --color-bg: var(--color-tinted-primary-bg-2);
   --color-border: var(--color-tinted-primary-border-3);
   --color-fg: var(--color-tinted-primary-fg-1);
+  --color-muted-bg: var(--color-tinted-primary-bg-3);
   --color-muted-fg: var(--color-tinted-primary-fg-3);
 }
@@ -12336,6 +12561,7 @@
   --color-bg: var(--color-tinted-primary-bg-2);
   --color-border: var(--color-tinted-primary-border-3);
   --color-fg: var(--color-tinted-primary-fg-1);
+  --color-muted-bg: var(--color-tinted-primary-bg-3);
   --color-muted-fg: var(--color-tinted-primary-fg-3);
 }
@@ -12343,6 +12569,7 @@
   --color-bg: var(--color-default-tinted-bg-0);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-1);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12350,6 +12577,7 @@
   --color-bg: var(--color-solid-suggest-bg-0);
   --color-border: var(--color-solid-suggest-border-1);
   --color-fg: var(--color-solid-suggest-fg-0);
+  --color-muted-bg: var(--color-solid-suggest-bg-1);
   --color-muted-fg: var(--color-solid-suggest-fg-4);
   --button-box-shadow: none;
 }
@@ -12358,6 +12586,7 @@
   --color-bg: var(--color-solid-suggest-bg-1);
   --color-border: var(--color-solid-suggest-border-2);
   --color-fg: var(--color-solid-suggest-fg-0);
+  --color-muted-bg: var(--color-solid-suggest-bg-2);
   --color-muted-fg: var(--color-solid-suggest-fg-4);
 }
@@ -12365,6 +12594,7 @@
   --color-bg: var(--color-solid-suggest-bg-2);
   --color-border: var(--color-solid-suggest-border-3);
   --color-fg: var(--color-solid-suggest-fg-0);
+  --color-muted-bg: var(--color-solid-suggest-bg-3);
   --color-muted-fg: var(--color-solid-suggest-fg-4);
 }
@@ -12372,6 +12602,7 @@
   --color-bg: var(--color-solid-suggest-bg-2);
   --color-border: var(--color-solid-suggest-border-3);
   --color-fg: var(--color-solid-suggest-fg-0);
+  --color-muted-bg: var(--color-solid-suggest-bg-3);
   --color-muted-fg: var(--color-solid-suggest-fg-4);
 }
@@ -12379,6 +12610,7 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12386,6 +12618,8 @@
   --color-bg: var(--color-tinted-suggest-bg-1);
   --color-border: var(--color-tinted-suggest-border-0);
   --color-fg: var(--color-tinted-suggest-fg-2);
+  --color-muted-bg: var(--color-tinted-suggest-bg-2);
+  --color-muted-fg: var(--color-tinted-suggest-fg-4);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12393,12 +12627,16 @@
   --color-bg: var(--color-tinted-suggest-bg-2);
   --color-border: var(--color-tinted-suggest-border-1);
   --color-fg: var(--color-tinted-suggest-fg-1);
+  --color-muted-bg: var(--color-tinted-suggest-bg-3);
+  --color-muted-fg: var(--color-tinted-suggest-fg-3);
 }
 .s-button.s-ghost.s-suggest:not([data-disabled]):active {
   --color-bg: var(--color-tinted-suggest-bg-3);
   --color-border: var(--color-tinted-suggest-border-2);
   --color-fg: var(--color-tinted-suggest-fg-1);
+  --color-muted-bg: var(--color-tinted-suggest-bg-4);
+  --color-muted-fg: var(--color-tinted-suggest-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12406,6 +12644,8 @@
   --color-bg: var(--color-tinted-suggest-bg-3);
   --color-border: var(--color-tinted-suggest-border-2);
   --color-fg: var(--color-tinted-suggest-fg-1);
+  --color-muted-bg: var(--color-tinted-suggest-bg-4);
+  --color-muted-fg: var(--color-tinted-suggest-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12413,6 +12653,8 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
+  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-suggest {
@@ -12420,6 +12662,7 @@
   --color-bg: var(--color-tinted-suggest-bg-0);
   --color-border: var(--color-tinted-suggest-border-1);
   --color-fg: var(--color-tinted-suggest-fg-2);
+  --color-muted-bg: var(--color-tinted-suggest-bg-1);
   --color-muted-fg: var(--color-tinted-suggest-fg-4);
   --button-box-shadow: none;
 }
@@ -12428,6 +12671,7 @@
   --color-bg: var(--color-tinted-suggest-bg-1);
   --color-border: var(--color-tinted-suggest-border-2);
   --color-fg: var(--color-tinted-suggest-fg-1);
+  --color-muted-bg: var(--color-tinted-suggest-bg-2);
   --color-muted-fg: var(--color-tinted-suggest-fg-3);
 }
@@ -12435,6 +12679,7 @@
   --color-bg: var(--color-tinted-suggest-bg-2);
   --color-border: var(--color-tinted-suggest-border-3);
   --color-fg: var(--color-tinted-suggest-fg-1);
+  --color-muted-bg: var(--color-tinted-suggest-bg-3);
   --color-muted-fg: var(--color-tinted-suggest-fg-3);
 }
@@ -12442,6 +12687,7 @@
   --color-bg: var(--color-tinted-suggest-bg-2);
   --color-border: var(--color-tinted-suggest-border-3);
   --color-fg: var(--color-tinted-suggest-fg-1);
+  --color-muted-bg: var(--color-tinted-suggest-bg-3);
   --color-muted-fg: var(--color-tinted-suggest-fg-3);
 }
@@ -12449,6 +12695,7 @@
   --color-bg: var(--color-default-tinted-bg-0);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-1);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12456,6 +12703,7 @@
   --color-bg: var(--color-solid-positive-bg-0);
   --color-border: var(--color-solid-positive-border-1);
   --color-fg: var(--color-solid-positive-fg-0);
+  --color-muted-bg: var(--color-solid-positive-bg-1);
   --color-muted-fg: var(--color-solid-positive-fg-4);
   --button-box-shadow: none;
 }
@@ -12464,6 +12712,7 @@
   --color-bg: var(--color-solid-positive-bg-1);
   --color-border: var(--color-solid-positive-border-2);
   --color-fg: var(--color-solid-positive-fg-0);
+  --color-muted-bg: var(--color-solid-positive-bg-2);
   --color-muted-fg: var(--color-solid-positive-fg-4);
 }
@@ -12471,6 +12720,7 @@
   --color-bg: var(--color-solid-positive-bg-2);
   --color-border: var(--color-solid-positive-border-3);
   --color-fg: var(--color-solid-positive-fg-0);
+  --color-muted-bg: var(--color-solid-positive-bg-3);
   --color-muted-fg: var(--color-solid-positive-fg-4);
 }
@@ -12478,6 +12728,7 @@
   --color-bg: var(--color-solid-positive-bg-2);
   --color-border: var(--color-solid-positive-border-3);
   --color-fg: var(--color-solid-positive-fg-0);
+  --color-muted-bg: var(--color-solid-positive-bg-3);
   --color-muted-fg: var(--color-solid-positive-fg-4);
 }
@@ -12485,6 +12736,7 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12492,6 +12744,8 @@
   --color-bg: var(--color-tinted-positive-bg-1);
   --color-border: var(--color-tinted-positive-border-0);
   --color-fg: var(--color-tinted-positive-fg-2);
+  --color-muted-bg: var(--color-tinted-positive-bg-2);
+  --color-muted-fg: var(--color-tinted-positive-fg-4);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12499,12 +12753,16 @@
   --color-bg: var(--color-tinted-positive-bg-2);
   --color-border: var(--color-tinted-positive-border-1);
   --color-fg: var(--color-tinted-positive-fg-1);
+  --color-muted-bg: var(--color-tinted-positive-bg-3);
+  --color-muted-fg: var(--color-tinted-positive-fg-3);
 }
 .s-button.s-ghost.s-positive:not([data-disabled]):active {
   --color-bg: var(--color-tinted-positive-bg-3);
   --color-border: var(--color-tinted-positive-border-2);
   --color-fg: var(--color-tinted-positive-fg-1);
+  --color-muted-bg: var(--color-tinted-positive-bg-4);
+  --color-muted-fg: var(--color-tinted-positive-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12512,6 +12770,8 @@
   --color-bg: var(--color-tinted-positive-bg-3);
   --color-border: var(--color-tinted-positive-border-2);
   --color-fg: var(--color-tinted-positive-fg-1);
+  --color-muted-bg: var(--color-tinted-positive-bg-4);
+  --color-muted-fg: var(--color-tinted-positive-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12519,6 +12779,8 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
+  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-positive {
@@ -12526,6 +12788,7 @@
   --color-bg: var(--color-tinted-positive-bg-0);
   --color-border: var(--color-tinted-positive-border-1);
   --color-fg: var(--color-tinted-positive-fg-2);
+  --color-muted-bg: var(--color-tinted-positive-bg-1);
   --color-muted-fg: var(--color-tinted-positive-fg-4);
   --button-box-shadow: none;
 }
@@ -12534,6 +12797,7 @@
   --color-bg: var(--color-tinted-positive-bg-1);
   --color-border: var(--color-tinted-positive-border-2);
   --color-fg: var(--color-tinted-positive-fg-1);
+  --color-muted-bg: var(--color-tinted-positive-bg-2);
   --color-muted-fg: var(--color-tinted-positive-fg-3);
 }
@@ -12541,6 +12805,7 @@
   --color-bg: var(--color-tinted-positive-bg-2);
   --color-border: var(--color-tinted-positive-border-3);
   --color-fg: var(--color-tinted-positive-fg-1);
+  --color-muted-bg: var(--color-tinted-positive-bg-3);
   --color-muted-fg: var(--color-tinted-positive-fg-3);
 }
@@ -12548,6 +12813,7 @@
   --color-bg: var(--color-tinted-positive-bg-2);
   --color-border: var(--color-tinted-positive-border-3);
   --color-fg: var(--color-tinted-positive-fg-1);
+  --color-muted-bg: var(--color-tinted-positive-bg-3);
   --color-muted-fg: var(--color-tinted-positive-fg-3);
 }
@@ -12555,6 +12821,7 @@
   --color-bg: var(--color-default-tinted-bg-0);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-1);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12562,6 +12829,7 @@
   --color-bg: var(--color-solid-caution-bg-0);
   --color-border: var(--color-solid-caution-border-1);
   --color-fg: var(--color-solid-caution-fg-0);
+  --color-muted-bg: var(--color-solid-caution-bg-1);
   --color-muted-fg: var(--color-solid-caution-fg-4);
   --button-box-shadow: none;
 }
@@ -12570,6 +12838,7 @@
   --color-bg: var(--color-solid-caution-bg-1);
   --color-border: var(--color-solid-caution-border-2);
   --color-fg: var(--color-solid-caution-fg-0);
+  --color-muted-bg: var(--color-solid-caution-bg-2);
   --color-muted-fg: var(--color-solid-caution-fg-4);
 }
@@ -12577,6 +12846,7 @@
   --color-bg: var(--color-solid-caution-bg-2);
   --color-border: var(--color-solid-caution-border-3);
   --color-fg: var(--color-solid-caution-fg-0);
+  --color-muted-bg: var(--color-solid-caution-bg-3);
   --color-muted-fg: var(--color-solid-caution-fg-4);
 }
@@ -12584,6 +12854,7 @@
   --color-bg: var(--color-solid-caution-bg-2);
   --color-border: var(--color-solid-caution-border-3);
   --color-fg: var(--color-solid-caution-fg-0);
+  --color-muted-bg: var(--color-solid-caution-bg-3);
   --color-muted-fg: var(--color-solid-caution-fg-4);
 }
@@ -12591,6 +12862,7 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12598,6 +12870,8 @@
   --color-bg: var(--color-tinted-caution-bg-1);
   --color-border: var(--color-tinted-caution-border-0);
   --color-fg: var(--color-tinted-caution-fg-2);
+  --color-muted-bg: var(--color-tinted-caution-bg-2);
+  --color-muted-fg: var(--color-tinted-caution-fg-4);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12605,12 +12879,16 @@
   --color-bg: var(--color-tinted-caution-bg-2);
   --color-border: var(--color-tinted-caution-border-1);
   --color-fg: var(--color-tinted-caution-fg-1);
+  --color-muted-bg: var(--color-tinted-caution-bg-3);
+  --color-muted-fg: var(--color-tinted-caution-fg-3);
 }
 .s-button.s-ghost.s-caution:not([data-disabled]):active {
   --color-bg: var(--color-tinted-caution-bg-3);
   --color-border: var(--color-tinted-caution-border-2);
   --color-fg: var(--color-tinted-caution-fg-1);
+  --color-muted-bg: var(--color-tinted-caution-bg-4);
+  --color-muted-fg: var(--color-tinted-caution-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12618,6 +12896,8 @@
   --color-bg: var(--color-tinted-caution-bg-3);
   --color-border: var(--color-tinted-caution-border-2);
   --color-fg: var(--color-tinted-caution-fg-1);
+  --color-muted-bg: var(--color-tinted-caution-bg-4);
+  --color-muted-fg: var(--color-tinted-caution-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12625,6 +12905,8 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
+  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-caution {
@@ -12632,6 +12914,7 @@
   --color-bg: var(--color-tinted-caution-bg-0);
   --color-border: var(--color-tinted-caution-border-1);
   --color-fg: var(--color-tinted-caution-fg-2);
+  --color-muted-bg: var(--color-tinted-caution-bg-1);
   --color-muted-fg: var(--color-tinted-caution-fg-4);
   --button-box-shadow: none;
 }
@@ -12640,6 +12923,7 @@
   --color-bg: var(--color-tinted-caution-bg-1);
   --color-border: var(--color-tinted-caution-border-2);
   --color-fg: var(--color-tinted-caution-fg-1);
+  --color-muted-bg: var(--color-tinted-caution-bg-2);
   --color-muted-fg: var(--color-tinted-caution-fg-3);
 }
@@ -12647,6 +12931,7 @@
   --color-bg: var(--color-tinted-caution-bg-2);
   --color-border: var(--color-tinted-caution-border-3);
   --color-fg: var(--color-tinted-caution-fg-1);
+  --color-muted-bg: var(--color-tinted-caution-bg-3);
   --color-muted-fg: var(--color-tinted-caution-fg-3);
 }
@@ -12654,6 +12939,7 @@
   --color-bg: var(--color-tinted-caution-bg-2);
   --color-border: var(--color-tinted-caution-border-3);
   --color-fg: var(--color-tinted-caution-fg-1);
+  --color-muted-bg: var(--color-tinted-caution-bg-3);
   --color-muted-fg: var(--color-tinted-caution-fg-3);
 }
@@ -12661,6 +12947,7 @@
   --color-bg: var(--color-default-tinted-bg-0);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-1);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12668,6 +12955,7 @@
   --color-bg: var(--color-solid-critical-bg-0);
   --color-border: var(--color-solid-critical-border-1);
   --color-fg: var(--color-solid-critical-fg-0);
+  --color-muted-bg: var(--color-solid-critical-bg-1);
   --color-muted-fg: var(--color-solid-critical-fg-4);
   --button-box-shadow: none;
 }
@@ -12676,6 +12964,7 @@
   --color-bg: var(--color-solid-critical-bg-1);
   --color-border: var(--color-solid-critical-border-2);
   --color-fg: var(--color-solid-critical-fg-0);
+  --color-muted-bg: var(--color-solid-critical-bg-2);
   --color-muted-fg: var(--color-solid-critical-fg-4);
 }
@@ -12683,6 +12972,7 @@
   --color-bg: var(--color-solid-critical-bg-2);
   --color-border: var(--color-solid-critical-border-3);
   --color-fg: var(--color-solid-critical-fg-0);
+  --color-muted-bg: var(--color-solid-critical-bg-3);
   --color-muted-fg: var(--color-solid-critical-fg-4);
 }
@@ -12690,6 +12980,7 @@
   --color-bg: var(--color-solid-critical-bg-2);
   --color-border: var(--color-solid-critical-border-3);
   --color-fg: var(--color-solid-critical-fg-0);
+  --color-muted-bg: var(--color-solid-critical-bg-3);
   --color-muted-fg: var(--color-solid-critical-fg-4);
 }
@@ -12697,6 +12988,7 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12704,6 +12996,8 @@
   --color-bg: var(--color-tinted-critical-bg-1);
   --color-border: var(--color-tinted-critical-border-0);
   --color-fg: var(--color-tinted-critical-fg-2);
+  --color-muted-bg: var(--color-tinted-critical-bg-2);
+  --color-muted-fg: var(--color-tinted-critical-fg-4);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12711,12 +13005,16 @@
   --color-bg: var(--color-tinted-critical-bg-2);
   --color-border: var(--color-tinted-critical-border-1);
   --color-fg: var(--color-tinted-critical-fg-1);
+  --color-muted-bg: var(--color-tinted-critical-bg-3);
+  --color-muted-fg: var(--color-tinted-critical-fg-3);
 }
 .s-button.s-ghost.s-critical:not([data-disabled]):active {
   --color-bg: var(--color-tinted-critical-bg-3);
   --color-border: var(--color-tinted-critical-border-2);
   --color-fg: var(--color-tinted-critical-fg-1);
+  --color-muted-bg: var(--color-tinted-critical-bg-4);
+  --color-muted-fg: var(--color-tinted-critical-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12724,6 +13022,8 @@
   --color-bg: var(--color-tinted-critical-bg-3);
   --color-border: var(--color-tinted-critical-border-2);
   --color-fg: var(--color-tinted-critical-fg-1);
+  --color-muted-bg: var(--color-tinted-critical-bg-4);
+  --color-muted-fg: var(--color-tinted-critical-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
@@ -12731,6 +13031,8 @@
   --color-bg: var(--color-default-tinted-bg-1);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-2);
+  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-critical {
@@ -12738,6 +13040,7 @@
   --color-bg: var(--color-tinted-critical-bg-0);
   --color-border: var(--color-tinted-critical-border-1);
   --color-fg: var(--color-tinted-critical-fg-2);
+  --color-muted-bg: var(--color-tinted-critical-bg-1);
   --color-muted-fg: var(--color-tinted-critical-fg-4);
   --button-box-shadow: none;
 }
@@ -12746,6 +13049,7 @@
   --color-bg: var(--color-tinted-critical-bg-1);
   --color-border: var(--color-tinted-critical-border-2);
   --color-fg: var(--color-tinted-critical-fg-1);
+  --color-muted-bg: var(--color-tinted-critical-bg-2);
   --color-muted-fg: var(--color-tinted-critical-fg-3);
 }
@@ -12753,6 +13057,7 @@
   --color-bg: var(--color-tinted-critical-bg-2);
   --color-border: var(--color-tinted-critical-border-3);
   --color-fg: var(--color-tinted-critical-fg-1);
+  --color-muted-bg: var(--color-tinted-critical-bg-3);
   --color-muted-fg: var(--color-tinted-critical-fg-3);
 }
@@ -12760,6 +13065,7 @@
   --color-bg: var(--color-tinted-critical-bg-2);
   --color-border: var(--color-tinted-critical-border-3);
   --color-fg: var(--color-tinted-critical-fg-1);
+  --color-muted-bg: var(--color-tinted-critical-bg-3);
   --color-muted-fg: var(--color-tinted-critical-fg-3);
 }
@@ -12767,6 +13073,7 @@
   --color-bg: var(--color-default-tinted-bg-0);
   --color-border: var(--color-default-tinted-border-0);
   --color-fg: var(--color-default-tinted-fg-2);
+  --color-muted-bg: var(--color-default-tinted-bg-1);
   --color-muted-fg: var(--color-default-tinted-fg-1);
 }
@@ -12775,12 +13082,14 @@
   color: var(--color-fg);
   --color-bg: var(--color-tinted-default-bg-0);
   --color-border: var(--color-tinted-default-border-1);
+  --color-code-bg: var(--color-code-bg);
+  --color-code-fg: var(--color-code-fg);
   --color-fg: var(--color-tinted-default-fg-0);
   --color-muted-bg: var(--color-tinted-default-bg-1);
   --color-muted-fg: var(--color-tinted-default-fg-4);
 }
-.s-card:is(button) {
+button.s-card {
   -webkit-font-smoothing: inherit;
   appearance: none;
   outline: none;
@@ -12792,16 +13101,64 @@
   width: fill-available;
 }
-.s-card:is(a) {
+a.s-card {
   outline: none;
   text-decoration: none;
 }
-.s-card:is(pre) {
+pre.s-card {
   font: inherit;
   white-space: inherit;
 }
+a.s-card:not([data-disabled]):hover, button.s-card:not([data-disabled]):hover {
+  --color-bg: var(--color-tinted-default-bg-1);
+  --color-border: var(--color-tinted-default-border-3);
+  --color-fg: var(--color-tinted-default-fg-1);
+  --color-muted-bg: var(--color-tinted-default-bg-2);
+  --color-muted-fg: var(--color-tinted-default-fg-4);
+}
+a.s-card:not([data-disabled]):active, button.s-card:not([data-disabled]):active {
+  --color-bg: var(--color-tinted-default-bg-2);
+  --color-border: var(--color-tinted-default-border-4);
+  --color-fg: var(--color-tinted-default-fg-0);
+  --color-muted-bg: var(--color-tinted-default-bg-3);
+  --color-muted-fg: var(--color-tinted-default-fg-4);
+}
+a.s-card:not([data-disabled])[aria-pressed="true"], button.s-card:not([data-disabled])[aria-pressed="true"] {
+  --color-bg: var(--color-tinted-default-bg-2);
+  --color-border: var(--color-tinted-default-border-4);
+  --color-fg: var(--color-tinted-default-fg-0);
+  --color-muted-bg: var(--color-tinted-default-bg-3);
+  --color-muted-fg: var(--color-tinted-default-fg-4);
+}
+a.s-card:not([data-disabled])[data-pressed], button.s-card:not([data-disabled])[data-pressed] {
+  --color-bg: var(--color-tinted-default-bg-2);
+  --color-border: var(--color-tinted-default-border-4);
+  --color-fg: var(--color-tinted-default-fg-0);
+  --color-muted-bg: var(--color-tinted-default-bg-3);
+  --color-muted-fg: var(--color-tinted-default-fg-4);
+}
+a.s-card:not([data-disabled])[data-selected], button.s-card:not([data-disabled])[data-selected] {
+  --color-bg: var(--color-solid-primary-bg-0);
+  --color-border: var(--color-solid-primary-border-1);
+  --color-fg: var(--color-solid-primary-fg-0);
+  --color-muted-bg: var(--color-solid-primary-bg-1);
+  --color-muted-fg: var(--color-solid-primary-fg-3);
+}
+a.s-card[data-disabled]), button.s-card[data-disabled] {
+  --color-bg: var(--color-tinted-default-bg-2);
+  --color-border: var(--color-tinted-default-border-4);
+  --color-fg: var(--color-tinted-default-fg-0);
+  --color-muted-bg: var(--color-tinted-default-bg-3);
+  --color-muted-fg: var(--color-tinted-default-fg-4);
+}
 .s-card.s-light {
   color-scheme: light;
   --color-transparent-accent-fg: var(--color-light-transparent-accent-fg);
@@ -12822,48 +13179,50 @@
   --color-transparent-avatar-green-fg: var(--color-light-transparent-avatar-green-fg);
   --color-transparent-avatar-cyan-bg: var(--color-light-transparent-avatar-cyan-bg);
   --color-transparent-backdrop: var(--color-light-transparent-backdrop);
+  --color-transparent-code-fg: var(--color-light-transparent-code-fg);
+  --color-transparent-code-bg: var(--color-light-transparent-code-bg);
+  --color-transparent-code-token-atrule: var(--color-light-transparent-code-token-atrule);
+  --color-transparent-code-token-attr-name: var(--color-light-transparent-code-token-attr-name);
+  --color-transparent-code-token-attr-value: var(--color-light-transparent-code-token-attr-value);
+  --color-transparent-code-token-attribute: var(--color-light-transparent-code-token-attribute);
+  --color-transparent-code-token-boolean: var(--color-light-transparent-code-token-boolean);
+  --color-transparent-code-token-builtin: var(--color-light-transparent-code-token-builtin);
+  --color-transparent-code-token-cdata: var(--color-light-transparent-code-token-cdata);
+  --color-transparent-code-token-char: var(--color-light-transparent-code-token-char);
+  --color-transparent-code-token-class: var(--color-light-transparent-code-token-class);
+  --color-transparent-code-token-class-name: var(--color-light-transparent-code-token-class-name);
+  --color-transparent-code-token-comment: var(--color-light-transparent-code-token-comment);
+  --color-transparent-code-token-constant: var(--color-light-transparent-code-token-constant);
+  --color-transparent-code-token-deleted: var(--color-light-transparent-code-token-deleted);
+  --color-transparent-code-token-doctype: var(--color-light-transparent-code-token-doctype);
+  --color-transparent-code-token-entity: var(--color-light-transparent-code-token-entity);
+  --color-transparent-code-token-function: var(--color-light-transparent-code-token-function);
+  --color-transparent-code-token-hexcode: var(--color-light-transparent-code-token-hexcode);
+  --color-transparent-code-token-id: var(--color-light-transparent-code-token-id);
+  --color-transparent-code-token-important: var(--color-light-transparent-code-token-important);
+  --color-transparent-code-token-inserted: var(--color-light-transparent-code-token-inserted);
+  --color-transparent-code-token-keyword: var(--color-light-transparent-code-token-keyword);
+  --color-transparent-code-token-number: var(--color-light-transparent-code-token-number);
+  --color-transparent-code-token-operator: var(--color-light-transparent-code-token-operator);
+  --color-transparent-code-token-prolog: var(--color-light-transparent-code-token-prolog);
+  --color-transparent-code-token-property: var(--color-light-transparent-code-token-property);
+  --color-transparent-code-token-pseudo-class: var(--color-light-transparent-code-token-pseudo-class);
+  --color-transparent-code-token-pseudo-element: var(--color-light-transparent-code-token-pseudo-element);
+  --color-transparent-code-token-punctuation: var(--color-light-transparent-code-token-punctuation);
+  --color-transparent-code-token-regex: var(--color-light-transparent-code-token-regex);
+  --color-transparent-code-token-selector: var(--color-light-transparent-code-token-selector);
+  --color-transparent-code-token-string: var(--color-light-transparent-code-token-string);
+  --color-transparent-code-token-symbol: var(--color-light-transparent-code-token-symbol);
+  --color-transparent-code-token-tag: var(--color-light-transparent-code-token-tag);
+  --color-transparent-code-token-unit: var(--color-light-transparent-code-token-unit);
+  --color-transparent-code-token-url: var(--color-light-transparent-code-token-url);
+  --color-transparent-code-token-variable: var(--color-light-transparent-code-token-variable);
   --color-transparent-focus-ring: var(--color-light-transparent-focus-ring);
   --color-transparent-link-fg: var(--color-light-transparent-link-fg);
   --color-transparent-shadow-outline: var(--color-light-transparent-shadow-outline);
   --color-transparent-shadow-umbra: var(--color-light-transparent-shadow-umbra);
   --color-transparent-shadow-penumbra: var(--color-light-transparent-shadow-penumbra);
   --color-transparent-shadow-ambient: var(--color-light-transparent-shadow-ambient);
-  --color-transparent-token-atrule: var(--color-light-transparent-token-atrule);
-  --color-transparent-token-attr-name: var(--color-light-transparent-token-attr-name);
-  --color-transparent-token-attr-value: var(--color-light-transparent-token-attr-value);
-  --color-transparent-token-attribute: var(--color-light-transparent-token-attribute);
-  --color-transparent-token-boolean: var(--color-light-transparent-token-boolean);
-  --color-transparent-token-builtin: var(--color-light-transparent-token-builtin);
-  --color-transparent-token-cdata: var(--color-light-transparent-token-cdata);
-  --color-transparent-token-char: var(--color-light-transparent-token-char);
-  --color-transparent-token-class: var(--color-light-transparent-token-class);
-  --color-transparent-token-class-name: var(--color-light-transparent-token-class-name);
-  --color-transparent-token-comment: var(--color-light-transparent-token-comment);
-  --color-transparent-token-constant: var(--color-light-transparent-token-constant);
-  --color-transparent-token-deleted: var(--color-light-transparent-token-deleted);
-  --color-transparent-token-doctype: var(--color-light-transparent-token-doctype);
-  --color-transparent-token-entity: var(--color-light-transparent-token-entity);
-  --color-transparent-token-function: var(--color-light-transparent-token-function);
-  --color-transparent-token-hexcode: var(--color-light-transparent-token-hexcode);
-  --color-transparent-token-id: var(--color-light-transparent-token-id);
-  --color-transparent-token-important: var(--color-light-transparent-token-important);
-  --color-transparent-token-inserted: var(--color-light-transparent-token-inserted);
-  --color-transparent-token-keyword: var(--color-light-transparent-token-keyword);
-  --color-transparent-token-number: var(--color-light-transparent-token-number);
-  --color-transparent-token-operator: var(--color-light-transparent-token-operator);
-  --color-transparent-token-prolog: var(--color-light-transparent-token-prolog);
-  --color-transparent-token-property: var(--color-light-transparent-token-property);
-  --color-transparent-token-pseudo-class: var(--color-light-transparent-token-pseudo-class);
-  --color-transparent-token-pseudo-element: var(--color-light-transparent-token-pseudo-element);
-  --color-transparent-token-punctuation: var(--color-light-transparent-token-punctuation);
-  --color-transparent-token-regex: var(--color-light-transparent-token-regex);
-  --color-transparent-token-selector: var(--color-light-transparent-token-selector);
-  --color-transparent-token-string: var(--color-light-transparent-token-string);
-  --color-transparent-token-symbol: var(--color-light-transparent-token-symbol);
-  --color-transparent-token-tag: var(--color-light-transparent-token-tag);
-  --color-transparent-token-unit: var(--color-light-transparent-token-unit);
-  --color-transparent-token-url: var(--color-light-transparent-token-url);
-  --color-transparent-token-variable: var(--color-light-transparent-token-variable);
   --color-transparent-solid-default-bg-0: var(--color-light-transparent-solid-default-bg-0);
   --color-transparent-solid-default-bg-1: var(--color-light-transparent-solid-default-bg-1);
   --color-transparent-solid-default-bg-2: var(--color-light-transparent-solid-default-bg-2);
@@ -13092,48 +13451,50 @@
   --color-default-avatar-green-fg: var(--color-light-default-avatar-green-fg);
   --color-default-avatar-cyan-bg: var(--color-light-default-avatar-cyan-bg);
   --color-default-backdrop: var(--color-light-default-backdrop);
+  --color-default-code-fg: var(--color-light-default-code-fg);
+  --color-default-code-bg: var(--color-light-default-code-bg);
+  --color-default-code-token-atrule: var(--color-light-default-code-token-atrule);
+  --color-default-code-token-attr-name: var(--color-light-default-code-token-attr-name);
+  --color-default-code-token-attr-value: var(--color-light-default-code-token-attr-value);
+  --color-default-code-token-attribute: var(--color-light-default-code-token-attribute);
+  --color-default-code-token-boolean: var(--color-light-default-code-token-boolean);
+  --color-default-code-token-builtin: var(--color-light-default-code-token-builtin);
+  --color-default-code-token-cdata: var(--color-light-default-code-token-cdata);
+  --color-default-code-token-char: var(--color-light-default-code-token-char);
+  --color-default-code-token-class: var(--color-light-default-code-token-class);
+  --color-default-code-token-class-name: var(--color-light-default-code-token-class-name);
+  --color-default-code-token-comment: var(--color-light-default-code-token-comment);
+  --color-default-code-token-constant: var(--color-light-default-code-token-constant);
+  --color-default-code-token-deleted: var(--color-light-default-code-token-deleted);
+  --color-default-code-token-doctype: var(--color-light-default-code-token-doctype);
+  --color-default-code-token-entity: var(--color-light-default-code-token-entity);
+  --color-default-code-token-function: var(--color-light-default-code-token-function);
+  --color-default-code-token-hexcode: var(--color-light-default-code-token-hexcode);
+  --color-default-code-token-id: var(--color-light-default-code-token-id);
+  --color-default-code-token-important: var(--color-light-default-code-token-important);
+  --color-default-code-token-inserted: var(--color-light-default-code-token-inserted);
+  --color-default-code-token-keyword: var(--color-light-default-code-token-keyword);
+  --color-default-code-token-number: var(--color-light-default-code-token-number);
+  --color-default-code-token-operator: var(--color-light-default-code-token-operator);
+  --color-default-code-token-prolog: var(--color-light-default-code-token-prolog);
+  --color-default-code-token-property: var(--color-light-default-code-token-property);
+  --color-default-code-token-pseudo-class: var(--color-light-default-code-token-pseudo-class);
+  --color-default-code-token-pseudo-element: var(--color-light-default-code-token-pseudo-element);
+  --color-default-code-token-punctuation: var(--color-light-default-code-token-punctuation);
+  --color-default-code-token-regex: var(--color-light-default-code-token-regex);
+  --color-default-code-token-selector: var(--color-light-default-code-token-selector);
+  --color-default-code-token-string: var(--color-light-default-code-token-string);
+  --color-default-code-token-symbol: var(--color-light-default-code-token-symbol);
+  --color-default-code-token-tag: var(--color-light-default-code-token-tag);
+  --color-default-code-token-unit: var(--color-light-default-code-token-unit);
+  --color-default-code-token-url: var(--color-light-default-code-token-url);
+  --color-default-code-token-variable: var(--color-light-default-code-token-variable);
   --color-default-focus-ring: var(--color-light-default-focus-ring);
   --color-default-link-fg: var(--color-light-default-link-fg);
   --color-default-shadow-outline: var(--color-light-default-shadow-outline);
   --color-default-shadow-umbra: var(--color-light-default-shadow-umbra);
   --color-default-shadow-penumbra: var(--color-light-default-shadow-penumbra);
   --color-default-shadow-ambient: var(--color-light-default-shadow-ambient);
-  --color-default-token-atrule: var(--color-light-default-token-atrule);
-  --color-default-token-attr-name: var(--color-light-default-token-attr-name);
-  --color-default-token-attr-value: var(--color-light-default-token-attr-value);
-  --color-default-token-attribute: var(--color-light-default-token-attribute);
-  --color-default-token-boolean: var(--color-light-default-token-boolean);
-  --color-default-token-builtin: var(--color-light-default-token-builtin);
-  --color-default-token-cdata: var(--color-light-default-token-cdata);
-  --color-default-token-char: var(--color-light-default-token-char);
-  --color-default-token-class: var(--color-light-default-token-class);
-  --color-default-token-class-name: var(--color-light-default-token-class-name);
-  --color-default-token-comment: var(--color-light-default-token-comment);
-  --color-default-token-constant: var(--color-light-default-token-constant);
-  --color-default-token-deleted: var(--color-light-default-token-deleted);
-  --color-default-token-doctype: var(--color-light-default-token-doctype);
-  --color-default-token-entity: var(--color-light-default-token-entity);
-  --color-default-token-function: var(--color-light-default-token-function);
-  --color-default-token-hexcode: var(--color-light-default-token-hexcode);
-  --color-default-token-id: var(--color-light-default-token-id);
-  --color-default-token-important: var(--color-light-default-token-important);
-  --color-default-token-inserted: var(--color-light-default-token-inserted);
-  --color-default-token-keyword: var(--color-light-default-token-keyword);
-  --color-default-token-number: var(--color-light-default-token-number);
-  --color-default-token-operator: var(--color-light-default-token-operator);
-  --color-default-token-prolog: var(--color-light-default-token-prolog);
-  --color-default-token-property: var(--color-light-default-token-property);
-  --color-default-token-pseudo-class: var(--color-light-default-token-pseudo-class);
-  --color-default-token-pseudo-element: var(--color-light-default-token-pseudo-element);
-  --color-default-token-punctuation: var(--color-light-default-token-punctuation);
-  --color-default-token-regex: var(--color-light-default-token-regex);
-  --color-default-token-selector: var(--color-light-default-token-selector);
-  --color-default-token-string: var(--color-light-default-token-string);
-  --color-default-token-symbol: var(--color-light-default-token-symbol);
-  --color-default-token-tag: var(--color-light-default-token-tag);
-  --color-default-token-unit: var(--color-light-default-token-unit);
-  --color-default-token-url: var(--color-light-default-token-url);
-  --color-default-token-variable: var(--color-light-default-token-variable);
   --color-default-solid-default-bg-0: var(--color-light-default-solid-default-bg-0);
   --color-default-solid-default-bg-1: var(--color-light-default-solid-default-bg-1);
   --color-default-solid-default-bg-2: var(--color-light-default-solid-default-bg-2);
@@ -13362,48 +13723,50 @@
   --color-neutral-avatar-green-fg: var(--color-light-neutral-avatar-green-fg);
   --color-neutral-avatar-cyan-bg: var(--color-light-neutral-avatar-cyan-bg);
   --color-neutral-backdrop: var(--color-light-neutral-backdrop);
+  --color-neutral-code-fg: var(--color-light-neutral-code-fg);
+  --color-neutral-code-bg: var(--color-light-neutral-code-bg);
+  --color-neutral-code-token-atrule: var(--color-light-neutral-code-token-atrule);
+  --color-neutral-code-token-attr-name: var(--color-light-neutral-code-token-attr-name);
+  --color-neutral-code-token-attr-value: var(--color-light-neutral-code-token-attr-value);
+  --color-neutral-code-token-attribute: var(--color-light-neutral-code-token-attribute);
+  --color-neutral-code-token-boolean: var(--color-light-neutral-code-token-boolean);
+  --color-neutral-code-token-builtin: var(--color-light-neutral-code-token-builtin);
+  --color-neutral-code-token-cdata: var(--color-light-neutral-code-token-cdata);
+  --color-neutral-code-token-char: var(--color-light-neutral-code-token-char);
+  --color-neutral-code-token-class: var(--color-light-neutral-code-token-class);
+  --color-neutral-code-token-class-name: var(--color-light-neutral-code-token-class-name);
+  --color-neutral-code-token-comment: var(--color-light-neutral-code-token-comment);
+  --color-neutral-code-token-constant: var(--color-light-neutral-code-token-constant);
+  --color-neutral-code-token-deleted: var(--color-light-neutral-code-token-deleted);
+  --color-neutral-code-token-doctype: var(--color-light-neutral-code-token-doctype);
+  --color-neutral-code-token-entity: var(--color-light-neutral-code-token-entity);
+  --color-neutral-code-token-function: var(--color-light-neutral-code-token-function);
+  --color-neutral-code-token-hexcode: var(--color-light-neutral-code-token-hexcode);
+  --color-neutral-code-token-id: var(--color-light-neutral-code-token-id);
+  --color-neutral-code-token-important: var(--color-light-neutral-code-token-important);
+  --color-neutral-code-token-inserted: var(--color-light-neutral-code-token-inserted);
+  --color-neutral-code-token-keyword: var(--color-light-neutral-code-token-keyword);
+  --color-neutral-code-token-number: var(--color-light-neutral-code-token-number);
+  --color-neutral-code-token-operator: var(--color-light-neutral-code-token-operator);
+  --color-neutral-code-token-prolog: var(--color-light-neutral-code-token-prolog);
+  --color-neutral-code-token-property: var(--color-light-neutral-code-token-property);
+  --color-neutral-code-token-pseudo-class: var(--color-light-neutral-code-token-pseudo-class);
+  --color-neutral-code-token-pseudo-element: var(--color-light-neutral-code-token-pseudo-element);
+  --color-neutral-code-token-punctuation: var(--color-light-neutral-code-token-punctuation);
+  --color-neutral-code-token-regex: var(--color-light-neutral-code-token-regex);
+  --color-neutral-code-token-selector: var(--color-light-neutral-code-token-selector);
+  --color-neutral-code-token-string: var(--color-light-neutral-code-token-string);
+  --color-neutral-code-token-symbol: var(--color-light-neutral-code-token-symbol);
+  --color-neutral-code-token-tag: var(--color-light-neutral-code-token-tag);
+  --color-neutral-code-token-unit: var(--color-light-neutral-code-token-unit);
+  --color-neutral-code-token-url: var(--color-light-neutral-code-token-url);
+  --color-neutral-code-token-variable: var(--color-light-neutral-code-token-variable);
   --color-neutral-focus-ring: var(--color-light-neutral-focus-ring);
   --color-neutral-link-fg: var(--color-light-neutral-link-fg);
   --color-neutral-shadow-outline: var(--color-light-neutral-shadow-outline);
   --color-neutral-shadow-umbra: var(--color-light-neutral-shadow-umbra);
   --color-neutral-shadow-penumbra: var(--color-light-neutral-shadow-penumbra);
   --color-neutral-shadow-ambient: var(--color-light-neutral-shadow-ambient);
-  --color-neutral-token-atrule: var(--color-light-neutral-token-atrule);
-  --color-neutral-token-attr-name: var(--color-light-neutral-token-attr-name);
-  --color-neutral-token-attr-value: var(--color-light-neutral-token-attr-value);
-  --color-neutral-token-attribute: var(--color-light-neutral-token-attribute);
-  --color-neutral-token-boolean: var(--color-light-neutral-token-boolean);
-  --color-neutral-token-builtin: var(--color-light-neutral-token-builtin);
-  --color-neutral-token-cdata: var(--color-light-neutral-token-cdata);
-  --color-neutral-token-char: var(--color-light-neutral-token-char);
-  --color-neutral-token-class: var(--color-light-neutral-token-class);
-  --color-neutral-token-class-name: var(--color-light-neutral-token-class-name);
-  --color-neutral-token-comment: var(--color-light-neutral-token-comment);
-  --color-neutral-token-constant: var(--color-light-neutral-token-constant);
-  --color-neutral-token-deleted: var(--color-light-neutral-token-deleted);
-  --color-neutral-token-doctype: var(--color-light-neutral-token-doctype);
-  --color-neutral-token-entity: var(--color-light-neutral-token-entity);
-  --color-neutral-token-function: var(--color-light-neutral-token-function);
-  --color-neutral-token-hexcode: var(--color-light-neutral-token-hexcode);
-  --color-neutral-token-id: var(--color-light-neutral-token-id);
-  --color-neutral-token-important: var(--color-light-neutral-token-important);
-  --color-neutral-token-inserted: var(--color-light-neutral-token-inserted);
-  --color-neutral-token-keyword: var(--color-light-neutral-token-keyword);
-  --color-neutral-token-number: var(--color-light-neutral-token-number);
-  --color-neutral-token-operator: var(--color-light-neutral-token-operator);
-  --color-neutral-token-prolog: var(--color-light-neutral-token-prolog);
-  --color-neutral-token-property: var(--color-light-neutral-token-property);
-  --color-neutral-token-pseudo-class: var(--color-light-neutral-token-pseudo-class);
-  --color-neutral-token-pseudo-element: var(--color-light-neutral-token-pseudo-element);
-  --color-neutral-token-punctuation: var(--color-light-neutral-token-punctuation);
-  --color-neutral-token-regex: var(--color-light-neutral-token-regex);
-  --color-neutral-token-selector: var(--color-light-neutral-token-selector);
-  --color-neutral-token-string: var(--color-light-neutral-token-string);
-  --color-neutral-token-symbol: var(--color-light-neutral-token-symbol);
-  --color-neutral-token-tag: var(--color-light-neutral-token-tag);
-  --color-neutral-token-unit: var(--color-light-neutral-token-unit);
-  --color-neutral-token-url: var(--color-light-neutral-token-url);
-  --color-neutral-token-variable: var(--color-light-neutral-token-variable);
   --color-neutral-solid-default-bg-0: var(--color-light-neutral-solid-default-bg-0);
   --color-neutral-solid-default-bg-1: var(--color-light-neutral-solid-default-bg-1);
   --color-neutral-solid-default-bg-2: var(--color-light-neutral-solid-default-bg-2);
@@ -13632,48 +13995,50 @@
   --color-primary-avatar-green-fg: var(--color-light-primary-avatar-green-fg);
   --color-primary-avatar-cyan-bg: var(--color-light-primary-avatar-cyan-bg);
   --color-primary-backdrop: var(--color-light-primary-backdrop);
+  --color-primary-code-fg: var(--color-light-primary-code-fg);
+  --color-primary-code-bg: var(--color-light-primary-code-bg);
+  --color-primary-code-token-atrule: var(--color-light-primary-code-token-atrule);
+  --color-primary-code-token-attr-name: var(--color-light-primary-code-token-attr-name);
+  --color-primary-code-token-attr-value: var(--color-light-primary-code-token-attr-value);
+  --color-primary-code-token-attribute: var(--color-light-primary-code-token-attribute);
+  --color-primary-code-token-boolean: var(--color-light-primary-code-token-boolean);
+  --color-primary-code-token-builtin: var(--color-light-primary-code-token-builtin);
+  --color-primary-code-token-cdata: var(--color-light-primary-code-token-cdata);
+  --color-primary-code-token-char: var(--color-light-primary-code-token-char);
+  --color-primary-code-token-class: var(--color-light-primary-code-token-class);
+  --color-primary-code-token-class-name: var(--color-light-primary-code-token-class-name);
+  --color-primary-code-token-comment: var(--color-light-primary-code-token-comment);
+  --color-primary-code-token-constant: var(--color-light-primary-code-token-constant);
+  --color-primary-code-token-deleted: var(--color-light-primary-code-token-deleted);
+  --color-primary-code-token-doctype: var(--color-light-primary-code-token-doctype);
+  --color-primary-code-token-entity: var(--color-light-primary-code-token-entity);
+  --color-primary-code-token-function: var(--color-light-primary-code-token-function);
+  --color-primary-code-token-hexcode: var(--color-light-primary-code-token-hexcode);
+  --color-primary-code-token-id: var(--color-light-primary-code-token-id);
+  --color-primary-code-token-important: var(--color-light-primary-code-token-important);
+  --color-primary-code-token-inserted: var(--color-light-primary-code-token-inserted);
+  --color-primary-code-token-keyword: var(--color-light-primary-code-token-keyword);
+  --color-primary-code-token-number: var(--color-light-primary-code-token-number);
+  --color-primary-code-token-operator: var(--color-light-primary-code-token-operator);
+  --color-primary-code-token-prolog: var(--color-light-primary-code-token-prolog);
+  --color-primary-code-token-property: var(--color-light-primary-code-token-property);
+  --color-primary-code-token-pseudo-class: var(--color-light-primary-code-token-pseudo-class);
+  --color-primary-code-token-pseudo-element: var(--color-light-primary-code-token-pseudo-element);
+  --color-primary-code-token-punctuation: var(--color-light-primary-code-token-punctuation);
+  --color-primary-code-token-regex: var(--color-light-primary-code-token-regex);
+  --color-primary-code-token-selector: var(--color-light-primary-code-token-selector);
+  --color-primary-code-token-string: var(--color-light-primary-code-token-string);
+  --color-primary-code-token-symbol: var(--color-light-primary-code-token-symbol);
+  --color-primary-code-token-tag: var(--color-light-primary-code-token-tag);
+  --color-primary-code-token-unit: var(--color-light-primary-code-token-unit);
+  --color-primary-code-token-url: var(--color-light-primary-code-token-url);
+  --color-primary-code-token-variable: var(--color-light-primary-code-token-variable);
   --color-primary-focus-ring: var(--color-light-primary-focus-ring);
   --color-primary-link-fg: var(--color-light-primary-link-fg);
   --color-primary-shadow-outline: var(--color-light-primary-shadow-outline);
   --color-primary-shadow-umbra: var(--color-light-primary-shadow-umbra);
   --color-primary-shadow-penumbra: var(--color-light-primary-shadow-penumbra);
   --color-primary-shadow-ambient: var(--color-light-primary-shadow-ambient);
-  --color-primary-token-atrule: var(--color-light-primary-token-atrule);
-  --color-primary-token-attr-name: var(--color-light-primary-token-attr-name);
-  --color-primary-token-attr-value: var(--color-light-primary-token-attr-value);
-  --color-primary-token-attribute: var(--color-light-primary-token-attribute);
-  --color-primary-token-boolean: var(--color-light-primary-token-boolean);
-  --color-primary-token-builtin: var(--color-light-primary-token-builtin);
-  --color-primary-token-cdata: var(--color-light-primary-token-cdata);
-  --color-primary-token-char: var(--color-light-primary-token-char);
-  --color-primary-token-class: var(--color-light-primary-token-class);
-  --color-primary-token-class-name: var(--color-light-primary-token-class-name);
-  --color-primary-token-comment: var(--color-light-primary-token-comment);
-  --color-primary-token-constant: var(--color-light-primary-token-constant);
-  --color-primary-token-deleted: var(--color-light-primary-token-deleted);
-  --color-primary-token-doctype: var(--color-light-primary-token-doctype);
-  --color-primary-token-entity: var(--color-light-primary-token-entity);
-  --color-primary-token-function: var(--color-light-primary-token-function);
-  --color-primary-token-hexcode: var(--color-light-primary-token-hexcode);
-  --color-primary-token-id: var(--color-light-primary-token-id);
-  --color-primary-token-important: var(--color-light-primary-token-important);
-  --color-primary-token-inserted: var(--color-light-primary-token-inserted);
-  --color-primary-token-keyword: var(--color-light-primary-token-keyword);
-  --color-primary-token-number: var(--color-light-primary-token-number);
-  --color-primary-token-operator: var(--color-light-primary-token-operator);
-  --color-primary-token-prolog: var(--color-light-primary-token-prolog);
-  --color-primary-token-property: var(--color-light-primary-token-property);
-  --color-primary-token-pseudo-class: var(--color-light-primary-token-pseudo-class);
-  --color-primary-token-pseudo-element: var(--color-light-primary-token-pseudo-element);
-  --color-primary-token-punctuation: var(--color-light-primary-token-punctuation);
-  --color-primary-token-regex: var(--color-light-primary-token-regex);
-  --color-primary-token-selector: var(--color-light-primary-token-selector);
-  --color-primary-token-string: var(--color-light-primary-token-string);
-  --color-primary-token-symbol: var(--color-light-primary-token-symbol);
-  --color-primary-token-tag: var(--color-light-primary-token-tag);
-  --color-primary-token-unit: var(--color-light-primary-token-unit);
-  --color-primary-token-url: var(--color-light-primary-token-url);
-  --color-primary-token-variable: var(--color-light-primary-token-variable);
   --color-primary-solid-default-bg-0: var(--color-light-primary-solid-default-bg-0);
   --color-primary-solid-default-bg-1: var(--color-light-primary-solid-default-bg-1);
   --color-primary-solid-default-bg-2: var(--color-light-primary-solid-default-bg-2);
@@ -13902,48 +14267,50 @@
   --color-suggest-avatar-green-fg: var(--color-light-suggest-avatar-green-fg);
   --color-suggest-avatar-cyan-bg: var(--color-light-suggest-avatar-cyan-bg);
   --color-suggest-backdrop: var(--color-light-suggest-backdrop);
+  --color-suggest-code-fg: var(--color-light-suggest-code-fg);
+  --color-suggest-code-bg: var(--color-light-suggest-code-bg);
+  --color-suggest-code-token-atrule: var(--color-light-suggest-code-token-atrule);
+  --color-suggest-code-token-attr-name: var(--color-light-suggest-code-token-attr-name);
+  --color-suggest-code-token-attr-value: var(--color-light-suggest-code-token-attr-value);
+  --color-suggest-code-token-attribute: var(--color-light-suggest-code-token-attribute);
+  --color-suggest-code-token-boolean: var(--color-light-suggest-code-token-boolean);
+  --color-suggest-code-token-builtin: var(--color-light-suggest-code-token-builtin);
+  --color-suggest-code-token-cdata: var(--color-light-suggest-code-token-cdata);
+  --color-suggest-code-token-char: var(--color-light-suggest-code-token-char);
+  --color-suggest-code-token-class: var(--color-light-suggest-code-token-class);
+  --color-suggest-code-token-class-name: var(--color-light-suggest-code-token-class-name);
+  --color-suggest-code-token-comment: var(--color-light-suggest-code-token-comment);
+  --color-suggest-code-token-constant: var(--color-light-suggest-code-token-constant);
+  --color-suggest-code-token-deleted: var(--color-light-suggest-code-token-deleted);
+  --color-suggest-code-token-doctype: var(--color-light-suggest-code-token-doctype);
+  --color-suggest-code-token-entity: var(--color-light-suggest-code-token-entity);
+  --color-suggest-code-token-function: var(--color-light-suggest-code-token-function);
+  --color-suggest-code-token-hexcode: var(--color-light-suggest-code-token-hexcode);
+  --color-suggest-code-token-id: var(--color-light-suggest-code-token-id);
+  --color-suggest-code-token-important: var(--color-light-suggest-code-token-important);
+  --color-suggest-code-token-inserted: var(--color-light-suggest-code-token-inserted);
+  --color-suggest-code-token-keyword: var(--color-light-suggest-code-token-keyword);
+  --color-suggest-code-token-number: var(--color-light-suggest-code-token-number);
+  --color-suggest-code-token-operator: var(--color-light-suggest-code-token-operator);
+  --color-suggest-code-token-prolog: var(--color-light-suggest-code-token-prolog);
+  --color-suggest-code-token-property: var(--color-light-suggest-code-token-property);
+  --color-suggest-code-token-pseudo-class: var(--color-light-suggest-code-token-pseudo-class);
+  --color-suggest-code-token-pseudo-element: var(--color-light-suggest-code-token-pseudo-element);
+  --color-suggest-code-token-punctuation: var(--color-light-suggest-code-token-punctuation);
+  --color-suggest-code-token-regex: var(--color-light-suggest-code-token-regex);
+  --color-suggest-code-token-selector: var(--color-light-suggest-code-token-selector);
+  --color-suggest-code-token-string: var(--color-light-suggest-code-token-string);
+  --color-suggest-code-token-symbol: var(--color-light-suggest-code-token-symbol);
+  --color-suggest-code-token-tag: var(--color-light-suggest-code-token-tag);
+  --color-suggest-code-token-unit: var(--color-light-suggest-code-token-unit);
+  --color-suggest-code-token-url: var(--color-light-suggest-code-token-url);
+  --color-suggest-code-token-variable: var(--color-light-suggest-code-token-variable);
   --color-suggest-focus-ring: var(--color-light-suggest-focus-ring);
   --color-suggest-link-fg: var(--color-light-suggest-link-fg);
   --color-suggest-shadow-outline: var(--color-light-suggest-shadow-outline);
   --color-suggest-shadow-umbra: var(--color-light-suggest-shadow-umbra);
   --color-suggest-shadow-penumbra: var(--color-light-suggest-shadow-penumbra);
   --color-suggest-shadow-ambient: var(--color-light-suggest-shadow-ambient);
-  --color-suggest-token-atrule: var(--color-light-suggest-token-atrule);
-  --color-suggest-token-attr-name: var(--color-light-suggest-token-attr-name);
-  --color-suggest-token-attr-value: var(--color-light-suggest-token-attr-value);
-  --color-suggest-token-attribute: var(--color-light-suggest-token-attribute);
-  --color-suggest-token-boolean: var(--color-light-suggest-token-boolean);
-  --color-suggest-token-builtin: var(--color-light-suggest-token-builtin);
-  --color-suggest-token-cdata: var(--color-light-suggest-token-cdata);
-  --color-suggest-token-char: var(--color-light-suggest-token-char);
-  --color-suggest-token-class: var(--color-light-suggest-token-class);
-  --color-suggest-token-class-name: var(--color-light-suggest-token-class-name);
-  --color-suggest-token-comment: var(--color-light-suggest-token-comment);
-  --color-suggest-token-constant: var(--color-light-suggest-token-constant);
-  --color-suggest-token-deleted: var(--color-light-suggest-token-deleted);
-  --color-suggest-token-doctype: var(--color-light-suggest-token-doctype);
-  --color-suggest-token-entity: var(--color-light-suggest-token-entity);
-  --color-suggest-token-function: var(--color-light-suggest-token-function);
-  --color-suggest-token-hexcode: var(--color-light-suggest-token-hexcode);
-  --color-suggest-token-id: var(--color-light-suggest-token-id);
-  --color-suggest-token-important: var(--color-light-suggest-token-important);
-  --color-suggest-token-inserted: var(--color-light-suggest-token-inserted);
-  --color-suggest-token-keyword: var(--color-light-suggest-token-keyword);
-  --color-suggest-token-number: var(--color-light-suggest-token-number);
-  --color-suggest-token-operator: var(--color-light-suggest-token-operator);
-  --color-suggest-token-prolog: var(--color-light-suggest-token-prolog);
-  --color-suggest-token-property: var(--color-light-suggest-token-property);
-  --color-suggest-token-pseudo-class: var(--color-light-suggest-token-pseudo-class);
-  --color-suggest-token-pseudo-element: var(--color-light-suggest-token-pseudo-element);
-  --color-suggest-token-punctuation: var(--color-light-suggest-token-punctuation);
-  --color-suggest-token-regex: var(--color-light-suggest-token-regex);
-  --color-suggest-token-selector: var(--color-light-suggest-token-selector);
-  --color-suggest-token-string: var(--color-light-suggest-token-string);
-  --color-suggest-token-symbol: var(--color-light-suggest-token-symbol);
-  --color-suggest-token-tag: var(--color-light-suggest-token-tag);
-  --color-suggest-token-unit: var(--color-light-suggest-token-unit);
-  --color-suggest-token-url: var(--color-light-suggest-token-url);
-  --color-suggest-token-variable: var(--color-light-suggest-token-variable);
   --color-suggest-solid-default-bg-0: var(--color-light-suggest-solid-default-bg-0);
   --color-suggest-solid-default-bg-1: var(--color-light-suggest-solid-default-bg-1);
   --color-suggest-solid-default-bg-2: var(--color-light-suggest-solid-default-bg-2);
@@ -14172,48 +14539,50 @@
   --color-positive-avatar-green-fg: var(--color-light-positive-avatar-green-fg);
   --color-positive-avatar-cyan-bg: var(--color-light-positive-avatar-cyan-bg);
   --color-positive-backdrop: var(--color-light-positive-backdrop);
+  --color-positive-code-fg: var(--color-light-positive-code-fg);
+  --color-positive-code-bg: var(--color-light-positive-code-bg);
+  --color-positive-code-token-atrule: var(--color-light-positive-code-token-atrule);
+  --color-positive-code-token-attr-name: var(--color-light-positive-code-token-attr-name);
+  --color-positive-code-token-attr-value: var(--color-light-positive-code-token-attr-value);
+  --color-positive-code-token-attribute: var(--color-light-positive-code-token-attribute);
+  --color-positive-code-token-boolean: var(--color-light-positive-code-token-boolean);
+  --color-positive-code-token-builtin: var(--color-light-positive-code-token-builtin);
+  --color-positive-code-token-cdata: var(--color-light-positive-code-token-cdata);
+  --color-positive-code-token-char: var(--color-light-positive-code-token-char);
+  --color-positive-code-token-class: var(--color-light-positive-code-token-class);
+  --color-positive-code-token-class-name: var(--color-light-positive-code-token-class-name);
+  --color-positive-code-token-comment: var(--color-light-positive-code-token-comment);
+  --color-positive-code-token-constant: var(--color-light-positive-code-token-constant);
+  --color-positive-code-token-deleted: var(--color-light-positive-code-token-deleted);
+  --color-positive-code-token-doctype: var(--color-light-positive-code-token-doctype);
+  --color-positive-code-token-entity: var(--color-light-positive-code-token-entity);
+  --color-positive-code-token-function: var(--color-light-positive-code-token-function);
+  --color-positive-code-token-hexcode: var(--color-light-positive-code-token-hexcode);
+  --color-positive-code-token-id: var(--color-light-positive-code-token-id);
+  --color-positive-code-token-important: var(--color-light-positive-code-token-important);
+  --color-positive-code-token-inserted: var(--color-light-positive-code-token-inserted);
+  --color-positive-code-token-keyword: var(--color-light-positive-code-token-keyword);
+  --color-positive-code-token-number: var(--color-light-positive-code-token-number);
+  --color-positive-code-token-operator: var(--color-light-positive-code-token-operator);
+  --color-positive-code-token-prolog: var(--color-light-positive-code-token-prolog);
+  --color-positive-code-token-property: var(--color-light-positive-code-token-property);
+  --color-positive-code-token-pseudo-class: var(--color-light-positive-code-token-pseudo-class);
+  --color-positive-code-token-pseudo-element: var(--color-light-positive-code-token-pseudo-element);
+  --color-positive-code-token-punctuation: var(--color-light-positive-code-token-punctuation);
+  --color-positive-code-token-regex: var(--color-light-positive-code-token-regex);
+  --color-positive-code-token-selector: var(--color-light-positive-code-token-selector);
+  --color-positive-code-token-string: var(--color-light-positive-code-token-string);
+  --color-positive-code-token-symbol: var(--color-light-positive-code-token-symbol);
+  --color-positive-code-token-tag: var(--color-light-positive-code-token-tag);
+  --color-positive-code-token-unit: var(--color-light-positive-code-token-unit);
+  --color-positive-code-token-url: var(--color-light-positive-code-token-url);
+  --color-positive-code-token-variable: var(--color-light-positive-code-token-variable);
   --color-positive-focus-ring: var(--color-light-positive-focus-ring);
   --color-positive-link-fg: var(--color-light-positive-link-fg);
   --color-positive-shadow-outline: var(--color-light-positive-shadow-outline);
   --color-positive-shadow-umbra: var(--color-light-positive-shadow-umbra);
   --color-positive-shadow-penumbra: var(--color-light-positive-shadow-penumbra);
   --color-positive-shadow-ambient: var(--color-light-positive-shadow-ambient);
-  --color-positive-token-atrule: var(--color-light-positive-token-atrule);
-  --color-positive-token-attr-name: var(--color-light-positive-token-attr-name);
-  --color-positive-token-attr-value: var(--color-light-positive-token-attr-value);
-  --color-positive-token-attribute: var(--color-light-positive-token-attribute);
-  --color-positive-token-boolean: var(--color-light-positive-token-boolean);
-  --color-positive-token-builtin: var(--color-light-positive-token-builtin);
-  --color-positive-token-cdata: var(--color-light-positive-token-cdata);
-  --color-positive-token-char: var(--color-light-positive-token-char);
-  --color-positive-token-class: var(--color-light-positive-token-class);
-  --color-positive-token-class-name: var(--color-light-positive-token-class-name);
-  --color-positive-token-comment: var(--color-light-positive-token-comment);
-  --color-positive-token-constant: var(--color-light-positive-token-constant);
-  --color-positive-token-deleted: var(--color-light-positive-token-deleted);
-  --color-positive-token-doctype: var(--color-light-positive-token-doctype);
-  --color-positive-token-entity: var(--color-light-positive-token-entity);
-  --color-positive-token-function: var(--color-light-positive-token-function);
-  --color-positive-token-hexcode: var(--color-light-positive-token-hexcode);
-  --color-positive-token-id: var(--color-light-positive-token-id);
-  --color-positive-token-important: var(--color-light-positive-token-important);
-  --color-positive-token-inserted: var(--color-light-positive-token-inserted);
-  --color-positive-token-keyword: var(--color-light-positive-token-keyword);
-  --color-positive-token-number: var(--color-light-positive-token-number);
-  --color-positive-token-operator: var(--color-light-positive-token-operator);
-  --color-positive-token-prolog: var(--color-light-positive-token-prolog);
-  --color-positive-token-property: var(--color-light-positive-token-property);
-  --color-positive-token-pseudo-class: var(--color-light-positive-token-pseudo-class);
-  --color-positive-token-pseudo-element: var(--color-light-positive-token-pseudo-element);
-  --color-positive-token-punctuation: var(--color-light-positive-token-punctuation);
-  --color-positive-token-regex: var(--color-light-positive-token-regex);
-  --color-positive-token-selector: var(--color-light-positive-token-selector);
-  --color-positive-token-string: var(--color-light-positive-token-string);
-  --color-positive-token-symbol: var(--color-light-positive-token-symbol);
-  --color-positive-token-tag: var(--color-light-positive-token-tag);
-  --color-positive-token-unit: var(--color-light-positive-token-unit);
-  --color-positive-token-url: var(--color-light-positive-token-url);
-  --color-positive-token-variable: var(--color-light-positive-token-variable);
   --color-positive-solid-default-bg-0: var(--color-light-positive-solid-default-bg-0);
   --color-positive-solid-default-bg-1: var(--color-light-positive-solid-default-bg-1);
   --color-positive-solid-default-bg-2: var(--color-light-positive-solid-default-bg-2);
@@ -14442,48 +14811,50 @@
   --color-caution-avatar-green-fg: var(--color-light-caution-avatar-green-fg);
   --color-caution-avatar-cyan-bg: var(--color-light-caution-avatar-cyan-bg);
   --color-caution-backdrop: var(--color-light-caution-backdrop);
+  --color-caution-code-fg: var(--color-light-caution-code-fg);
+  --color-caution-code-bg: var(--color-light-caution-code-bg);
+  --color-caution-code-token-atrule: var(--color-light-caution-code-token-atrule);
+  --color-caution-code-token-attr-name: var(--color-light-caution-code-token-attr-name);
+  --color-caution-code-token-attr-value: var(--color-light-caution-code-token-attr-value);
+  --color-caution-code-token-attribute: var(--color-light-caution-code-token-attribute);
+  --color-caution-code-token-boolean: var(--color-light-caution-code-token-boolean);
+  --color-caution-code-token-builtin: var(--color-light-caution-code-token-builtin);
+  --color-caution-code-token-cdata: var(--color-light-caution-code-token-cdata);
+  --color-caution-code-token-char: var(--color-light-caution-code-token-char);
+  --color-caution-code-token-class: var(--color-light-caution-code-token-class);
+  --color-caution-code-token-class-name: var(--color-light-caution-code-token-class-name);
+  --color-caution-code-token-comment: var(--color-light-caution-code-token-comment);
+  --color-caution-code-token-constant: var(--color-light-caution-code-token-constant);
+  --color-caution-code-token-deleted: var(--color-light-caution-code-token-deleted);
+  --color-caution-code-token-doctype: var(--color-light-caution-code-token-doctype);
+  --color-caution-code-token-entity: var(--color-light-caution-code-token-entity);
+  --color-caution-code-token-function: var(--color-light-caution-code-token-function);
+  --color-caution-code-token-hexcode: var(--color-light-caution-code-token-hexcode);
+  --color-caution-code-token-id: var(--color-light-caution-code-token-id);
+  --color-caution-code-token-important: var(--color-light-caution-code-token-important);
+  --color-caution-code-token-inserted: var(--color-light-caution-code-token-inserted);
+  --color-caution-code-token-keyword: var(--color-light-caution-code-token-keyword);
+  --color-caution-code-token-number: var(--color-light-caution-code-token-number);
+  --color-caution-code-token-operator: var(--color-light-caution-code-token-operator);
+  --color-caution-code-token-prolog: var(--color-light-caution-code-token-prolog);
+  --color-caution-code-token-property: var(--color-light-caution-code-token-property);
+  --color-caution-code-token-pseudo-class: var(--color-light-caution-code-token-pseudo-class);
+  --color-caution-code-token-pseudo-element: var(--color-light-caution-code-token-pseudo-element);
+  --color-caution-code-token-punctuation: var(--color-light-caution-code-token-punctuation);
+  --color-caution-code-token-regex: var(--color-light-caution-code-token-regex);
+  --color-caution-code-token-selector: var(--color-light-caution-code-token-selector);
+  --color-caution-code-token-string: var(--color-light-caution-code-token-string);
+  --color-caution-code-token-symbol: var(--color-light-caution-code-token-symbol);
+  --color-caution-code-token-tag: var(--color-light-caution-code-token-tag);
+  --color-caution-code-token-unit: var(--color-light-caution-code-token-unit);
+  --color-caution-code-token-url: var(--color-light-caution-code-token-url);
+  --color-caution-code-token-variable: var(--color-light-caution-code-token-variable);
   --color-caution-focus-ring: var(--color-light-caution-focus-ring);
   --color-caution-link-fg: var(--color-light-caution-link-fg);
   --color-caution-shadow-outline: var(--color-light-caution-shadow-outline);
   --color-caution-shadow-umbra: var(--color-light-caution-shadow-umbra);
   --color-caution-shadow-penumbra: var(--color-light-caution-shadow-penumbra);
   --color-caution-shadow-ambient: var(--color-light-caution-shadow-ambient);
-  --color-caution-token-atrule: var(--color-light-caution-token-atrule);
-  --color-caution-token-attr-name: var(--color-light-caution-token-attr-name);
-  --color-caution-token-attr-value: var(--color-light-caution-token-attr-value);
-  --color-caution-token-attribute: var(--color-light-caution-token-attribute);
-  --color-caution-token-boolean: var(--color-light-caution-token-boolean);
-  --color-caution-token-builtin: var(--color-light-caution-token-builtin);
-  --color-caution-token-cdata: var(--color-light-caution-token-cdata);
-  --color-caution-token-char: var(--color-light-caution-token-char);
-  --color-caution-token-class: var(--color-light-caution-token-class);
-  --color-caution-token-class-name: var(--color-light-caution-token-class-name);
-  --color-caution-token-comment: var(--color-light-caution-token-comment);
-  --color-caution-token-constant: var(--color-light-caution-token-constant);
-  --color-caution-token-deleted: var(--color-light-caution-token-deleted);
-  --color-caution-token-doctype: var(--color-light-caution-token-doctype);
-  --color-caution-token-entity: var(--color-light-caution-token-entity);
-  --color-caution-token-function: var(--color-light-caution-token-function);
-  --color-caution-token-hexcode: var(--color-light-caution-token-hexcode);
-  --color-caution-token-id: var(--color-light-caution-token-id);
-  --color-caution-token-important: var(--color-light-caution-token-important);
-  --color-caution-token-inserted: var(--color-light-caution-token-inserted);
-  --color-caution-token-keyword: var(--color-light-caution-token-keyword);
-  --color-caution-token-number: var(--color-light-caution-token-number);
-  --color-caution-token-operator: var(--color-light-caution-token-operator);
-  --color-caution-token-prolog: var(--color-light-caution-token-prolog);
-  --color-caution-token-property: var(--color-light-caution-token-property);
-  --color-caution-token-pseudo-class: var(--color-light-caution-token-pseudo-class);
-  --color-caution-token-pseudo-element: var(--color-light-caution-token-pseudo-element);
-  --color-caution-token-punctuation: var(--color-light-caution-token-punctuation);
-  --color-caution-token-regex: var(--color-light-caution-token-regex);
-  --color-caution-token-selector: var(--color-light-caution-token-selector);
-  --color-caution-token-string: var(--color-light-caution-token-string);
-  --color-caution-token-symbol: var(--color-light-caution-token-symbol);
-  --color-caution-token-tag: var(--color-light-caution-token-tag);
-  --color-caution-token-unit: var(--color-light-caution-token-unit);
-  --color-caution-token-url: var(--color-light-caution-token-url);
-  --color-caution-token-variable: var(--color-light-caution-token-variable);
   --color-caution-solid-default-bg-0: var(--color-light-caution-solid-default-bg-0);
   --color-caution-solid-default-bg-1: var(--color-light-caution-solid-default-bg-1);
   --color-caution-solid-default-bg-2: var(--color-light-caution-solid-default-bg-2);
@@ -14712,48 +15083,50 @@
   --color-critical-avatar-green-fg: var(--color-light-critical-avatar-green-fg);
   --color-critical-avatar-cyan-bg: var(--color-light-critical-avatar-cyan-bg);
   --color-critical-backdrop: var(--color-light-critical-backdrop);
+  --color-critical-code-fg: var(--color-light-critical-code-fg);
+  --color-critical-code-bg: var(--color-light-critical-code-bg);
+  --color-critical-code-token-atrule: var(--color-light-critical-code-token-atrule);
+  --color-critical-code-token-attr-name: var(--color-light-critical-code-token-attr-name);
+  --color-critical-code-token-attr-value: var(--color-light-critical-code-token-attr-value);
+  --color-critical-code-token-attribute: var(--color-light-critical-code-token-attribute);
+  --color-critical-code-token-boolean: var(--color-light-critical-code-token-boolean);
+  --color-critical-code-token-builtin: var(--color-light-critical-code-token-builtin);
+  --color-critical-code-token-cdata: var(--color-light-critical-code-token-cdata);
+  --color-critical-code-token-char: var(--color-light-critical-code-token-char);
+  --color-critical-code-token-class: var(--color-light-critical-code-token-class);
+  --color-critical-code-token-class-name: var(--color-light-critical-code-token-class-name);
+  --color-critical-code-token-comment: var(--color-light-critical-code-token-comment);
+  --color-critical-code-token-constant: var(--color-light-critical-code-token-constant);
+  --color-critical-code-token-deleted: var(--color-light-critical-code-token-deleted);
+  --color-critical-code-token-doctype: var(--color-light-critical-code-token-doctype);
+  --color-critical-code-token-entity: var(--color-light-critical-code-token-entity);
+  --color-critical-code-token-function: var(--color-light-critical-code-token-function);
+  --color-critical-code-token-hexcode: var(--color-light-critical-code-token-hexcode);
+  --color-critical-code-token-id: var(--color-light-critical-code-token-id);
+  --color-critical-code-token-important: var(--color-light-critical-code-token-important);
+  --color-critical-code-token-inserted: var(--color-light-critical-code-token-inserted);
+  --color-critical-code-token-keyword: var(--color-light-critical-code-token-keyword);
+  --color-critical-code-token-number: var(--color-light-critical-code-token-number);
+  --color-critical-code-token-operator: var(--color-light-critical-code-token-operator);
+  --color-critical-code-token-prolog: var(--color-light-critical-code-token-prolog);
+  --color-critical-code-token-property: var(--color-light-critical-code-token-property);
+  --color-critical-code-token-pseudo-class: var(--color-light-critical-code-token-pseudo-class);
+  --color-critical-code-token-pseudo-element: var(--color-light-critical-code-token-pseudo-element);
+  --color-critical-code-token-punctuation: var(--color-light-critical-code-token-punctuation);
+  --color-critical-code-token-regex: var(--color-light-critical-code-token-regex);
+  --color-critical-code-token-selector: var(--color-light-critical-code-token-selector);
+  --color-critical-code-token-string: var(--color-light-critical-code-token-string);
+  --color-critical-code-token-symbol: var(--color-light-critical-code-token-symbol);
+  --color-critical-code-token-tag: var(--color-light-critical-code-token-tag);
+  --color-critical-code-token-unit: var(--color-light-critical-code-token-unit);
+  --color-critical-code-token-url: var(--color-light-critical-code-token-url);
+  --color-critical-code-token-variable: var(--color-light-critical-code-token-variable);
   --color-critical-focus-ring: var(--color-light-critical-focus-ring);
   --color-critical-link-fg: var(--color-light-critical-link-fg);
   --color-critical-shadow-outline: var(--color-light-critical-shadow-outline);
   --color-critical-shadow-umbra: var(--color-light-critical-shadow-umbra);
   --color-critical-shadow-penumbra: var(--color-light-critical-shadow-penumbra);
   --color-critical-shadow-ambient: var(--color-light-critical-shadow-ambient);
-  --color-critical-token-atrule: var(--color-light-critical-token-atrule);
-  --color-critical-token-attr-name: var(--color-light-critical-token-attr-name);
-  --color-critical-token-attr-value: var(--color-light-critical-token-attr-value);
-  --color-critical-token-attribute: var(--color-light-critical-token-attribute);
-  --color-critical-token-boolean: var(--color-light-critical-token-boolean);
-  --color-critical-token-builtin: var(--color-light-critical-token-builtin);
-  --color-critical-token-cdata: var(--color-light-critical-token-cdata);
-  --color-critical-token-char: var(--color-light-critical-token-char);
-  --color-critical-token-class: var(--color-light-critical-token-class);
-  --color-critical-token-class-name: var(--color-light-critical-token-class-name);
-  --color-critical-token-comment: var(--color-light-critical-token-comment);
-  --color-critical-token-constant: var(--color-light-critical-token-constant);
-  --color-critical-token-deleted: var(--color-light-critical-token-deleted);
-  --color-critical-token-doctype: var(--color-light-critical-token-doctype);
-  --color-critical-token-entity: var(--color-light-critical-token-entity);
-  --color-critical-token-function: var(--color-light-critical-token-function);
-  --color-critical-token-hexcode: var(--color-light-critical-token-hexcode);
-  --color-critical-token-id: var(--color-light-critical-token-id);
-  --color-critical-token-important: var(--color-light-critical-token-important);
-  --color-critical-token-inserted: var(--color-light-critical-token-inserted);
-  --color-critical-token-keyword: var(--color-light-critical-token-keyword);
-  --color-critical-token-number: var(--color-light-critical-token-number);
-  --color-critical-token-operator: var(--color-light-critical-token-operator);
-  --color-critical-token-prolog: var(--color-light-critical-token-prolog);
-  --color-critical-token-property: var(--color-light-critical-token-property);
-  --color-critical-token-pseudo-class: var(--color-light-critical-token-pseudo-class);
-  --color-critical-token-pseudo-element: var(--color-light-critical-token-pseudo-element);
-  --color-critical-token-punctuation: var(--color-light-critical-token-punctuation);
-  --color-critical-token-regex: var(--color-light-critical-token-regex);
-  --color-critical-token-selector: var(--color-light-critical-token-selector);
-  --color-critical-token-string: var(--color-light-critical-token-string);
-  --color-critical-token-symbol: var(--color-light-critical-token-symbol);
-  --color-critical-token-tag: var(--color-light-critical-token-tag);
-  --color-critical-token-unit: var(--color-light-critical-token-unit);
-  --color-critical-token-url: var(--color-light-critical-token-url);
-  --color-critical-token-variable: var(--color-light-critical-token-variable);
   --color-critical-solid-default-bg-0: var(--color-light-critical-solid-default-bg-0);
   --color-critical-solid-default-bg-1: var(--color-light-critical-solid-default-bg-1);
   --color-critical-solid-default-bg-2: var(--color-light-critical-solid-default-bg-2);
@@ -14986,48 +15359,50 @@
   --color-transparent-avatar-green-fg: var(--color-dark-transparent-avatar-green-fg);
   --color-transparent-avatar-cyan-bg: var(--color-dark-transparent-avatar-cyan-bg);
   --color-transparent-backdrop: var(--color-dark-transparent-backdrop);
+  --color-transparent-code-fg: var(--color-dark-transparent-code-fg);
+  --color-transparent-code-bg: var(--color-dark-transparent-code-bg);
+  --color-transparent-code-token-atrule: var(--color-dark-transparent-code-token-atrule);
+  --color-transparent-code-token-attr-name: var(--color-dark-transparent-code-token-attr-name);
+  --color-transparent-code-token-attr-value: var(--color-dark-transparent-code-token-attr-value);
+  --color-transparent-code-token-attribute: var(--color-dark-transparent-code-token-attribute);
+  --color-transparent-code-token-boolean: var(--color-dark-transparent-code-token-boolean);
+  --color-transparent-code-token-builtin: var(--color-dark-transparent-code-token-builtin);
+  --color-transparent-code-token-cdata: var(--color-dark-transparent-code-token-cdata);
+  --color-transparent-code-token-char: var(--color-dark-transparent-code-token-char);
+  --color-transparent-code-token-class: var(--color-dark-transparent-code-token-class);
+  --color-transparent-code-token-class-name: var(--color-dark-transparent-code-token-class-name);
+  --color-transparent-code-token-comment: var(--color-dark-transparent-code-token-comment);
+  --color-transparent-code-token-constant: var(--color-dark-transparent-code-token-constant);
+  --color-transparent-code-token-deleted: var(--color-dark-transparent-code-token-deleted);
+  --color-transparent-code-token-doctype: var(--color-dark-transparent-code-token-doctype);
+  --color-transparent-code-token-entity: var(--color-dark-transparent-code-token-entity);
+  --color-transparent-code-token-function: var(--color-dark-transparent-code-token-function);
+  --color-transparent-code-token-hexcode: var(--color-dark-transparent-code-token-hexcode);
+  --color-transparent-code-token-id: var(--color-dark-transparent-code-token-id);
+  --color-transparent-code-token-important: var(--color-dark-transparent-code-token-important);
+  --color-transparent-code-token-inserted: var(--color-dark-transparent-code-token-inserted);
+  --color-transparent-code-token-keyword: var(--color-dark-transparent-code-token-keyword);
+  --color-transparent-code-token-number: var(--color-dark-transparent-code-token-number);
+  --color-transparent-code-token-operator: var(--color-dark-transparent-code-token-operator);
+  --color-transparent-code-token-prolog: var(--color-dark-transparent-code-token-prolog);
+  --color-transparent-code-token-property: var(--color-dark-transparent-code-token-property);
+  --color-transparent-code-token-pseudo-class: var(--color-dark-transparent-code-token-pseudo-class);
+  --color-transparent-code-token-pseudo-element: var(--color-dark-transparent-code-token-pseudo-element);
+  --color-transparent-code-token-punctuation: var(--color-dark-transparent-code-token-punctuation);
+  --color-transparent-code-token-regex: var(--color-dark-transparent-code-token-regex);
+  --color-transparent-code-token-selector: var(--color-dark-transparent-code-token-selector);
+  --color-transparent-code-token-string: var(--color-dark-transparent-code-token-string);
+  --color-transparent-code-token-symbol: var(--color-dark-transparent-code-token-symbol);
+  --color-transparent-code-token-tag: var(--color-dark-transparent-code-token-tag);
+  --color-transparent-code-token-unit: var(--color-dark-transparent-code-token-unit);
+  --color-transparent-code-token-url: var(--color-dark-transparent-code-token-url);
+  --color-transparent-code-token-variable: var(--color-dark-transparent-code-token-variable);
   --color-transparent-focus-ring: var(--color-dark-transparent-focus-ring);
   --color-transparent-link-fg: var(--color-dark-transparent-link-fg);
   --color-transparent-shadow-outline: var(--color-dark-transparent-shadow-outline);
   --color-transparent-shadow-umbra: var(--color-dark-transparent-shadow-umbra);
   --color-transparent-shadow-penumbra: var(--color-dark-transparent-shadow-penumbra);
   --color-transparent-shadow-ambient: var(--color-dark-transparent-shadow-ambient);
-  --color-transparent-token-atrule: var(--color-dark-transparent-token-atrule);
-  --color-transparent-token-attr-name: var(--color-dark-transparent-token-attr-name);
-  --color-transparent-token-attr-value: var(--color-dark-transparent-token-attr-value);
-  --color-transparent-token-attribute: var(--color-dark-transparent-token-attribute);
-  --color-transparent-token-boolean: var(--color-dark-transparent-token-boolean);
-  --color-transparent-token-builtin: var(--color-dark-transparent-token-builtin);
-  --color-transparent-token-cdata: var(--color-dark-transparent-token-cdata);
-  --color-transparent-token-char: var(--color-dark-transparent-token-char);
-  --color-transparent-token-class: var(--color-dark-transparent-token-class);
-  --color-transparent-token-class-name: var(--color-dark-transparent-token-class-name);
-  --color-transparent-token-comment: var(--color-dark-transparent-token-comment);
-  --color-transparent-token-constant: var(--color-dark-transparent-token-constant);
-  --color-transparent-token-deleted: var(--color-dark-transparent-token-deleted);
-  --color-transparent-token-doctype: var(--color-dark-transparent-token-doctype);
-  --color-transparent-token-entity: var(--color-dark-transparent-token-entity);
-  --color-transparent-token-function: var(--color-dark-transparent-token-function);
-  --color-transparent-token-hexcode: var(--color-dark-transparent-token-hexcode);
-  --color-transparent-token-id: var(--color-dark-transparent-token-id);
-  --color-transparent-token-important: var(--color-dark-transparent-token-important);
-  --color-transparent-token-inserted: var(--color-dark-transparent-token-inserted);
-  --color-transparent-token-keyword: var(--color-dark-transparent-token-keyword);
-  --color-transparent-token-number: var(--color-dark-transparent-token-number);
-  --color-transparent-token-operator: var(--color-dark-transparent-token-operator);
-  --color-transparent-token-prolog: var(--color-dark-transparent-token-prolog);
-  --color-transparent-token-property: var(--color-dark-transparent-token-property);
-  --color-transparent-token-pseudo-class: var(--color-dark-transparent-token-pseudo-class);
-  --color-transparent-token-pseudo-element: var(--color-dark-transparent-token-pseudo-element);
-  --color-transparent-token-punctuation: var(--color-dark-transparent-token-punctuation);
-  --color-transparent-token-regex: var(--color-dark-transparent-token-regex);
-  --color-transparent-token-selector: var(--color-dark-transparent-token-selector);
-  --color-transparent-token-string: var(--color-dark-transparent-token-string);
-  --color-transparent-token-symbol: var(--color-dark-transparent-token-symbol);
-  --color-transparent-token-tag: var(--color-dark-transparent-token-tag);
-  --color-transparent-token-unit: var(--color-dark-transparent-token-unit);
-  --color-transparent-token-url: var(--color-dark-transparent-token-url);
-  --color-transparent-token-variable: var(--color-dark-transparent-token-variable);
   --color-transparent-solid-default-bg-0: var(--color-dark-transparent-solid-default-bg-0);
   --color-transparent-solid-default-bg-1: var(--color-dark-transparent-solid-default-bg-1);
   --color-transparent-solid-default-bg-2: var(--color-dark-transparent-solid-default-bg-2);
@@ -15256,48 +15631,50 @@
   --color-default-avatar-green-fg: var(--color-dark-default-avatar-green-fg);
   --color-default-avatar-cyan-bg: var(--color-dark-default-avatar-cyan-bg);
   --color-default-backdrop: var(--color-dark-default-backdrop);
+  --color-default-code-fg: var(--color-dark-default-code-fg);
+  --color-default-code-bg: var(--color-dark-default-code-bg);
+  --color-default-code-token-atrule: var(--color-dark-default-code-token-atrule);
+  --color-default-code-token-attr-name: var(--color-dark-default-code-token-attr-name);
+  --color-default-code-token-attr-value: var(--color-dark-default-code-token-attr-value);
+  --color-default-code-token-attribute: var(--color-dark-default-code-token-attribute);
+  --color-default-code-token-boolean: var(--color-dark-default-code-token-boolean);
+  --color-default-code-token-builtin: var(--color-dark-default-code-token-builtin);
+  --color-default-code-token-cdata: var(--color-dark-default-code-token-cdata);
+  --color-default-code-token-char: var(--color-dark-default-code-token-char);
+  --color-default-code-token-class: var(--color-dark-default-code-token-class);
+  --color-default-code-token-class-name: var(--color-dark-default-code-token-class-name);
+  --color-default-code-token-comment: var(--color-dark-default-code-token-comment);
+  --color-default-code-token-constant: var(--color-dark-default-code-token-constant);
+  --color-default-code-token-deleted: var(--color-dark-default-code-token-deleted);
+  --color-default-code-token-doctype: var(--color-dark-default-code-token-doctype);
+  --color-default-code-token-entity: var(--color-dark-default-code-token-entity);
+  --color-default-code-token-function: var(--color-dark-default-code-token-function);
+  --color-default-code-token-hexcode: var(--color-dark-default-code-token-hexcode);
+  --color-default-code-token-id: var(--color-dark-default-code-token-id);
+  --color-default-code-token-important: var(--color-dark-default-code-token-important);
+  --color-default-code-token-inserted: var(--color-dark-default-code-token-inserted);
+  --color-default-code-token-keyword: var(--color-dark-default-code-token-keyword);
+  --color-default-code-token-number: var(--color-dark-default-code-token-number);
+  --color-default-code-token-operator: var(--color-dark-default-code-token-operator);
+  --color-default-code-token-prolog: var(--color-dark-default-code-token-prolog);
+  --color-default-code-token-property: var(--color-dark-default-code-token-property);
+  --color-default-code-token-pseudo-class: var(--color-dark-default-code-token-pseudo-class);
+  --color-default-code-token-pseudo-element: var(--color-dark-default-code-token-pseudo-element);
+  --color-default-code-token-punctuation: var(--color-dark-default-code-token-punctuation);
+  --color-default-code-token-regex: var(--color-dark-default-code-token-regex);
+  --color-default-code-token-selector: var(--color-dark-default-code-token-selector);
+  --color-default-code-token-string: var(--color-dark-default-code-token-string);
+  --color-default-code-token-symbol: var(--color-dark-default-code-token-symbol);
+  --color-default-code-token-tag: var(--color-dark-default-code-token-tag);
+  --color-default-code-token-unit: var(--color-dark-default-code-token-unit);
+  --color-default-code-token-url: var(--color-dark-default-code-token-url);
+  --color-default-code-token-variable: var(--color-dark-default-code-token-variable);
   --color-default-focus-ring: var(--color-dark-default-focus-ring);
   --color-default-link-fg: var(--color-dark-default-link-fg);
   --color-default-shadow-outline: var(--color-dark-default-shadow-outline);
   --color-default-shadow-umbra: var(--color-dark-default-shadow-umbra);
   --color-default-shadow-penumbra: var(--color-dark-default-shadow-penumbra);
   --color-default-shadow-ambient: var(--color-dark-default-shadow-ambient);
-  --color-default-token-atrule: var(--color-dark-default-token-atrule);
-  --color-default-token-attr-name: var(--color-dark-default-token-attr-name);
-  --color-default-token-attr-value: var(--color-dark-default-token-attr-value);
-  --color-default-token-attribute: var(--color-dark-default-token-attribute);
-  --color-default-token-boolean: var(--color-dark-default-token-boolean);
-  --color-default-token-builtin: var(--color-dark-default-token-builtin);
-  --color-default-token-cdata: var(--color-dark-default-token-cdata);
-  --color-default-token-char: var(--color-dark-default-token-char);
-  --color-default-token-class: var(--color-dark-default-token-class);
-  --color-default-token-class-name: var(--color-dark-default-token-class-name);
-  --color-default-token-comment: var(--color-dark-default-token-comment);
-  --color-default-token-constant: var(--color-dark-default-token-constant);
-  --color-default-token-deleted: var(--color-dark-default-token-deleted);
-  --color-default-token-doctype: var(--color-dark-default-token-doctype);
-  --color-default-token-entity: var(--color-dark-default-token-entity);
-  --color-default-token-function: var(--color-dark-default-token-function);
-  --color-default-token-hexcode: var(--color-dark-default-token-hexcode);
-  --color-default-token-id: var(--color-dark-default-token-id);
-  --color-default-token-important: var(--color-dark-default-token-important);
-  --color-default-token-inserted: var(--color-dark-default-token-inserted);
-  --color-default-token-keyword: var(--color-dark-default-token-keyword);
-  --color-default-token-number: var(--color-dark-default-token-number);
-  --color-default-token-operator: var(--color-dark-default-token-operator);
-  --color-default-token-prolog: var(--color-dark-default-token-prolog);
-  --color-default-token-property: var(--color-dark-default-token-property);
-  --color-default-token-pseudo-class: var(--color-dark-default-token-pseudo-class);
-  --color-default-token-pseudo-element: var(--color-dark-default-token-pseudo-element);
-  --color-default-token-punctuation: var(--color-dark-default-token-punctuation);
-  --color-default-token-regex: var(--color-dark-default-token-regex);
-  --color-default-token-selector: var(--color-dark-default-token-selector);
-  --color-default-token-string: var(--color-dark-default-token-string);
-  --color-default-token-symbol: var(--color-dark-default-token-symbol);
-  --color-default-token-tag: var(--color-dark-default-token-tag);
-  --color-default-token-unit: var(--color-dark-default-token-unit);
-  --color-default-token-url: var(--color-dark-default-token-url);
-  --color-default-token-variable: var(--color-dark-default-token-variable);
   --color-default-solid-default-bg-0: var(--color-dark-default-solid-default-bg-0);
   --color-default-solid-default-bg-1: var(--color-dark-default-solid-default-bg-1);
   --color-default-solid-default-bg-2: var(--color-dark-default-solid-default-bg-2);
@@ -15526,48 +15903,50 @@
   --color-neutral-avatar-green-fg: var(--color-dark-neutral-avatar-green-fg);
   --color-neutral-avatar-cyan-bg: var(--color-dark-neutral-avatar-cyan-bg);
   --color-neutral-backdrop: var(--color-dark-neutral-backdrop);
+  --color-neutral-code-fg: var(--color-dark-neutral-code-fg);
+  --color-neutral-code-bg: var(--color-dark-neutral-code-bg);
+  --color-neutral-code-token-atrule: var(--color-dark-neutral-code-token-atrule);
+  --color-neutral-code-token-attr-name: var(--color-dark-neutral-code-token-attr-name);
+  --color-neutral-code-token-attr-value: var(--color-dark-neutral-code-token-attr-value);
+  --color-neutral-code-token-attribute: var(--color-dark-neutral-code-token-attribute);
+  --color-neutral-code-token-boolean: var(--color-dark-neutral-code-token-boolean);
+  --color-neutral-code-token-builtin: var(--color-dark-neutral-code-token-builtin);
+  --color-neutral-code-token-cdata: var(--color-dark-neutral-code-token-cdata);
+  --color-neutral-code-token-char: var(--color-dark-neutral-code-token-char);
+  --color-neutral-code-token-class: var(--color-dark-neutral-code-token-class);
+  --color-neutral-code-token-class-name: var(--color-dark-neutral-code-token-class-name);
+  --color-neutral-code-token-comment: var(--color-dark-neutral-code-token-comment);
+  --color-neutral-code-token-constant: var(--color-dark-neutral-code-token-constant);
+  --color-neutral-code-token-deleted: var(--color-dark-neutral-code-token-deleted);
+  --color-neutral-code-token-doctype: var(--color-dark-neutral-code-token-doctype);
+  --color-neutral-code-token-entity: var(--color-dark-neutral-code-token-entity);
+  --color-neutral-code-token-function: var(--color-dark-neutral-code-token-function);
+  --color-neutral-code-token-hexcode: var(--color-dark-neutral-code-token-hexcode);
+  --color-neutral-code-token-id: var(--color-dark-neutral-code-token-id);
+  --color-neutral-code-token-important: var(--color-dark-neutral-code-token-important);
+  --color-neutral-code-token-inserted: var(--color-dark-neutral-code-token-inserted);
+  --color-neutral-code-token-keyword: var(--color-dark-neutral-code-token-keyword);
+  --color-neutral-code-token-number: var(--color-dark-neutral-code-token-number);
+  --color-neutral-code-token-operator: var(--color-dark-neutral-code-token-operator);
+  --color-neutral-code-token-prolog: var(--color-dark-neutral-code-token-prolog);
+  --color-neutral-code-token-property: var(--color-dark-neutral-code-token-property);
+  --color-neutral-code-token-pseudo-class: var(--color-dark-neutral-code-token-pseudo-class);
+  --color-neutral-code-token-pseudo-element: var(--color-dark-neutral-code-token-pseudo-element);
+  --color-neutral-code-token-punctuation: var(--color-dark-neutral-code-token-punctuation);
+  --color-neutral-code-token-regex: var(--color-dark-neutral-code-token-regex);
+  --color-neutral-code-token-selector: var(--color-dark-neutral-code-token-selector);
+  --color-neutral-code-token-string: var(--color-dark-neutral-code-token-string);
+  --color-neutral-code-token-symbol: var(--color-dark-neutral-code-token-symbol);
+  --color-neutral-code-token-tag: var(--color-dark-neutral-code-token-tag);
+  --color-neutral-code-token-unit: var(--color-dark-neutral-code-token-unit);
+  --color-neutral-code-token-url: var(--color-dark-neutral-code-token-url);
+  --color-neutral-code-token-variable: var(--color-dark-neutral-code-token-variable);
   --color-neutral-focus-ring: var(--color-dark-neutral-focus-ring);
   --color-neutral-link-fg: var(--color-dark-neutral-link-fg);
   --color-neutral-shadow-outline: var(--color-dark-neutral-shadow-outline);
   --color-neutral-shadow-umbra: var(--color-dark-neutral-shadow-umbra);
   --color-neutral-shadow-penumbra: var(--color-dark-neutral-shadow-penumbra);
   --color-neutral-shadow-ambient: var(--color-dark-neutral-shadow-ambient);
-  --color-neutral-token-atrule: var(--color-dark-neutral-token-atrule);
-  --color-neutral-token-attr-name: var(--color-dark-neutral-token-attr-name);
-  --color-neutral-token-attr-value: var(--color-dark-neutral-token-attr-value);
-  --color-neutral-token-attribute: var(--color-dark-neutral-token-attribute);
-  --color-neutral-token-boolean: var(--color-dark-neutral-token-boolean);
-  --color-neutral-token-builtin: var(--color-dark-neutral-token-builtin);
-  --color-neutral-token-cdata: var(--color-dark-neutral-token-cdata);
-  --color-neutral-token-char: var(--color-dark-neutral-token-char);
-  --color-neutral-token-class: var(--color-dark-neutral-token-class);
-  --color-neutral-token-class-name: var(--color-dark-neutral-token-class-name);
-  --color-neutral-token-comment: var(--color-dark-neutral-token-comment);
-  --color-neutral-token-constant: var(--color-dark-neutral-token-constant);
-  --color-neutral-token-deleted: var(--color-dark-neutral-token-deleted);
-  --color-neutral-token-doctype: var(--color-dark-neutral-token-doctype);
-  --color-neutral-token-entity: var(--color-dark-neutral-token-entity);
-  --color-neutral-token-function: var(--color-dark-neutral-token-function);
-  --color-neutral-token-hexcode: var(--color-dark-neutral-token-hexcode);
-  --color-neutral-token-id: var(--color-dark-neutral-token-id);
-  --color-neutral-token-important: var(--color-dark-neutral-token-important);
-  --color-neutral-token-inserted: var(--color-dark-neutral-token-inserted);
-  --color-neutral-token-keyword: var(--color-dark-neutral-token-keyword);
-  --color-neutral-token-number: var(--color-dark-neutral-token-number);
-  --color-neutral-token-operator: var(--color-dark-neutral-token-operator);
-  --color-neutral-token-prolog: var(--color-dark-neutral-token-prolog);
-  --color-neutral-token-property: var(--color-dark-neutral-token-property);
-  --color-neutral-token-pseudo-class: var(--color-dark-neutral-token-pseudo-class);
-  --color-neutral-token-pseudo-element: var(--color-dark-neutral-token-pseudo-element);
-  --color-neutral-token-punctuation: var(--color-dark-neutral-token-punctuation);
-  --color-neutral-token-regex: var(--color-dark-neutral-token-regex);
-  --color-neutral-token-selector: var(--color-dark-neutral-token-selector);
-  --color-neutral-token-string: var(--color-dark-neutral-token-string);
-  --color-neutral-token-symbol: var(--color-dark-neutral-token-symbol);
-  --color-neutral-token-tag: var(--color-dark-neutral-token-tag);
-  --color-neutral-token-unit: var(--color-dark-neutral-token-unit);
-  --color-neutral-token-url: var(--color-dark-neutral-token-url);
-  --color-neutral-token-variable: var(--color-dark-neutral-token-variable);
   --color-neutral-solid-default-bg-0: var(--color-dark-neutral-solid-default-bg-0);
   --color-neutral-solid-default-bg-1: var(--color-dark-neutral-solid-default-bg-1);
   --color-neutral-solid-default-bg-2: var(--color-dark-neutral-solid-default-bg-2);
@@ -15796,48 +16175,50 @@
   --color-primary-avatar-green-fg: var(--color-dark-primary-avatar-green-fg);
   --color-primary-avatar-cyan-bg: var(--color-dark-primary-avatar-cyan-bg);
   --color-primary-backdrop: var(--color-dark-primary-backdrop);
+  --color-primary-code-fg: var(--color-dark-primary-code-fg);
+  --color-primary-code-bg: var(--color-dark-primary-code-bg);
+  --color-primary-code-token-atrule: var(--color-dark-primary-code-token-atrule);
+  --color-primary-code-token-attr-name: var(--color-dark-primary-code-token-attr-name);
+  --color-primary-code-token-attr-value: var(--color-dark-primary-code-token-attr-value);
+  --color-primary-code-token-attribute: var(--color-dark-primary-code-token-attribute);
+  --color-primary-code-token-boolean: var(--color-dark-primary-code-token-boolean);
+  --color-primary-code-token-builtin: var(--color-dark-primary-code-token-builtin);
+  --color-primary-code-token-cdata: var(--color-dark-primary-code-token-cdata);
+  --color-primary-code-token-char: var(--color-dark-primary-code-token-char);
+  --color-primary-code-token-class: var(--color-dark-primary-code-token-class);
+  --color-primary-code-token-class-name: var(--color-dark-primary-code-token-class-name);
+  --color-primary-code-token-comment: var(--color-dark-primary-code-token-comment);
+  --color-primary-code-token-constant: var(--color-dark-primary-code-token-constant);
+  --color-primary-code-token-deleted: var(--color-dark-primary-code-token-deleted);
+  --color-primary-code-token-doctype: var(--color-dark-primary-code-token-doctype);
+  --color-primary-code-token-entity: var(--color-dark-primary-code-token-entity);
+  --color-primary-code-token-function: var(--color-dark-primary-code-token-function);
+  --color-primary-code-token-hexcode: var(--color-dark-primary-code-token-hexcode);
+  --color-primary-code-token-id: var(--color-dark-primary-code-token-id);
+  --color-primary-code-token-important: var(--color-dark-primary-code-token-important);
+  --color-primary-code-token-inserted: var(--color-dark-primary-code-token-inserted);
+  --color-primary-code-token-keyword: var(--color-dark-primary-code-token-keyword);
+  --color-primary-code-token-number: var(--color-dark-primary-code-token-number);
+  --color-primary-code-token-operator: var(--color-dark-primary-code-token-operator);
+  --color-primary-code-token-prolog: var(--color-dark-primary-code-token-prolog);
+  --color-primary-code-token-property: var(--color-dark-primary-code-token-property);
+  --color-primary-code-token-pseudo-class: var(--color-dark-primary-code-token-pseudo-class);
+  --color-primary-code-token-pseudo-element: var(--color-dark-primary-code-token-pseudo-element);
+  --color-primary-code-token-punctuation: var(--color-dark-primary-code-token-punctuation);
+  --color-primary-code-token-regex: var(--color-dark-primary-code-token-regex);
+  --color-primary-code-token-selector: var(--color-dark-primary-code-token-selector);
+  --color-primary-code-token-string: var(--color-dark-primary-code-token-string);
+  --color-primary-code-token-symbol: var(--color-dark-primary-code-token-symbol);
+  --color-primary-code-token-tag: var(--color-dark-primary-code-token-tag);
+  --color-primary-code-token-unit: var(--color-dark-primary-code-token-unit);
+  --color-primary-code-token-url: var(--color-dark-primary-code-token-url);
+  --color-primary-code-token-variable: var(--color-dark-primary-code-token-variable);
   --color-primary-focus-ring: var(--color-dark-primary-focus-ring);
   --color-primary-link-fg: var(--color-dark-primary-link-fg);
   --color-primary-shadow-outline: var(--color-dark-primary-shadow-outline);
   --color-primary-shadow-umbra: var(--color-dark-primary-shadow-umbra);
   --color-primary-shadow-penumbra: var(--color-dark-primary-shadow-penumbra);
   --color-primary-shadow-ambient: var(--color-dark-primary-shadow-ambient);
-  --color-primary-token-atrule: var(--color-dark-primary-token-atrule);
-  --color-primary-token-attr-name: var(--color-dark-primary-token-attr-name);
-  --color-primary-token-attr-value: var(--color-dark-primary-token-attr-value);
-  --color-primary-token-attribute: var(--color-dark-primary-token-attribute);
-  --color-primary-token-boolean: var(--color-dark-primary-token-boolean);
-  --color-primary-token-builtin: var(--color-dark-primary-token-builtin);
-  --color-primary-token-cdata: var(--color-dark-primary-token-cdata);
-  --color-primary-token-char: var(--color-dark-primary-token-char);
-  --color-primary-token-class: var(--color-dark-primary-token-class);
-  --color-primary-token-class-name: var(--color-dark-primary-token-class-name);
-  --color-primary-token-comment: var(--color-dark-primary-token-comment);
-  --color-primary-token-constant: var(--color-dark-primary-token-constant);
-  --color-primary-token-deleted: var(--color-dark-primary-token-deleted);
-  --color-primary-token-doctype: var(--color-dark-primary-token-doctype);
-  --color-primary-token-entity: var(--color-dark-primary-token-entity);
-  --color-primary-token-function: var(--color-dark-primary-token-function);
-  --color-primary-token-hexcode: var(--color-dark-primary-token-hexcode);
-  --color-primary-token-id: var(--color-dark-primary-token-id);
-  --color-primary-token-important: var(--color-dark-primary-token-important);
-  --color-primary-token-inserted: var(--color-dark-primary-token-inserted);
-  --color-primary-token-keyword: var(--color-dark-primary-token-keyword);
-  --color-primary-token-number: var(--color-dark-primary-token-number);
-  --color-primary-token-operator: var(--color-dark-primary-token-operator);
-  --color-primary-token-prolog: var(--color-dark-primary-token-prolog);
-  --color-primary-token-property: var(--color-dark-primary-token-property);
-  --color-primary-token-pseudo-class: var(--color-dark-primary-token-pseudo-class);
-  --color-primary-token-pseudo-element: var(--color-dark-primary-token-pseudo-element);
-  --color-primary-token-punctuation: var(--color-dark-primary-token-punctuation);
-  --color-primary-token-regex: var(--color-dark-primary-token-regex);
-  --color-primary-token-selector: var(--color-dark-primary-token-selector);
-  --color-primary-token-string: var(--color-dark-primary-token-string);
-  --color-primary-token-symbol: var(--color-dark-primary-token-symbol);
-  --color-primary-token-tag: var(--color-dark-primary-token-tag);
-  --color-primary-token-unit: var(--color-dark-primary-token-unit);
-  --color-primary-token-url: var(--color-dark-primary-token-url);
-  --color-primary-token-variable: var(--color-dark-primary-token-variable);
   --color-primary-solid-default-bg-0: var(--color-dark-primary-solid-default-bg-0);
   --color-primary-solid-default-bg-1: var(--color-dark-primary-solid-default-bg-1);
   --color-primary-solid-default-bg-2: var(--color-dark-primary-solid-default-bg-2);
@@ -16066,48 +16447,50 @@
   --color-suggest-avatar-green-fg: var(--color-dark-neutral-avatar-green-fg);
   --color-suggest-avatar-cyan-bg: var(--color-dark-neutral-avatar-cyan-bg);
   --color-suggest-backdrop: var(--color-dark-neutral-backdrop);
+  --color-suggest-code-fg: var(--color-dark-neutral-code-fg);
+  --color-suggest-code-bg: var(--color-dark-neutral-code-bg);
+  --color-suggest-code-token-atrule: var(--color-dark-neutral-code-token-atrule);
+  --color-suggest-code-token-attr-name: var(--color-dark-neutral-code-token-attr-name);
+  --color-suggest-code-token-attr-value: var(--color-dark-neutral-code-token-attr-value);
+  --color-suggest-code-token-attribute: var(--color-dark-neutral-code-token-attribute);
+  --color-suggest-code-token-boolean: var(--color-dark-neutral-code-token-boolean);
+  --color-suggest-code-token-builtin: var(--color-dark-neutral-code-token-builtin);
+  --color-suggest-code-token-cdata: var(--color-dark-neutral-code-token-cdata);
+  --color-suggest-code-token-char: var(--color-dark-neutral-code-token-char);
+  --color-suggest-code-token-class: var(--color-dark-neutral-code-token-class);
+  --color-suggest-code-token-class-name: var(--color-dark-neutral-code-token-class-name);
+  --color-suggest-code-token-comment: var(--color-dark-neutral-code-token-comment);
+  --color-suggest-code-token-constant: var(--color-dark-neutral-code-token-constant);
+  --color-suggest-code-token-deleted: var(--color-dark-neutral-code-token-deleted);
+  --color-suggest-code-token-doctype: var(--color-dark-neutral-code-token-doctype);
+  --color-suggest-code-token-entity: var(--color-dark-neutral-code-token-entity);
+  --color-suggest-code-token-function: var(--color-dark-neutral-code-token-function);
+  --color-suggest-code-token-hexcode: var(--color-dark-neutral-code-token-hexcode);
+  --color-suggest-code-token-id: var(--color-dark-neutral-code-token-id);
+  --color-suggest-code-token-important: var(--color-dark-neutral-code-token-important);
+  --color-suggest-code-token-inserted: var(--color-dark-neutral-code-token-inserted);
+  --color-suggest-code-token-keyword: var(--color-dark-neutral-code-token-keyword);
+  --color-suggest-code-token-number: var(--color-dark-neutral-code-token-number);
+  --color-suggest-code-token-operator: var(--color-dark-neutral-code-token-operator);
+  --color-suggest-code-token-prolog: var(--color-dark-neutral-code-token-prolog);
+  --color-suggest-code-token-property: var(--color-dark-neutral-code-token-property);
+  --color-suggest-code-token-pseudo-class: var(--color-dark-neutral-code-token-pseudo-class);
+  --color-suggest-code-token-pseudo-element: var(--color-dark-neutral-code-token-pseudo-element);
+  --color-suggest-code-token-punctuation: var(--color-dark-neutral-code-token-punctuation);
+  --color-suggest-code-token-regex: var(--color-dark-neutral-code-token-regex);
+  --color-suggest-code-token-selector: var(--color-dark-neutral-code-token-selector);
+  --color-suggest-code-token-string: var(--color-dark-neutral-code-token-string);
+  --color-suggest-code-token-symbol: var(--color-dark-neutral-code-token-symbol);
+  --color-suggest-code-token-tag: var(--color-dark-neutral-code-token-tag);
+  --color-suggest-code-token-unit: var(--color-dark-neutral-code-token-unit);
+  --color-suggest-code-token-url: var(--color-dark-neutral-code-token-url);
+  --color-suggest-code-token-variable: var(--color-dark-neutral-code-token-variable);
   --color-suggest-focus-ring: var(--color-dark-neutral-focus-ring);
   --color-suggest-link-fg: var(--color-dark-neutral-link-fg);
   --color-suggest-shadow-outline: var(--color-dark-neutral-shadow-outline);
   --color-suggest-shadow-umbra: var(--color-dark-neutral-shadow-umbra);
   --color-suggest-shadow-penumbra: var(--color-dark-neutral-shadow-penumbra);
   --color-suggest-shadow-ambient: var(--color-dark-neutral-shadow-ambient);
-  --color-suggest-token-atrule: var(--color-dark-neutral-token-atrule);
-  --color-suggest-token-attr-name: var(--color-dark-neutral-token-attr-name);
-  --color-suggest-token-attr-value: var(--color-dark-neutral-token-attr-value);
-  --color-suggest-token-attribute: var(--color-dark-neutral-token-attribute);
-  --color-suggest-token-boolean: var(--color-dark-neutral-token-boolean);
-  --color-suggest-token-builtin: var(--color-dark-neutral-token-builtin);
-  --color-suggest-token-cdata: var(--color-dark-neutral-token-cdata);
-  --color-suggest-token-char: var(--color-dark-neutral-token-char);
-  --color-suggest-token-class: var(--color-dark-neutral-token-class);
-  --color-suggest-token-class-name: var(--color-dark-neutral-token-class-name);
-  --color-suggest-token-comment: var(--color-dark-neutral-token-comment);
-  --color-suggest-token-constant: var(--color-dark-neutral-token-constant);
-  --color-suggest-token-deleted: var(--color-dark-neutral-token-deleted);
-  --color-suggest-token-doctype: var(--color-dark-neutral-token-doctype);
-  --color-suggest-token-entity: var(--color-dark-neutral-token-entity);
-  --color-suggest-token-function: var(--color-dark-neutral-token-function);
-  --color-suggest-token-hexcode: var(--color-dark-neutral-token-hexcode);
-  --color-suggest-token-id: var(--color-dark-neutral-token-id);
-  --color-suggest-token-important: var(--color-dark-neutral-token-important);
-  --color-suggest-token-inserted: var(--color-dark-neutral-token-inserted);
-  --color-suggest-token-keyword: var(--color-dark-neutral-token-keyword);
-  --color-suggest-token-number: var(--color-dark-neutral-token-number);
-  --color-suggest-token-operator: var(--color-dark-neutral-token-operator);
-  --color-suggest-token-prolog: var(--color-dark-neutral-token-prolog);
-  --color-suggest-token-property: var(--color-dark-neutral-token-property);
-  --color-suggest-token-pseudo-class: var(--color-dark-neutral-token-pseudo-class);
-  --color-suggest-token-pseudo-element: var(--color-dark-neutral-token-pseudo-element);
-  --color-suggest-token-punctuation: var(--color-dark-neutral-token-punctuation);
-  --color-suggest-token-regex: var(--color-dark-neutral-token-regex);
-  --color-suggest-token-selector: var(--color-dark-neutral-token-selector);
-  --color-suggest-token-string: var(--color-dark-neutral-token-string);
-  --color-suggest-token-symbol: var(--color-dark-neutral-token-symbol);
-  --color-suggest-token-tag: var(--color-dark-neutral-token-tag);
-  --color-suggest-token-unit: var(--color-dark-neutral-token-unit);
-  --color-suggest-token-url: var(--color-dark-neutral-token-url);
-  --color-suggest-token-variable: var(--color-dark-neutral-token-variable);
   --color-suggest-solid-default-bg-0: var(--color-dark-suggest-solid-default-bg-0);
   --color-suggest-solid-default-bg-1: var(--color-dark-suggest-solid-default-bg-1);
   --color-suggest-solid-default-bg-2: var(--color-dark-suggest-solid-default-bg-2);
@@ -16336,48 +16719,50 @@
   --color-positive-avatar-green-fg: var(--color-dark-positive-avatar-green-fg);
   --color-positive-avatar-cyan-bg: var(--color-dark-positive-avatar-cyan-bg);
   --color-positive-backdrop: var(--color-dark-positive-backdrop);
+  --color-positive-code-fg: var(--color-dark-positive-code-fg);
+  --color-positive-code-bg: var(--color-dark-positive-code-bg);
+  --color-positive-code-token-atrule: var(--color-dark-positive-code-token-atrule);
+  --color-positive-code-token-attr-name: var(--color-dark-positive-code-token-attr-name);
+  --color-positive-code-token-attr-value: var(--color-dark-positive-code-token-attr-value);
+  --color-positive-code-token-attribute: var(--color-dark-positive-code-token-attribute);
+  --color-positive-code-token-boolean: var(--color-dark-positive-code-token-boolean);
+  --color-positive-code-token-builtin: var(--color-dark-positive-code-token-builtin);
+  --color-positive-code-token-cdata: var(--color-dark-positive-code-token-cdata);
+  --color-positive-code-token-char: var(--color-dark-positive-code-token-char);
+  --color-positive-code-token-class: var(--color-dark-positive-code-token-class);
+  --color-positive-code-token-class-name: var(--color-dark-positive-code-token-class-name);
+  --color-positive-code-token-comment: var(--color-dark-positive-code-token-comment);
+  --color-positive-code-token-constant: var(--color-dark-positive-code-token-constant);
+  --color-positive-code-token-deleted: var(--color-dark-positive-code-token-deleted);
+  --color-positive-code-token-doctype: var(--color-dark-positive-code-token-doctype);
+  --color-positive-code-token-entity: var(--color-dark-positive-code-token-entity);
+  --color-positive-code-token-function: var(--color-dark-positive-code-token-function);
+  --color-positive-code-token-hexcode: var(--color-dark-positive-code-token-hexcode);
+  --color-positive-code-token-id: var(--color-dark-positive-code-token-id);
+  --color-positive-code-token-important: var(--color-dark-positive-code-token-important);
+  --color-positive-code-token-inserted: var(--color-dark-positive-code-token-inserted);
+  --color-positive-code-token-keyword: var(--color-dark-positive-code-token-keyword);
+  --color-positive-code-token-number: var(--color-dark-positive-code-token-number);
+  --color-positive-code-token-operator: var(--color-dark-positive-code-token-operator);
+  --color-positive-code-token-prolog: var(--color-dark-positive-code-token-prolog);
+  --color-positive-code-token-property: var(--color-dark-positive-code-token-property);
+  --color-positive-code-token-pseudo-class: var(--color-dark-positive-code-token-pseudo-class);
+  --color-positive-code-token-pseudo-element: var(--color-dark-positive-code-token-pseudo-element);
+  --color-positive-code-token-punctuation: var(--color-dark-positive-code-token-punctuation);
+  --color-positive-code-token-regex: var(--color-dark-positive-code-token-regex);
+  --color-positive-code-token-selector: var(--color-dark-positive-code-token-selector);
+  --color-positive-code-token-string: var(--color-dark-positive-code-token-string);
+  --color-positive-code-token-symbol: var(--color-dark-positive-code-token-symbol);
+  --color-positive-code-token-tag: var(--color-dark-positive-code-token-tag);
+  --color-positive-code-token-unit: var(--color-dark-positive-code-token-unit);
+  --color-positive-code-token-url: var(--color-dark-positive-code-token-url);
+  --color-positive-code-token-variable: var(--color-dark-positive-code-token-variable);
   --color-positive-focus-ring: var(--color-dark-positive-focus-ring);
   --color-positive-link-fg: var(--color-dark-positive-link-fg);
   --color-positive-shadow-outline: var(--color-dark-positive-shadow-outline);
   --color-positive-shadow-umbra: var(--color-dark-positive-shadow-umbra);
   --color-positive-shadow-penumbra: var(--color-dark-positive-shadow-penumbra);
   --color-positive-shadow-ambient: var(--color-dark-positive-shadow-ambient);
-  --color-positive-token-atrule: var(--color-dark-positive-token-atrule);
-  --color-positive-token-attr-name: var(--color-dark-positive-token-attr-name);
-  --color-positive-token-attr-value: var(--color-dark-positive-token-attr-value);
-  --color-positive-token-attribute: var(--color-dark-positive-token-attribute);
-  --color-positive-token-boolean: var(--color-dark-positive-token-boolean);
-  --color-positive-token-builtin: var(--color-dark-positive-token-builtin);
-  --color-positive-token-cdata: var(--color-dark-positive-token-cdata);
-  --color-positive-token-char: var(--color-dark-positive-token-char);
-  --color-positive-token-class: var(--color-dark-positive-token-class);
-  --color-positive-token-class-name: var(--color-dark-positive-token-class-name);
-  --color-positive-token-comment: var(--color-dark-positive-token-comment);
-  --color-positive-token-constant: var(--color-dark-positive-token-constant);
-  --color-positive-token-deleted: var(--color-dark-positive-token-deleted);
-  --color-positive-token-doctype: var(--color-dark-positive-token-doctype);
-  --color-positive-token-entity: var(--color-dark-positive-token-entity);
-  --color-positive-token-function: var(--color-dark-positive-token-function);
-  --color-positive-token-hexcode: var(--color-dark-positive-token-hexcode);
-  --color-positive-token-id: var(--color-dark-positive-token-id);
-  --color-positive-token-important: var(--color-dark-positive-token-important);
-  --color-positive-token-inserted: var(--color-dark-positive-token-inserted);
-  --color-positive-token-keyword: var(--color-dark-positive-token-keyword);
-  --color-positive-token-number: var(--color-dark-positive-token-number);
-  --color-positive-token-operator: var(--color-dark-positive-token-operator);
-  --color-positive-token-prolog: var(--color-dark-positive-token-prolog);
-  --color-positive-token-property: var(--color-dark-positive-token-property);
-  --color-positive-token-pseudo-class: var(--color-dark-positive-token-pseudo-class);
-  --color-positive-token-pseudo-element: var(--color-dark-positive-token-pseudo-element);
-  --color-positive-token-punctuation: var(--color-dark-positive-token-punctuation);
-  --color-positive-token-regex: var(--color-dark-positive-token-regex);
-  --color-positive-token-selector: var(--color-dark-positive-token-selector);
-  --color-positive-token-string: var(--color-dark-positive-token-string);
-  --color-positive-token-symbol: var(--color-dark-positive-token-symbol);
-  --color-positive-token-tag: var(--color-dark-positive-token-tag);
-  --color-positive-token-unit: var(--color-dark-positive-token-unit);
-  --color-positive-token-url: var(--color-dark-positive-token-url);
-  --color-positive-token-variable: var(--color-dark-positive-token-variable);
   --color-positive-solid-default-bg-0: var(--color-dark-positive-solid-default-bg-0);
   --color-positive-solid-default-bg-1: var(--color-dark-positive-solid-default-bg-1);
   --color-positive-solid-default-bg-2: var(--color-dark-positive-solid-default-bg-2);
@@ -16606,48 +16991,50 @@
   --color-caution-avatar-green-fg: var(--color-dark-caution-avatar-green-fg);
   --color-caution-avatar-cyan-bg: var(--color-dark-caution-avatar-cyan-bg);
   --color-caution-backdrop: var(--color-dark-caution-backdrop);
+  --color-caution-code-fg: var(--color-dark-caution-code-fg);
+  --color-caution-code-bg: var(--color-dark-caution-code-bg);
+  --color-caution-code-token-atrule: var(--color-dark-caution-code-token-atrule);
+  --color-caution-code-token-attr-name: var(--color-dark-caution-code-token-attr-name);
+  --color-caution-code-token-attr-value: var(--color-dark-caution-code-token-attr-value);
+  --color-caution-code-token-attribute: var(--color-dark-caution-code-token-attribute);
+  --color-caution-code-token-boolean: var(--color-dark-caution-code-token-boolean);
+  --color-caution-code-token-builtin: var(--color-dark-caution-code-token-builtin);
+  --color-caution-code-token-cdata: var(--color-dark-caution-code-token-cdata);
+  --color-caution-code-token-char: var(--color-dark-caution-code-token-char);
+  --color-caution-code-token-class: var(--color-dark-caution-code-token-class);
+  --color-caution-code-token-class-name: var(--color-dark-caution-code-token-class-name);
+  --color-caution-code-token-comment: var(--color-dark-caution-code-token-comment);
+  --color-caution-code-token-constant: var(--color-dark-caution-code-token-constant);
+  --color-caution-code-token-deleted: var(--color-dark-caution-code-token-deleted);
+  --color-caution-code-token-doctype: var(--color-dark-caution-code-token-doctype);
+  --color-caution-code-token-entity: var(--color-dark-caution-code-token-entity);
+  --color-caution-code-token-function: var(--color-dark-caution-code-token-function);
+  --color-caution-code-token-hexcode: var(--color-dark-caution-code-token-hexcode);
+  --color-caution-code-token-id: var(--color-dark-caution-code-token-id);
+  --color-caution-code-token-important: var(--color-dark-caution-code-token-important);
+  --color-caution-code-token-inserted: var(--color-dark-caution-code-token-inserted);
+  --color-caution-code-token-keyword: var(--color-dark-caution-code-token-keyword);
+  --color-caution-code-token-number: var(--color-dark-caution-code-token-number);
+  --color-caution-code-token-operator: var(--color-dark-caution-code-token-operator);
+  --color-caution-code-token-prolog: var(--color-dark-caution-code-token-prolog);
+  --color-caution-code-token-property: var(--color-dark-caution-code-token-property);
+  --color-caution-code-token-pseudo-class: var(--color-dark-caution-code-token-pseudo-class);
+  --color-caution-code-token-pseudo-element: var(--color-dark-caution-code-token-pseudo-element);
+  --color-caution-code-token-punctuation: var(--color-dark-caution-code-token-punctuation);
+  --color-caution-code-token-regex: var(--color-dark-caution-code-token-regex);
+  --color-caution-code-token-selector: var(--color-dark-caution-code-token-selector);
+  --color-caution-code-token-string: var(--color-dark-caution-code-token-string);
+  --color-caution-code-token-symbol: var(--color-dark-caution-code-token-symbol);
+  --color-caution-code-token-tag: var(--color-dark-caution-code-token-tag);
+  --color-caution-code-token-unit: var(--color-dark-caution-code-token-unit);
+  --color-caution-code-token-url: var(--color-dark-caution-code-token-url);
+  --color-caution-code-token-variable: var(--color-dark-caution-code-token-variable);
   --color-caution-focus-ring: var(--color-dark-caution-focus-ring);
   --color-caution-link-fg: var(--color-dark-caution-link-fg);
   --color-caution-shadow-outline: var(--color-dark-caution-shadow-outline);
   --color-caution-shadow-umbra: var(--color-dark-caution-shadow-umbra);
   --color-caution-shadow-penumbra: var(--color-dark-caution-shadow-penumbra);
   --color-caution-shadow-ambient: var(--color-dark-caution-shadow-ambient);
-  --color-caution-token-atrule: var(--color-dark-caution-token-atrule);
-  --color-caution-token-attr-name: var(--color-dark-caution-token-attr-name);
-  --color-caution-token-attr-value: var(--color-dark-caution-token-attr-value);
-  --color-caution-token-attribute: var(--color-dark-caution-token-attribute);
-  --color-caution-token-boolean: var(--color-dark-caution-token-boolean);
-  --color-caution-token-builtin: var(--color-dark-caution-token-builtin);
-  --color-caution-token-cdata: var(--color-dark-caution-token-cdata);
-  --color-caution-token-char: var(--color-dark-caution-token-char);
-  --color-caution-token-class: var(--color-dark-caution-token-class);
-  --color-caution-token-class-name: var(--color-dark-caution-token-class-name);
-  --color-caution-token-comment: var(--color-dark-caution-token-comment);
-  --color-caution-token-constant: var(--color-dark-caution-token-constant);
-  --color-caution-token-deleted: var(--color-dark-caution-token-deleted);
-  --color-caution-token-doctype: var(--color-dark-caution-token-doctype);
-  --color-caution-token-entity: var(--color-dark-caution-token-entity);
-  --color-caution-token-function: var(--color-dark-caution-token-function);
-  --color-caution-token-hexcode: var(--color-dark-caution-token-hexcode);
-  --color-caution-token-id: var(--color-dark-caution-token-id);
-  --color-caution-token-important: var(--color-dark-caution-token-important);
-  --color-caution-token-inserted: var(--color-dark-caution-token-inserted);
-  --color-caution-token-keyword: var(--color-dark-caution-token-keyword);
-  --color-caution-token-number: var(--color-dark-caution-token-number);
-  --color-caution-token-operator: var(--color-dark-caution-token-operator);
-  --color-caution-token-prolog: var(--color-dark-caution-token-prolog);
-  --color-caution-token-property: var(--color-dark-caution-token-property);
-  --color-caution-token-pseudo-class: var(--color-dark-caution-token-pseudo-class);
-  --color-caution-token-pseudo-element: var(--color-dark-caution-token-pseudo-element);
-  --color-caution-token-punctuation: var(--color-dark-caution-token-punctuation);
-  --color-caution-token-regex: var(--color-dark-caution-token-regex);
-  --color-caution-token-selector: var(--color-dark-caution-token-selector);
-  --color-caution-token-string: var(--color-dark-caution-token-string);
-  --color-caution-token-symbol: var(--color-dark-caution-token-symbol);
-  --color-caution-token-tag: var(--color-dark-caution-token-tag);
-  --color-caution-token-unit: var(--color-dark-caution-token-unit);
-  --color-caution-token-url: var(--color-dark-caution-token-url);
-  --color-caution-token-variable: var(--color-dark-caution-token-variable);
   --color-caution-solid-default-bg-0: var(--color-dark-caution-solid-default-bg-0);
   --color-caution-solid-default-bg-1: var(--color-dark-caution-solid-default-bg-1);
   --color-caution-solid-default-bg-2: var(--color-dark-caution-solid-default-bg-2);
@@ -16876,48 +17263,50 @@
   --color-critical-avatar-green-fg: var(--color-dark-critical-avatar-green-fg);
   --color-critical-avatar-cyan-bg: var(--color-dark-critical-avatar-cyan-bg);
   --color-critical-backdrop: var(--color-dark-critical-backdrop);
+  --color-critical-code-fg: var(--color-dark-critical-code-fg);
+  --color-critical-code-bg: var(--color-dark-critical-code-bg);
+  --color-critical-code-token-atrule: var(--color-dark-critical-code-token-atrule);
+  --color-critical-code-token-attr-name: var(--color-dark-critical-code-token-attr-name);
+  --color-critical-code-token-attr-value: var(--color-dark-critical-code-token-attr-value);
+  --color-critical-code-token-attribute: var(--color-dark-critical-code-token-attribute);
+  --color-critical-code-token-boolean: var(--color-dark-critical-code-token-boolean);
+  --color-critical-code-token-builtin: var(--color-dark-critical-code-token-builtin);
+  --color-critical-code-token-cdata: var(--color-dark-critical-code-token-cdata);
+  --color-critical-code-token-char: var(--color-dark-critical-code-token-char);
+  --color-critical-code-token-class: var(--color-dark-critical-code-token-class);
+  --color-critical-code-token-class-name: var(--color-dark-critical-code-token-class-name);
+  --color-critical-code-token-comment: var(--color-dark-critical-code-token-comment);
+  --color-critical-code-token-constant: var(--color-dark-critical-code-token-constant);
+  --color-critical-code-token-deleted: var(--color-dark-critical-code-token-deleted);
+  --color-critical-code-token-doctype: var(--color-dark-critical-code-token-doctype);
+  --color-critical-code-token-entity: var(--color-dark-critical-code-token-entity);
+  --color-critical-code-token-function: var(--color-dark-critical-code-token-function);
+  --color-critical-code-token-hexcode: var(--color-dark-critical-code-token-hexcode);
+  --color-critical-code-token-id: var(--color-dark-critical-code-token-id);
+  --color-critical-code-token-important: var(--color-dark-critical-code-token-important);
+  --color-critical-code-token-inserted: var(--color-dark-critical-code-token-inserted);
+  --color-critical-code-token-keyword: var(--color-dark-critical-code-token-keyword);
+  --color-critical-code-token-number: var(--color-dark-critical-code-token-number);
+  --color-critical-code-token-operator: var(--color-dark-critical-code-token-operator);
+  --color-critical-code-token-prolog: var(--color-dark-critical-code-token-prolog);
+  --color-critical-code-token-property: var(--color-dark-critical-code-token-property);
+  --color-critical-code-token-pseudo-class: var(--color-dark-critical-code-token-pseudo-class);
+  --color-critical-code-token-pseudo-element: var(--color-dark-critical-code-token-pseudo-element);
+  --color-critical-code-token-punctuation: var(--color-dark-critical-code-token-punctuation);
+  --color-critical-code-token-regex: var(--color-dark-critical-code-token-regex);
+  --color-critical-code-token-selector: var(--color-dark-critical-code-token-selector);
+  --color-critical-code-token-string: var(--color-dark-critical-code-token-string);
+  --color-critical-code-token-symbol: var(--color-dark-critical-code-token-symbol);
+  --color-critical-code-token-tag: var(--color-dark-critical-code-token-tag);
+  --color-critical-code-token-unit: var(--color-dark-critical-code-token-unit);
+  --color-critical-code-token-url: var(--color-dark-critical-code-token-url);
+  --color-critical-code-token-variable: var(--color-dark-critical-code-token-variable);
   --color-critical-focus-ring: var(--color-dark-critical-focus-ring);
   --color-critical-link-fg: var(--color-dark-critical-link-fg);
   --color-critical-shadow-outline: var(--color-dark-critical-shadow-outline);
   --color-critical-shadow-umbra: var(--color-dark-critical-shadow-umbra);
   --color-critical-shadow-penumbra: var(--color-dark-critical-shadow-penumbra);
   --color-critical-shadow-ambient: var(--color-dark-critical-shadow-ambient);
-  --color-critical-token-atrule: var(--color-dark-critical-token-atrule);
-  --color-critical-token-attr-name: var(--color-dark-critical-token-attr-name);
-  --color-critical-token-attr-value: var(--color-dark-critical-token-attr-value);
-  --color-critical-token-attribute: var(--color-dark-critical-token-attribute);
-  --color-critical-token-boolean: var(--color-dark-critical-token-boolean);
-  --color-critical-token-builtin: var(--color-dark-critical-token-builtin);
-  --color-critical-token-cdata: var(--color-dark-critical-token-cdata);
-  --color-critical-token-char: var(--color-dark-critical-token-char);
-  --color-critical-token-class: var(--color-dark-critical-token-class);
-  --color-critical-token-class-name: var(--color-dark-critical-token-class-name);
-  --color-critical-token-comment: var(--color-dark-critical-token-comment);
-  --color-critical-token-constant: var(--color-dark-critical-token-constant);
-  --color-critical-token-deleted: var(--color-dark-critical-token-deleted);
-  --color-critical-token-doctype: var(--color-dark-critical-token-doctype);
-  --color-critical-token-entity: var(--color-dark-critical-token-entity);
-  --color-critical-token-function: var(--color-dark-critical-token-function);
-  --color-critical-token-hexcode: var(--color-dark-critical-token-hexcode);
-  --color-critical-token-id: var(--color-dark-critical-token-id);
-  --color-critical-token-important: var(--color-dark-critical-token-important);
-  --color-critical-token-inserted: var(--color-dark-critical-token-inserted);
-  --color-critical-token-keyword: var(--color-dark-critical-token-keyword);
-  --color-critical-token-number: var(--color-dark-critical-token-number);
-  --color-critical-token-operator: var(--color-dark-critical-token-operator);
-  --color-critical-token-prolog: var(--color-dark-critical-token-prolog);
-  --color-critical-token-property: var(--color-dark-critical-token-property);
-  --color-critical-token-pseudo-class: var(--color-dark-critical-token-pseudo-class);
-  --color-critical-token-pseudo-element: var(--color-dark-critical-token-pseudo-element);
-  --color-critical-token-punctuation: var(--color-dark-critical-token-punctuation);
-  --color-critical-token-regex: var(--color-dark-critical-token-regex);
-  --color-critical-token-selector: var(--color-dark-critical-token-selector);
-  --color-critical-token-string: var(--color-dark-critical-token-string);
-  --color-critical-token-symbol: var(--color-dark-critical-token-symbol);
-  --color-critical-token-tag: var(--color-dark-critical-token-tag);
-  --color-critical-token-unit: var(--color-dark-critical-token-unit);
-  --color-critical-token-url: var(--color-dark-critical-token-url);
-  --color-critical-token-variable: var(--color-dark-critical-token-variable);
   --color-critical-solid-default-bg-0: var(--color-dark-critical-solid-default-bg-0);
   --color-critical-solid-default-bg-1: var(--color-dark-critical-solid-default-bg-1);
   --color-critical-solid-default-bg-2: var(--color-dark-critical-solid-default-bg-2);
@@ -17149,48 +17538,50 @@
   --color-avatar-green-fg: var(--color-transparent-avatar-green-fg);
   --color-avatar-cyan-bg: var(--color-transparent-avatar-cyan-bg);
   --color-backdrop: var(--color-transparent-backdrop);
+  --color-code-fg: var(--color-transparent-code-fg);
+  --color-code-bg: var(--color-transparent-code-bg);
+  --color-code-token-atrule: var(--color-transparent-code-token-atrule);
+  --color-code-token-attr-name: var(--color-transparent-code-token-attr-name);
+  --color-code-token-attr-value: var(--color-transparent-code-token-attr-value);
+  --color-code-token-attribute: var(--color-transparent-code-token-attribute);
+  --color-code-token-boolean: var(--color-transparent-code-token-boolean);
+  --color-code-token-builtin: var(--color-transparent-code-token-builtin);
+  --color-code-token-cdata: var(--color-transparent-code-token-cdata);
+  --color-code-token-char: var(--color-transparent-code-token-char);
+  --color-code-token-class: var(--color-transparent-code-token-class);
+  --color-code-token-class-name: var(--color-transparent-code-token-class-name);
+  --color-code-token-comment: var(--color-transparent-code-token-comment);
+  --color-code-token-constant: var(--color-transparent-code-token-constant);
+  --color-code-token-deleted: var(--color-transparent-code-token-deleted);
+  --color-code-token-doctype: var(--color-transparent-code-token-doctype);
+  --color-code-token-entity: var(--color-transparent-code-token-entity);
+  --color-code-token-function: var(--color-transparent-code-token-function);
+  --color-code-token-hexcode: var(--color-transparent-code-token-hexcode);
+  --color-code-token-id: var(--color-transparent-code-token-id);
+  --color-code-token-important: var(--color-transparent-code-token-important);
+  --color-code-token-inserted: var(--color-transparent-code-token-inserted);
+  --color-code-token-keyword: var(--color-transparent-code-token-keyword);
+  --color-code-token-number: var(--color-transparent-code-token-number);
+  --color-code-token-operator: var(--color-transparent-code-token-operator);
+  --color-code-token-prolog: var(--color-transparent-code-token-prolog);
+  --color-code-token-property: var(--color-transparent-code-token-property);
+  --color-code-token-pseudo-class: var(--color-transparent-code-token-pseudo-class);
+  --color-code-token-pseudo-element: var(--color-transparent-code-token-pseudo-element);
+  --color-code-token-punctuation: var(--color-transparent-code-token-punctuation);
+  --color-code-token-regex: var(--color-transparent-code-token-regex);
+  --color-code-token-selector: var(--color-transparent-code-token-selector);
+  --color-code-token-string: var(--color-transparent-code-token-string);
+  --color-code-token-symbol: var(--color-transparent-code-token-symbol);
+  --color-code-token-tag: var(--color-transparent-code-token-tag);
+  --color-code-token-unit: var(--color-transparent-code-token-unit);
+  --color-code-token-url: var(--color-transparent-code-token-url);
+  --color-code-token-variable: var(--color-transparent-code-token-variable);
   --color-focus-ring: var(--color-transparent-focus-ring);
   --color-link-fg: var(--color-transparent-link-fg);
   --color-shadow-outline: var(--color-transparent-shadow-outline);
   --color-shadow-umbra: var(--color-transparent-shadow-umbra);
   --color-shadow-penumbra: var(--color-transparent-shadow-penumbra);
   --color-shadow-ambient: var(--color-transparent-shadow-ambient);
-  --color-token-atrule: var(--color-transparent-token-atrule);
-  --color-token-attr-name: var(--color-transparent-token-attr-name);
-  --color-token-attr-value: var(--color-transparent-token-attr-value);
-  --color-token-attribute: var(--color-transparent-token-attribute);
-  --color-token-boolean: var(--color-transparent-token-boolean);
-  --color-token-builtin: var(--color-transparent-token-builtin);
-  --color-token-cdata: var(--color-transparent-token-cdata);
-  --color-token-char: var(--color-transparent-token-char);
-  --color-token-class: var(--color-transparent-token-class);
-  --color-token-class-name: var(--color-transparent-token-class-name);
-  --color-token-comment: var(--color-transparent-token-comment);
-  --color-token-constant: var(--color-transparent-token-constant);
-  --color-token-deleted: var(--color-transparent-token-deleted);
-  --color-token-doctype: var(--color-transparent-token-doctype);
-  --color-token-entity: var(--color-transparent-token-entity);
-  --color-token-function: var(--color-transparent-token-function);
-  --color-token-hexcode: var(--color-transparent-token-hexcode);
-  --color-token-id: var(--color-transparent-token-id);
-  --color-token-important: var(--color-transparent-token-important);
-  --color-token-inserted: var(--color-transparent-token-inserted);
-  --color-token-keyword: var(--color-transparent-token-keyword);
-  --color-token-number: var(--color-transparent-token-number);
-  --color-token-operator: var(--color-transparent-token-operator);
-  --color-token-prolog: var(--color-transparent-token-prolog);
-  --color-token-property: var(--color-transparent-token-property);
-  --color-token-pseudo-class: var(--color-transparent-token-pseudo-class);
-  --color-token-pseudo-element: var(--color-transparent-token-pseudo-element);
-  --color-token-punctuation: var(--color-transparent-token-punctuation);
-  --color-token-regex: var(--color-transparent-token-regex);
-  --color-token-selector: var(--color-transparent-token-selector);
-  --color-token-string: var(--color-transparent-token-string);
-  --color-token-symbol: var(--color-transparent-token-symbol);
-  --color-token-tag: var(--color-transparent-token-tag);
-  --color-token-unit: var(--color-transparent-token-unit);
-  --color-token-url: var(--color-transparent-token-url);
-  --color-token-variable: var(--color-transparent-token-variable);
   --color-solid-default-bg-0: var(--color-transparent-solid-default-bg-0);
   --color-solid-default-bg-1: var(--color-transparent-solid-default-bg-1);
   --color-solid-default-bg-2: var(--color-transparent-solid-default-bg-2);
@@ -17404,10 +17795,12 @@
   --card-bg-color: var(--color-bg);
   --card-bg2-color: var(--color-muted-bg);
   --card-border-color: var(--color-border);
-  --card-code-bg-color: var(--color-muted-bg);
-  --card-code-fg-color: var(--color-tinted-default-fg-4);
+  --card-code-bg-color: var(--color-code-bg);
+  --card-code-fg-color: var(--color-code-fg);
   --card-fg-color: var(--color-fg);
   --card-focus-ring-color: var(--color-focus-ring);
+  --card-hairline-soft-color: var(--color-tinted-default-border-1);
+  --card-hairline-hard-color: var(--color-tinted-default-border-2);
   --card-icon-color: var(--color-fg);
   --card-kbd-bg-color: var(--color-muted-bg);
   --card-kbd-border-color: var(--color-tinted-default-border-1);
@@ -17420,8 +17813,6 @@
   --card-shadow-umbra-color: var(--color-shadow-umbra);
   --card-shadow-penumbra-color: var(--color-shadow-penumbra);
   --card-shadow-ambient-color: var(--color-shadow-ambient);
-  --card-hairline-soft-color: var(--color-tinted-default-border-1);
-  --card-hairline-hard-color: var(--color-tinted-default-border-2);
 }
 .s-card.s-default {
@@ -17443,48 +17834,50 @@
   --color-avatar-green-fg: var(--color-default-avatar-green-fg);
   --color-avatar-cyan-bg: var(--color-default-avatar-cyan-bg);
   --color-backdrop: var(--color-default-backdrop);
+  --color-code-fg: var(--color-default-code-fg);
+  --color-code-bg: var(--color-default-code-bg);
+  --color-code-token-atrule: var(--color-default-code-token-atrule);
+  --color-code-token-attr-name: var(--color-default-code-token-attr-name);
+  --color-code-token-attr-value: var(--color-default-code-token-attr-value);
+  --color-code-token-attribute: var(--color-default-code-token-attribute);
+  --color-code-token-boolean: var(--color-default-code-token-boolean);
+  --color-code-token-builtin: var(--color-default-code-token-builtin);
+  --color-code-token-cdata: var(--color-default-code-token-cdata);
+  --color-code-token-char: var(--color-default-code-token-char);
+  --color-code-token-class: var(--color-default-code-token-class);
+  --color-code-token-class-name: var(--color-default-code-token-class-name);
+  --color-code-token-comment: var(--color-default-code-token-comment);
+  --color-code-token-constant: var(--color-default-code-token-constant);
+  --color-code-token-deleted: var(--color-default-code-token-deleted);
+  --color-code-token-doctype: var(--color-default-code-token-doctype);
+  --color-code-token-entity: var(--color-default-code-token-entity);
+  --color-code-token-function: var(--color-default-code-token-function);
+  --color-code-token-hexcode: var(--color-default-code-token-hexcode);
+  --color-code-token-id: var(--color-default-code-token-id);
+  --color-code-token-important: var(--color-default-code-token-important);
+  --color-code-token-inserted: var(--color-default-code-token-inserted);
+  --color-code-token-keyword: var(--color-default-code-token-keyword);
+  --color-code-token-number: var(--color-default-code-token-number);
+  --color-code-token-operator: var(--color-default-code-token-operator);
+  --color-code-token-prolog: var(--color-default-code-token-prolog);
+  --color-code-token-property: var(--color-default-code-token-property);
+  --color-code-token-pseudo-class: var(--color-default-code-token-pseudo-class);
+  --color-code-token-pseudo-element: var(--color-default-code-token-pseudo-element);
+  --color-code-token-punctuation: var(--color-default-code-token-punctuation);
+  --color-code-token-regex: var(--color-default-code-token-regex);
+  --color-code-token-selector: var(--color-default-code-token-selector);
+  --color-code-token-string: var(--color-default-code-token-string);
+  --color-code-token-symbol: var(--color-default-code-token-symbol);
+  --color-code-token-tag: var(--color-default-code-token-tag);
+  --color-code-token-unit: var(--color-default-code-token-unit);
+  --color-code-token-url: var(--color-default-code-token-url);
+  --color-code-token-variable: var(--color-default-code-token-variable);
   --color-focus-ring: var(--color-default-focus-ring);
   --color-link-fg: var(--color-default-link-fg);
   --color-shadow-outline: var(--color-default-shadow-outline);
   --color-shadow-umbra: var(--color-default-shadow-umbra);
   --color-shadow-penumbra: var(--color-default-shadow-penumbra);
   --color-shadow-ambient: var(--color-default-shadow-ambient);
-  --color-token-atrule: var(--color-default-token-atrule);
-  --color-token-attr-name: var(--color-default-token-attr-name);
-  --color-token-attr-value: var(--color-default-token-attr-value);
-  --color-token-attribute: var(--color-default-token-attribute);
-  --color-token-boolean: var(--color-default-token-boolean);
-  --color-token-builtin: var(--color-default-token-builtin);
-  --color-token-cdata: var(--color-default-token-cdata);
-  --color-token-char: var(--color-default-token-char);
-  --color-token-class: var(--color-default-token-class);
-  --color-token-class-name: var(--color-default-token-class-name);
-  --color-token-comment: var(--color-default-token-comment);
-  --color-token-constant: var(--color-default-token-constant);
-  --color-token-deleted: var(--color-default-token-deleted);
-  --color-token-doctype: var(--color-default-token-doctype);
-  --color-token-entity: var(--color-default-token-entity);
-  --color-token-function: var(--color-default-token-function);
-  --color-token-hexcode: var(--color-default-token-hexcode);
-  --color-token-id: var(--color-default-token-id);
-  --color-token-important: var(--color-default-token-important);
-  --color-token-inserted: var(--color-default-token-inserted);
-  --color-token-keyword: var(--color-default-token-keyword);
-  --color-token-number: var(--color-default-token-number);
-  --color-token-operator: var(--color-default-token-operator);
-  --color-token-prolog: var(--color-default-token-prolog);
-  --color-token-property: var(--color-default-token-property);
-  --color-token-pseudo-class: var(--color-default-token-pseudo-class);
-  --color-token-pseudo-element: var(--color-default-token-pseudo-element);
-  --color-token-punctuation: var(--color-default-token-punctuation);
-  --color-token-regex: var(--color-default-token-regex);
-  --color-token-selector: var(--color-default-token-selector);
-  --color-token-string: var(--color-default-token-string);
-  --color-token-symbol: var(--color-default-token-symbol);
-  --color-token-tag: var(--color-default-token-tag);
-  --color-token-unit: var(--color-default-token-unit);
-  --color-token-url: var(--color-default-token-url);
-  --color-token-variable: var(--color-default-token-variable);
   --color-solid-default-bg-0: var(--color-default-solid-default-bg-0);
   --color-solid-default-bg-1: var(--color-default-solid-default-bg-1);
   --color-solid-default-bg-2: var(--color-default-solid-default-bg-2);
@@ -17698,10 +18091,12 @@
   --card-bg-color: var(--color-bg);
   --card-bg2-color: var(--color-muted-bg);
   --card-border-color: var(--color-border);
-  --card-code-bg-color: var(--color-muted-bg);
-  --card-code-fg-color: var(--color-tinted-default-fg-4);
+  --card-code-bg-color: var(--color-code-bg);
+  --card-code-fg-color: var(--color-code-fg);
   --card-fg-color: var(--color-fg);
   --card-focus-ring-color: var(--color-focus-ring);
+  --card-hairline-soft-color: var(--color-tinted-default-border-1);
+  --card-hairline-hard-color: var(--color-tinted-default-border-2);
   --card-icon-color: var(--color-fg);
   --card-kbd-bg-color: var(--color-muted-bg);
   --card-kbd-border-color: var(--color-tinted-default-border-1);
@@ -17714,8 +18109,6 @@
   --card-shadow-umbra-color: var(--color-shadow-umbra);
   --card-shadow-penumbra-color: var(--color-shadow-penumbra);
   --card-shadow-ambient-color: var(--color-shadow-ambient);
-  --card-hairline-soft-color: var(--color-tinted-default-border-1);
-  --card-hairline-hard-color: var(--color-tinted-default-border-2);
 }
 .s-card.s-neutral {
@@ -17737,48 +18130,50 @@
   --color-avatar-green-fg: var(--color-neutral-avatar-green-fg);
   --color-avatar-cyan-bg: var(--color-neutral-avatar-cyan-bg);
   --color-backdrop: var(--color-neutral-backdrop);
+  --color-code-fg: var(--color-neutral-code-fg);
+  --color-code-bg: var(--color-neutral-code-bg);
+  --color-code-token-atrule: var(--color-neutral-code-token-atrule);
+  --color-code-token-attr-name: var(--color-neutral-code-token-attr-name);
+  --color-code-token-attr-value: var(--color-neutral-code-token-attr-value);
+  --color-code-token-attribute: var(--color-neutral-code-token-attribute);
+  --color-code-token-boolean: var(--color-neutral-code-token-boolean);
+  --color-code-token-builtin: var(--color-neutral-code-token-builtin);
+  --color-code-token-cdata: var(--color-neutral-code-token-cdata);
+  --color-code-token-char: var(--color-neutral-code-token-char);
+  --color-code-token-class: var(--color-neutral-code-token-class);
+  --color-code-token-class-name: var(--color-neutral-code-token-class-name);
+  --color-code-token-comment: var(--color-neutral-code-token-comment);
+  --color-code-token-constant: var(--color-neutral-code-token-constant);
+  --color-code-token-deleted: var(--color-neutral-code-token-deleted);
+  --color-code-token-doctype: var(--color-neutral-code-token-doctype);
+  --color-code-token-entity: var(--color-neutral-code-token-entity);
+  --color-code-token-function: var(--color-neutral-code-token-function);
+  --color-code-token-hexcode: var(--color-neutral-code-token-hexcode);
+  --color-code-token-id: var(--color-neutral-code-token-id);
+  --color-code-token-important: var(--color-neutral-code-token-important);
+  --color-code-token-inserted: var(--color-neutral-code-token-inserted);
+  --color-code-token-keyword: var(--color-neutral-code-token-keyword);
+  --color-code-token-number: var(--color-neutral-code-token-number);
+  --color-code-token-operator: var(--color-neutral-code-token-operator);
+  --color-code-token-prolog: var(--color-neutral-code-token-prolog);
+  --color-code-token-property: var(--color-neutral-code-token-property);
+  --color-code-token-pseudo-class: var(--color-neutral-code-token-pseudo-class);
+  --color-code-token-pseudo-element: var(--color-neutral-code-token-pseudo-element);
+  --color-code-token-punctuation: var(--color-neutral-code-token-punctuation);
+  --color-code-token-regex: var(--color-neutral-code-token-regex);
+  --color-code-token-selector: var(--color-neutral-code-token-selector);
+  --color-code-token-string: var(--color-neutral-code-token-string);
+  --color-code-token-symbol: var(--color-neutral-code-token-symbol);
+  --color-code-token-tag: var(--color-neutral-code-token-tag);
+  --color-code-token-unit: var(--color-neutral-code-token-unit);
+  --color-code-token-url: var(--color-neutral-code-token-url);
+  --color-code-token-variable: var(--color-neutral-code-token-variable);
   --color-focus-ring: var(--color-neutral-focus-ring);
   --color-link-fg: var(--color-neutral-link-fg);
   --color-shadow-outline: var(--color-neutral-shadow-outline);
   --color-shadow-umbra: var(--color-neutral-shadow-umbra);
   --color-shadow-penumbra: var(--color-neutral-shadow-penumbra);
   --color-shadow-ambient: var(--color-neutral-shadow-ambient);
-  --color-token-atrule: var(--color-neutral-token-atrule);
-  --color-token-attr-name: var(--color-neutral-token-attr-name);
-  --color-token-attr-value: var(--color-neutral-token-attr-value);
-  --color-token-attribute: var(--color-neutral-token-attribute);
-  --color-token-boolean: var(--color-neutral-token-boolean);
-  --color-token-builtin: var(--color-neutral-token-builtin);
-  --color-token-cdata: var(--color-neutral-token-cdata);
-  --color-token-char: var(--color-neutral-token-char);
-  --color-token-class: var(--color-neutral-token-class);
-  --color-token-class-name: var(--color-neutral-token-class-name);
-  --color-token-comment: var(--color-neutral-token-comment);
-  --color-token-constant: var(--color-neutral-token-constant);
-  --color-token-deleted: var(--color-neutral-token-deleted);
-  --color-token-doctype: var(--color-neutral-token-doctype);
-  --color-token-entity: var(--color-neutral-token-entity);
-  --color-token-function: var(--color-neutral-token-function);
-  --color-token-hexcode: var(--color-neutral-token-hexcode);
-  --color-token-id: var(--color-neutral-token-id);
-  --color-token-important: var(--color-neutral-token-important);
-  --color-token-inserted: var(--color-neutral-token-inserted);
-  --color-token-keyword: var(--color-neutral-token-keyword);
-  --color-token-number: var(--color-neutral-token-number);
-  --color-token-operator: var(--color-neutral-token-operator);
-  --color-token-prolog: var(--color-neutral-token-prolog);
-  --color-token-property: var(--color-neutral-token-property);
-  --color-token-pseudo-class: var(--color-neutral-token-pseudo-class);
-  --color-token-pseudo-element: var(--color-neutral-token-pseudo-element);
-  --color-token-punctuation: var(--color-neutral-token-punctuation);
-  --color-token-regex: var(--color-neutral-token-regex);
-  --color-token-selector: var(--color-neutral-token-selector);
-  --color-token-string: var(--color-neutral-token-string);
-  --color-token-symbol: var(--color-neutral-token-symbol);
-  --color-token-tag: var(--color-neutral-token-tag);
-  --color-token-unit: var(--color-neutral-token-unit);
-  --color-token-url: var(--color-neutral-token-url);
-  --color-token-variable: var(--color-neutral-token-variable);
   --color-solid-default-bg-0: var(--color-neutral-solid-default-bg-0);
   --color-solid-default-bg-1: var(--color-neutral-solid-default-bg-1);
   --color-solid-default-bg-2: var(--color-neutral-solid-default-bg-2);
@@ -17992,10 +18387,12 @@
   --card-bg-color: var(--color-bg);
   --card-bg2-color: var(--color-muted-bg);
   --card-border-color: var(--color-border);
-  --card-code-bg-color: var(--color-muted-bg);
-  --card-code-fg-color: var(--color-tinted-default-fg-4);
+  --card-code-bg-color: var(--color-code-bg);
+  --card-code-fg-color: var(--color-code-fg);
   --card-fg-color: var(--color-fg);
   --card-focus-ring-color: var(--color-focus-ring);
+  --card-hairline-soft-color: var(--color-tinted-default-border-1);
+  --card-hairline-hard-color: var(--color-tinted-default-border-2);
   --card-icon-color: var(--color-fg);
   --card-kbd-bg-color: var(--color-muted-bg);
   --card-kbd-border-color: var(--color-tinted-default-border-1);
@@ -18008,8 +18405,6 @@
   --card-shadow-umbra-color: var(--color-shadow-umbra);
   --card-shadow-penumbra-color: var(--color-shadow-penumbra);
   --card-shadow-ambient-color: var(--color-shadow-ambient);
-  --card-hairline-soft-color: var(--color-tinted-default-border-1);
-  --card-hairline-hard-color: var(--color-tinted-default-border-2);
 }
 .s-card.s-accent {
@@ -18031,48 +18426,50 @@
   --color-avatar-green-fg: var(--color-primary-avatar-green-fg);
   --color-avatar-cyan-bg: var(--color-primary-avatar-cyan-bg);
   --color-backdrop: var(--color-primary-backdrop);
+  --color-code-fg: var(--color-primary-code-fg);
+  --color-code-bg: var(--color-primary-code-bg);
+  --color-code-token-atrule: var(--color-primary-code-token-atrule);
+  --color-code-token-attr-name: var(--color-primary-code-token-attr-name);
+  --color-code-token-attr-value: var(--color-primary-code-token-attr-value);
+  --color-code-token-attribute: var(--color-primary-code-token-attribute);
+  --color-code-token-boolean: var(--color-primary-code-token-boolean);
+  --color-code-token-builtin: var(--color-primary-code-token-builtin);
+  --color-code-token-cdata: var(--color-primary-code-token-cdata);
+  --color-code-token-char: var(--color-primary-code-token-char);
+  --color-code-token-class: var(--color-primary-code-token-class);
+  --color-code-token-class-name: var(--color-primary-code-token-class-name);
+  --color-code-token-comment: var(--color-primary-code-token-comment);
+  --color-code-token-constant: var(--color-primary-code-token-constant);
+  --color-code-token-deleted: var(--color-primary-code-token-deleted);
+  --color-code-token-doctype: var(--color-primary-code-token-doctype);
+  --color-code-token-entity: var(--color-primary-code-token-entity);
+  --color-code-token-function: var(--color-primary-code-token-function);
+  --color-code-token-hexcode: var(--color-primary-code-token-hexcode);
+  --color-code-token-id: var(--color-primary-code-token-id);
+  --color-code-token-important: var(--color-primary-code-token-important);
+  --color-code-token-inserted: var(--color-primary-code-token-inserted);
+  --color-code-token-keyword: var(--color-primary-code-token-keyword);
+  --color-code-token-number: var(--color-primary-code-token-number);
+  --color-code-token-operator: var(--color-primary-code-token-operator);
+  --color-code-token-prolog: var(--color-primary-code-token-prolog);
+  --color-code-token-property: var(--color-primary-code-token-property);
+  --color-code-token-pseudo-class: var(--color-primary-code-token-pseudo-class);
+  --color-code-token-pseudo-element: var(--color-primary-code-token-pseudo-element);
+  --color-code-token-punctuation: var(--color-primary-code-token-punctuation);
+  --color-code-token-regex: var(--color-primary-code-token-regex);
+  --color-code-token-selector: var(--color-primary-code-token-selector);
+  --color-code-token-string: var(--color-primary-code-token-string);
+  --color-code-token-symbol: var(--color-primary-code-token-symbol);
+  --color-code-token-tag: var(--color-primary-code-token-tag);
+  --color-code-token-unit: var(--color-primary-code-token-unit);
+  --color-code-token-url: var(--color-primary-code-token-url);
+  --color-code-token-variable: var(--color-primary-code-token-variable);
   --color-focus-ring: var(--color-primary-focus-ring);
   --color-link-fg: var(--color-primary-link-fg);
   --color-shadow-outline: var(--color-primary-shadow-outline);
   --color-shadow-umbra: var(--color-primary-shadow-umbra);
   --color-shadow-penumbra: var(--color-primary-shadow-penumbra);
   --color-shadow-ambient: var(--color-primary-shadow-ambient);
-  --color-token-atrule: var(--color-primary-token-atrule);
-  --color-token-attr-name: var(--color-primary-token-attr-name);
-  --color-token-attr-value: var(--color-primary-token-attr-value);
-  --color-token-attribute: var(--color-primary-token-attribute);
-  --color-token-boolean: var(--color-primary-token-boolean);
-  --color-token-builtin: var(--color-primary-token-builtin);
-  --color-token-cdata: var(--color-primary-token-cdata);
-  --color-token-char: var(--color-primary-token-char);
-  --color-token-class: var(--color-primary-token-class);
-  --color-token-class-name: var(--color-primary-token-class-name);
-  --color-token-comment: var(--color-primary-token-comment);
-  --color-token-constant: var(--color-primary-token-constant);
-  --color-token-deleted: var(--color-primary-token-deleted);
-  --color-token-doctype: var(--color-primary-token-doctype);
-  --color-token-entity: var(--color-primary-token-entity);
-  --color-token-function: var(--color-primary-token-function);
-  --color-token-hexcode: var(--color-primary-token-hexcode);
-  --color-token-id: var(--color-primary-token-id);
-  --color-token-important: var(--color-primary-token-important);
-  --color-token-inserted: var(--color-primary-token-inserted);
-  --color-token-keyword: var(--color-primary-token-keyword);
-  --color-token-number: var(--color-primary-token-number);
-  --color-token-operator: var(--color-primary-token-operator);
-  --color-token-prolog: var(--color-primary-token-prolog);
-  --color-token-property: var(--color-primary-token-property);
-  --color-token-pseudo-class: var(--color-primary-token-pseudo-class);
-  --color-token-pseudo-element: var(--color-primary-token-pseudo-element);
-  --color-token-punctuation: var(--color-primary-token-punctuation);
-  --color-token-regex: var(--color-primary-token-regex);
-  --color-token-selector: var(--color-primary-token-selector);
-  --color-token-string: var(--color-primary-token-string);
-  --color-token-symbol: var(--color-primary-token-symbol);
-  --color-token-tag: var(--color-primary-token-tag);
-  --color-token-unit: var(--color-primary-token-unit);
-  --color-token-url: var(--color-primary-token-url);
-  --color-token-variable: var(--color-primary-token-variable);
   --color-solid-default-bg-0: var(--color-primary-solid-default-bg-0);
   --color-solid-default-bg-1: var(--color-primary-solid-default-bg-1);
   --color-solid-default-bg-2: var(--color-primary-solid-default-bg-2);
@@ -18286,10 +18683,12 @@
   --card-bg-color: var(--color-bg);
   --card-bg2-color: var(--color-muted-bg);
   --card-border-color: var(--color-border);
-  --card-code-bg-color: var(--color-muted-bg);
-  --card-code-fg-color: var(--color-tinted-default-fg-4);
+  --card-code-bg-color: var(--color-code-bg);
+  --card-code-fg-color: var(--color-code-fg);
   --card-fg-color: var(--color-fg);
   --card-focus-ring-color: var(--color-focus-ring);
+  --card-hairline-soft-color: var(--color-tinted-default-border-1);
+  --card-hairline-hard-color: var(--color-tinted-default-border-2);
   --card-icon-color: var(--color-fg);
   --card-kbd-bg-color: var(--color-muted-bg);
   --card-kbd-border-color: var(--color-tinted-default-border-1);
@@ -18302,8 +18701,6 @@
   --card-shadow-umbra-color: var(--color-shadow-umbra);
   --card-shadow-penumbra-color: var(--color-shadow-penumbra);
   --card-shadow-ambient-color: var(--color-shadow-ambient);
-  --card-hairline-soft-color: var(--color-tinted-default-border-1);
-  --card-hairline-hard-color: var(--color-tinted-default-border-2);
 }
 .s-card.s-suggest {
@@ -18325,48 +18722,50 @@
   --color-avatar-green-fg: var(--color-suggest-avatar-green-fg);
   --color-avatar-cyan-bg: var(--color-suggest-avatar-cyan-bg);
   --color-backdrop: var(--color-suggest-backdrop);
+  --color-code-fg: var(--color-suggest-code-fg);
+  --color-code-bg: var(--color-suggest-code-bg);
+  --color-code-token-atrule: var(--color-suggest-code-token-atrule);
+  --color-code-token-attr-name: var(--color-suggest-code-token-attr-name);
+  --color-code-token-attr-value: var(--color-suggest-code-token-attr-value);
+  --color-code-token-attribute: var(--color-suggest-code-token-attribute);
+  --color-code-token-boolean: var(--color-suggest-code-token-boolean);
+  --color-code-token-builtin: var(--color-suggest-code-token-builtin);
+  --color-code-token-cdata: var(--color-suggest-code-token-cdata);
+  --color-code-token-char: var(--color-suggest-code-token-char);
+  --color-code-token-class: var(--color-suggest-code-token-class);
+  --color-code-token-class-name: var(--color-suggest-code-token-class-name);
+  --color-code-token-comment: var(--color-suggest-code-token-comment);
+  --color-code-token-constant: var(--color-suggest-code-token-constant);
+  --color-code-token-deleted: var(--color-suggest-code-token-deleted);
+  --color-code-token-doctype: var(--color-suggest-code-token-doctype);
+  --color-code-token-entity: var(--color-suggest-code-token-entity);
+  --color-code-token-function: var(--color-suggest-code-token-function);
+  --color-code-token-hexcode: var(--color-suggest-code-token-hexcode);
+  --color-code-token-id: var(--color-suggest-code-token-id);
+  --color-code-token-important: var(--color-suggest-code-token-important);
+  --color-code-token-inserted: var(--color-suggest-code-token-inserted);
+  --color-code-token-keyword: var(--color-suggest-code-token-keyword);
+  --color-code-token-number: var(--color-suggest-code-token-number);
+  --color-code-token-operator: var(--color-suggest-code-token-operator);
+  --color-code-token-prolog: var(--color-suggest-code-token-prolog);
+  --color-code-token-property: var(--color-suggest-code-token-property);
+  --color-code-token-pseudo-class: var(--color-suggest-code-token-pseudo-class);
+  --color-code-token-pseudo-element: var(--color-suggest-code-token-pseudo-element);
+  --color-code-token-punctuation: var(--color-suggest-code-token-punctuation);
+  --color-code-token-regex: var(--color-suggest-code-token-regex);
+  --color-code-token-selector: var(--color-suggest-code-token-selector);
+  --color-code-token-string: var(--color-suggest-code-token-string);
+  --color-code-token-symbol: var(--color-suggest-code-token-symbol);
+  --color-code-token-tag: var(--color-suggest-code-token-tag);
+  --color-code-token-unit: var(--color-suggest-code-token-unit);
+  --color-code-token-url: var(--color-suggest-code-token-url);
+  --color-code-token-variable: var(--color-suggest-code-token-variable);
   --color-focus-ring: var(--color-suggest-focus-ring);
   --color-link-fg: var(--color-suggest-link-fg);
   --color-shadow-outline: var(--color-suggest-shadow-outline);
   --color-shadow-umbra: var(--color-suggest-shadow-umbra);
   --color-shadow-penumbra: var(--color-suggest-shadow-penumbra);
   --color-shadow-ambient: var(--color-suggest-shadow-ambient);
-  --color-token-atrule: var(--color-suggest-token-atrule);
-  --color-token-attr-name: var(--color-suggest-token-attr-name);
-  --color-token-attr-value: var(--color-suggest-token-attr-value);
-  --color-token-attribute: var(--color-suggest-token-attribute);
-  --color-token-boolean: var(--color-suggest-token-boolean);
-  --color-token-builtin: var(--color-suggest-token-builtin);
-  --color-token-cdata: var(--color-suggest-token-cdata);
-  --color-token-char: var(--color-suggest-token-char);
-  --color-token-class: var(--color-suggest-token-class);
-  --color-token-class-name: var(--color-suggest-token-class-name);
-  --color-token-comment: var(--color-suggest-token-comment);
-  --color-token-constant: var(--color-suggest-token-constant);
-  --color-token-deleted: var(--color-suggest-token-deleted);
-  --color-token-doctype: var(--color-suggest-token-doctype);
-  --color-token-entity: var(--color-suggest-token-entity);
-  --color-token-function: var(--color-suggest-token-function);
-  --color-token-hexcode: var(--color-suggest-token-hexcode);
-  --color-token-id: var(--color-suggest-token-id);
-  --color-token-important: var(--color-suggest-token-important);
-  --color-token-inserted: var(--color-suggest-token-inserted);
-  --color-token-keyword: var(--color-suggest-token-keyword);
-  --color-token-number: var(--color-suggest-token-number);
-  --color-token-operator: var(--color-suggest-token-operator);
-  --color-token-prolog: var(--color-suggest-token-prolog);
-  --color-token-property: var(--color-suggest-token-property);
-  --color-token-pseudo-class: var(--color-suggest-token-pseudo-class);
-  --color-token-pseudo-element: var(--color-suggest-token-pseudo-element);
-  --color-token-punctuation: var(--color-suggest-token-punctuation);
-  --color-token-regex: var(--color-suggest-token-regex);
-  --color-token-selector: var(--color-suggest-token-selector);
-  --color-token-string: var(--color-suggest-token-string);
-  --color-token-symbol: var(--color-suggest-token-symbol);
-  --color-token-tag: var(--color-suggest-token-tag);
-  --color-token-unit: var(--color-suggest-token-unit);
-  --color-token-url: var(--color-suggest-token-url);
-  --color-token-variable: var(--color-suggest-token-variable);
   --color-solid-default-bg-0: var(--color-suggest-solid-default-bg-0);
   --color-solid-default-bg-1: var(--color-suggest-solid-default-bg-1);
   --color-solid-default-bg-2: var(--color-suggest-solid-default-bg-2);
@@ -18580,10 +18979,12 @@
   --card-bg-color: var(--color-bg);
   --card-bg2-color: var(--color-muted-bg);
   --card-border-color: var(--color-border);
-  --card-code-bg-color: var(--color-muted-bg);
-  --card-code-fg-color: var(--color-tinted-default-fg-4);
+  --card-code-bg-color: var(--color-code-bg);
+  --card-code-fg-color: var(--color-code-fg);
   --card-fg-color: var(--color-fg);
   --card-focus-ring-color: var(--color-focus-ring);
+  --card-hairline-soft-color: var(--color-tinted-default-border-1);
+  --card-hairline-hard-color: var(--color-tinted-default-border-2);
   --card-icon-color: var(--color-fg);
   --card-kbd-bg-color: var(--color-muted-bg);
   --card-kbd-border-color: var(--color-tinted-default-border-1);
@@ -18596,8 +18997,6 @@
   --card-shadow-umbra-color: var(--color-shadow-umbra);
   --card-shadow-penumbra-color: var(--color-shadow-penumbra);
   --card-shadow-ambient-color: var(--color-shadow-ambient);
-  --card-hairline-soft-color: var(--color-tinted-default-border-1);
-  --card-hairline-hard-color: var(--color-tinted-default-border-2);
 }
 .s-card.s-positive {
@@ -18619,48 +19018,50 @@
   --color-avatar-green-fg: var(--color-positive-avatar-green-fg);
   --color-avatar-cyan-bg: var(--color-positive-avatar-cyan-bg);
   --color-backdrop: var(--color-positive-backdrop);
+  --color-code-fg: var(--color-positive-code-fg);
+  --color-code-bg: var(--color-positive-code-bg);
+  --color-code-token-atrule: var(--color-positive-code-token-atrule);
+  --color-code-token-attr-name: var(--color-positive-code-token-attr-name);
+  --color-code-token-attr-value: var(--color-positive-code-token-attr-value);
+  --color-code-token-attribute: var(--color-positive-code-token-attribute);
+  --color-code-token-boolean: var(--color-positive-code-token-boolean);
+  --color-code-token-builtin: var(--color-positive-code-token-builtin);
+  --color-code-token-cdata: var(--color-positive-code-token-cdata);
+  --color-code-token-char: var(--color-positive-code-token-char);
+  --color-code-token-class: var(--color-positive-code-token-class);
+  --color-code-token-class-name: var(--color-positive-code-token-class-name);
+  --color-code-token-comment: var(--color-positive-code-token-comment);
+  --color-code-token-constant: var(--color-positive-code-token-constant);
+  --color-code-token-deleted: var(--color-positive-code-token-deleted);
+  --color-code-token-doctype: var(--color-positive-code-token-doctype);
+  --color-code-token-entity: var(--color-positive-code-token-entity);
+  --color-code-token-function: var(--color-positive-code-token-function);
+  --color-code-token-hexcode: var(--color-positive-code-token-hexcode);
+  --color-code-token-id: var(--color-positive-code-token-id);
+  --color-code-token-important: var(--color-positive-code-token-important);
+  --color-code-token-inserted: var(--color-positive-code-token-inserted);
+  --color-code-token-keyword: var(--color-positive-code-token-keyword);
+  --color-code-token-number: var(--color-positive-code-token-number);
+  --color-code-token-operator: var(--color-positive-code-token-operator);
+  --color-code-token-prolog: var(--color-positive-code-token-prolog);
+  --color-code-token-property: var(--color-positive-code-token-property);
+  --color-code-token-pseudo-class: var(--color-positive-code-token-pseudo-class);
+  --color-code-token-pseudo-element: var(--color-positive-code-token-pseudo-element);
+  --color-code-token-punctuation: var(--color-positive-code-token-punctuation);
+  --color-code-token-regex: var(--color-positive-code-token-regex);
+  --color-code-token-selector: var(--color-positive-code-token-selector);
+  --color-code-token-string: var(--color-positive-code-token-string);
+  --color-code-token-symbol: var(--color-positive-code-token-symbol);
+  --color-code-token-tag: var(--color-positive-code-token-tag);
+  --color-code-token-unit: var(--color-positive-code-token-unit);
+  --color-code-token-url: var(--color-positive-code-token-url);
+  --color-code-token-variable: var(--color-positive-code-token-variable);
   --color-focus-ring: var(--color-positive-focus-ring);
   --color-link-fg: var(--color-positive-link-fg);
   --color-shadow-outline: var(--color-positive-shadow-outline);
   --color-shadow-umbra: var(--color-positive-shadow-umbra);
   --color-shadow-penumbra: var(--color-positive-shadow-penumbra);
   --color-shadow-ambient: var(--color-positive-shadow-ambient);
-  --color-token-atrule: var(--color-positive-token-atrule);
-  --color-token-attr-name: var(--color-positive-token-attr-name);
-  --color-token-attr-value: var(--color-positive-token-attr-value);
-  --color-token-attribute: var(--color-positive-token-attribute);
-  --color-token-boolean: var(--color-positive-token-boolean);
-  --color-token-builtin: var(--color-positive-token-builtin);
-  --color-token-cdata: var(--color-positive-token-cdata);
-  --color-token-char: var(--color-positive-token-char);
-  --color-token-class: var(--color-positive-token-class);
-  --color-token-class-name: var(--color-positive-token-class-name);
-  --color-token-comment: var(--color-positive-token-comment);
-  --color-token-constant: var(--color-positive-token-constant);
-  --color-token-deleted: var(--color-positive-token-deleted);
-  --color-token-doctype: var(--color-positive-token-doctype);
-  --color-token-entity: var(--color-positive-token-entity);
-  --color-token-function: var(--color-positive-token-function);
-  --color-token-hexcode: var(--color-positive-token-hexcode);
-  --color-token-id: var(--color-positive-token-id);
-  --color-token-important: var(--color-positive-token-important);
-  --color-token-inserted: var(--color-positive-token-inserted);
-  --color-token-keyword: var(--color-positive-token-keyword);
-  --color-token-number: var(--color-positive-token-number);
-  --color-token-operator: var(--color-positive-token-operator);
-  --color-token-prolog: var(--color-positive-token-prolog);
-  --color-token-property: var(--color-positive-token-property);
-  --color-token-pseudo-class: var(--color-positive-token-pseudo-class);
-  --color-token-pseudo-element: var(--color-positive-token-pseudo-element);
-  --color-token-punctuation: var(--color-positive-token-punctuation);
-  --color-token-regex: var(--color-positive-token-regex);
-  --color-token-selector: var(--color-positive-token-selector);
-  --color-token-string: var(--color-positive-token-string);
-  --color-token-symbol: var(--color-positive-token-symbol);
-  --color-token-tag: var(--color-positive-token-tag);
-  --color-token-unit: var(--color-positive-token-unit);
-  --color-token-url: var(--color-positive-token-url);
-  --color-token-variable: var(--color-positive-token-variable);
   --color-solid-default-bg-0: var(--color-positive-solid-default-bg-0);
   --color-solid-default-bg-1: var(--color-positive-solid-default-bg-1);
   --color-solid-default-bg-2: var(--color-positive-solid-default-bg-2);
@@ -18874,10 +19275,12 @@
   --card-bg-color: var(--color-bg);
   --card-bg2-color: var(--color-muted-bg);
   --card-border-color: var(--color-border);
-  --card-code-bg-color: var(--color-muted-bg);
-  --card-code-fg-color: var(--color-tinted-default-fg-4);
+  --card-code-bg-color: var(--color-code-bg);
+  --card-code-fg-color: var(--color-code-fg);
   --card-fg-color: var(--color-fg);
   --card-focus-ring-color: var(--color-focus-ring);
+  --card-hairline-soft-color: var(--color-tinted-default-border-1);
+  --card-hairline-hard-color: var(--color-tinted-default-border-2);
   --card-icon-color: var(--color-fg);
   --card-kbd-bg-color: var(--color-muted-bg);
   --card-kbd-border-color: var(--color-tinted-default-border-1);
@@ -18890,8 +19293,6 @@
   --card-shadow-umbra-color: var(--color-shadow-umbra);
   --card-shadow-penumbra-color: var(--color-shadow-penumbra);
   --card-shadow-ambient-color: var(--color-shadow-ambient);
-  --card-hairline-soft-color: var(--color-tinted-default-border-1);
-  --card-hairline-hard-color: var(--color-tinted-default-border-2);
 }
 .s-card.s-caution {
@@ -18913,48 +19314,50 @@
   --color-avatar-green-fg: var(--color-caution-avatar-green-fg);
   --color-avatar-cyan-bg: var(--color-caution-avatar-cyan-bg);
   --color-backdrop: var(--color-caution-backdrop);
+  --color-code-fg: var(--color-caution-code-fg);
+  --color-code-bg: var(--color-caution-code-bg);
+  --color-code-token-atrule: var(--color-caution-code-token-atrule);
+  --color-code-token-attr-name: var(--color-caution-code-token-attr-name);
+  --color-code-token-attr-value: var(--color-caution-code-token-attr-value);
+  --color-code-token-attribute: var(--color-caution-code-token-attribute);
+  --color-code-token-boolean: var(--color-caution-code-token-boolean);
+  --color-code-token-builtin: var(--color-caution-code-token-builtin);
+  --color-code-token-cdata: var(--color-caution-code-token-cdata);
+  --color-code-token-char: var(--color-caution-code-token-char);
+  --color-code-token-class: var(--color-caution-code-token-class);
+  --color-code-token-class-name: var(--color-caution-code-token-class-name);
+  --color-code-token-comment: var(--color-caution-code-token-comment);
+  --color-code-token-constant: var(--color-caution-code-token-constant);
+  --color-code-token-deleted: var(--color-caution-code-token-deleted);
+  --color-code-token-doctype: var(--color-caution-code-token-doctype);
+  --color-code-token-entity: var(--color-caution-code-token-entity);
+  --color-code-token-function: var(--color-caution-code-token-function);
+  --color-code-token-hexcode: var(--color-caution-code-token-hexcode);
+  --color-code-token-id: var(--color-caution-code-token-id);
+  --color-code-token-important: var(--color-caution-code-token-important);
+  --color-code-token-inserted: var(--color-caution-code-token-inserted);
+  --color-code-token-keyword: var(--color-caution-code-token-keyword);
+  --color-code-token-number: var(--color-caution-code-token-number);
+  --color-code-token-operator: var(--color-caution-code-token-operator);
+  --color-code-token-prolog: var(--color-caution-code-token-prolog);
+  --color-code-token-property: var(--color-caution-code-token-property);
+  --color-code-token-pseudo-class: var(--color-caution-code-token-pseudo-class);
+  --color-code-token-pseudo-element: var(--color-caution-code-token-pseudo-element);
+  --color-code-token-punctuation: var(--color-caution-code-token-punctuation);
+  --color-code-token-regex: var(--color-caution-code-token-regex);
+  --color-code-token-selector: var(--color-caution-code-token-selector);
+  --color-code-token-string: var(--color-caution-code-token-string);
+  --color-code-token-symbol: var(--color-caution-code-token-symbol);
+  --color-code-token-tag: var(--color-caution-code-token-tag);
+  --color-code-token-unit: var(--color-caution-code-token-unit);
+  --color-code-token-url: var(--color-caution-code-token-url);
+  --color-code-token-variable: var(--color-caution-code-token-variable);
   --color-focus-ring: var(--color-caution-focus-ring);
   --color-link-fg: var(--color-caution-link-fg);
   --color-shadow-outline: var(--color-caution-shadow-outline);
   --color-shadow-umbra: var(--color-caution-shadow-umbra);
   --color-shadow-penumbra: var(--color-caution-shadow-penumbra);
   --color-shadow-ambient: var(--color-caution-shadow-ambient);
-  --color-token-atrule: var(--color-caution-token-atrule);
-  --color-token-attr-name: var(--color-caution-token-attr-name);
-  --color-token-attr-value: var(--color-caution-token-attr-value);
-  --color-token-attribute: var(--color-caution-token-attribute);
-  --color-token-boolean: var(--color-caution-token-boolean);
-  --color-token-builtin: var(--color-caution-token-builtin);
-  --color-token-cdata: var(--color-caution-token-cdata);
-  --color-token-char: var(--color-caution-token-char);
-  --color-token-class: var(--color-caution-token-class);
-  --color-token-class-name: var(--color-caution-token-class-name);
-  --color-token-comment: var(--color-caution-token-comment);
-  --color-token-constant: var(--color-caution-token-constant);
-  --color-token-deleted: var(--color-caution-token-deleted);
-  --color-token-doctype: var(--color-caution-token-doctype);
-  --color-token-entity: var(--color-caution-token-entity);
-  --color-token-function: var(--color-caution-token-function);
-  --color-token-hexcode: var(--color-caution-token-hexcode);
-  --color-token-id: var(--color-caution-token-id);
-  --color-token-important: var(--color-caution-token-important);
-  --color-token-inserted: var(--color-caution-token-inserted);
-  --color-token-keyword: var(--color-caution-token-keyword);
-  --color-token-number: var(--color-caution-token-number);
-  --color-token-operator: var(--color-caution-token-operator);
-  --color-token-prolog: var(--color-caution-token-prolog);
-  --color-token-property: var(--color-caution-token-property);
-  --color-token-pseudo-class: var(--color-caution-token-pseudo-class);
-  --color-token-pseudo-element: var(--color-caution-token-pseudo-element);
-  --color-token-punctuation: var(--color-caution-token-punctuation);
-  --color-token-regex: var(--color-caution-token-regex);
-  --color-token-selector: var(--color-caution-token-selector);
-  --color-token-string: var(--color-caution-token-string);
-  --color-token-symbol: var(--color-caution-token-symbol);
-  --color-token-tag: var(--color-caution-token-tag);
-  --color-token-unit: var(--color-caution-token-unit);
-  --color-token-url: var(--color-caution-token-url);
-  --color-token-variable: var(--color-caution-token-variable);
   --color-solid-default-bg-0: var(--color-caution-solid-default-bg-0);
   --color-solid-default-bg-1: var(--color-caution-solid-default-bg-1);
   --color-solid-default-bg-2: var(--color-caution-solid-default-bg-2);
@@ -19168,10 +19571,12 @@
   --card-bg-color: var(--color-bg);
   --card-bg2-color: var(--color-muted-bg);
   --card-border-color: var(--color-border);
-  --card-code-bg-color: var(--color-muted-bg);
-  --card-code-fg-color: var(--color-tinted-default-fg-4);
+  --card-code-bg-color: var(--color-code-bg);
+  --card-code-fg-color: var(--color-code-fg);
   --card-fg-color: var(--color-fg);
   --card-focus-ring-color: var(--color-focus-ring);
+  --card-hairline-soft-color: var(--color-tinted-default-border-1);
+  --card-hairline-hard-color: var(--color-tinted-default-border-2);
   --card-icon-color: var(--color-fg);
   --card-kbd-bg-color: var(--color-muted-bg);
   --card-kbd-border-color: var(--color-tinted-default-border-1);
@@ -19184,8 +19589,6 @@
   --card-shadow-umbra-color: var(--color-shadow-umbra);
   --card-shadow-penumbra-color: var(--color-shadow-penumbra);
   --card-shadow-ambient-color: var(--color-shadow-ambient);
-  --card-hairline-soft-color: var(--color-tinted-default-border-1);
-  --card-hairline-hard-color: var(--color-tinted-default-border-2);
 }
 .s-card.s-critical {
@@ -19207,48 +19610,50 @@
   --color-avatar-green-fg: var(--color-critical-avatar-green-fg);
   --color-avatar-cyan-bg: var(--color-critical-avatar-cyan-bg);
   --color-backdrop: var(--color-critical-backdrop);
+  --color-code-fg: var(--color-critical-code-fg);
+  --color-code-bg: var(--color-critical-code-bg);
+  --color-code-token-atrule: var(--color-critical-code-token-atrule);
+  --color-code-token-attr-name: var(--color-critical-code-token-attr-name);
+  --color-code-token-attr-value: var(--color-critical-code-token-attr-value);
+  --color-code-token-attribute: var(--color-critical-code-token-attribute);
+  --color-code-token-boolean: var(--color-critical-code-token-boolean);
+  --color-code-token-builtin: var(--color-critical-code-token-builtin);
+  --color-code-token-cdata: var(--color-critical-code-token-cdata);
+  --color-code-token-char: var(--color-critical-code-token-char);
+  --color-code-token-class: var(--color-critical-code-token-class);
+  --color-code-token-class-name: var(--color-critical-code-token-class-name);
+  --color-code-token-comment: var(--color-critical-code-token-comment);
+  --color-code-token-constant: var(--color-critical-code-token-constant);
+  --color-code-token-deleted: var(--color-critical-code-token-deleted);
+  --color-code-token-doctype: var(--color-critical-code-token-doctype);
+  --color-code-token-entity: var(--color-critical-code-token-entity);
+  --color-code-token-function: var(--color-critical-code-token-function);
+  --color-code-token-hexcode: var(--color-critical-code-token-hexcode);
+  --color-code-token-id: var(--color-critical-code-token-id);
+  --color-code-token-important: var(--color-critical-code-token-important);
+  --color-code-token-inserted: var(--color-critical-code-token-inserted);
+  --color-code-token-keyword: var(--color-critical-code-token-keyword);
+  --color-code-token-number: var(--color-critical-code-token-number);
+  --color-code-token-operator: var(--color-critical-code-token-operator);
+  --color-code-token-prolog: var(--color-critical-code-token-prolog);
+  --color-code-token-property: var(--color-critical-code-token-property);
+  --color-code-token-pseudo-class: var(--color-critical-code-token-pseudo-class);
+  --color-code-token-pseudo-element: var(--color-critical-code-token-pseudo-element);
+  --color-code-token-punctuation: var(--color-critical-code-token-punctuation);
+  --color-code-token-regex: var(--color-critical-code-token-regex);
+  --color-code-token-selector: var(--color-critical-code-token-selector);
+  --color-code-token-string: var(--color-critical-code-token-string);
+  --color-code-token-symbol: var(--color-critical-code-token-symbol);
+  --color-code-token-tag: var(--color-critical-code-token-tag);
+  --color-code-token-unit: var(--color-critical-code-token-unit);
+  --color-code-token-url: var(--color-critical-code-token-url);
+  --color-code-token-variable: var(--color-critical-code-token-variable);
   --color-focus-ring: var(--color-critical-focus-ring);
   --color-link-fg: var(--color-critical-link-fg);
   --color-shadow-outline: var(--color-critical-shadow-outline);
   --color-shadow-umbra: var(--color-critical-shadow-umbra);
   --color-shadow-penumbra: var(--color-critical-shadow-penumbra);
   --color-shadow-ambient: var(--color-critical-shadow-ambient);
-  --color-token-atrule: var(--color-critical-token-atrule);
-  --color-token-attr-name: var(--color-critical-token-attr-name);
-  --color-token-attr-value: var(--color-critical-token-attr-value);
-  --color-token-attribute: var(--color-critical-token-attribute);
-  --color-token-boolean: var(--color-critical-token-boolean);
-  --color-token-builtin: var(--color-critical-token-builtin);
-  --color-token-cdata: var(--color-critical-token-cdata);
-  --color-token-char: var(--color-critical-token-char);
-  --color-token-class: var(--color-critical-token-class);
-  --color-token-class-name: var(--color-critical-token-class-name);
-  --color-token-comment: var(--color-critical-token-comment);
-  --color-token-constant: var(--color-critical-token-constant);
-  --color-token-deleted: var(--color-critical-token-deleted);
-  --color-token-doctype: var(--color-critical-token-doctype);
-  --color-token-entity: var(--color-critical-token-entity);
-  --color-token-function: var(--color-critical-token-function);
-  --color-token-hexcode: var(--color-critical-token-hexcode);
-  --color-token-id: var(--color-critical-token-id);
-  --color-token-important: var(--color-critical-token-important);
-  --color-token-inserted: var(--color-critical-token-inserted);
-  --color-token-keyword: var(--color-critical-token-keyword);
-  --color-token-number: var(--color-critical-token-number);
-  --color-token-operator: var(--color-critical-token-operator);
-  --color-token-prolog: var(--color-critical-token-prolog);
-  --color-token-property: var(--color-critical-token-property);
-  --color-token-pseudo-class: var(--color-critical-token-pseudo-class);
-  --color-token-pseudo-element: var(--color-critical-token-pseudo-element);
-  --color-token-punctuation: var(--color-critical-token-punctuation);
-  --color-token-regex: var(--color-critical-token-regex);
-  --color-token-selector: var(--color-critical-token-selector);
-  --color-token-string: var(--color-critical-token-string);
-  --color-token-symbol: var(--color-critical-token-symbol);
-  --color-token-tag: var(--color-critical-token-tag);
-  --color-token-unit: var(--color-critical-token-unit);
-  --color-token-url: var(--color-critical-token-url);
-  --color-token-variable: var(--color-critical-token-variable);
   --color-solid-default-bg-0: var(--color-critical-solid-default-bg-0);
   --color-solid-default-bg-1: var(--color-critical-solid-default-bg-1);
   --color-solid-default-bg-2: var(--color-critical-solid-default-bg-2);
@@ -19462,10 +19867,12 @@
   --card-bg-color: var(--color-bg);
   --card-bg2-color: var(--color-muted-bg);
   --card-border-color: var(--color-border);
-  --card-code-bg-color: var(--color-muted-bg);
-  --card-code-fg-color: var(--color-tinted-default-fg-4);
+  --card-code-bg-color: var(--color-code-bg);
+  --card-code-fg-color: var(--color-code-fg);
   --card-fg-color: var(--color-fg);
   --card-focus-ring-color: var(--color-focus-ring);
+  --card-hairline-soft-color: var(--color-tinted-default-border-1);
+  --card-hairline-hard-color: var(--color-tinted-default-border-2);
   --card-icon-color: var(--color-fg);
   --card-kbd-bg-color: var(--color-muted-bg);
   --card-kbd-border-color: var(--color-tinted-default-border-1);
@@ -19478,8 +19885,6 @@
   --card-shadow-umbra-color: var(--color-shadow-umbra);
   --card-shadow-penumbra-color: var(--color-shadow-penumbra);
   --card-shadow-ambient-color: var(--color-shadow-ambient);
-  --card-hairline-soft-color: var(--color-tinted-default-border-1);
-  --card-hairline-hard-color: var(--color-tinted-default-border-2);
 }
 .s-checkbox {
@@ -19548,7 +19953,7 @@
 .s-checkbox-input:not(:disabled):focus:focus-visible + span {
 }
-.s-checkbox-input:not(:disabled):focus:focus-visible&:checked + span {
+.s-checkbox-input:not(:disabled):focus:focus-visible.s-checkbox-input:checked + span {
 }
 .s-checkbox-input[data-error] + span {
@@ -19744,7 +20149,7 @@
 }
 .s-kbd {
-  box-shadow: inset 0 0 0 0.5px var(--color-border);
+  box-shadow: inset 0 0 0 0.5px var(--color-tinted-default-border-3);
   background: var(--color-muted-bg);
   font: inherit;
   vertical-align: top;
@@ -19961,6 +20366,10 @@ input:checked + .s-switch-presentation {
   --switch-thumb-offset: calc(var(--input-switch-width) - (var(--input-switch-padding) * 2) - var(--switch-thumb-size));
 }
+[data-indeterminate] > .s-switch-element + .s-switch-presentation {
+  --switch-thumb-offset: calc(var(--input-switch-width) / 2 - var(--switch-thumb-size) / 2 - var(--input-switch-padding));
+}
 .s-switch-track {
   display: block;
   background-color: var(--switch-bg-color);
@@ -20040,6 +20449,17 @@ input:checked + .s-switch-presentation {
   color: var(--color-fg);
 }
+.s-text code {
+  font-family: var(--font-code-family);
+  color: var(--color-code-fg);
+  background-color: var(--color-muted-bg);
+  border-radius: var(--radius-2);
+}
+.s-text svg {
+  color: var(--color-muted-fg);
+}
 .s-text-muted {
   color: var(--color-muted-fg);
 }
@@ -20201,7 +20621,7 @@ input:checked + .s-switch-presentation {
   color: var(--color-token-punctuation);
 }
-.token.attr-value &:not(.attr-equals).punctuation {
+.token.attr-value .token:not(.attr-equals).punctuation {
   color: inherit;
 }
@@ -21708,7 +22128,7 @@ input:checked + .s-switch-presentation {
   --color-muted-fg: var(--color-tinted-fg-4);
 }
-.s-selectable:not([data-disabled]):active, &:not([data-disabled])[aria-pressed="true"], &:not([data-disabled])[data-pressed] {
+.s-selectable:not([data-disabled]):active, .s-selectable:not([data-disabled])[aria-pressed="true"], .s-selectable:not([data-disabled])[data-pressed] {
   --color-bg: var(--color-tinted-bg-2);
   --color-border: var(--color-tinted-border-4);
   --color-fg: var(--color-tinted-fg-0);