@kushagradhawan/kookie-ui 0.6.2 → 0.8.0

package/styles.css

@@ -3391,7 +3391,6 @@
   --size-multiplier-large: 1.25;
   --opacity-disabled: var(--opacity-5);
   --opacity-soft-variant: var(--opacity-8);
-  --opacity-high-contrast: var(--opacity-8);
   --position-center: 50%;
   --position-full: 100%;
   --position-negative-full: -100%;
@@ -3424,6 +3423,12 @@
   --material-blend: 100%;
   --material-alpha: 0;
   --color-transparent: rgb(0 0 0 / 0);
+  --solid-chroma-hover-filter: none;
+  --solid-chroma-active-filter: brightness(0.9) contrast(1.03);
+  --solid-chroma-open-filter: brightness(0.96) contrast(1.02);
+  --solid-gray-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
+  --solid-gray-active-filter: brightness(0.92);
+  --solid-gray-open-filter: brightness(0.96);
   --shadow-1: 0 0 0 0.25px var(--gray-a6), inset 0 1px 1px 0 var(--black-a2);
   --shadow-2: 0 0 0 0.25px var(--gray-a3), 0 1px 3px 0 var(--black-a2), 0 1px 2px -1px var(--black-a2);
   --shadow-3: 0 0 0 0.25px var(--gray-a6), 0 4px 6px -1px var(--black-a2), 0 2px 4px -2px var(--black-a2);
@@ -3455,13 +3460,7 @@
   --opacity-9: calc(0.9 * var(--opacity-factor));
   --avatar-image-hover-filter: brightness(0.95) saturate(1.05);
   --avatar-image-active-filter: brightness(0.9) saturate(1.1);
-  --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
-  --base-button-solid-active-filter: brightness(0.9) contrast(1.03);
-  --base-button-solid-open-filter: brightness(0.96) contrast(1.02);
-  --base-button-solid-high-contrast-active-filter: brightness(0.92);
-  --base-button-solid-high-contrast-open-filter: brightness(0.96);
   --segmented-control-indicator-background-color: var(--color-background);
-  --slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
 }
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
@@ -3503,6 +3502,12 @@
   --color-surface-translucent: color-mix(in srgb, var(--gray-2) var(--surface-opacity-percentage), transparent);
   --color-dialog-solid: var(--gray-2);
   --color-dialog-translucent: color-mix(in srgb, var(--gray-2) var(--dialog-opacity-percentage), transparent);
+  --solid-chroma-hover-filter: none;
+  --solid-chroma-active-filter: brightness(0.88) contrast(1.03);
+  --solid-chroma-open-filter: brightness(0.95) contrast(1.02);
+  --solid-gray-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
+  --solid-gray-active-filter: brightness(0.9);
+  --solid-gray-open-filter: brightness(0.95);
   --shadow-1: inset 0 0 0 0.5px var(--gray-a6), inset 0 1px 1px 0 var(--black-a3);
   --shadow-2: 0 0 0 0.5px var(--gray-a6), 0 1px 3px 0 var(--black-a3), 0 1px 2px -1px var(--black-a3);
   --shadow-3: 0 0 0 0.5px var(--gray-a6), 0 4px 6px -1px var(--black-a3), 0 2px 4px -2px var(--black-a3);
@@ -3511,12 +3516,6 @@
   --shadow-6: 0 0 0 0.5px var(--gray-a6), 0 25px 50px -12px var(--black-a5);
   --avatar-image-hover-filter: brightness(1.05) saturate(1.05);
   --avatar-image-active-filter: brightness(1.1) saturate(1.1);
-  --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
-  --base-button-solid-active-filter: brightness(0.88) contrast(1.03);
-  --base-button-solid-open-filter: brightness(0.95) contrast(1.02);
-  --base-button-solid-high-contrast-active-filter: brightness(0.9);
-  --base-button-solid-high-contrast-open-filter: brightness(0.95);
-  --slider-range-high-contrast-background-image: none;
 }
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
@@ -3557,6 +3556,26 @@
   --focus-a10: var(--accent-a10);
   --focus-a11: var(--accent-a11);
   --focus-a12: var(--accent-a12);
+  --accent-ink-mix: 45%;
+  --accent-ink: color-mix(in oklab, var(--accent-11), var(--accent-12) var(--accent-ink-mix));
+  --accent-ink-muted: color-mix(in oklab, var(--accent-ink) 74%, transparent);
+  --accent-ink-faint: color-mix(in oklab, var(--accent-ink) 52%, transparent);
+  --accent-solid: var(--accent-9);
+  --accent-solid-a: var(--accent-a9);
+  --accent-solid-hover: var(--accent-10);
+  --accent-solid-hover-a: var(--accent-a10);
+  --accent-solid-active: var(--accent-11);
+  --accent-solid-active-a: var(--accent-a11);
+  --accent-solid-contrast: var(--accent-contrast);
+  --accent-solid-selection: var(--accent-7);
+  --accent-solid-selection-contrast: var(--accent-12);
+  --accent-solid-indicator: var(--accent-indicator);
+  --accent-solid-thumb: white;
+  --accent-solid-badge: var(--accent-12);
+  --accent-solid-badge-contrast: var(--accent-1);
+  --accent-solid-hover-filter: var(--solid-chroma-hover-filter);
+  --accent-solid-active-filter: var(--solid-chroma-active-filter);
+  --accent-solid-open-filter: var(--solid-chroma-open-filter);
 }
 .radix-themes ::-moz-selection {
   background-color: var(--focus-a5);
@@ -3856,6 +3875,25 @@
   --accent-surface: var(--gray-surface);
   --accent-indicator: var(--gray-indicator);
   --accent-track: var(--gray-track);
+  --accent-ink: var(--gray-12);
+  --accent-ink-muted: var(--gray-a11);
+  --accent-ink-faint: var(--gray-a10);
+  --accent-solid: var(--gray-12);
+  --accent-solid-a: var(--gray-a12);
+  --accent-solid-hover: var(--gray-12);
+  --accent-solid-hover-a: var(--gray-a12);
+  --accent-solid-active: var(--gray-12);
+  --accent-solid-active-a: var(--gray-a12);
+  --accent-solid-contrast: var(--gray-1);
+  --accent-solid-selection: var(--gray-a11);
+  --accent-solid-selection-contrast: var(--gray-1);
+  --accent-solid-indicator: var(--gray-12);
+  --accent-solid-thumb: var(--gray-1);
+  --accent-solid-badge: var(--gray-1);
+  --accent-solid-badge-contrast: var(--gray-12);
+  --accent-solid-hover-filter: var(--solid-gray-hover-filter);
+  --accent-solid-active-filter: var(--solid-gray-active-filter);
+  --accent-solid-open-filter: var(--solid-gray-open-filter);
 }
 [data-accent-color='green'] {
   --accent-1: var(--green-1);
@@ -4367,157 +4405,10 @@
   --accent-indicator: var(--yellow-indicator);
   --accent-track: var(--yellow-track);
 }
-.radix-themes:where([data-gray-color='mauve']) {
-  --gray-1: var(--mauve-1);
-  --gray-2: var(--mauve-2);
-  --gray-3: var(--mauve-3);
-  --gray-4: var(--mauve-4);
-  --gray-5: var(--mauve-5);
-  --gray-6: var(--mauve-6);
-  --gray-7: var(--mauve-7);
-  --gray-8: var(--mauve-8);
-  --gray-9: var(--mauve-9);
-  --gray-10: var(--mauve-10);
-  --gray-11: var(--mauve-11);
-  --gray-12: var(--mauve-12);
-  --gray-a1: var(--mauve-a1);
-  --gray-a2: var(--mauve-a2);
-  --gray-a3: var(--mauve-a3);
-  --gray-a4: var(--mauve-a4);
-  --gray-a5: var(--mauve-a5);
-  --gray-a6: var(--mauve-a6);
-  --gray-a7: var(--mauve-a7);
-  --gray-a8: var(--mauve-a8);
-  --gray-a9: var(--mauve-a9);
-  --gray-a10: var(--mauve-a10);
-  --gray-a11: var(--mauve-a11);
-  --gray-a12: var(--mauve-a12);
-  --gray-contrast: var(--mauve-contrast);
-  --gray-surface: var(--mauve-surface);
-  --gray-indicator: var(--mauve-indicator);
-  --gray-track: var(--mauve-track);
-}
-.radix-themes:where([data-gray-color='olive']) {
-  --gray-1: var(--olive-1);
-  --gray-2: var(--olive-2);
-  --gray-3: var(--olive-3);
-  --gray-4: var(--olive-4);
-  --gray-5: var(--olive-5);
-  --gray-6: var(--olive-6);
-  --gray-7: var(--olive-7);
-  --gray-8: var(--olive-8);
-  --gray-9: var(--olive-9);
-  --gray-10: var(--olive-10);
-  --gray-11: var(--olive-11);
-  --gray-12: var(--olive-12);
-  --gray-a1: var(--olive-a1);
-  --gray-a2: var(--olive-a2);
-  --gray-a3: var(--olive-a3);
-  --gray-a4: var(--olive-a4);
-  --gray-a5: var(--olive-a5);
-  --gray-a6: var(--olive-a6);
-  --gray-a7: var(--olive-a7);
-  --gray-a8: var(--olive-a8);
-  --gray-a9: var(--olive-a9);
-  --gray-a10: var(--olive-a10);
-  --gray-a11: var(--olive-a11);
-  --gray-a12: var(--olive-a12);
-  --gray-contrast: var(--olive-contrast);
-  --gray-surface: var(--olive-surface);
-  --gray-indicator: var(--olive-indicator);
-  --gray-track: var(--olive-track);
-}
-.radix-themes:where([data-gray-color='sage']) {
-  --gray-1: var(--sage-1);
-  --gray-2: var(--sage-2);
-  --gray-3: var(--sage-3);
-  --gray-4: var(--sage-4);
-  --gray-5: var(--sage-5);
-  --gray-6: var(--sage-6);
-  --gray-7: var(--sage-7);
-  --gray-8: var(--sage-8);
-  --gray-9: var(--sage-9);
-  --gray-10: var(--sage-10);
-  --gray-11: var(--sage-11);
-  --gray-12: var(--sage-12);
-  --gray-a1: var(--sage-a1);
-  --gray-a2: var(--sage-a2);
-  --gray-a3: var(--sage-a3);
-  --gray-a4: var(--sage-a4);
-  --gray-a5: var(--sage-a5);
-  --gray-a6: var(--sage-a6);
-  --gray-a7: var(--sage-a7);
-  --gray-a8: var(--sage-a8);
-  --gray-a9: var(--sage-a9);
-  --gray-a10: var(--sage-a10);
-  --gray-a11: var(--sage-a11);
-  --gray-a12: var(--sage-a12);
-  --gray-contrast: var(--sage-contrast);
-  --gray-surface: var(--sage-surface);
-  --gray-indicator: var(--sage-indicator);
-  --gray-track: var(--sage-track);
-}
-.radix-themes:where([data-gray-color='sand']) {
-  --gray-1: var(--sand-1);
-  --gray-2: var(--sand-2);
-  --gray-3: var(--sand-3);
-  --gray-4: var(--sand-4);
-  --gray-5: var(--sand-5);
-  --gray-6: var(--sand-6);
-  --gray-7: var(--sand-7);
-  --gray-8: var(--sand-8);
-  --gray-9: var(--sand-9);
-  --gray-10: var(--sand-10);
-  --gray-11: var(--sand-11);
-  --gray-12: var(--sand-12);
-  --gray-a1: var(--sand-a1);
-  --gray-a2: var(--sand-a2);
-  --gray-a3: var(--sand-a3);
-  --gray-a4: var(--sand-a4);
-  --gray-a5: var(--sand-a5);
-  --gray-a6: var(--sand-a6);
-  --gray-a7: var(--sand-a7);
-  --gray-a8: var(--sand-a8);
-  --gray-a9: var(--sand-a9);
-  --gray-a10: var(--sand-a10);
-  --gray-a11: var(--sand-a11);
-  --gray-a12: var(--sand-a12);
-  --gray-contrast: var(--sand-contrast);
-  --gray-surface: var(--sand-surface);
-  --gray-indicator: var(--sand-indicator);
-  --gray-track: var(--sand-track);
-}
-.radix-themes:where([data-gray-color='slate']) {
-  --gray-1: var(--slate-1);
-  --gray-2: var(--slate-2);
-  --gray-3: var(--slate-3);
-  --gray-4: var(--slate-4);
-  --gray-5: var(--slate-5);
-  --gray-6: var(--slate-6);
-  --gray-7: var(--slate-7);
-  --gray-8: var(--slate-8);
-  --gray-9: var(--slate-9);
-  --gray-10: var(--slate-10);
-  --gray-11: var(--slate-11);
-  --gray-12: var(--slate-12);
-  --gray-a1: var(--slate-a1);
-  --gray-a2: var(--slate-a2);
-  --gray-a3: var(--slate-a3);
-  --gray-a4: var(--slate-a4);
-  --gray-a5: var(--slate-a5);
-  --gray-a6: var(--slate-a6);
-  --gray-a7: var(--slate-a7);
-  --gray-a8: var(--slate-a8);
-  --gray-a9: var(--slate-a9);
-  --gray-a10: var(--slate-a10);
-  --gray-a11: var(--slate-a11);
-  --gray-a12: var(--slate-a12);
-  --gray-contrast: var(--slate-contrast);
-  --gray-surface: var(--slate-surface);
-  --gray-indicator: var(--slate-indicator);
-  --gray-track: var(--slate-track);
-}
 .radix-themes {
+  --gray-ink: var(--gray-12);
+  --gray-ink-muted: var(--gray-a11);
+  --gray-ink-faint: var(--gray-a10);
   --cursor-button: default;
   --cursor-checkbox: default;
   --cursor-disabled: not-allowed;
@@ -4744,6 +4635,156 @@
   --spinner-opacity: 0.65;
   color: var(--gray-12);
 }
+.radix-themes:where([data-gray-color='mauve']) {
+  --gray-1: var(--mauve-1);
+  --gray-2: var(--mauve-2);
+  --gray-3: var(--mauve-3);
+  --gray-4: var(--mauve-4);
+  --gray-5: var(--mauve-5);
+  --gray-6: var(--mauve-6);
+  --gray-7: var(--mauve-7);
+  --gray-8: var(--mauve-8);
+  --gray-9: var(--mauve-9);
+  --gray-10: var(--mauve-10);
+  --gray-11: var(--mauve-11);
+  --gray-12: var(--mauve-12);
+  --gray-a1: var(--mauve-a1);
+  --gray-a2: var(--mauve-a2);
+  --gray-a3: var(--mauve-a3);
+  --gray-a4: var(--mauve-a4);
+  --gray-a5: var(--mauve-a5);
+  --gray-a6: var(--mauve-a6);
+  --gray-a7: var(--mauve-a7);
+  --gray-a8: var(--mauve-a8);
+  --gray-a9: var(--mauve-a9);
+  --gray-a10: var(--mauve-a10);
+  --gray-a11: var(--mauve-a11);
+  --gray-a12: var(--mauve-a12);
+  --gray-contrast: var(--mauve-contrast);
+  --gray-surface: var(--mauve-surface);
+  --gray-indicator: var(--mauve-indicator);
+  --gray-track: var(--mauve-track);
+}
+.radix-themes:where([data-gray-color='olive']) {
+  --gray-1: var(--olive-1);
+  --gray-2: var(--olive-2);
+  --gray-3: var(--olive-3);
+  --gray-4: var(--olive-4);
+  --gray-5: var(--olive-5);
+  --gray-6: var(--olive-6);
+  --gray-7: var(--olive-7);
+  --gray-8: var(--olive-8);
+  --gray-9: var(--olive-9);
+  --gray-10: var(--olive-10);
+  --gray-11: var(--olive-11);
+  --gray-12: var(--olive-12);
+  --gray-a1: var(--olive-a1);
+  --gray-a2: var(--olive-a2);
+  --gray-a3: var(--olive-a3);
+  --gray-a4: var(--olive-a4);
+  --gray-a5: var(--olive-a5);
+  --gray-a6: var(--olive-a6);
+  --gray-a7: var(--olive-a7);
+  --gray-a8: var(--olive-a8);
+  --gray-a9: var(--olive-a9);
+  --gray-a10: var(--olive-a10);
+  --gray-a11: var(--olive-a11);
+  --gray-a12: var(--olive-a12);
+  --gray-contrast: var(--olive-contrast);
+  --gray-surface: var(--olive-surface);
+  --gray-indicator: var(--olive-indicator);
+  --gray-track: var(--olive-track);
+}
+.radix-themes:where([data-gray-color='sage']) {
+  --gray-1: var(--sage-1);
+  --gray-2: var(--sage-2);
+  --gray-3: var(--sage-3);
+  --gray-4: var(--sage-4);
+  --gray-5: var(--sage-5);
+  --gray-6: var(--sage-6);
+  --gray-7: var(--sage-7);
+  --gray-8: var(--sage-8);
+  --gray-9: var(--sage-9);
+  --gray-10: var(--sage-10);
+  --gray-11: var(--sage-11);
+  --gray-12: var(--sage-12);
+  --gray-a1: var(--sage-a1);
+  --gray-a2: var(--sage-a2);
+  --gray-a3: var(--sage-a3);
+  --gray-a4: var(--sage-a4);
+  --gray-a5: var(--sage-a5);
+  --gray-a6: var(--sage-a6);
+  --gray-a7: var(--sage-a7);
+  --gray-a8: var(--sage-a8);
+  --gray-a9: var(--sage-a9);
+  --gray-a10: var(--sage-a10);
+  --gray-a11: var(--sage-a11);
+  --gray-a12: var(--sage-a12);
+  --gray-contrast: var(--sage-contrast);
+  --gray-surface: var(--sage-surface);
+  --gray-indicator: var(--sage-indicator);
+  --gray-track: var(--sage-track);
+}
+.radix-themes:where([data-gray-color='sand']) {
+  --gray-1: var(--sand-1);
+  --gray-2: var(--sand-2);
+  --gray-3: var(--sand-3);
+  --gray-4: var(--sand-4);
+  --gray-5: var(--sand-5);
+  --gray-6: var(--sand-6);
+  --gray-7: var(--sand-7);
+  --gray-8: var(--sand-8);
+  --gray-9: var(--sand-9);
+  --gray-10: var(--sand-10);
+  --gray-11: var(--sand-11);
+  --gray-12: var(--sand-12);
+  --gray-a1: var(--sand-a1);
+  --gray-a2: var(--sand-a2);
+  --gray-a3: var(--sand-a3);
+  --gray-a4: var(--sand-a4);
+  --gray-a5: var(--sand-a5);
+  --gray-a6: var(--sand-a6);
+  --gray-a7: var(--sand-a7);
+  --gray-a8: var(--sand-a8);
+  --gray-a9: var(--sand-a9);
+  --gray-a10: var(--sand-a10);
+  --gray-a11: var(--sand-a11);
+  --gray-a12: var(--sand-a12);
+  --gray-contrast: var(--sand-contrast);
+  --gray-surface: var(--sand-surface);
+  --gray-indicator: var(--sand-indicator);
+  --gray-track: var(--sand-track);
+}
+.radix-themes:where([data-gray-color='slate']) {
+  --gray-1: var(--slate-1);
+  --gray-2: var(--slate-2);
+  --gray-3: var(--slate-3);
+  --gray-4: var(--slate-4);
+  --gray-5: var(--slate-5);
+  --gray-6: var(--slate-6);
+  --gray-7: var(--slate-7);
+  --gray-8: var(--slate-8);
+  --gray-9: var(--slate-9);
+  --gray-10: var(--slate-10);
+  --gray-11: var(--slate-11);
+  --gray-12: var(--slate-12);
+  --gray-a1: var(--slate-a1);
+  --gray-a2: var(--slate-a2);
+  --gray-a3: var(--slate-a3);
+  --gray-a4: var(--slate-a4);
+  --gray-a5: var(--slate-a5);
+  --gray-a6: var(--slate-a6);
+  --gray-a7: var(--slate-a7);
+  --gray-a8: var(--slate-a8);
+  --gray-a9: var(--slate-a9);
+  --gray-a10: var(--slate-a10);
+  --gray-a11: var(--slate-a11);
+  --gray-a12: var(--slate-a12);
+  --gray-contrast: var(--slate-contrast);
+  --gray-surface: var(--slate-surface);
+  --gray-indicator: var(--slate-indicator);
+  --gray-track: var(--slate-track);
+}
 .radix-themes:where([data-scaling='90%']) {
   --scaling: 0.9;
 }
@@ -6184,11 +6225,23 @@
 :where(.rt-Text) {
   margin: 0;
 }
+.rt-Text:where(.rt-emphasis-loud) {
+  color: var(--gray-ink);
+}
+.rt-Text:where(.rt-emphasis-medium) {
+  color: var(--gray-ink-muted);
+}
+.rt-Text:where(.rt-emphasis-quiet) {
+  color: var(--gray-ink-faint);
+}
 .rt-Text:where([data-accent-color]) {
-  color: var(--accent-a11);
+  color: var(--accent-ink);
 }
-.rt-Text:where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Text:where(.rt-high-contrast) {
-  color: var(--accent-12);
+.rt-Text:where([data-accent-color].rt-emphasis-medium) {
+  color: var(--accent-ink-muted);
+}
+.rt-Text:where([data-accent-color].rt-emphasis-quiet) {
+  color: var(--accent-ink-faint);
 }
 @media (pointer: coarse) {
   .rt-Text:where(label) {
@@ -6878,35 +6931,8 @@
   -webkit-transition: var(--transition-accordion-trigger-active);
   transition: var(--transition-accordion-trigger-active);
 }
-:where(.rt-AccordionRoot:where(.rt-variant-soft)) .rt-AccordionTrigger {
-  color: var(--accent-a11);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-soft.rt-high-contrast)) .rt-AccordionTrigger {
-  color: var(--accent-12);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-outline)) .rt-AccordionTrigger {
-  color: var(--accent-11);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-outline.rt-high-contrast)) .rt-AccordionTrigger {
-  color: var(--accent-12);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-surface)) .rt-AccordionTrigger {
-  color: var(--accent-a11);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-surface.rt-high-contrast)) .rt-AccordionTrigger {
-  color: var(--accent-12);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-ghost)) .rt-AccordionTrigger {
-  color: var(--accent-a11);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-ghost.rt-high-contrast)) .rt-AccordionTrigger {
-  color: var(--accent-12);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-classic)) .rt-AccordionTrigger {
-  color: var(--accent-a11);
-}
-:where(.rt-AccordionRoot:where(.rt-variant-classic.rt-high-contrast)) .rt-AccordionTrigger {
-  color: var(--accent-12);
+:where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-classic)) .rt-AccordionTrigger {
+  color: var(--accent-ink);
 }
 :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
   background-color: var(--accent-2);
@@ -7015,7 +7041,7 @@
 .rt-AccordionContent {
   overflow: hidden;
   font-size: var(--font-size-2);
-  color: var(--accent-a11);
+  color: var(--accent-ink);
   line-height: var(--line-height-4);
   -webkit-transform-origin: top;
           transform-origin: top;
@@ -7104,21 +7130,9 @@
             transform: translateY(-4px) scaleY(0.98);
   }
 }
-:where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionTrigger {
-  color: var(--accent-12);
-}
-:where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionContent {
-  color: var(--accent-12);
-}
 :where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
   background-color: var(--accent-a4);
 }
-:where(.rt-AccordionRoot[data-accent-color]) .rt-AccordionContent {
-  color: var(--accent-a11);
-}
-:where(.rt-AccordionRoot[data-accent-color].rt-high-contrast) .rt-AccordionContent {
-  color: var(--accent-12);
-}
 @media (prefers-reduced-motion: reduce) {
   :where(.rt-AccordionContent[data-state="open"]),
   :where(.rt-AccordionContent[data-state="closed"]) {
@@ -8173,8 +8187,7 @@
   }
 }
 .rt-AvatarRoot:where(.rt-variant-soft) {
-  --v-color: var(--accent-11);
-  --v-color-high-contrast: var(--accent-12);
+  --v-color: var(--accent-ink);
   --v-bg: var(--accent-3);
   --v-bg-a: var(--accent-a3);
   --v-bg-hover: var(--accent-4);
@@ -8184,9 +8197,7 @@
   --v-bg-disabled: var(--gray-a3);
 }
 .rt-AvatarRoot:where(.rt-variant-outline) {
-  --v-color: var(--accent-11);
-  --v-color-a: var(--accent-a11);
-  --v-color-high-contrast: var(--accent-12);
+  --v-color: var(--accent-ink);
   --v-bg: transparent;
   --v-bg-a: transparent;
   --v-bg-hover: var(--accent-2);
@@ -8203,8 +8214,7 @@
   --v-border-disabled: var(--gray-a7);
 }
 .rt-AvatarRoot:where(.rt-variant-surface) {
-  --v-color: var(--accent-a11);
-  --v-color-high-contrast: var(--accent-12);
+  --v-color: var(--accent-ink);
   --v-bg: var(--accent-2);
   --v-bg-a: var(--accent-a2);
   --v-bg-hover: var(--accent-3);
@@ -8224,19 +8234,10 @@
   color: var(--v-color);
   background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
 }
-.rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
-  color: var(--v-color-high-contrast);
-}
 .rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where([data-disabled]) :where(.rt-AvatarFallback) {
   color: var(--gray-a8);
   background-color: var(--v-bg-disabled, var(--gray-a3));
 }
-.rt-AvatarRoot:where(.rt-variant-outline) :where(.rt-AvatarFallback) {
-  color: color-mix(in srgb, var(--v-color-a) calc(var(--material-alpha) * 100%), var(--v-color) var(--material-blend));
-}
-.rt-AvatarRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
-  color: var(--v-color-high-contrast);
-}
 .rt-AvatarRoot:where(.rt-variant-outline,.rt-variant-surface) :where(.rt-AvatarFallback) {
   -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
           box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
@@ -8281,12 +8282,8 @@
   --solid-blend: calc(100% - (var(--material-alpha) * 90%));
 }
 .rt-AvatarRoot:where(.rt-variant-solid) :where(.rt-AvatarFallback) {
-  background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
-  color: var(--accent-contrast);
-}
-.rt-AvatarRoot:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
-  background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-  color: var(--gray-1);
+  background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
+  color: var(--accent-solid-contrast);
 }
 .rt-AvatarRoot:where(.rt-variant-solid):where([data-disabled]) :where(.rt-AvatarFallback) {
   color: var(--gray-a8);
@@ -8296,32 +8293,20 @@
 }
 @media (hover: hover) {
   .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) {
-    background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
+    background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
   }
   .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
     background-color: inherit;
+    -webkit-filter: var(--accent-solid-hover-filter);
+            filter: var(--accent-solid-hover-filter);
   }
 }
 .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) {
-  background-color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--solid-blend));
+  background-color: color-mix(in srgb, var(--accent-solid-active-a) calc(var(--material-alpha) * 100%), var(--accent-solid-active) var(--solid-blend));
 }
 .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
   background-color: inherit;
 }
-@media (hover: hover) {
-  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) {
-    background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-  }
-  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
-    background-color: inherit;
-  }
-}
-.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) {
-  background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-}
-.rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
-  background-color: inherit;
-}
 .rt-AvatarRoot:where(.rt-variant-classic) {
   position: relative;
   top: var(--classic-elevation-offset);
@@ -8329,15 +8314,11 @@
 .rt-AvatarRoot:where(.rt-variant-classic) :where(.rt-AvatarFallback) {
   position: relative;
   top: 0;
-  color: var(--accent-a11);
+  color: var(--accent-ink);
   background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
 }
-.rt-AvatarRoot:where(.rt-variant-classic):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
-  color: var(--gray-12);
-  background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
-}
 .rt-AvatarRoot:where(.rt-variant-classic):where([data-disabled]) :where(.rt-AvatarFallback) {
   color: var(--gray-a8);
   background-color: var(--gray-a3);
@@ -8756,12 +8737,8 @@
 }
 .rt-Badge:where(.rt-variant-solid) {
   --solid-blend: calc(100% - (var(--material-alpha) * 90%));
-  background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
-  color: var(--accent-contrast);
-}
-.rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast) {
-  background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-  color: var(--gray-1);
+  background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
+  color: var(--accent-solid-contrast);
 }
 .rt-Badge:where(.rt-variant-solid):where([data-disabled]) {
   color: var(--gray-a8);
@@ -8776,16 +8753,10 @@
   background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
   -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
           box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
-  color: var(--accent-a11);
-}
-.rt-Badge:where(.rt-variant-surface):where(.rt-high-contrast) {
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 .rt-Badge:where(.rt-variant-soft, .rt-variant-ghost) {
-  color: var(--accent-a11);
-}
-.rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where(.rt-high-contrast) {
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 .rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where([data-disabled]) {
   color: var(--gray-a8);
@@ -8805,24 +8776,18 @@
 .rt-Badge:where(.rt-variant-outline) {
   -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
           box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
-  color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
+  color: var(--accent-ink);
   -webkit-transition: var(--transition-background-blur);
   transition: var(--transition-background-blur);
 }
-.rt-Badge:where(.rt-variant-outline):where(.rt-high-contrast) {
-  color: var(--accent-12);
-}
 .rt-Badge:where(.rt-variant-ghost) {
   background-color: transparent;
-  color: var(--accent-a11);
-}
-.rt-Badge:where(.rt-variant-ghost):where(.rt-high-contrast) {
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 .rt-Badge:where(.rt-variant-classic) {
   position: relative;
   top: var(--classic-elevation-offset);
-  color: var(--accent-a11);
+  color: var(--accent-ink);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
   -webkit-transition: var(--transition-text-field);
@@ -8839,9 +8804,6 @@
 .rt-Badge:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
   --classic-surface: var(--color-surface-translucent);
 }
-.rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast) {
-  color: var(--accent-12);
-}
 .rt-Blockquote {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -9074,8 +9036,7 @@
   }
 }
 .rt-BaseButton:where(.rt-variant-soft) {
-  --v-color: var(--accent-a11);
-  --v-color-high-contrast: var(--accent-12);
+  --v-color: var(--accent-ink);
   --v-bg: var(--accent-3);
   --v-bg-a: var(--accent-a3);
   --v-bg-hover: var(--accent-4);
@@ -9089,8 +9050,7 @@
   --v-focus-offset: -1px;
 }
 .rt-BaseButton:where(.rt-variant-ghost) {
-  --v-color: var(--accent-a11);
-  --v-color-high-contrast: var(--accent-12);
+  --v-color: var(--accent-ink);
   --v-bg: transparent;
   --v-bg-a: transparent;
   --v-bg-hover: var(--accent-3);
@@ -9104,8 +9064,7 @@
   --v-focus-offset: -1px;
 }
 .rt-BaseButton:where(.rt-variant-outline) {
-  --v-color: var(--accent-11);
-  --v-color-high-contrast: var(--accent-12);
+  --v-color: var(--accent-ink);
   --v-bg: transparent;
   --v-bg-a: transparent;
   --v-bg-hover: var(--accent-2);
@@ -9128,8 +9087,7 @@
   --v-focus-offset: -1px;
 }
 .rt-BaseButton:where(.rt-variant-surface) {
-  --v-color: var(--accent-a11);
-  --v-color-high-contrast: var(--accent-12);
+  --v-color: var(--accent-ink);
   --v-bg: var(--accent-2);
   --v-bg-a: var(--accent-a2);
   --v-bg-hover: var(--accent-3);
@@ -9155,9 +9113,6 @@
   color: var(--v-color);
   background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
 }
-.rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) {
-  color: var(--v-color-high-contrast);
-}
 .rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-visible) {
   outline: 2px solid var(--v-focus-color);
   outline-offset: var(--v-focus-offset);
@@ -9232,7 +9187,7 @@
 }
 .rt-BaseButton:where(.rt-variant-classic) {
   position: relative;
-  color: var(--accent-a11);
+  color: var(--accent-ink);
   background-color: var(--color-surface-solid);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
@@ -9240,9 +9195,6 @@
 .rt-BaseButton:where(.rt-variant-classic):where([data-material='translucent']) {
   background-color: var(--color-surface-translucent);
 }
-.rt-BaseButton:where(.rt-variant-classic):where(.rt-high-contrast) {
-  color: var(--gray-12);
-}
 .rt-BaseButton:where(.rt-variant-classic):where(:focus-visible) {
   outline: 2px solid var(--focus-8);
   outline-offset: 2px;
@@ -9345,8 +9297,8 @@
 }
 .rt-BaseButton:where(.rt-variant-solid) {
   --solid-blend: calc(100% - (var(--material-alpha) * 90%));
-  background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
-  color: var(--accent-contrast);
+  background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
+  color: var(--accent-solid-contrast);
 }
 .rt-BaseButton:where(.rt-variant-solid):where(:focus-visible) {
   outline: 2px solid var(--focus-8);
@@ -9354,22 +9306,24 @@
 }
 @media (hover: hover) {
   .rt-BaseButton:where(.rt-variant-solid):where(:hover) {
-    background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
+    background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
+    -webkit-filter: var(--accent-solid-hover-filter);
+            filter: var(--accent-solid-hover-filter);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
   }
 }
 .rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
-  background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
-  -webkit-filter: var(--base-button-solid-open-filter);
-          filter: var(--base-button-solid-open-filter);
+  background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
+  -webkit-filter: var(--accent-solid-open-filter);
+          filter: var(--accent-solid-open-filter);
 }
 .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
-  -webkit-filter: var(--base-button-solid-active-filter);
-          filter: var(--base-button-solid-active-filter);
+  -webkit-filter: var(--accent-solid-active-filter);
+          filter: var(--accent-solid-active-filter);
 }
 .rt-BaseButton:where(.rt-variant-solid):where([data-state='on']) {
-  background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
+  background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
   opacity: 0.9;
 }
 @media (pointer: coarse) {
@@ -9378,32 +9332,6 @@
     outline-offset: 0;
   }
 }
-.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast) {
-  background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-  color: var(--gray-1);
-}
-@media (hover: hover) {
-  .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover) {
-    background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-    -webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
-            filter: var(--base-button-solid-high-contrast-hover-filter);
-    -webkit-box-shadow: var(--shadow-2);
-            box-shadow: var(--shadow-2);
-  }
-}
-.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']) {
-  background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
-  -webkit-filter: var(--base-button-solid-high-contrast-open-filter);
-          filter: var(--base-button-solid-high-contrast-open-filter);
-}
-.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])) {
-  -webkit-filter: var(--base-button-solid-high-contrast-active-filter);
-          filter: var(--base-button-solid-high-contrast-active-filter);
-}
-.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='on']) {
-  background-color: var(--accent-12);
-  opacity: 0.85;
-}
 .rt-BaseButton:where(.rt-variant-solid):where([data-disabled]) {
   color: var(--gray-a8);
   background-color: var(--gray-a3);
@@ -10020,7 +9948,7 @@
       -ms-flex-pack: start;
           justify-content: flex-start;
   text-align: left;
-  color: var(--accent-a11);
+  color: var(--accent-ink);
   -webkit-transition: var(--transition-card);
   transition: var(--transition-card);
   border-radius: var(--callout-border-radius);
@@ -10046,9 +9974,6 @@
   backdrop-filter: var(--backdrop-filter-components);
   --backdrop-filter-components: var(--backdrop-filter-components-enabled);
 }
-.rt-CalloutRoot:where(.rt-high-contrast) {
-  color: var(--accent-12);
-}
 .rt-CalloutRoot:where(:focus-visible) {
   outline: 2px solid var(--accent-8);
   outline-offset: 2px;
@@ -10395,34 +10320,25 @@
 }
 .rt-CalloutRoot:where(.rt-variant-soft) {
   background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
-  color: var(--accent-a11);
-}
-.rt-CalloutRoot:where(.rt-variant-soft):where(.rt-high-contrast) {
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 .rt-CalloutRoot:where(.rt-variant-surface) {
   background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
   -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
           box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
-  color: var(--accent-a11);
-}
-.rt-CalloutRoot:where(.rt-variant-surface):where(.rt-high-contrast) {
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 .rt-CalloutRoot:where(.rt-variant-outline) {
   -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
           box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
-  color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
-}
-.rt-CalloutRoot:where(.rt-variant-outline):where(.rt-high-contrast) {
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 .rt-CalloutRoot:where(.rt-variant-classic) {
   --classic-surface: var(--color-surface-solid);
   background-color: var(--classic-surface);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
-  color: var(--accent-a11);
+  color: var(--accent-ink);
   -webkit-transition: var(--transition-text-field);
   transition: var(--transition-text-field);
 }
@@ -10435,9 +10351,6 @@
 .rt-CalloutRoot:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
   --classic-surface: var(--color-surface-translucent);
 }
-.rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast) {
-  color: var(--accent-12);
-}
 .rt-BaseCard {
   --material-blend: 100%;
   --material-alpha: 0;
@@ -11263,20 +11176,12 @@
           box-shadow: inset 0 0 0 1px var(--accent-9);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate'])::before {
-  background-color: var(--accent-9);
-  -webkit-box-shadow: inset 0 0 0 1px var(--accent-9);
-          box-shadow: inset 0 0 0 1px var(--accent-9);
+  background-color: var(--accent-solid);
+  -webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
+          box-shadow: inset 0 0 0 1px var(--accent-solid);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
-  color: var(--accent-contrast);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
-  background-color: var(--accent-12);
-  -webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
-          box-shadow: inset 0 0 0 1px var(--accent-12);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
-  color: var(--gray-1);
+  color: var(--accent-solid-contrast);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-solid):where(:disabled)::before {
   -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -11291,7 +11196,7 @@
   top: var(--classic-elevation-offset);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before {
-  color: var(--accent-a11);
+  color: var(--accent-ink);
   background-color: var(--color-surface-solid);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
@@ -11318,22 +11223,7 @@
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
-  color: var(--accent-a11);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
-  background-color: var(--accent-3);
-}
-:where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before) {
-  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
-}
-:is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before):where([data-panel-background='solid'],[data-material='solid']) {
-  background-color: var(--accent-3);
-}
-:is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before):where([data-panel-background='translucent'],[data-material='translucent']) {
-  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled)) {
   top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
@@ -11375,10 +11265,7 @@
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
-  color: var(--accent-a11);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled)::before {
   background-color: var(--gray-a3);
@@ -11389,22 +11276,19 @@
 .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
           box-shadow: inset 0 0 0 1px var(--accent-6);
-  color: var(--accent-11);
+  color: var(--accent-ink);
 }
 :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
           box-shadow: inset 0 0 0 1px var(--accent-a6);
-  color: var(--accent-a11);
 }
 :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
           box-shadow: inset 0 0 0 1px var(--accent-6);
-  color: var(--accent-11);
 }
 :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
           box-shadow: inset 0 0 0 1px var(--accent-a6);
-  color: var(--accent-a11);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate'])::before {
   background-color: var(--accent-2);
@@ -11427,10 +11311,7 @@
           box-shadow: inset 0 0 0 1px var(--accent-a7);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
-  color: var(--accent-a11);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-outline):where(:disabled)::before {
   -webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -11481,10 +11362,7 @@
           box-shadow: inset 0 0 0 1px var(--accent-a8);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
-  color: var(--accent-a11);
-}
-.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled)::before {
   -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -12189,35 +12067,35 @@
   --code-variant-font-size-adjust: var(--code-font-size-adjust);
   padding: 0;
 }
+.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-loud) {
+  color: var(--gray-ink);
+}
+.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-medium) {
+  color: var(--gray-ink-muted);
+}
+.rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-quiet) {
+  color: var(--gray-ink-faint);
+}
 .rt-Code:where(.rt-variant-ghost):where([data-accent-color]) {
-  color: var(--accent-a11);
+  color: var(--accent-ink);
 }
-.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Code:where(.rt-variant-ghost):where(.rt-high-contrast) {
-  color: var(--accent-12);
+.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-medium) {
+  color: var(--accent-ink-muted);
+}
+.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-quiet) {
+  color: var(--accent-ink-faint);
 }
 .rt-Code:where(.rt-variant-solid) {
-  background-color: var(--accent-a9);
-  color: var(--accent-contrast);
+  background-color: var(--accent-solid-a);
+  color: var(--accent-solid-contrast);
 }
 .rt-Code:where(.rt-variant-solid)::-moz-selection {
-  background-color: var(--accent-7);
-  color: var(--accent-12);
+  background-color: var(--accent-solid-selection);
+  color: var(--accent-solid-selection-contrast);
 }
 .rt-Code:where(.rt-variant-solid)::selection {
-  background-color: var(--accent-7);
-  color: var(--accent-12);
-}
-.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast) {
-  background-color: var(--accent-12);
-  color: var(--accent-1);
-}
-.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::-moz-selection {
-  background-color: var(--accent-a11);
-  color: var(--accent-1);
-}
-.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
-  background-color: var(--accent-a11);
-  color: var(--accent-1);
+  background-color: var(--accent-solid-selection);
+  color: var(--accent-solid-selection-contrast);
 }
 .rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button) {
   isolation: isolate;
@@ -12227,27 +12105,18 @@
 }
 @media (hover: hover) {
   :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(:hover) {
-    background-color: var(--accent-10);
+    background-color: var(--accent-solid-hover);
+    filter: var(--accent-solid-hover-filter);
   }
   :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(:hover) {
-    background-color: var(--accent-10);
-  }
-  :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(.rt-high-contrast:hover) {
-    background-color: var(--accent-12);
-    filter: var(--base-button-solid-high-contrast-hover-filter);
-  }
-  :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(.rt-high-contrast:hover) {
-    background-color: var(--accent-12);
-    -webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
-            filter: var(--base-button-solid-high-contrast-hover-filter);
+    background-color: var(--accent-solid-hover);
+    -webkit-filter: var(--accent-solid-hover-filter);
+            filter: var(--accent-solid-hover-filter);
   }
 }
 .rt-Code:where(.rt-variant-soft) {
   background-color: var(--accent-a2);
-  color: var(--accent-a11);
-}
-.rt-Code:where(.rt-variant-soft):where(.rt-high-contrast) {
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 .rt-Code:where(.rt-variant-soft):where(:-moz-any-link,button) {
   isolation: isolate;
@@ -12266,12 +12135,7 @@
 .rt-Code:where(.rt-variant-outline) {
   -webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
           box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
-  color: var(--accent-a11);
-}
-.rt-Code:where(.rt-variant-outline):where(.rt-high-contrast) {
-  -webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
-          box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 .rt-Code:where(.rt-variant-outline):where(:-moz-any-link,button) {
   isolation: isolate;
@@ -12287,6 +12151,12 @@
     background-color: var(--accent-a2);
   }
 }
+.rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-medium) {
+  color: var(--accent-ink-muted);
+}
+.rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-quiet) {
+  color: var(--accent-ink-faint);
+}
 .rt-BaseMenuContent {
   --backdrop-filter-components-enabled: none;
   --scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
@@ -13064,15 +12934,12 @@
   }
 }
 .rt-BaseMenuItem:where([data-accent-color]) {
-  color: var(--accent-a11);
+  color: var(--accent-ink);
 }
 .rt-BaseMenuItem:where([data-disabled]) {
   color: var(--gray-a8);
   cursor: default;
 }
-.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
-  color: var(--gray-a11);
-}
 .rt-BaseMenuItem:where([data-disabled]) .rt-Kbd {
   color: var(--gray-a8);
 }
@@ -13086,11 +12953,11 @@
   background-color: var(--gray-a3);
 }
 .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
+  background-color: var(--accent-solid);
+  color: var(--accent-solid-contrast);
 }
 :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
-  color: var(--accent-contrast);
+  color: var(--accent-solid-contrast);
 }
 :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
   color: inherit !important;
@@ -13098,29 +12965,6 @@
 :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
   color: inherit !important;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
-  background-color: var(--accent-12);
-  color: var(--accent-1);
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
-  color: var(--accent-1);
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
-  color: inherit !important;
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
-  color: inherit !important;
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
-  color: inherit !important;
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
-  color: inherit !important;
-}
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
   background-color: var(--accent-3);
 }
@@ -13130,7 +12974,7 @@
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
   background-color: var(--accent-4);
 }
-:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
+:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
   color: var(--gray-11) !important;
 }
 .rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
@@ -13140,16 +12984,6 @@
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
           box-shadow: inset 0 0 0 1px var(--accent-a8);
 }
-.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
-  background-color: var(--accent-5);
-  color: var(--accent-12);
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
-  color: var(--accent-12);
-}
-.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
-  background-color: var(--accent-a5);
-}
 @media (forced-colors: active) {
   .rt-BaseMenuItem:where(:focus-visible) {
     outline: 2px solid Highlight;
@@ -13180,16 +13014,22 @@
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  color: var(--gray-a11);
+  color: var(--gray-ink-muted);
 }
-.rt-DataListLabel:where(.rt-high-contrast) {
-  color: var(--gray-12);
+.rt-DataListLabel:where(.rt-emphasis-loud) {
+  color: var(--gray-ink);
+}
+.rt-DataListLabel:where(.rt-emphasis-quiet) {
+  color: var(--gray-ink-faint);
 }
 .rt-DataListLabel:where([data-accent-color]) {
-  color: var(--accent-a11);
+  color: var(--accent-ink);
 }
-.rt-DataListLabel:where([data-accent-color]):where(.rt-high-contrast) {
-  color: var(--accent-12);
+.rt-DataListLabel:where([data-accent-color].rt-emphasis-medium) {
+  color: var(--accent-ink-muted);
+}
+.rt-DataListLabel:where([data-accent-color].rt-emphasis-quiet) {
+  color: var(--accent-ink-faint);
 }
 .rt-DataListValue {
   display: -webkit-box;
@@ -15322,12 +15162,8 @@
   width: 100%;
 }
 .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
-}
-.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) {
-  background-color: var(--accent-12);
-  color: var(--accent-1);
+  background-color: var(--accent-solid);
+  color: var(--accent-solid-contrast);
 }
 :where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text, [data-accent-color='gray']:not(.rt-Badge)) {
   color: inherit;
@@ -15339,7 +15175,7 @@
   :where(.rt-ComboboxItem[data-selected='true']) {
   background-color: var(--accent-a4);
 }
-:where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
+:where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
   color: var(--gray-11);
 }
 .rt-ComboboxItem:where([data-disabled='true']) {
@@ -15393,11 +15229,23 @@
 :where(.rt-Heading) {
   margin: 0;
 }
+.rt-Heading:where(.rt-emphasis-loud) {
+  color: var(--gray-ink);
+}
+.rt-Heading:where(.rt-emphasis-medium) {
+  color: var(--gray-ink-muted);
+}
+.rt-Heading:where(.rt-emphasis-quiet) {
+  color: var(--gray-ink-faint);
+}
 .rt-Heading:where([data-accent-color]) {
-  color: var(--accent-a11);
+  color: var(--accent-ink);
 }
-.rt-Heading:where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Heading:where(.rt-high-contrast) {
-  color: var(--accent-12);
+.rt-Heading:where([data-accent-color].rt-emphasis-medium) {
+  color: var(--accent-ink-muted);
+}
+.rt-Heading:where([data-accent-color].rt-emphasis-quiet) {
+  color: var(--accent-ink-faint);
 }
 .rt-Heading:where(.rt-r-size-0) {
   font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
@@ -17351,8 +17199,8 @@
 .rt-Link:where(:disabled,[data-disabled]) {
   cursor: var(--cursor-disabled);
 }
-:where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where([data-accent-color='']) {
-  color: var(--accent-12);
+:where([data-accent-color]:not(.radix-themes)) .rt-Link:where([data-accent-color='']) {
+  color: var(--accent-ink);
 }
 @supports (color: color-mix(in oklab, white, black)) {
   .rt-Link:where(:-moz-any-link,button) {
@@ -17380,19 +17228,19 @@
     text-decoration-line: underline;
   }
 }
-.rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where(.rt-high-contrast), :where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
+:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
   text-decoration-line: underline;
   text-decoration-color: var(--accent-a6);
 }
-.rt-Link:where(:any-link,button):where(.rt-underline-auto):where(.rt-high-contrast),:where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
+:where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
   text-decoration-line: underline;
   text-decoration-color: var(--accent-a6);
 }
 @supports (color: color-mix(in oklab, white, black)) {
-  .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where(.rt-high-contrast), :where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
+  :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
     text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
   }
-  .rt-Link:where(:any-link,button):where(.rt-underline-auto):where(.rt-high-contrast),:where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
+  :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
     text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
   }
 }
@@ -18079,7 +17927,7 @@
           box-shadow: inset 0 0 0 1px var(--gray-a6);
 }
 .rt-ProgressRoot:where(.rt-variant-surface) :where(.rt-ProgressIndicator) {
-  background-color: var(--accent-9);
+  background-color: var(--accent-solid);
 }
 .rt-ProgressRoot:where(.rt-variant-soft) {
   background-color: var(--gray-3);
@@ -18094,7 +17942,7 @@
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
 }
 .rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator) {
-  background-color: var(--accent-9);
+  background-color: var(--accent-solid);
 }
 .rt-ProgressRoot:where(.rt-variant-outline) {
   -webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
@@ -18113,10 +17961,7 @@
           box-shadow: inset 0 0 0 1px var(--gray-a6);
 }
 .rt-ProgressRoot:where(.rt-variant-outline) :where(.rt-ProgressIndicator) {
-  background-color: var(--accent-9);
-}
-.rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator) {
-  background-color: var(--accent-12);
+  background-color: var(--accent-solid);
 }
 .rt-Quote {
   -webkit-box-sizing: border-box;
@@ -18265,20 +18110,12 @@
           box-shadow: inset 0 0 0 1px var(--accent-9);
 }
 .rt-BaseRadioRoot:where(.rt-variant-solid):where(:checked,[data-state='checked'])::before {
-  background-color: var(--accent-9);
-  -webkit-box-shadow: inset 0 0 0 1px var(--accent-9);
-          box-shadow: inset 0 0 0 1px var(--accent-9);
+  background-color: var(--accent-solid);
+  -webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
+          box-shadow: inset 0 0 0 1px var(--accent-solid);
 }
 .rt-BaseRadioRoot:where(.rt-variant-solid)::after {
-  background-color: var(--accent-contrast);
-}
-.rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast):where(:checked,[data-state='checked'])::before {
-  background-color: var(--accent-12);
-  -webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
-          box-shadow: inset 0 0 0 1px var(--accent-12);
-}
-.rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast)::after {
-  background-color: var(--gray-1);
+  background-color: var(--accent-solid-contrast);
 }
 .rt-BaseRadioRoot:where(.rt-variant-solid):where(:disabled,[data-disabled])::before {
   -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -18293,7 +18130,7 @@
   top: var(--classic-elevation-offset);
 }
 .rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before {
-  color: var(--accent-a11);
+  color: var(--accent-ink);
   background-color: var(--color-surface-solid);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
@@ -18320,10 +18157,7 @@
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
 .rt-BaseRadioRoot:where(.rt-variant-classic)::after {
-  background-color: var(--accent-a11);
-}
-.rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast)::after {
-  color: var(--accent-12);
+  background-color: var(--accent-ink);
 }
 .rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled])) {
   top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
@@ -18365,10 +18199,7 @@
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
 }
 .rt-BaseRadioRoot:where(.rt-variant-soft)::after {
-  background-color: var(--accent-a11);
-}
-.rt-BaseRadioRoot:where(.rt-variant-soft):where(.rt-high-contrast)::after {
-  background-color: var(--accent-12);
+  background-color: var(--accent-ink);
 }
 .rt-BaseRadioRoot:where(.rt-variant-soft):where(:focus-visible)::before {
   outline-color: var(--accent-a8);
@@ -18382,22 +18213,19 @@
 .rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
           box-shadow: inset 0 0 0 1px var(--accent-6);
-  color: var(--accent-11);
+  color: var(--accent-ink);
 }
 :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
           box-shadow: inset 0 0 0 1px var(--accent-a6);
-  color: var(--accent-a11);
 }
 :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
           box-shadow: inset 0 0 0 1px var(--accent-6);
-  color: var(--accent-11);
 }
 :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
           box-shadow: inset 0 0 0 1px var(--accent-a6);
-  color: var(--accent-a11);
 }
 .rt-BaseRadioRoot:where(.rt-variant-outline):where(:checked,[data-state='checked'])::before {
   background-color: var(--accent-2);
@@ -18420,10 +18248,7 @@
           box-shadow: inset 0 0 0 1px var(--accent-a7);
 }
 .rt-BaseRadioRoot:where(.rt-variant-outline)::after {
-  background-color: var(--accent-a11);
-}
-.rt-BaseRadioRoot:where(.rt-variant-outline):where(.rt-high-contrast)::after {
-  background-color: var(--accent-12);
+  background-color: var(--accent-ink);
 }
 .rt-BaseRadioRoot:where(.rt-variant-outline):where(:disabled,[data-disabled])::before {
   -webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -18474,10 +18299,7 @@
           box-shadow: inset 0 0 0 1px var(--accent-a8);
 }
 .rt-BaseRadioRoot:where(.rt-variant-surface)::after {
-  background-color: var(--accent-a11);
-}
-.rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast)::after {
-  background-color: var(--accent-12);
+  background-color: var(--accent-ink);
 }
 .rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::before {
   -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -18675,12 +18497,9 @@
 .rt-RadioCardsItem:where([data-state='checked']) {
   -webkit-transition: var(--transition-fast);
   transition: var(--transition-fast);
-  outline: var(--focus-outline-width) solid var(--accent-indicator);
+  outline: var(--focus-outline-width) solid var(--accent-solid-indicator);
   outline-offset: -1px;
 }
-:where(.rt-RadioCardsRoot.rt-high-contrast) .rt-RadioCardsItem:where([data-state='checked']) {
-  outline-color: var(--accent-12);
-}
 .rt-RadioCardsItem:where(:focus-visible) {
   -webkit-transition: var(--transition-focus);
   transition: var(--transition-focus);
@@ -20254,9 +20073,6 @@
   backdrop-filter: var(--backdrop-filter-components);
   --backdrop-filter-components: var(--backdrop-filter-components-enabled);
 }
-.rt-SelectTrigger:where(.rt-high-contrast) :where(.rt-SelectTriggerInner) {
-  color: var(--accent-12);
-}
 .rt-SelectTrigger:where(:not([data-placeholder])) :where(.rt-SelectTriggerInner) {
   font-weight: var(--font-weight-medium);
 }
@@ -20392,7 +20208,7 @@
   height: var(--select-trigger-height);
   padding: 0 var(--select-trigger-ghost-padding-x);
   background-color: transparent;
-  color: var(--accent-a11);
+  color: var(--accent-ink);
 }
 .rt-SelectTrigger:where(.rt-r-size-1) {
   --select-trigger-height: var(--space-5);
@@ -21101,16 +20917,12 @@
 .rt-SelectTrigger:where(.rt-variant-classic) {
   position: relative;
   top: var(--classic-elevation-offset);
-  color: var(--accent-a11);
+  color: var(--accent-ink);
   background-color: var(--color-surface);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
-  -webkit-transition: var(--transition-text-field);
-  transition: var(--transition-text-field);
-}
-.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
-  color: var(--accent-12);
-  background-color: var(--color-surface);
+  -webkit-transition: var(--transition-text-field);
+  transition: var(--transition-text-field);
 }
 :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic) {
   background-color: var(--color-surface);
@@ -21121,15 +20933,6 @@
 .rt-SelectTrigger:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
   background-color: var(--color-surface);
 }
-:where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
-  background-color: var(--color-surface);
-}
-.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='solid'],[data-material='solid']) {
-  background-color: var(--color-surface);
-}
-.rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='translucent'],[data-material='translucent']) {
-  background-color: var(--color-surface);
-}
 .rt-SelectTrigger:where(.rt-variant-classic):where(:focus-visible) {
   outline: 2px solid var(--focus-8);
   outline-offset: 2px;
@@ -21189,10 +20992,7 @@
 }
 .rt-SelectTrigger:where(.rt-variant-soft) {
   background-color: var(--accent-3);
-  color: var(--accent-a11);
-}
-.rt-SelectTrigger:where(.rt-variant-soft):where(.rt-high-contrast) {
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-soft) {
   background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -21256,9 +21056,6 @@
   opacity: 0.6;
   font-weight: var(--font-weight-regular);
 }
-.rt-SelectTrigger:where(.rt-variant-ghost):where(.rt-high-contrast) {
-  color: var(--accent-12);
-}
 .rt-SelectTrigger:where(.rt-variant-ghost):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
   color: var(--gray-a10);
   font-weight: var(--font-weight-regular);
@@ -21314,28 +21111,21 @@
 .rt-SelectTrigger:where(.rt-variant-outline) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
           box-shadow: inset 0 0 0 1px var(--accent-6);
-  color: var(--accent-11);
+  color: var(--accent-ink);
   -webkit-transition: var(--transition-background-blur);
   transition: var(--transition-background-blur);
 }
-.rt-SelectTrigger:where(.rt-variant-outline):where(.rt-high-contrast) {
-  color: var(--accent-12);
-  color: var(--accent-12);
-}
 :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-outline) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
           box-shadow: inset 0 0 0 1px var(--accent-a6);
-  color: var(--accent-a11);
 }
 .rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='solid'],[data-material='solid']) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
           box-shadow: inset 0 0 0 1px var(--accent-6);
-  color: var(--accent-11);
 }
 .rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='translucent'],[data-material='translucent']) {
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
           box-shadow: inset 0 0 0 1px var(--accent-a6);
-  color: var(--accent-a11);
 }
 @media (hover: hover) {
   .rt-SelectTrigger:where(.rt-variant-outline):where(:hover) {
@@ -21419,11 +21209,7 @@
   background-color: var(--accent-2);
   -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
           box-shadow: inset 0 0 0 1px var(--accent-6);
-  color: var(--accent-a11);
-}
-.rt-SelectTrigger:where(.rt-variant-surface):where(.rt-high-contrast) {
-  color: var(--accent-12);
-  color: var(--accent-12);
+  color: var(--accent-ink);
 }
 :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-surface) {
   background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
@@ -21597,18 +21383,18 @@
   }
 }
 .rt-SelectItem:where([data-accent-color]) {
-  color: var(--accent-a11);
+  color: var(--accent-ink);
 }
 .rt-SelectItem:where([data-disabled]) {
   color: var(--gray-a8);
   cursor: default;
 }
-.rt-SelectItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
+.rt-SelectItem :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
   color: var(--gray-a10);
 }
 .rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted]) {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
+  background-color: var(--accent-solid);
+  color: var(--accent-solid-contrast);
 }
 :is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
   color: inherit !important;
@@ -21616,30 +21402,10 @@
 :is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
   color: inherit !important;
 }
-.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted]) {
-  background-color: var(--accent-12);
-  color: var(--accent-1);
-}
-:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
-  color: inherit !important;
-}
-:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
-  color: inherit !important;
-}
-:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
-}
-:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
-  color: inherit !important;
-}
-:is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where([data-accent-color='gray']) {
-  color: inherit !important;
-}
 .rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted]) {
   background-color: var(--accent-a4);
 }
-:is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']) {
+:is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
   color: var(--gray-11) !important;
 }
 .rt-Separator {
@@ -22000,9 +21766,9 @@
   outline-offset: 2px;
 }
 .rt-SidebarMenuButton:where([data-accent-color]) {
-  color: var(--accent-a11);
+  color: var(--accent-ink);
 }
-.rt-SidebarMenuButton :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
+.rt-SidebarMenuButton :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
   color: var(--gray-a10);
 }
 .rt-SidebarMenuButton:where([data-disabled],[data-highlighted],:hover,[data-active]) :where(.rt-SidebarMenuShortcut) {
@@ -22412,11 +22178,11 @@
   line-height: var(--line-height-0);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
-  color: var(--accent-11);
+  color: var(--accent-ink);
   font-weight: var(--font-weight-medium);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuLabel) {
-  color: var(--accent-11);
+  color: var(--accent-ink);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled])),
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
@@ -22435,20 +22201,12 @@
   background-color: var(--accent-a3);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
+  background-color: var(--accent-solid);
+  color: var(--accent-solid-contrast);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
-}
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
-  background-color: var(--accent-12);
-  color: var(--accent-1);
-}
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
-  background-color: var(--accent-12);
-  color: var(--accent-1);
+  background-color: var(--accent-solid);
+  color: var(--accent-solid-contrast);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
@@ -23560,11 +23318,11 @@
   transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
 }
 :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
+  background-color: var(--accent-solid);
+  color: var(--accent-solid-contrast);
 }
 :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
-  color: var(--accent-contrast);
+  color: var(--accent-solid-contrast);
 }
 :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text) {
   color: inherit !important;
@@ -23573,12 +23331,12 @@
   color: inherit !important;
 }
 :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Badge) {
-  color: var(--accent-contrast) !important;
-  background-color: var(--accent-12) !important;
+  color: var(--accent-solid-badge-contrast) !important;
+  background-color: var(--accent-solid-badge) !important;
 }
 :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active]) {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
+  background-color: var(--accent-solid);
+  color: var(--accent-solid-contrast);
   font-weight: var(--font-weight-medium);
 }
 :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
@@ -23588,68 +23346,8 @@
   color: inherit !important;
 }
 :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
-  color: var(--accent-contrast) !important;
-  background-color: var(--accent-12) !important;
-}
-:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
-  background-color: var(--accent-12);
-  color: var(--accent-1);
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
-  color: var(--accent-1);
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text) {
-  color: inherit !important;
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
-  color: inherit !important;
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Badge) {
-  color: var(--accent-1) !important;
-  background-color: var(--accent-9) !important;
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where(.rt-Text) {
-  color: inherit !important;
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
-  color: inherit !important;
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where(.rt-Badge) {
-  color: var(--accent-contrast) !important;
-  background-color: var(--accent-12) !important;
-}
-:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]) {
-  background-color: var(--accent-12);
-  color: var(--accent-1);
-  font-weight: var(--font-weight-medium);
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
-  color: inherit !important;
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where([data-accent-color='gray']:not(.rt-Badge)) {
-  color: inherit !important;
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
-  color: var(--accent-1) !important;
-  background-color: var(--accent-9) !important;
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where(.rt-Text) {
-  color: inherit !important;
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
-  color: inherit !important;
-}
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where(.rt-Badge) {
-  color: var(--accent-contrast) !important;
-  background-color: var(--accent-12) !important;
+  color: var(--accent-solid-badge-contrast) !important;
+  background-color: var(--accent-solid-badge) !important;
 }
 :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger) {
   -webkit-transition: var(--transition-menu);
@@ -23697,7 +23395,7 @@
 :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-panel-background='translucent']) {
   background-color: var(--accent-a4);
 }
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
+:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
   color: var(--gray-11) !important;
 }
 :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active]) {
@@ -23719,7 +23417,7 @@
   background-color: var(--accent-a3);
   color: var(--accent-a12);
 }
-:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
+:is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
   color: var(--gray-11) !important;
 }
 .rt-SidebarSearch {
@@ -23830,8 +23528,8 @@
   background-color: var(--accent-a4);
 }
 :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
-  background-color: var(--accent-9);
-  color: var(--accent-contrast);
+  background-color: var(--accent-solid);
+  color: var(--accent-solid-contrast);
 }
 .rt-SidebarSearchPopover {
   display: -webkit-box;
@@ -23986,302 +23684,71 @@
 }
 .rt-SidebarContainer.rt-r-size-3 .rt-SidebarSearchInput {
   font-size: var(--font-size-3);
-  line-height: var(--line-height-3);
-}
-.rt-SidebarContainer.rt-r-size-3 .rt-SidebarSearchIcon {
-  width: var(--content-icon-size-3);
-  height: var(--content-icon-size-3);
-}
-.rt-ShellRoot {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  width: 100%;
-  overflow: hidden;
-  -ms-scroll-chaining: none;
-      overscroll-behavior: none;
-  position: relative;
-}
-.rt-ShellRoot:not([style*='height']) {
-  height: 100vh;
-}
-@supports (height: 100dvh) {
-  .rt-ShellRoot:not([style*='height']) {
-    height: 100dvh;
-  }
-}
-.rt-ShellHeader {
-  position: sticky;
-  top: 0;
-  z-index: 50;
-  height: var(--shell-header-height, 64px);
-  min-height: var(--shell-header-height, 64px);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-}
-.rt-ShellBody {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-  min-height: 0;
-  overflow: hidden;
-  position: relative;
-  -ms-scroll-chaining: none;
-      overscroll-behavior: contain;
-}
-.rt-ShellLeft {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-box-align: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  height: 100%;
-}
-.rt-ShellRail {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-  overflow: hidden;
-  position: relative;
-  z-index: 2;
-}
-.rt-ShellRail[data-mode='expanded'] {
-  width: var(--rail-size, 64px);
-}
-.rt-ShellRail[data-mode='collapsed'] {
-  width: 0px;
-  -webkit-transition: width 0s var(--motion-duration-small);
-  transition: width 0s var(--motion-duration-small);
-}
-.rt-ShellRailContent {
-  position: absolute;
-  inset-block: 0;
-  inset-inline-start: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  width: 100%;
-  height: 100%;
-  gap: var(--space-2);
-  opacity: 0;
-  pointer-events: none;
-  -webkit-transform: translateX(-100%);
-          transform: translateX(-100%);
-  -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-  transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-}
-:where([dir='rtl']) .rt-ShellRailContent {
-  -webkit-transform: translateX(100%);
-          transform: translateX(100%);
-}
-.rt-ShellRailContent[data-visible] {
-  opacity: 1;
-  pointer-events: auto;
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
-}
-.rt-ShellPanel {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-  overflow: visible;
-  position: relative;
-  z-index: 1;
-}
-.rt-ShellPanel[data-visible] {
-  width: var(--panel-size, 288px);
-}
-.rt-ShellPanel:not([data-visible]) {
-  width: 0px;
-  -webkit-transition: width 0s var(--motion-duration-small);
-  transition: width 0s var(--motion-duration-small);
-}
-.rt-ShellPanelContent {
-  position: absolute;
-  inset-block: 0;
-  inset-inline-start: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  opacity: 0;
-  pointer-events: none;
-  -webkit-transform: translateX(-100%);
-          transform: translateX(-100%);
-  -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-  transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-}
-:where([dir='rtl']) .rt-ShellPanelContent {
-  -webkit-transform: translateX(100%);
-          transform: translateX(100%);
-}
-.rt-ShellPanelContent[data-visible] {
-  opacity: 1;
-  pointer-events: auto;
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
-}
-:where([dir='rtl']) .rt-ShellPanelContent[data-visible] {
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
-}
-.rt-ShellSidebar {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  height: 100%;
-  overflow: visible;
-  position: relative;
-  z-index: 1;
-}
-.rt-ShellSidebar[data-mode='expanded'] {
-  width: var(--sidebar-size, 288px);
-}
-.rt-ShellSidebar[data-mode='thin'] {
-  width: var(--sidebar-thin-size, 64px);
-}
-.rt-ShellSidebar[data-mode='collapsed'] {
-  width: 0px;
-  -webkit-transition: width 0s var(--motion-duration-small);
-  transition: width 0s var(--motion-duration-small);
-}
-.rt-ShellSidebarContent {
-  position: absolute;
-  inset-block: 0;
-  inset-inline-start: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  opacity: 0;
-  pointer-events: none;
-  -webkit-transform: translateX(-100%);
-          transform: translateX(-100%);
-  -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-  transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-}
-:where([dir='rtl']) .rt-ShellSidebarContent {
-  -webkit-transform: translateX(100%);
-          transform: translateX(100%);
-}
-.rt-ShellSidebar[data-mode='thin'] .rt-ShellResizer {
-  display: none;
-}
-.rt-ShellSidebarContent[data-visible] {
-  opacity: 1;
-  pointer-events: auto;
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
-}
-.rt-ShellSidebarContent[data-phase='hiding'] {
-  opacity: 0;
-  -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
-  transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
+  line-height: var(--line-height-3);
 }
-.rt-ShellSidebarContent[data-phase='resizing'] {
-  opacity: 0;
+.rt-SidebarContainer.rt-r-size-3 .rt-SidebarSearchIcon {
+  width: var(--content-icon-size-3);
+  height: var(--content-icon-size-3);
 }
-.rt-ShellSidebarContent[data-phase='showing'] {
-  opacity: 1;
-  -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
-  transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
+.rt-ShellRoot {
+  --shell-inset-gap: var(--space-2);
+  --shell-rail-offset: 0px;
+  display: grid;
+  grid-template-areas: 'header header header header header' 'rail panel sidebar content inspector' 'bottom bottom bottom bottom bottom';
+  grid-template-columns: auto auto auto minmax(0, 1fr) auto;
+  grid-template-rows: auto minmax(0, 1fr) auto;
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
+  position: relative;
+  isolation: isolate;
 }
-.rt-ShellSidebar[data-presentation='stacked'] {
-  position: absolute;
-  inset-block: 0;
-  inset-inline-start: 0;
-  z-index: 31;
-  -webkit-transform: translateX(-100%);
-          transform: translateX(-100%);
-  will-change: transform;
-  -webkit-transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  -webkit-box-shadow: 4px 0 12px -6px rgba(0, 0, 0, 0.2);
-          box-shadow: 4px 0 12px -6px rgba(0, 0, 0, 0.2);
+@supports (height: 100dvh) {
+  .rt-ShellRoot {
+    height: 100dvh;
+  }
 }
-.rt-ShellSidebar[data-presentation='stacked'][data-open] {
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
+:root[data-rt-shell-lock] {
+  overflow: hidden;
 }
-.rt-ShellSidebar[data-presentation='stacked'][data-peek] {
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
+.rt-ShellHeader {
+  grid-area: header;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  height: var(--shell-header-height, 64px);
+  min-height: var(--shell-header-height, 64px);
+  position: relative;
+  z-index: 2;
 }
 .rt-ShellContent {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  grid-area: content;
   min-width: 0;
-  height: 100%;
+  min-height: 0;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   padding-bottom: env(safe-area-inset-bottom, 0px);
   -ms-scroll-chaining: none;
       overscroll-behavior: contain;
+  isolation: isolate;
 }
-.rt-ShellInspector {
+.rt-ShellPane {
+  --rt-shell-position: initial;
+  --rt-shell-z: initial;
+  --rt-shell-row: initial;
+  --rt-shell-col: initial;
+  --rt-shell-surface: initial;
+  --rt-shell-shadow: initial;
+  --rt-shell-cap: initial;
+  --rt-shell-offset: initial;
+  --rt-shell-handle: initial;
+  --rt-shell-start: initial;
+  --rt-shell-thin: initial;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -24289,23 +23756,74 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  height: 100%;
+  min-width: 0;
+  min-height: 0;
   overflow: visible;
-  position: relative;
-  z-index: 1;
+  position: var(--rt-shell-position, relative);
+  z-index: var(--rt-shell-z, 1);
+  background-color: var(--rt-shell-surface);
+  -webkit-box-shadow: var(--rt-shell-shadow, none);
+          box-shadow: var(--rt-shell-shadow, none);
+}
+.rt-ShellPane:has(> .rt-ShellResizer) {
+  z-index: var(--rt-shell-z, 2);
 }
-.rt-ShellInspector[data-mode='expanded'] {
-  width: var(--inspector-size, 320px);
+.rt-ShellPane:focus {
+  outline: none;
+}
+.rt-ShellRail {
+  grid-row: var(--rt-shell-row, rail);
+  grid-column: var(--rt-shell-col, rail);
+  inset-block: 0;
+  inset-inline-start: 0;
+  inline-size: var(--rail-size, 64px);
+  max-inline-size: var(--rt-shell-cap, none);
 }
-.rt-ShellInspector[data-mode='collapsed'] {
-  width: 0px;
-  -webkit-transition: width 0s var(--motion-duration-small);
-  transition: width 0s var(--motion-duration-small);
+.rt-ShellPanel,
+.rt-ShellSidebar {
+  --rt-shell-start: var(--rt-shell-offset, 0px);
 }
-.rt-ShellInspectorContent {
-  position: absolute;
+.rt-ShellPanel {
+  grid-row: var(--rt-shell-row, panel);
+  grid-column: var(--rt-shell-col, panel);
+  inset-block: 0;
+  inset-inline-start: var(--rt-shell-offset, 0px);
+  inline-size: var(--panel-size, var(--panel-expanded-size, 288px));
+  max-inline-size: var(--rt-shell-cap, none);
+}
+.rt-ShellSidebar {
+  grid-row: var(--rt-shell-row, sidebar);
+  grid-column: var(--rt-shell-col, sidebar);
+  inset-block: 0;
+  inset-inline-start: var(--rt-shell-offset, 0px);
+  inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+  max-inline-size: var(--rt-shell-cap, none);
+}
+.rt-ShellSidebar[data-thin] {
+  inline-size: var(--sidebar-thin-size, 64px);
+  --rt-shell-thin: none;
+}
+.rt-ShellInspector {
+  grid-row: var(--rt-shell-row, inspector);
+  grid-column: var(--rt-shell-col, inspector);
   inset-block: 0;
   inset-inline-end: 0;
+  inline-size: var(--inspector-size, var(--inspector-expanded-size, 320px));
+  max-inline-size: var(--rt-shell-cap, none);
+}
+.rt-ShellBottom {
+  grid-row: var(--rt-shell-row, bottom);
+  grid-column: var(--rt-shell-col, bottom);
+  inset-inline: 0;
+  inset-block-end: 0;
+  block-size: var(--bottom-size, var(--bottom-expanded-size, 200px));
+  max-block-size: var(--rt-shell-cap, none);
+}
+.rt-ShellRailContent,
+.rt-ShellPanelContent,
+.rt-ShellSidebarContent,
+.rt-ShellInspectorContent,
+.rt-ShellBottomContent {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -24313,200 +23831,460 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  width: 100%;
-  height: 100%;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  min-width: 0;
+  min-height: 0;
   overflow: hidden;
-  opacity: 0;
-  pointer-events: none;
-  -webkit-transform: translateX(100%);
-          transform: translateX(100%);
-  -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-  transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
 }
-:where([dir='rtl']) .rt-ShellInspectorContent {
-  -webkit-transform: translateX(-100%);
-          transform: translateX(-100%);
+.rt-ShellRailContent {
+  gap: var(--space-2);
 }
-.rt-ShellInspectorContent[data-visible] {
-  opacity: 1;
-  pointer-events: auto;
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
+.rt-ShellPane[data-state='closed'] {
+  display: none;
 }
-.rt-ShellBottom {
+.rt-ShellPane[data-presentation='overlay'],
+.rt-ShellRail[data-presentation='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+  --rt-shell-position: absolute;
+  --rt-shell-z: 6;
+  --rt-shell-row: 1 / -1;
+  --rt-shell-col: 1 / -1;
+  --rt-shell-surface: var(--color-panel-solid);
+  --rt-shell-shadow: var(--shadow-5);
+  --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+  --rt-shell-offset: var(--shell-rail-offset, 0px);
+  --rt-shell-handle: none;
+}
+.rt-ShellPane[data-presentation='stacked'],
+.rt-ShellRail[data-presentation='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+  --rt-shell-position: absolute;
+  --rt-shell-z: 3;
+  --rt-shell-row: 2 / 3;
+  --rt-shell-col: 1 / -1;
+  --rt-shell-surface: var(--color-panel-solid);
+  --rt-shell-shadow: var(--shadow-4);
+  --rt-shell-cap: initial;
+  --rt-shell-offset: var(--shell-rail-offset, 0px);
+  --rt-shell-handle: initial;
+}
+.rt-ShellPane[data-state='auto'][data-auto='closed'] {
+  display: none;
+}
+.rt-ShellSidebar[data-state='auto'][data-auto='thin'] {
+  inline-size: var(--sidebar-thin-size, 64px);
+  --rt-shell-thin: none;
+}
+.rt-ShellPane[data-presentation-initial='fixed'],
+.rt-ShellRail[data-presentation-initial='fixed'] ~ .rt-ShellPanel[data-presentation-follows] {
+  --rt-shell-position: initial;
+  --rt-shell-z: initial;
+  --rt-shell-row: initial;
+  --rt-shell-col: initial;
+  --rt-shell-surface: initial;
+  --rt-shell-shadow: initial;
+  --rt-shell-cap: initial;
+  --rt-shell-offset: initial;
+  --rt-shell-handle: initial;
+}
+.rt-ShellPane[data-presentation-initial='overlay'],
+.rt-ShellRail[data-presentation-initial='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+  --rt-shell-position: absolute;
+  --rt-shell-z: 6;
+  --rt-shell-row: 1 / -1;
+  --rt-shell-col: 1 / -1;
+  --rt-shell-surface: var(--color-panel-solid);
+  --rt-shell-shadow: var(--shadow-5);
+  --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+  --rt-shell-offset: var(--shell-rail-offset, 0px);
+  --rt-shell-handle: none;
+}
+.rt-ShellPane[data-presentation-initial='stacked'],
+.rt-ShellRail[data-presentation-initial='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+  --rt-shell-position: absolute;
+  --rt-shell-z: 3;
+  --rt-shell-row: 2 / 3;
+  --rt-shell-col: 1 / -1;
+  --rt-shell-surface: var(--color-panel-solid);
+  --rt-shell-shadow: var(--shadow-4);
+  --rt-shell-cap: initial;
+  --rt-shell-offset: var(--shell-rail-offset, 0px);
+  --rt-shell-handle: initial;
+}
+.rt-ShellPane[data-state='auto'][data-auto-initial='closed'] {
+  display: none;
+}
+.rt-ShellPane[data-state='auto'][data-auto-initial='open'],
+.rt-ShellPane[data-state='auto'][data-auto-initial='thin'] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  width: 100%;
-  overflow: visible;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  position: relative;
 }
-.rt-ShellBottom[data-mode='expanded'] {
-  height: var(--bottom-size, 200px);
+.rt-ShellSidebar[data-state='auto'][data-auto-initial='open'] {
+  inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+  --rt-shell-thin: initial;
 }
-.rt-ShellBottom[data-mode='collapsed'] {
-  height: 0px;
-  -webkit-transition: height 0s var(--motion-duration-small);
-  transition: height 0s var(--motion-duration-small);
+.rt-ShellSidebar[data-state='auto'][data-auto-initial='thin'] {
+  inline-size: var(--sidebar-thin-size, 64px);
+  --rt-shell-thin: none;
 }
-.rt-ShellBottomContent {
-  position: absolute;
-  inset-inline: 0;
-  inset-block-end: 0;
+@media (min-width: 520px) {
+  .rt-ShellPane[data-presentation-xs='fixed'],
+  .rt-ShellRail[data-presentation-xs='fixed'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: initial;
+    --rt-shell-z: initial;
+    --rt-shell-row: initial;
+    --rt-shell-col: initial;
+    --rt-shell-surface: initial;
+    --rt-shell-shadow: initial;
+    --rt-shell-cap: initial;
+    --rt-shell-offset: initial;
+    --rt-shell-handle: initial;
+  }
+  .rt-ShellPane[data-presentation-xs='overlay'],
+  .rt-ShellRail[data-presentation-xs='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 6;
+    --rt-shell-row: 1 / -1;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-5);
+    --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: none;
+  }
+  .rt-ShellPane[data-presentation-xs='stacked'],
+  .rt-ShellRail[data-presentation-xs='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 3;
+    --rt-shell-row: 2 / 3;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-4);
+    --rt-shell-cap: initial;
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: initial;
+  }
+  .rt-ShellPane[data-state='auto'][data-auto-xs='closed'] {
+    display: none;
+  }
+  .rt-ShellPane[data-state='auto'][data-auto-xs='open'],
+  .rt-ShellPane[data-state='auto'][data-auto-xs='thin'] {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+  .rt-ShellSidebar[data-state='auto'][data-auto-xs='open'] {
+    inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+    --rt-shell-thin: initial;
+  }
+  .rt-ShellSidebar[data-state='auto'][data-auto-xs='thin'] {
+    inline-size: var(--sidebar-thin-size, 64px);
+    --rt-shell-thin: none;
+  }
+}
+@media (min-width: 768px) {
+  .rt-ShellPane[data-presentation-sm='fixed'],
+  .rt-ShellRail[data-presentation-sm='fixed'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: initial;
+    --rt-shell-z: initial;
+    --rt-shell-row: initial;
+    --rt-shell-col: initial;
+    --rt-shell-surface: initial;
+    --rt-shell-shadow: initial;
+    --rt-shell-cap: initial;
+    --rt-shell-offset: initial;
+    --rt-shell-handle: initial;
+  }
+  .rt-ShellPane[data-presentation-sm='overlay'],
+  .rt-ShellRail[data-presentation-sm='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 6;
+    --rt-shell-row: 1 / -1;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-5);
+    --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: none;
+  }
+  .rt-ShellPane[data-presentation-sm='stacked'],
+  .rt-ShellRail[data-presentation-sm='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 3;
+    --rt-shell-row: 2 / 3;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-4);
+    --rt-shell-cap: initial;
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: initial;
+  }
+  .rt-ShellPane[data-state='auto'][data-auto-sm='closed'] {
+    display: none;
+  }
+  .rt-ShellPane[data-state='auto'][data-auto-sm='open'],
+  .rt-ShellPane[data-state='auto'][data-auto-sm='thin'] {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+  .rt-ShellSidebar[data-state='auto'][data-auto-sm='open'] {
+    inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+    --rt-shell-thin: initial;
+  }
+  .rt-ShellSidebar[data-state='auto'][data-auto-sm='thin'] {
+    inline-size: var(--sidebar-thin-size, 64px);
+    --rt-shell-thin: none;
+  }
+}
+@media (min-width: 1024px) {
+  .rt-ShellPane[data-presentation-md='fixed'],
+  .rt-ShellRail[data-presentation-md='fixed'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: initial;
+    --rt-shell-z: initial;
+    --rt-shell-row: initial;
+    --rt-shell-col: initial;
+    --rt-shell-surface: initial;
+    --rt-shell-shadow: initial;
+    --rt-shell-cap: initial;
+    --rt-shell-offset: initial;
+    --rt-shell-handle: initial;
+  }
+  .rt-ShellPane[data-presentation-md='overlay'],
+  .rt-ShellRail[data-presentation-md='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 6;
+    --rt-shell-row: 1 / -1;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-5);
+    --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: none;
+  }
+  .rt-ShellPane[data-presentation-md='stacked'],
+  .rt-ShellRail[data-presentation-md='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 3;
+    --rt-shell-row: 2 / 3;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-4);
+    --rt-shell-cap: initial;
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: initial;
+  }
+  .rt-ShellPane[data-state='auto'][data-auto-md='closed'] {
+    display: none;
+  }
+  .rt-ShellPane[data-state='auto'][data-auto-md='open'],
+  .rt-ShellPane[data-state='auto'][data-auto-md='thin'] {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+  .rt-ShellSidebar[data-state='auto'][data-auto-md='open'] {
+    inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+    --rt-shell-thin: initial;
+  }
+  .rt-ShellSidebar[data-state='auto'][data-auto-md='thin'] {
+    inline-size: var(--sidebar-thin-size, 64px);
+    --rt-shell-thin: none;
+  }
+}
+@media (min-width: 1280px) {
+  .rt-ShellPane[data-presentation-lg='fixed'],
+  .rt-ShellRail[data-presentation-lg='fixed'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: initial;
+    --rt-shell-z: initial;
+    --rt-shell-row: initial;
+    --rt-shell-col: initial;
+    --rt-shell-surface: initial;
+    --rt-shell-shadow: initial;
+    --rt-shell-cap: initial;
+    --rt-shell-offset: initial;
+    --rt-shell-handle: initial;
+  }
+  .rt-ShellPane[data-presentation-lg='overlay'],
+  .rt-ShellRail[data-presentation-lg='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 6;
+    --rt-shell-row: 1 / -1;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-5);
+    --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: none;
+  }
+  .rt-ShellPane[data-presentation-lg='stacked'],
+  .rt-ShellRail[data-presentation-lg='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 3;
+    --rt-shell-row: 2 / 3;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-4);
+    --rt-shell-cap: initial;
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: initial;
+  }
+  .rt-ShellPane[data-state='auto'][data-auto-lg='closed'] {
+    display: none;
+  }
+  .rt-ShellPane[data-state='auto'][data-auto-lg='open'],
+  .rt-ShellPane[data-state='auto'][data-auto-lg='thin'] {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+  .rt-ShellSidebar[data-state='auto'][data-auto-lg='open'] {
+    inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+    --rt-shell-thin: initial;
+  }
+  .rt-ShellSidebar[data-state='auto'][data-auto-lg='thin'] {
+    inline-size: var(--sidebar-thin-size, 64px);
+    --rt-shell-thin: none;
+  }
+}
+@media (min-width: 1640px) {
+  .rt-ShellPane[data-presentation-xl='fixed'],
+  .rt-ShellRail[data-presentation-xl='fixed'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: initial;
+    --rt-shell-z: initial;
+    --rt-shell-row: initial;
+    --rt-shell-col: initial;
+    --rt-shell-surface: initial;
+    --rt-shell-shadow: initial;
+    --rt-shell-cap: initial;
+    --rt-shell-offset: initial;
+    --rt-shell-handle: initial;
+  }
+  .rt-ShellPane[data-presentation-xl='overlay'],
+  .rt-ShellRail[data-presentation-xl='overlay'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 6;
+    --rt-shell-row: 1 / -1;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-5);
+    --rt-shell-cap: calc(100% - var(--space-8) - var(--rt-shell-start, 0px));
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: none;
+  }
+  .rt-ShellPane[data-presentation-xl='stacked'],
+  .rt-ShellRail[data-presentation-xl='stacked'] ~ .rt-ShellPanel[data-presentation-follows] {
+    --rt-shell-position: absolute;
+    --rt-shell-z: 3;
+    --rt-shell-row: 2 / 3;
+    --rt-shell-col: 1 / -1;
+    --rt-shell-surface: var(--color-panel-solid);
+    --rt-shell-shadow: var(--shadow-4);
+    --rt-shell-cap: initial;
+    --rt-shell-offset: var(--shell-rail-offset, 0px);
+    --rt-shell-handle: initial;
+  }
+  .rt-ShellPane[data-state='auto'][data-auto-xl='closed'] {
+    display: none;
+  }
+  .rt-ShellPane[data-state='auto'][data-auto-xl='open'],
+  .rt-ShellPane[data-state='auto'][data-auto-xl='thin'] {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+  .rt-ShellSidebar[data-state='auto'][data-auto-xl='open'] {
+    inline-size: var(--sidebar-size, var(--sidebar-expanded-size, 288px));
+    --rt-shell-thin: initial;
+  }
+  .rt-ShellSidebar[data-state='auto'][data-auto-xl='thin'] {
+    inline-size: var(--sidebar-thin-size, 64px);
+    --rt-shell-thin: none;
+  }
+}
+.rt-ShellPane[data-peek][data-state],
+.rt-ShellRail ~ .rt-ShellPanel[data-presentation-follows][data-peek][data-state] {
+  --rt-shell-position: absolute;
+  --rt-shell-z: 4;
+  --rt-shell-row: 2 / 3;
+  --rt-shell-col: 1 / -1;
+  --rt-shell-surface: var(--color-panel-solid);
+  --rt-shell-shadow: var(--shadow-4);
+  --rt-shell-offset: var(--shell-rail-offset, 0px);
+  --rt-shell-handle: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  opacity: 0;
-  pointer-events: none;
-  -webkit-transform: translateY(100%);
-          transform: translateY(100%);
-  -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-  transition: opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), opacity var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard);
 }
-.rt-ShellBottomContent[data-visible] {
-  opacity: 1;
-  pointer-events: auto;
-  -webkit-transform: translateY(0);
-          transform: translateY(0);
-}
-.rt-ShellPanel[data-resizing],
-.rt-ShellSidebar[data-resizing],
-.rt-ShellInspector[data-resizing],
-.rt-ShellBottom[data-resizing] {
-  -webkit-transition: none !important;
-  transition: none !important;
-}
-.rt-ShellPanel:not([data-visible]) .rt-ShellResizer,
-.rt-ShellPanel[data-peek] .rt-ShellResizer {
-  display: none;
+.rt-ShellSidebar[data-peek][data-state] {
+  inline-size: var(--peek-sidebar-width, var(--sidebar-size, var(--sidebar-expanded-size, 288px)));
 }
-.rt-ShellInspector[data-mode='collapsed'] .rt-ShellResizer,
-.rt-ShellInspector[data-peek] .rt-ShellResizer,
-.rt-ShellBottom[data-mode='collapsed'] .rt-ShellResizer,
-.rt-ShellBottom[data-peek] .rt-ShellResizer,
-.rt-ShellSidebar[data-mode='collapsed'] .rt-ShellResizer,
-.rt-ShellSidebar[data-peek] .rt-ShellResizer {
+.rt-ShellScrim {
   display: none;
+  position: absolute;
+  inset: 0;
+  z-index: 5;
+  background-color: var(--color-overlay);
 }
-.rt-ShellBottom[data-mode='collapsed'] .rt-ShellBottomContent {
-  opacity: 0;
-  height: 0;
-  visibility: hidden;
-  -webkit-transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
-  transition: opacity var(--motion-duration-small) var(--motion-ease-standard);
-}
-[data-presentation='overlay'] {
-  contain: style;
+.rt-ShellRoot[data-overlay-live] > .rt-ShellScrim {
+  display: block;
 }
-.rt-ShellLeft[data-presentation='stacked'] {
-  position: absolute;
-  inset-block: 0;
-  inset-inline-start: 0;
-  z-index: 30;
-  -webkit-transform: translateX(-100%);
-          transform: translateX(-100%);
-  will-change: transform;
-  -webkit-transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  -webkit-box-shadow: 4px 0 12px -6px rgba(0, 0, 0, 0.2);
-          box-shadow: 4px 0 12px -6px rgba(0, 0, 0, 0.2);
-}
-.rt-ShellLeft[data-presentation='stacked'][data-open] {
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
-}
-.rt-ShellLeft[data-presentation='stacked'][data-peek] {
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
-}
-.rt-ShellInspector[data-presentation='stacked'] {
-  position: absolute;
-  inset-block: 0;
-  inset-inline-end: 0;
-  z-index: 32;
-  width: var(--inspector-size, 320px);
-  -webkit-transform: translateX(100%);
-          transform: translateX(100%);
-  -webkit-transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  -webkit-box-shadow: -4px 0 12px -6px rgba(0, 0, 0, 0.2);
-          box-shadow: -4px 0 12px -6px rgba(0, 0, 0, 0.2);
-}
-.rt-ShellInspector[data-presentation='stacked'][data-open] {
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
-}
-.rt-ShellInspector[data-presentation='stacked'][data-peek] {
-  -webkit-transform: translateX(0);
-          transform: translateX(0);
-}
-.rt-ShellBottom[data-presentation='stacked'] {
-  position: absolute;
-  inset-inline: 0;
-  inset-block-end: 0;
-  z-index: 31;
-  height: var(--bottom-size, 200px);
-  -webkit-transform: translateY(100%);
-          transform: translateY(100%);
-  -webkit-transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  transition: -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  transition: transform var(--motion-duration-small) var(--motion-ease-standard), box-shadow var(--motion-duration-small) var(--motion-ease-standard), -webkit-transform var(--motion-duration-small) var(--motion-ease-standard), -webkit-box-shadow var(--motion-duration-small) var(--motion-ease-standard);
-  -webkit-box-shadow: 0 -4px 12px -6px rgba(0, 0, 0, 0.2);
-          box-shadow: 0 -4px 12px -6px rgba(0, 0, 0, 0.2);
+.rt-ShellRoot[data-height='auto'] > .rt-ShellScrim,
+.rt-ShellRoot[data-height='auto'] > .rt-ShellPane[data-presentation='overlay'] {
+  position: fixed;
 }
-.rt-ShellBottom[data-presentation='stacked'][data-open] {
-  -webkit-transform: translateY(0);
-          transform: translateY(0);
+.rt-ShellRoot:has(> [data-inset])::before,
+.rt-ShellRoot[data-has-inset]::before {
+  content: '';
+  grid-row: 2;
+  grid-column: 1 / -1;
+  background: var(--gray-2);
 }
-.rt-ShellBottom[data-presentation='stacked'][data-peek] {
-  -webkit-transform: translateY(0);
-          transform: translateY(0);
+.rt-ShellPane[data-inset],
+.rt-ShellContent[data-inset] {
+  margin: var(--shell-inset-gap);
+  border-radius: var(--radius-surface-3);
+  background: var(--color-background);
+  -webkit-box-shadow: var(--shadow-2);
+          box-shadow: var(--shadow-2);
 }
-@media (prefers-reduced-motion: reduce) {
-  .rt-ShellRail,
-  .rt-ShellPanel,
-  .rt-ShellSidebar,
-  .rt-ShellInspector,
-  .rt-ShellBottom,
-  .rt-ShellRailContent,
-  .rt-ShellPanelContent,
-  .rt-ShellSidebarContent,
-  .rt-ShellInspectorContent,
-  .rt-ShellBottomContent {
-    -webkit-transition: none;
-    transition: none;
-  }
+.rt-ShellRoot:has(> .rt-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .rt-ShellPanel[data-inset][data-presentation='fixed'],
+.rt-ShellRoot:has(> .rt-ShellPanel[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .rt-ShellSidebar[data-inset][data-presentation='fixed'],
+.rt-ShellRoot:has(> .rt-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(
+    :has(> .rt-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))
+  )
+  > .rt-ShellSidebar[data-inset][data-presentation='fixed'],
+.rt-ShellRoot:has(> .rt-ShellSidebar[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])) > .rt-ShellContent[data-inset],
+.rt-ShellRoot:has(> .rt-ShellPanel[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(
+    :has(> .rt-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))
+  )
+  > .rt-ShellContent[data-inset],
+.rt-ShellRoot:has(> .rt-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])):not(
+    :has(> .rt-ShellPanel[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']), > .rt-ShellSidebar[data-presentation='fixed'][data-mode]:not([data-mode='collapsed']))
+  )
+  > .rt-ShellContent[data-inset],
+.rt-ShellRoot:has(> .rt-ShellContent[data-inset]) > .rt-ShellInspector[data-inset][data-presentation='fixed'] {
+  -webkit-margin-start: 0;
+          margin-inline-start: 0;
+}
+.rt-ShellRoot:has(
+    > .rt-ShellRail[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed']),
+    > .rt-ShellPanel[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed']),
+    > .rt-ShellSidebar[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed']),
+    > .rt-ShellContent[data-inset],
+    > .rt-ShellInspector[data-inset][data-presentation='fixed'][data-mode]:not([data-mode='collapsed'])
+  )
+  > .rt-ShellBottom[data-inset] {
+  -webkit-margin-before: 0;
+          margin-block-start: 0;
 }
 .rt-ShellResizer {
   position: absolute;
   z-index: 1;
   background: transparent;
   --resizer-hit: var(--space-3);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+  display: var(--rt-shell-thin, var(--rt-shell-handle, flex));
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
@@ -24514,6 +24292,8 @@
       -ms-flex-pack: center;
           justify-content: center;
   overflow: visible;
+  -ms-touch-action: none;
+      touch-action: none;
 }
 .rt-ShellResizer[data-orientation='vertical'][data-edge='end'] {
   inset-block: 0;
@@ -24524,6 +24304,10 @@
   -webkit-transform: translateX(50%);
           transform: translateX(50%);
 }
+.rt-ShellResizer[data-orientation='vertical'][data-edge='end']:dir(rtl) {
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
 .rt-ShellResizer[data-orientation='vertical'][data-edge='start'] {
   inset-block: 0;
   inset-inline-start: 0;
@@ -24533,6 +24317,10 @@
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
 }
+.rt-ShellResizer[data-orientation='vertical'][data-edge='start']:dir(rtl) {
+  -webkit-transform: translateX(50%);
+          transform: translateX(50%);
+}
 .rt-ShellResizer[data-orientation='horizontal'][data-edge='start'] {
   inset-inline: 0;
   inset-block-start: 0;
@@ -24547,79 +24335,34 @@
     --resizer-hit: var(--space-6);
   }
 }
-.rt-ShellRail[data-peek],
-.rt-ShellPanel[data-peek],
-.rt-ShellSidebar[data-peek],
-.rt-ShellInspector[data-peek],
-.rt-ShellBottom[data-peek] {
+.rt-ShellResizer::before {
+  content: '';
   position: absolute;
-  z-index: 40;
-}
-.rt-ShellRail[data-peek],
-.rt-ShellPanel[data-peek],
-.rt-ShellSidebar[data-peek] {
-  -webkit-box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.15);
-          box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.15);
+  background-color: transparent;
+  pointer-events: none;
 }
-.rt-ShellInspector[data-peek] {
-  -webkit-box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.15);
-          box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.15);
+.rt-ShellResizer[data-orientation='vertical']::before {
   inset-block: 0;
-  inset-inline-end: 0;
-  width: var(--inspector-size, 320px);
+  inset-inline-start: calc(50% - 1px);
+  inline-size: 2px;
 }
-.rt-ShellBottom[data-peek] {
-  -webkit-box-shadow: 0 -4px 8px -4px rgba(0, 0, 0, 0.15);
-          box-shadow: 0 -4px 8px -4px rgba(0, 0, 0, 0.15);
+.rt-ShellResizer[data-orientation='horizontal']::before {
   inset-inline: 0;
-  inset-block-end: 0;
-  height: var(--bottom-size, 200px);
-}
-.rt-ShellRail[data-peek] .rt-ShellRailContent,
-.rt-ShellPanel[data-peek] .rt-ShellPanelContent,
-.rt-ShellSidebar[data-peek] .rt-ShellSidebarContent,
-.rt-ShellInspector[data-peek] .rt-ShellInspectorContent,
-.rt-ShellBottom[data-peek] .rt-ShellBottomContent {
-  opacity: 1;
-  -webkit-transition-delay: var(--motion-duration-small);
-          transition-delay: var(--motion-duration-small);
-}
-.rt-ShellRail[data-peek] {
-  inset-block: 0;
-  inset-inline-start: 0;
-  width: var(--rail-size, 64px);
-}
-.rt-ShellPanel[data-peek] {
-  inset-block: 0;
-  inset-inline-start: var(--peek-rail-width, var(--rail-size, 64px));
-  width: var(--panel-size, 288px);
-}
-.rt-ShellSidebar[data-peek] {
-  inset-block: 0;
-  inset-inline-start: 0;
-  width: var(--peek-sidebar-width, var(--sidebar-size, 288px));
+  inset-block-start: calc(50% - 1px);
+  block-size: 2px;
 }
-.rt-ShellInspector[data-peek][data-mode='collapsed'] {
-  width: var(--inspector-size, 320px);
+.rt-ShellResizer:hover::before,
+.rt-ShellResizer[data-dragging]::before {
+  background-color: var(--gray-a6);
 }
-.rt-ShellBottom[data-peek][data-mode='collapsed'] {
-  height: var(--bottom-size, 200px);
+.rt-ShellResizer:focus-visible {
+  outline: none;
 }
-.rt-ShellBody[data-has-inset] {
-  background: var(--gray-2);
+.rt-ShellResizer:focus-visible::before {
+  background-color: var(--focus-8);
 }
-.rt-ShellLeft[data-inset],
-.rt-ShellSidebar[data-inset],
-.rt-ShellContent[data-inset],
-.rt-ShellInspector[data-inset],
-.rt-ShellBottom[data-inset] {
-  --shell-inset-gap: var(--space-2);
-  margin: var(--shell-inset-gap);
-  border-radius: var(--radius-surface-3);
-  background: var(--color-background);
-  -webkit-box-shadow: var(--shadow-2);
-          box-shadow: var(--shadow-2);
-  height: auto;
+.rt-ShellSidebar[data-thin] .rt-ShellResizer {
+  display: none;
 }
 .rt-SliderRoot {
   --slider-thumb-width: var(--space-3);
@@ -24716,7 +24459,7 @@
   content: '';
   position: absolute;
   inset: calc(var(--slider-thumb-inset-factor) * var(--slider-track-size) * -1);
-  background-color: white;
+  background-color: var(--accent-solid-thumb);
   border-radius: var(--slider-thumb-radius);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
@@ -24932,10 +24675,7 @@
           box-shadow: inset 0 0 0 1px var(--gray-5);
 }
 .rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderRange) {
-  background-color: var(--accent-9);
-}
-.rt-SliderRoot:where(.rt-variant-surface):where(.rt-high-contrast) :where(.rt-SliderRange) {
-  background-color: var(--accent-12);
+  background-color: var(--accent-solid);
 }
 .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderTrack) {
   background-color: var(--gray-3);
@@ -24950,10 +24690,7 @@
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
 }
 .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderRange) {
-  background-color: var(--accent-9);
-}
-.rt-SliderRoot:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-SliderRange) {
-  background-color: var(--accent-12);
+  background-color: var(--accent-solid);
 }
 .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb) {
   --slider-thumb-box-shadow: var(--shadow-3);
@@ -24975,17 +24712,11 @@
           box-shadow: inset 0 0 0 1px var(--gray-a6);
 }
 .rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderRange) {
-  background-color: var(--accent-9);
-}
-.rt-SliderRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-SliderRange) {
-  background-color: var(--accent-12);
+  background-color: var(--accent-solid);
 }
 .rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderThumb) {
   --slider-thumb-box-shadow: var(--shadow-3);
 }
-.rt-SliderRoot:where(:not(.rt-high-contrast)) {
-  --slider-range-high-contrast-background-image: none;
-}
 .rt-SliderRoot:where([data-disabled]) {
   cursor: var(--cursor-disabled);
 }
@@ -25323,6 +25054,7 @@
   transition: transform var(--transition-standard), box-shadow var(--transition-standard), -webkit-transform var(--transition-standard), -webkit-box-shadow var(--transition-standard);
 }
 .rt-SwitchThumb:where([data-state='checked']) {
+  background-color: var(--accent-solid-thumb);
   -webkit-transform: translateX(var(--switch-thumb-translate-x));
           transform: translateX(var(--switch-thumb-translate-x));
 }
@@ -25429,12 +25161,7 @@
           box-shadow: inset 0 0 0 1px var(--gray-a6);
 }
 .rt-SwitchRoot:where(.rt-variant-surface):where([data-state='checked'])::before {
-  background-color: var(--accent-9);
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast):where([data-state='checked'])::before {
-  background-color: var(--accent-12);
+  background-color: var(--accent-solid);
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -25451,10 +25178,7 @@
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
 }
 .rt-SwitchRoot:where(.rt-variant-soft):where([data-state='checked'])::before {
-  background-color: var(--accent-9);
-}
-.rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast):where([data-state='checked'])::before {
-  background-color: var(--accent-12);
+  background-color: var(--accent-solid);
 }
 .rt-SwitchRoot:where(.rt-variant-outline)::before {
   -webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
@@ -25473,12 +25197,7 @@
           box-shadow: inset 0 0 0 1px var(--gray-a6);
 }
 .rt-SwitchRoot:where(.rt-variant-outline):where([data-state='checked'])::before {
-  background-color: var(--accent-9);
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.rt-SwitchRoot:where(.rt-variant-outline):where(.rt-high-contrast):where([data-state='checked'])::before {
-  background-color: var(--accent-12);
+  background-color: var(--accent-solid);
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -25853,7 +25572,7 @@
   bottom: 0;
   left: 0;
   right: 0;
-  background-color: var(--accent-indicator);
+  background-color: var(--accent-solid-indicator);
   -webkit-transform-origin: center;
           transform-origin: center;
   -webkit-transition: opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1), -webkit-transform var(--duration-3) var(--ease-3);
@@ -25861,9 +25580,6 @@
   transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1);
   transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1), -webkit-transform var(--duration-3) var(--ease-3);
 }
-:is(:where(.rt-BaseTabList.rt-high-contrast) .rt-BaseTabListTrigger):where([data-state='active'],[data-active])::before {
-  background-color: var(--accent-12);
-}
 @media (forced-colors: active) {
   .rt-BaseTabListTrigger:where([data-state='active'])::before,
   .rt-TabNavLink:where([data-active])::before {