npm - @sanity/ui - Versions diffs - 3.0.0-static.10 → 3.0.0-static.3 - Mend

@sanity/ui 3.0.0-static.10 → 3.0.0-static.3

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 (106) hide show

package/dist/_chunks-cjs/_visual-editing.js +105 -143
package/dist/_chunks-cjs/_visual-editing.js.map +1 -1
package/dist/_chunks-cjs/buildCommand.js +1 -1
package/dist/_chunks-cjs/buildCommand.js.map +1 -1
package/dist/_chunks-cjs/v3_v2.js +251 -0
package/dist/_chunks-cjs/v3_v2.js.map +1 -0
package/dist/_chunks-es/_visual-editing.mjs +106 -144
package/dist/_chunks-es/_visual-editing.mjs.map +1 -1
package/dist/_chunks-es/v3_v2.mjs +252 -0
package/dist/_chunks-es/v3_v2.mjs.map +1 -0
package/dist/_visual-editing.d.mts +11 -14
package/dist/_visual-editing.d.ts +11 -14
package/dist/cli.js +1 -1
package/dist/css.d.mts +1006 -282
package/dist/css.d.ts +1006 -282
package/dist/css.js +743 -852
package/dist/css.js.map +1 -1
package/dist/css.mjs +743 -852
package/dist/css.mjs.map +1 -1
package/dist/index.d.mts +11 -14
package/dist/index.d.ts +11 -14
package/dist/index.js +31 -17
package/dist/index.js.map +1 -1
package/dist/index.mjs +33 -19
package/dist/index.mjs.map +1 -1
package/dist/sanity-palette.css +9 -1
package/dist/sanity-theme.css +1 -1
package/dist/system.css +1023 -1448
package/dist/theme.d.mts +119 -85
package/dist/theme.d.ts +119 -85
package/dist/theme.js +219 -432
package/dist/theme.js.map +1 -1
package/dist/theme.mjs +202 -413
package/dist/theme.mjs.map +1 -1
package/package.json +2 -2
package/src/cli/buildCommand.ts +2 -2
package/src/css/_comp.ts +0 -1
package/src/css/aspects/flex/flexJustify.style.ts +3 -3
package/src/css/aspects/grid/types.ts +2 -2
package/src/css/aspects/index.ts +0 -1
package/src/css/aspects/textOverflow/textOverflow.ts +2 -2
package/src/css/compile/compilePalette.ts +41 -8
package/src/css/compile/compileRule.ts +0 -1
package/src/css/compile/compileStyle.ts +1 -1
package/src/css/compile/compileTheme_v3.ts +55 -46
package/src/css/index.ts +2 -2
package/src/css/primitives/_input/__workshop__/index.ts +1 -1
package/src/css/primitives/_selectable/_contants.ts +1 -1
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 +0 -2
package/src/css/primitives/box/types.ts +0 -2
package/src/css/primitives/button/_constants.ts +1 -1
package/src/css/primitives/button/button.style.ts +13 -32
package/src/css/primitives/card/_constants.ts +2 -2
package/src/css/primitives/card/card.style.ts +44 -116
package/src/css/primitives/card/card.ts +1 -1
package/src/css/primitives/card/rules.ts +473 -0
package/src/css/primitives/card/types.ts +1 -0
package/src/css/primitives/kbd/kbd.style.ts +1 -1
package/src/css/primitives/popover/popover.ts +0 -4
package/src/css/primitives/switch/switch.style.ts +83 -8
package/src/css/primitives/text/text.style.ts +3 -11
package/src/css/system.style.ts +0 -4
package/src/css/types.ts +188 -202
package/src/css/varNames.ts +76 -110
package/src/css/vars.ts +76 -109
package/src/theme/defaults/config.ts +2 -2
package/src/theme/defaults/fonts.ts +4 -4
package/src/theme/palette/constants.ts +3 -1
package/src/theme/palette/types.ts +12 -0
package/src/theme/v3/buildTheme_v3.ts +2 -1
package/src/theme/v3/color/buildColor_v3.ts +38 -43
package/src/theme/v3/color/card.ts +38 -43
package/src/theme/v3/color/color.ts +38 -42
package/src/theme/v3/defaults.ts +72 -69
package/src/theme/v3/resolveTokens.ts +38 -43
package/src/theme/v3/types.ts +3 -0
package/src/theme/versioning/themeColor_v3_v2.ts +1 -1
package/src/ui/StyleTags.tsx +1 -1
package/src/ui/components/autocomplete/__workshop__/async.tsx +1 -0
package/src/ui/components/autocomplete/__workshop__/index.ts +1 -1
package/src/ui/components/autocomplete/autocomplete.tsx +11 -2
package/src/ui/components/dialog/dialog.tsx +4 -3
package/src/ui/constants.ts +0 -6
package/src/ui/hooks/useMediaIndex/useMediaIndex.ts +2 -0
package/src/ui/primitives/box/box.tsx +2 -9
package/src/ui/primitives/button/button.tsx +11 -12
package/src/ui/primitives/card/card.tsx +5 -4
package/src/ui/primitives/code/code.tsx +1 -1
package/src/ui/primitives/heading/heading.tsx +1 -1
package/src/ui/primitives/kbd/kbd.tsx +2 -2
package/src/ui/primitives/popover/popover.tsx +75 -5
package/src/ui/primitives/popover/popoverCard.tsx +39 -45
package/src/ui/primitives/select/select.tsx +3 -3
package/src/ui/primitives/stack/stack.tsx +5 -10
package/src/ui/primitives/text/text.tsx +1 -1
package/src/ui/primitives/textInput/textInput.tsx +1 -1
package/src/ui/primitives/tooltip/tooltip.tsx +3 -2
package/src/css/aspects/minWidth/index.ts +0 -2
package/src/css/aspects/minWidth/minWidth.style.ts +0 -13
package/src/css/aspects/minWidth/minWidth.ts +0 -6
package/src/css/aspects/minWidth/types.ts +0 -7
package/src/css/primitives/stack/index.ts +0 -1
package/src/css/primitives/stack/stack.style.ts +0 -9
package/src/css/primitives/stack/stack.ts +0 -6

package/dist/system.css CHANGED Viewed

@@ -185,15 +185,15 @@
   justify-content: center;
 }
-.s-flex-justify-space-between {
+.s-flex-justify-between {
   justify-content: space-between;
 }
-.s-flex-justify-space-around {
+.s-flex-justify-around {
   justify-content: space-around;
 }
-.s-flex-justify-space-evenly {
+.s-flex-justify-evenly {
   justify-content: space-evenly;
 }
@@ -1182,30 +1182,6 @@
   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;
 }
@@ -1811,15 +1787,15 @@
   justify-content: center;
 }
-.s-1\:flex-justify-space-between {
+.s-1\:flex-justify-between {
   justify-content: space-between;
 }
-.s-1\:flex-justify-space-around {
+.s-1\:flex-justify-around {
   justify-content: space-around;
 }
-.s-1\:flex-justify-space-evenly {
+.s-1\:flex-justify-evenly {
   justify-content: space-evenly;
 }
@@ -2808,30 +2784,6 @@
   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;
 }
@@ -3411,15 +3363,15 @@
   justify-content: center;
 }
-.s-2\:flex-justify-space-between {
+.s-2\:flex-justify-between {
   justify-content: space-between;
 }
-.s-2\:flex-justify-space-around {
+.s-2\:flex-justify-around {
   justify-content: space-around;
 }
-.s-2\:flex-justify-space-evenly {
+.s-2\:flex-justify-evenly {
   justify-content: space-evenly;
 }
@@ -4408,30 +4360,6 @@
   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;
 }
@@ -5011,15 +4939,15 @@
   justify-content: center;
 }
-.s-3\:flex-justify-space-between {
+.s-3\:flex-justify-between {
   justify-content: space-between;
 }
-.s-3\:flex-justify-space-around {
+.s-3\:flex-justify-around {
   justify-content: space-around;
 }
-.s-3\:flex-justify-space-evenly {
+.s-3\:flex-justify-evenly {
   justify-content: space-evenly;
 }
@@ -6008,30 +5936,6 @@
   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;
 }
@@ -6611,15 +6515,15 @@
   justify-content: center;
 }
-.s-4\:flex-justify-space-between {
+.s-4\:flex-justify-between {
   justify-content: space-between;
 }
-.s-4\:flex-justify-space-around {
+.s-4\:flex-justify-around {
   justify-content: space-around;
 }
-.s-4\:flex-justify-space-evenly {
+.s-4\:flex-justify-evenly {
   justify-content: space-evenly;
 }
@@ -7608,30 +7512,6 @@
   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;
 }
@@ -8211,15 +8091,15 @@
   justify-content: center;
 }
-.s-5\:flex-justify-space-between {
+.s-5\:flex-justify-between {
   justify-content: space-between;
 }
-.s-5\:flex-justify-space-around {
+.s-5\:flex-justify-around {
   justify-content: space-around;
 }
-.s-5\:flex-justify-space-evenly {
+.s-5\:flex-justify-evenly {
   justify-content: space-evenly;
 }
@@ -9208,30 +9088,6 @@
   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;
 }
@@ -9811,15 +9667,15 @@
   justify-content: center;
 }
-.s-6\:flex-justify-space-between {
+.s-6\:flex-justify-between {
   justify-content: space-between;
 }
-.s-6\:flex-justify-space-around {
+.s-6\:flex-justify-around {
   justify-content: space-around;
 }
-.s-6\:flex-justify-space-evenly {
+.s-6\:flex-justify-evenly {
   justify-content: space-evenly;
 }
@@ -10808,30 +10664,6 @@
   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;
 }
@@ -11665,7 +11497,7 @@
   text-decoration: none;
 }
-.s-selectable.s-default {
+.s-selectable.s-surface {
   --color-tinted-bg-0: var(--color-tinted-default-bg-0);
   --color-tinted-bg-1: var(--color-tinted-default-bg-1);
   --color-tinted-bg-2: var(--color-tinted-default-bg-2);
@@ -11932,7 +11764,7 @@
   box-shadow: none;
 }
-:disabled .s-avatar, [data-disabled] .s-avatar {
+:disabled .s-avatar, [data-disabled] & {
   --color-avatar-bg: var(--color-border);
   --color-avatar-fg: var(--color-bg);
 }
@@ -12055,7 +11887,7 @@
   height: var(--avatar-size);
 }
-.s-avatar-counter.s-avatar-counter {
+.s-avatar-counter& {
   min-width: var(--avatar-size);
 }
@@ -12095,44 +11927,45 @@
 .s-badge-default {
   --color-bg: var(--color-tinted-default-bg-4);
-  --color-fg: var(--color-tinted-default-fg-3);
+  --color-fg: var(--color-tinted-default-fg-1);
 }
 .s-badge-neutral {
   --color-bg: var(--color-tinted-neutral-bg-4);
-  --color-fg: var(--color-tinted-neutral-fg-3);
+  --color-fg: var(--color-tinted-neutral-fg-1);
 }
 .s-badge-primary {
   --color-bg: var(--color-tinted-primary-bg-4);
-  --color-fg: var(--color-tinted-primary-fg-3);
+  --color-fg: var(--color-tinted-primary-fg-1);
 }
 .s-badge-suggest {
   --color-bg: var(--color-tinted-suggest-bg-4);
-  --color-fg: var(--color-tinted-suggest-fg-3);
+  --color-fg: var(--color-tinted-suggest-fg-1);
 }
 .s-badge-positive {
   --color-bg: var(--color-tinted-positive-bg-4);
-  --color-fg: var(--color-tinted-positive-fg-3);
+  --color-fg: var(--color-tinted-positive-fg-1);
 }
 .s-badge-caution {
   --color-bg: var(--color-tinted-caution-bg-4);
-  --color-fg: var(--color-tinted-caution-fg-3);
+  --color-fg: var(--color-tinted-caution-fg-1);
 }
 .s-badge-critical {
   --color-bg: var(--color-tinted-critical-bg-4);
-  --color-fg: var(--color-tinted-critical-fg-3);
+  --color-fg: var(--color-tinted-critical-fg-1);
 }
 .s-box {
+  min-width: 0;
   min-height: 0;
 }
-.s-box:is(ul), .s-box:is(ol) {
+.s-box:is(ul), &:is(ol) {
   list-style: none;
 }
@@ -12166,7 +11999,6 @@
   background-color: var(--color-bg);
   color: var(--color-fg);
   box-shadow: var(--button-box-shadow);
-  align-items: center;
 }
 .s-button::-moz-focus-inner {
@@ -12195,129 +12027,109 @@
   opacity: 0.8;
 }
-.s-button.s-solid.s-default {
+.s-button.s-solid.s-surface {
   --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;
 }
-.s-button.s-solid.s-default:not([data-disabled]):hover {
+.s-button.s-solid.s-surface:not([data-disabled]):hover {
   --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);
 }
-.s-button.s-solid.s-default:not([data-disabled]):active {
+.s-button.s-solid.s-surface:not([data-disabled]):active {
   --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);
 }
-.s-button.s-solid.s-default:not([data-disabled])[data-selected] {
+.s-button.s-solid.s-surface:not([data-disabled])[data-selected] {
   --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);
 }
-.s-button.s-solid.s-default[data-disabled] {
+.s-button.s-solid.s-surface[data-disabled] {
   --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-ghost.s-default {
-  --color-bg: var(--color-tinted-default-bg-1);
-  --color-border: var(--color-tinted-default-border-0);
+.s-button.s-ghost.s-surface {
+  --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-2);
-  --color-muted-fg: var(--color-tinted-default-fg-4);
-  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
+  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border),inset 0 -1.5px 0 0.5px var(--color-shadow-umbra);
 }
-.s-button.s-ghost.s-default:not([data-disabled]):hover {
-  --color-bg: var(--color-tinted-default-bg-2);
-  --color-border: var(--color-tinted-default-border-1);
+.s-button.s-ghost.s-surface:not([data-disabled]):hover {
+  --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-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);
+.s-button.s-ghost.s-surface:not([data-disabled]):active {
+  --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-4);
-  --color-muted-fg: var(--color-tinted-default-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
-.s-button.s-ghost.s-default:not([data-disabled])[data-selected] {
-  --color-bg: var(--color-tinted-default-bg-3);
-  --color-border: var(--color-tinted-default-border-2);
+.s-button.s-ghost.s-surface:not([data-disabled])[data-selected] {
+  --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-4);
-  --color-muted-fg: var(--color-tinted-default-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
-.s-button.s-ghost.s-default[data-disabled] {
-  --color-bg: var(--color-default-tinted-bg-1);
+.s-button.s-ghost.s-surface[data-disabled] {
+  --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-2);
-  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
-.s-button.s-tinted.s-default {
+.s-button.s-tinted.s-surface {
   box-shadow: none;
   --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;
 }
-.s-button.s-tinted.s-default:not([data-disabled]):hover {
+.s-button.s-tinted.s-surface:not([data-disabled]):hover {
   --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);
 }
-.s-button.s-tinted.s-default:not([data-disabled]):active {
+.s-button.s-tinted.s-surface:not([data-disabled]):active {
   --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);
 }
-.s-button.s-tinted.s-default:not([data-disabled])[data-selected] {
+.s-button.s-tinted.s-surface:not([data-disabled])[data-selected] {
   --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);
 }
-.s-button.s-tinted.s-default[data-disabled] {
+.s-button.s-tinted.s-surface[data-disabled] {
   --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);
 }
@@ -12325,7 +12137,6 @@
   --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;
 }
@@ -12334,7 +12145,6 @@
   --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);
 }
@@ -12342,7 +12152,6 @@
   --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);
 }
@@ -12350,7 +12159,6 @@
   --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);
 }
@@ -12358,51 +12166,40 @@
   --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-ghost.s-neutral {
-  --color-bg: var(--color-tinted-neutral-bg-1);
-  --color-border: var(--color-tinted-neutral-border-0);
+  --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-2);
-  --color-muted-fg: var(--color-tinted-neutral-fg-4);
-  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
+  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border),inset 0 -1.5px 0 0.5px var(--color-shadow-umbra);
 }
 .s-button.s-ghost.s-neutral:not([data-disabled]):hover {
-  --color-bg: var(--color-tinted-neutral-bg-2);
-  --color-border: var(--color-tinted-neutral-border-1);
+  --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-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-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-4);
-  --color-muted-fg: var(--color-tinted-neutral-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
 .s-button.s-ghost.s-neutral:not([data-disabled])[data-selected] {
-  --color-bg: var(--color-tinted-neutral-bg-3);
-  --color-border: var(--color-tinted-neutral-border-2);
+  --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-4);
-  --color-muted-fg: var(--color-tinted-neutral-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
 .s-button.s-ghost.s-neutral[data-disabled] {
-  --color-bg: var(--color-default-tinted-bg-1);
+  --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-2);
-  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-neutral {
@@ -12410,7 +12207,6 @@
   --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;
 }
@@ -12419,7 +12215,6 @@
   --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);
 }
@@ -12427,7 +12222,6 @@
   --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);
 }
@@ -12435,7 +12229,6 @@
   --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);
 }
@@ -12443,7 +12236,6 @@
   --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);
 }
@@ -12451,7 +12243,6 @@
   --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;
 }
@@ -12460,7 +12251,6 @@
   --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);
 }
@@ -12468,7 +12258,6 @@
   --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);
 }
@@ -12476,7 +12265,6 @@
   --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);
 }
@@ -12484,51 +12272,40 @@
   --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-ghost.s-accent {
-  --color-bg: var(--color-tinted-primary-bg-1);
-  --color-border: var(--color-tinted-primary-border-0);
+  --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-2);
-  --color-muted-fg: var(--color-tinted-primary-fg-4);
-  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
+  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border),inset 0 -1.5px 0 0.5px var(--color-shadow-umbra);
 }
 .s-button.s-ghost.s-accent:not([data-disabled]):hover {
-  --color-bg: var(--color-tinted-primary-bg-2);
-  --color-border: var(--color-tinted-primary-border-1);
+  --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-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-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-4);
-  --color-muted-fg: var(--color-tinted-primary-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
 .s-button.s-ghost.s-accent:not([data-disabled])[data-selected] {
-  --color-bg: var(--color-tinted-primary-bg-3);
-  --color-border: var(--color-tinted-primary-border-2);
+  --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-4);
-  --color-muted-fg: var(--color-tinted-primary-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
 .s-button.s-ghost.s-accent[data-disabled] {
-  --color-bg: var(--color-default-tinted-bg-1);
+  --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-2);
-  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-accent {
@@ -12536,7 +12313,6 @@
   --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;
 }
@@ -12545,7 +12321,6 @@
   --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);
 }
@@ -12553,7 +12328,6 @@
   --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);
 }
@@ -12561,7 +12335,6 @@
   --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);
 }
@@ -12569,7 +12342,6 @@
   --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);
 }
@@ -12577,7 +12349,6 @@
   --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;
 }
@@ -12586,7 +12357,6 @@
   --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);
 }
@@ -12594,7 +12364,6 @@
   --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);
 }
@@ -12602,7 +12371,6 @@
   --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);
 }
@@ -12610,51 +12378,40 @@
   --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-ghost.s-suggest {
-  --color-bg: var(--color-tinted-suggest-bg-1);
-  --color-border: var(--color-tinted-suggest-border-0);
+  --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-2);
-  --color-muted-fg: var(--color-tinted-suggest-fg-4);
-  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
+  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border),inset 0 -1.5px 0 0.5px var(--color-shadow-umbra);
 }
 .s-button.s-ghost.s-suggest:not([data-disabled]):hover {
-  --color-bg: var(--color-tinted-suggest-bg-2);
-  --color-border: var(--color-tinted-suggest-border-1);
+  --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-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-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-4);
-  --color-muted-fg: var(--color-tinted-suggest-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
 .s-button.s-ghost.s-suggest:not([data-disabled])[data-selected] {
-  --color-bg: var(--color-tinted-suggest-bg-3);
-  --color-border: var(--color-tinted-suggest-border-2);
+  --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-4);
-  --color-muted-fg: var(--color-tinted-suggest-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
 .s-button.s-ghost.s-suggest[data-disabled] {
-  --color-bg: var(--color-default-tinted-bg-1);
+  --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-2);
-  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-suggest {
@@ -12662,7 +12419,6 @@
   --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;
 }
@@ -12671,7 +12427,6 @@
   --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);
 }
@@ -12679,7 +12434,6 @@
   --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);
 }
@@ -12687,7 +12441,6 @@
   --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);
 }
@@ -12695,7 +12448,6 @@
   --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);
 }
@@ -12703,7 +12455,6 @@
   --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;
 }
@@ -12712,7 +12463,6 @@
   --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);
 }
@@ -12720,7 +12470,6 @@
   --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);
 }
@@ -12728,7 +12477,6 @@
   --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);
 }
@@ -12736,51 +12484,40 @@
   --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-ghost.s-positive {
-  --color-bg: var(--color-tinted-positive-bg-1);
-  --color-border: var(--color-tinted-positive-border-0);
+  --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-2);
-  --color-muted-fg: var(--color-tinted-positive-fg-4);
-  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
+  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border),inset 0 -1.5px 0 0.5px var(--color-shadow-umbra);
 }
 .s-button.s-ghost.s-positive:not([data-disabled]):hover {
-  --color-bg: var(--color-tinted-positive-bg-2);
-  --color-border: var(--color-tinted-positive-border-1);
+  --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-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-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-4);
-  --color-muted-fg: var(--color-tinted-positive-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
 .s-button.s-ghost.s-positive:not([data-disabled])[data-selected] {
-  --color-bg: var(--color-tinted-positive-bg-3);
-  --color-border: var(--color-tinted-positive-border-2);
+  --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-4);
-  --color-muted-fg: var(--color-tinted-positive-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
 .s-button.s-ghost.s-positive[data-disabled] {
-  --color-bg: var(--color-default-tinted-bg-1);
+  --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-2);
-  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-positive {
@@ -12788,7 +12525,6 @@
   --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;
 }
@@ -12797,7 +12533,6 @@
   --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);
 }
@@ -12805,7 +12540,6 @@
   --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);
 }
@@ -12813,7 +12547,6 @@
   --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);
 }
@@ -12821,7 +12554,6 @@
   --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);
 }
@@ -12829,7 +12561,6 @@
   --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;
 }
@@ -12838,7 +12569,6 @@
   --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);
 }
@@ -12846,7 +12576,6 @@
   --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);
 }
@@ -12854,7 +12583,6 @@
   --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);
 }
@@ -12862,51 +12590,40 @@
   --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-ghost.s-caution {
-  --color-bg: var(--color-tinted-caution-bg-1);
-  --color-border: var(--color-tinted-caution-border-0);
+  --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-2);
-  --color-muted-fg: var(--color-tinted-caution-fg-4);
-  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
+  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border),inset 0 -1.5px 0 0.5px var(--color-shadow-umbra);
 }
 .s-button.s-ghost.s-caution:not([data-disabled]):hover {
-  --color-bg: var(--color-tinted-caution-bg-2);
-  --color-border: var(--color-tinted-caution-border-1);
+  --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-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-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-4);
-  --color-muted-fg: var(--color-tinted-caution-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
 .s-button.s-ghost.s-caution:not([data-disabled])[data-selected] {
-  --color-bg: var(--color-tinted-caution-bg-3);
-  --color-border: var(--color-tinted-caution-border-2);
+  --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-4);
-  --color-muted-fg: var(--color-tinted-caution-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
 .s-button.s-ghost.s-caution[data-disabled] {
-  --color-bg: var(--color-default-tinted-bg-1);
+  --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-2);
-  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-caution {
@@ -12914,7 +12631,6 @@
   --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;
 }
@@ -12923,7 +12639,6 @@
   --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);
 }
@@ -12931,7 +12646,6 @@
   --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);
 }
@@ -12939,7 +12653,6 @@
   --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);
 }
@@ -12947,7 +12660,6 @@
   --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);
 }
@@ -12955,7 +12667,6 @@
   --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;
 }
@@ -12964,7 +12675,6 @@
   --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);
 }
@@ -12972,7 +12682,6 @@
   --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);
 }
@@ -12980,7 +12689,6 @@
   --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);
 }
@@ -12988,51 +12696,40 @@
   --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-ghost.s-critical {
-  --color-bg: var(--color-tinted-critical-bg-1);
-  --color-border: var(--color-tinted-critical-border-0);
+  --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-2);
-  --color-muted-fg: var(--color-tinted-critical-fg-4);
-  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
+  --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border),inset 0 -1.5px 0 0.5px var(--color-shadow-umbra);
 }
 .s-button.s-ghost.s-critical:not([data-disabled]):hover {
-  --color-bg: var(--color-tinted-critical-bg-2);
-  --color-border: var(--color-tinted-critical-border-1);
+  --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-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-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-4);
-  --color-muted-fg: var(--color-tinted-critical-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
 .s-button.s-ghost.s-critical:not([data-disabled])[data-selected] {
-  --color-bg: var(--color-tinted-critical-bg-3);
-  --color-border: var(--color-tinted-critical-border-2);
+  --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-4);
-  --color-muted-fg: var(--color-tinted-critical-fg-3);
   --button-box-shadow: inset 0 0 0 var(--button-border-width) var(--color-border);
 }
 .s-button.s-ghost.s-critical[data-disabled] {
-  --color-bg: var(--color-default-tinted-bg-1);
+  --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-2);
-  --color-muted-fg: var(--color-default-tinted-fg-1);
 }
 .s-button.s-tinted.s-critical {
@@ -13040,7 +12737,6 @@
   --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;
 }
@@ -13049,7 +12745,6 @@
   --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);
 }
@@ -13057,7 +12752,6 @@
   --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);
 }
@@ -13065,7 +12759,6 @@
   --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);
 }
@@ -13073,7 +12766,6 @@
   --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);
 }
@@ -13082,14 +12774,12 @@
   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);
 }
-button.s-card {
+.s-card:is(button) {
   -webkit-font-smoothing: inherit;
   appearance: none;
   outline: none;
@@ -13101,64 +12791,16 @@ button.s-card {
   width: fill-available;
 }
-a.s-card {
+.s-card:is(a) {
   outline: none;
   text-decoration: none;
 }
-pre.s-card {
+.s-card:is(pre) {
   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);
@@ -13179,50 +12821,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -13451,50 +13091,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -13723,50 +13361,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -13995,50 +13631,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -14267,50 +13901,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -14539,50 +14171,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -14811,50 +14441,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -15083,50 +14711,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -15359,50 +14985,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -15631,50 +15255,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -15903,50 +15525,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -16175,50 +15795,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -16447,50 +16065,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -16719,50 +16335,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -16991,50 +16605,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -17263,50 +16875,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -17519,7 +17129,7 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --color-critical-tinted-critical-fg-4: var(--color-dark-critical-tinted-critical-fg-4);
 }
-.s-card.s-transparent {
+.s-card.s-canvas {
   --color-accent-fg: var(--color-transparent-accent-fg);
   --color-avatar-gray-bg: var(--color-transparent-avatar-gray-bg);
   --color-avatar-gray-fg: var(--color-transparent-avatar-gray-fg);
@@ -17538,50 +17148,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -17795,12 +17403,10 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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-code-bg);
-  --card-code-fg-color: var(--color-code-fg);
+  --card-code-bg-color: var(--color-muted-bg);
+  --card-code-fg-color: var(--color-tinted-default-fg-4);
   --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);
@@ -17813,9 +17419,11 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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 {
+.s-card.s-surface {
   --color-accent-fg: var(--color-default-accent-fg);
   --color-avatar-gray-bg: var(--color-default-avatar-gray-bg);
   --color-avatar-gray-fg: var(--color-default-avatar-gray-fg);
@@ -17834,50 +17442,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -18091,12 +17697,10 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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-code-bg);
-  --card-code-fg-color: var(--color-code-fg);
+  --card-code-bg-color: var(--color-muted-bg);
+  --card-code-fg-color: var(--color-tinted-default-fg-4);
   --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);
@@ -18109,6 +17713,8 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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 {
@@ -18130,50 +17736,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -18387,12 +17991,10 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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-code-bg);
-  --card-code-fg-color: var(--color-code-fg);
+  --card-code-bg-color: var(--color-muted-bg);
+  --card-code-fg-color: var(--color-tinted-default-fg-4);
   --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);
@@ -18405,6 +18007,8 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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 {
@@ -18426,50 +18030,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -18683,12 +18285,10 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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-code-bg);
-  --card-code-fg-color: var(--color-code-fg);
+  --card-code-bg-color: var(--color-muted-bg);
+  --card-code-fg-color: var(--color-tinted-default-fg-4);
   --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);
@@ -18701,6 +18301,8 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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 {
@@ -18722,50 +18324,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -18979,12 +18579,10 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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-code-bg);
-  --card-code-fg-color: var(--color-code-fg);
+  --card-code-bg-color: var(--color-muted-bg);
+  --card-code-fg-color: var(--color-tinted-default-fg-4);
   --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);
@@ -18997,6 +18595,8 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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 {
@@ -19018,50 +18618,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -19275,12 +18873,10 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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-code-bg);
-  --card-code-fg-color: var(--color-code-fg);
+  --card-code-bg-color: var(--color-muted-bg);
+  --card-code-fg-color: var(--color-tinted-default-fg-4);
   --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);
@@ -19293,6 +18889,8 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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 {
@@ -19314,50 +18912,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -19571,12 +19167,10 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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-code-bg);
-  --card-code-fg-color: var(--color-code-fg);
+  --card-code-bg-color: var(--color-muted-bg);
+  --card-code-fg-color: var(--color-tinted-default-fg-4);
   --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);
@@ -19589,6 +19183,8 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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 {
@@ -19610,50 +19206,48 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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);
@@ -19867,12 +19461,10 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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-code-bg);
-  --card-code-fg-color: var(--color-code-fg);
+  --card-code-bg-color: var(--color-muted-bg);
+  --card-code-fg-color: var(--color-tinted-default-fg-4);
   --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);
@@ -19885,6 +19477,8 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   --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 {
@@ -19953,7 +19547,7 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
 .s-checkbox-input:not(:disabled):focus:focus-visible + span {
 }
-.s-checkbox-input:not(:disabled):focus:focus-visible.s-checkbox-input:checked + span {
+.s-checkbox-input:not(:disabled):focus:focus-visible&:checked + span {
 }
 .s-checkbox-input[data-error] + span {
@@ -20149,7 +19743,7 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
 }
 .s-kbd {
-  box-shadow: inset 0 0 0 0.5px var(--color-tinted-default-border-3);
+  box-shadow: inset 0 0 0 0.5px var(--color-border);
   background: var(--color-muted-bg);
   font: inherit;
   vertical-align: top;
@@ -20316,10 +19910,6 @@ a.s-card[data-disabled]), button.s-card[data-disabled] {
   animation: spinner-rotate 500ms linear infinite;
 }
-.s-stack {
-  grid-template-columns: minmax(0, 1fr);
-}
 .s-switch-element {
   position: absolute;
   top: 0;
@@ -20366,10 +19956,6 @@ 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);
@@ -20449,17 +20035,6 @@ 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);
 }
@@ -20621,7 +20196,7 @@ input:checked + .s-switch-presentation {
   color: var(--color-token-punctuation);
 }
-.token.attr-value .token:not(.attr-equals).punctuation {
+.token.attr-value &:not(.attr-equals).punctuation {
   color: inherit;
 }
@@ -22128,7 +21703,7 @@ input:checked + .s-switch-presentation {
   --color-muted-fg: var(--color-tinted-fg-4);
 }
-.s-selectable:not([data-disabled]):active, .s-selectable:not([data-disabled])[aria-pressed="true"], .s-selectable:not([data-disabled])[data-pressed] {
+.s-selectable:not([data-disabled]):active, &:not([data-disabled])[aria-pressed="true"], &: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);