@womp/kookie-ui 0.3.26 → 0.5.0

package/components.css

@@ -1087,10 +1087,10 @@
     letter-spacing: var(--letter-spacing, inherit);
 }
 .rt-Text:where(.rt-r-ff-sans) {
-    font-family: var(--default-font-family-sans);
+    font-family: var(--font-sans);
 }
 .rt-Text:where(.rt-r-ff-mono) {
-    font-family: var(--default-font-family-mono);
+    font-family: var(--font-mono);
 }
 .rt-Text:where(.rt-r-ff-serif) {
     font-family: var(--font-serif);
@@ -1532,85 +1532,85 @@
     --backdrop-filter-components: var(--backdrop-filter-components-enabled);
 }
 .rt-AccordionRoot:where(.rt-r-size-1) {
-    border-radius: var(--radius-1);
+    border-radius: var(--radius-surface-1);
 }
 .rt-AccordionRoot:where(.rt-r-size-2) {
-    border-radius: var(--radius-2);
+    border-radius: var(--radius-surface-2);
 }
 .rt-AccordionRoot:where(.rt-r-size-3) {
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
 }
 .rt-AccordionRoot:where(.rt-r-size-4) {
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
 }
 @media (min-width: 520px) {
     .rt-AccordionRoot:where(.xs\:rt-r-size-1) {
-        border-radius: var(--radius-1);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.xs\:rt-r-size-2) {
-        border-radius: var(--radius-2);
+        border-radius: var(--radius-surface-2);
     }
     .rt-AccordionRoot:where(.xs\:rt-r-size-3) {
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-AccordionRoot:where(.xs\:rt-r-size-4) {
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 768px) {
     .rt-AccordionRoot:where(.sm\:rt-r-size-1) {
-        border-radius: var(--radius-1);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.sm\:rt-r-size-2) {
-        border-radius: var(--radius-2);
+        border-radius: var(--radius-surface-2);
     }
     .rt-AccordionRoot:where(.sm\:rt-r-size-3) {
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-AccordionRoot:where(.sm\:rt-r-size-4) {
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 1024px) {
     .rt-AccordionRoot:where(.md\:rt-r-size-1) {
-        border-radius: var(--radius-1);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.md\:rt-r-size-2) {
-        border-radius: var(--radius-2);
+        border-radius: var(--radius-surface-2);
     }
     .rt-AccordionRoot:where(.md\:rt-r-size-3) {
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-AccordionRoot:where(.md\:rt-r-size-4) {
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 1280px) {
     .rt-AccordionRoot:where(.lg\:rt-r-size-1) {
-        border-radius: var(--radius-1);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.lg\:rt-r-size-2) {
-        border-radius: var(--radius-2);
+        border-radius: var(--radius-surface-2);
     }
     .rt-AccordionRoot:where(.lg\:rt-r-size-3) {
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-AccordionRoot:where(.lg\:rt-r-size-4) {
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 1640px) {
     .rt-AccordionRoot:where(.xl\:rt-r-size-1) {
-        border-radius: var(--radius-1);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.xl\:rt-r-size-2) {
-        border-radius: var(--radius-2);
+        border-radius: var(--radius-surface-2);
     }
     .rt-AccordionRoot:where(.xl\:rt-r-size-3) {
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-AccordionRoot:where(.xl\:rt-r-size-4) {
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
 }
 :where(.rt-AccordionRoot:where(.rt-variant-surface)) {
@@ -2247,108 +2247,108 @@
 }
 .rt-BaseDialogContent:where(.rt-r-size-1) {
     --dialog-content-padding: var(--space-5);
-    border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
 }
 .rt-BaseDialogContent:where(.rt-r-size-2) {
     --dialog-content-padding: var(--space-6);
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
 }
 .rt-BaseDialogContent:where(.rt-r-size-3) {
     --dialog-content-padding: var(--space-7);
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
 }
 .rt-BaseDialogContent:where(.rt-r-size-4) {
     --dialog-content-padding: var(--space-8);
-    border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
+    border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
 }
 @media (min-width: 520px) {
     .rt-BaseDialogContent:where(.xs\:rt-r-size-1) {
         --dialog-content-padding: var(--space-5);
-        border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
     }
     .rt-BaseDialogContent:where(.xs\:rt-r-size-2) {
         --dialog-content-padding: var(--space-6);
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
     }
     .rt-BaseDialogContent:where(.xs\:rt-r-size-3) {
         --dialog-content-padding: var(--space-7);
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
     }
     .rt-BaseDialogContent:where(.xs\:rt-r-size-4) {
         --dialog-content-padding: var(--space-8);
-        border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
+        border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
     }
 }
 @media (min-width: 768px) {
     .rt-BaseDialogContent:where(.sm\:rt-r-size-1) {
         --dialog-content-padding: var(--space-5);
-        border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
     }
     .rt-BaseDialogContent:where(.sm\:rt-r-size-2) {
         --dialog-content-padding: var(--space-6);
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
     }
     .rt-BaseDialogContent:where(.sm\:rt-r-size-3) {
         --dialog-content-padding: var(--space-7);
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
     }
     .rt-BaseDialogContent:where(.sm\:rt-r-size-4) {
         --dialog-content-padding: var(--space-8);
-        border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
+        border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
     }
 }
 @media (min-width: 1024px) {
     .rt-BaseDialogContent:where(.md\:rt-r-size-1) {
         --dialog-content-padding: var(--space-5);
-        border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
     }
     .rt-BaseDialogContent:where(.md\:rt-r-size-2) {
         --dialog-content-padding: var(--space-6);
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
     }
     .rt-BaseDialogContent:where(.md\:rt-r-size-3) {
         --dialog-content-padding: var(--space-7);
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
     }
     .rt-BaseDialogContent:where(.md\:rt-r-size-4) {
         --dialog-content-padding: var(--space-8);
-        border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
+        border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
     }
 }
 @media (min-width: 1280px) {
     .rt-BaseDialogContent:where(.lg\:rt-r-size-1) {
         --dialog-content-padding: var(--space-5);
-        border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
     }
     .rt-BaseDialogContent:where(.lg\:rt-r-size-2) {
         --dialog-content-padding: var(--space-6);
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
     }
     .rt-BaseDialogContent:where(.lg\:rt-r-size-3) {
         --dialog-content-padding: var(--space-7);
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
     }
     .rt-BaseDialogContent:where(.lg\:rt-r-size-4) {
         --dialog-content-padding: var(--space-8);
-        border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
+        border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
     }
 }
 @media (min-width: 1640px) {
     .rt-BaseDialogContent:where(.xl\:rt-r-size-1) {
         --dialog-content-padding: var(--space-5);
-        border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
     }
     .rt-BaseDialogContent:where(.xl\:rt-r-size-2) {
         --dialog-content-padding: var(--space-6);
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
     }
     .rt-BaseDialogContent:where(.xl\:rt-r-size-3) {
         --dialog-content-padding: var(--space-7);
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
     }
     .rt-BaseDialogContent:where(.xl\:rt-r-size-4) {
         --dialog-content-padding: var(--space-8);
-        border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
+        border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
     }
 }
 @media (prefers-reduced-motion: no-preference) {
@@ -5025,7 +5025,7 @@
        -moz-column-gap: var(--space-2);
             column-gap: var(--space-2);
     padding: var(--space-3);
-    --callout-border-radius: max(var(--radius-1), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-1);
     --callout-icon-height: var(--line-height-1);
     --callout-icon-size: var(--content-icon-size-1);
 }
@@ -5035,7 +5035,7 @@
        -moz-column-gap: var(--space-3);
             column-gap: var(--space-3);
     padding: var(--space-4);
-    --callout-border-radius: max(var(--radius-2), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-2);
     --callout-icon-height: var(--line-height-2);
     --callout-icon-size: var(--content-icon-size-2);
 }
@@ -5045,7 +5045,7 @@
        -moz-column-gap: var(--space-4);
             column-gap: var(--space-4);
     padding: var(--space-5);
-    --callout-border-radius: max(var(--radius-3), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-3);
     --callout-icon-height: var(--line-height-3);
     --callout-icon-size: var(--content-icon-size-3);
 }
@@ -5055,7 +5055,7 @@
        -moz-column-gap: var(--space-5);
             column-gap: var(--space-5);
     padding: var(--space-6);
-    --callout-border-radius: max(var(--radius-4), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-4);
     --callout-icon-height: var(--line-height-4);
     --callout-icon-size: var(--content-icon-size-4);
 }
@@ -5065,7 +5065,7 @@
        -moz-column-gap: var(--space-6);
             column-gap: var(--space-6);
     padding: var(--space-7);
-    --callout-border-radius: max(var(--radius-5), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-5);
     --callout-icon-height: var(--line-height-5);
     --callout-icon-size: var(--content-icon-size-5);
 }
@@ -5076,7 +5076,7 @@
            -moz-column-gap: var(--space-2);
                 column-gap: var(--space-2);
         padding: var(--space-3);
-        --callout-border-radius: max(var(--radius-1), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-1);
         --callout-icon-height: var(--line-height-1);
         --callout-icon-size: var(--content-icon-size-1);
     }
@@ -5086,7 +5086,7 @@
            -moz-column-gap: var(--space-3);
                 column-gap: var(--space-3);
         padding: var(--space-4);
-        --callout-border-radius: max(var(--radius-2), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-2);
         --callout-icon-height: var(--line-height-2);
         --callout-icon-size: var(--content-icon-size-2);
     }
@@ -5096,7 +5096,7 @@
            -moz-column-gap: var(--space-4);
                 column-gap: var(--space-4);
         padding: var(--space-5);
-        --callout-border-radius: max(var(--radius-3), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-3);
         --callout-icon-height: var(--line-height-3);
         --callout-icon-size: var(--content-icon-size-3);
     }
@@ -5106,7 +5106,7 @@
            -moz-column-gap: var(--space-5);
                 column-gap: var(--space-5);
         padding: var(--space-6);
-        --callout-border-radius: max(var(--radius-4), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-4);
         --callout-icon-height: var(--line-height-4);
         --callout-icon-size: var(--content-icon-size-4);
     }
@@ -5116,7 +5116,7 @@
            -moz-column-gap: var(--space-6);
                 column-gap: var(--space-6);
         padding: var(--space-7);
-        --callout-border-radius: max(var(--radius-5), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-5);
         --callout-icon-height: var(--line-height-5);
         --callout-icon-size: var(--content-icon-size-5);
     }
@@ -5128,7 +5128,7 @@
            -moz-column-gap: var(--space-2);
                 column-gap: var(--space-2);
         padding: var(--space-3);
-        --callout-border-radius: max(var(--radius-1), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-1);
         --callout-icon-height: var(--line-height-1);
         --callout-icon-size: var(--content-icon-size-1);
     }
@@ -5138,7 +5138,7 @@
            -moz-column-gap: var(--space-3);
                 column-gap: var(--space-3);
         padding: var(--space-4);
-        --callout-border-radius: max(var(--radius-2), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-2);
         --callout-icon-height: var(--line-height-2);
         --callout-icon-size: var(--content-icon-size-2);
     }
@@ -5148,7 +5148,7 @@
            -moz-column-gap: var(--space-4);
                 column-gap: var(--space-4);
         padding: var(--space-5);
-        --callout-border-radius: max(var(--radius-3), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-3);
         --callout-icon-height: var(--line-height-3);
         --callout-icon-size: var(--content-icon-size-3);
     }
@@ -5158,7 +5158,7 @@
            -moz-column-gap: var(--space-5);
                 column-gap: var(--space-5);
         padding: var(--space-6);
-        --callout-border-radius: max(var(--radius-4), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-4);
         --callout-icon-height: var(--line-height-4);
         --callout-icon-size: var(--content-icon-size-4);
     }
@@ -5168,7 +5168,7 @@
            -moz-column-gap: var(--space-6);
                 column-gap: var(--space-6);
         padding: var(--space-7);
-        --callout-border-radius: max(var(--radius-5), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-5);
         --callout-icon-height: var(--line-height-5);
         --callout-icon-size: var(--content-icon-size-5);
     }
@@ -5180,7 +5180,7 @@
            -moz-column-gap: var(--space-2);
                 column-gap: var(--space-2);
         padding: var(--space-3);
-        --callout-border-radius: max(var(--radius-1), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-1);
         --callout-icon-height: var(--line-height-1);
         --callout-icon-size: var(--content-icon-size-1);
     }
@@ -5190,7 +5190,7 @@
            -moz-column-gap: var(--space-3);
                 column-gap: var(--space-3);
         padding: var(--space-4);
-        --callout-border-radius: max(var(--radius-2), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-2);
         --callout-icon-height: var(--line-height-2);
         --callout-icon-size: var(--content-icon-size-2);
     }
@@ -5200,7 +5200,7 @@
            -moz-column-gap: var(--space-4);
                 column-gap: var(--space-4);
         padding: var(--space-5);
-        --callout-border-radius: max(var(--radius-3), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-3);
         --callout-icon-height: var(--line-height-3);
         --callout-icon-size: var(--content-icon-size-3);
     }
@@ -5210,7 +5210,7 @@
            -moz-column-gap: var(--space-5);
                 column-gap: var(--space-5);
         padding: var(--space-6);
-        --callout-border-radius: max(var(--radius-4), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-4);
         --callout-icon-height: var(--line-height-4);
         --callout-icon-size: var(--content-icon-size-4);
     }
@@ -5220,7 +5220,7 @@
            -moz-column-gap: var(--space-6);
                 column-gap: var(--space-6);
         padding: var(--space-7);
-        --callout-border-radius: max(var(--radius-5), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-5);
         --callout-icon-height: var(--line-height-5);
         --callout-icon-size: var(--content-icon-size-5);
     }
@@ -5232,7 +5232,7 @@
            -moz-column-gap: var(--space-2);
                 column-gap: var(--space-2);
         padding: var(--space-3);
-        --callout-border-radius: max(var(--radius-1), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-1);
         --callout-icon-height: var(--line-height-1);
         --callout-icon-size: var(--content-icon-size-1);
     }
@@ -5242,7 +5242,7 @@
            -moz-column-gap: var(--space-3);
                 column-gap: var(--space-3);
         padding: var(--space-4);
-        --callout-border-radius: max(var(--radius-2), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-2);
         --callout-icon-height: var(--line-height-2);
         --callout-icon-size: var(--content-icon-size-2);
     }
@@ -5252,7 +5252,7 @@
            -moz-column-gap: var(--space-4);
                 column-gap: var(--space-4);
         padding: var(--space-5);
-        --callout-border-radius: max(var(--radius-3), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-3);
         --callout-icon-height: var(--line-height-3);
         --callout-icon-size: var(--content-icon-size-3);
     }
@@ -5262,7 +5262,7 @@
            -moz-column-gap: var(--space-5);
                 column-gap: var(--space-5);
         padding: var(--space-6);
-        --callout-border-radius: max(var(--radius-4), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-4);
         --callout-icon-height: var(--line-height-4);
         --callout-icon-size: var(--content-icon-size-4);
     }
@@ -5272,7 +5272,7 @@
            -moz-column-gap: var(--space-6);
                 column-gap: var(--space-6);
         padding: var(--space-7);
-        --callout-border-radius: max(var(--radius-5), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-5);
         --callout-icon-height: var(--line-height-5);
         --callout-icon-size: var(--content-icon-size-5);
     }
@@ -5284,7 +5284,7 @@
            -moz-column-gap: var(--space-2);
                 column-gap: var(--space-2);
         padding: var(--space-3);
-        --callout-border-radius: max(var(--radius-1), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-1);
         --callout-icon-height: var(--line-height-1);
         --callout-icon-size: var(--content-icon-size-1);
     }
@@ -5294,7 +5294,7 @@
            -moz-column-gap: var(--space-3);
                 column-gap: var(--space-3);
         padding: var(--space-4);
-        --callout-border-radius: max(var(--radius-2), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-2);
         --callout-icon-height: var(--line-height-2);
         --callout-icon-size: var(--content-icon-size-2);
     }
@@ -5304,7 +5304,7 @@
            -moz-column-gap: var(--space-4);
                 column-gap: var(--space-4);
         padding: var(--space-5);
-        --callout-border-radius: max(var(--radius-3), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-3);
         --callout-icon-height: var(--line-height-3);
         --callout-icon-size: var(--content-icon-size-3);
     }
@@ -5314,7 +5314,7 @@
            -moz-column-gap: var(--space-5);
                 column-gap: var(--space-5);
         padding: var(--space-6);
-        --callout-border-radius: max(var(--radius-4), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-4);
         --callout-icon-height: var(--line-height-4);
         --callout-icon-size: var(--content-icon-size-4);
     }
@@ -5324,7 +5324,7 @@
            -moz-column-gap: var(--space-6);
                 column-gap: var(--space-6);
         padding: var(--space-7);
-        --callout-border-radius: max(var(--radius-5), var(--radius-full));
+        --callout-border-radius: var(--radius-surface-5);
         --callout-icon-height: var(--line-height-5);
         --callout-icon-size: var(--content-icon-size-5);
     }
@@ -5471,35 +5471,35 @@
     --base-card-padding-right: var(--space-2);
     --base-card-padding-bottom: var(--space-2);
     --base-card-padding-left: var(--space-2);
-    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    --base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
 }
 .rt-BaseCard:where(.rt-r-size-2) {
     --base-card-padding-top: var(--space-3);
     --base-card-padding-right: var(--space-3);
     --base-card-padding-bottom: var(--space-3);
     --base-card-padding-left: var(--space-3);
-    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    --base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
 }
 .rt-BaseCard:where(.rt-r-size-3) {
     --base-card-padding-top: var(--space-4);
     --base-card-padding-right: var(--space-4);
     --base-card-padding-bottom: var(--space-4);
     --base-card-padding-left: var(--space-4);
-    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
 }
 .rt-BaseCard:where(.rt-r-size-4) {
     --base-card-padding-top: var(--space-5);
     --base-card-padding-right: var(--space-5);
     --base-card-padding-bottom: var(--space-5);
     --base-card-padding-left: var(--space-5);
-    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
 }
 .rt-BaseCard:where(.rt-r-size-5) {
     --base-card-padding-top: var(--space-6);
     --base-card-padding-right: var(--space-6);
     --base-card-padding-bottom: var(--space-6);
     --base-card-padding-left: var(--space-6);
-    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
 }
 @media (min-width: 520px) {
     .rt-BaseCard:where(.xs\:rt-r-size-1) {
@@ -5507,35 +5507,35 @@
         --base-card-padding-right: var(--space-2);
         --base-card-padding-bottom: var(--space-2);
         --base-card-padding-left: var(--space-2);
-        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        --base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     }
     .rt-BaseCard:where(.xs\:rt-r-size-2) {
         --base-card-padding-top: var(--space-3);
         --base-card-padding-right: var(--space-3);
         --base-card-padding-bottom: var(--space-3);
         --base-card-padding-left: var(--space-3);
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        --base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
     .rt-BaseCard:where(.xs\:rt-r-size-3) {
         --base-card-padding-top: var(--space-4);
         --base-card-padding-right: var(--space-4);
         --base-card-padding-bottom: var(--space-4);
         --base-card-padding-left: var(--space-4);
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     }
     .rt-BaseCard:where(.xs\:rt-r-size-4) {
         --base-card-padding-top: var(--space-5);
         --base-card-padding-right: var(--space-5);
         --base-card-padding-bottom: var(--space-5);
         --base-card-padding-left: var(--space-5);
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
     }
     .rt-BaseCard:where(.xs\:rt-r-size-5) {
         --base-card-padding-top: var(--space-6);
         --base-card-padding-right: var(--space-6);
         --base-card-padding-bottom: var(--space-6);
         --base-card-padding-left: var(--space-6);
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
     }
 }
 @media (min-width: 768px) {
@@ -5544,35 +5544,35 @@
         --base-card-padding-right: var(--space-2);
         --base-card-padding-bottom: var(--space-2);
         --base-card-padding-left: var(--space-2);
-        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        --base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     }
     .rt-BaseCard:where(.sm\:rt-r-size-2) {
         --base-card-padding-top: var(--space-3);
         --base-card-padding-right: var(--space-3);
         --base-card-padding-bottom: var(--space-3);
         --base-card-padding-left: var(--space-3);
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        --base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
     .rt-BaseCard:where(.sm\:rt-r-size-3) {
         --base-card-padding-top: var(--space-4);
         --base-card-padding-right: var(--space-4);
         --base-card-padding-bottom: var(--space-4);
         --base-card-padding-left: var(--space-4);
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     }
     .rt-BaseCard:where(.sm\:rt-r-size-4) {
         --base-card-padding-top: var(--space-5);
         --base-card-padding-right: var(--space-5);
         --base-card-padding-bottom: var(--space-5);
         --base-card-padding-left: var(--space-5);
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
     }
     .rt-BaseCard:where(.sm\:rt-r-size-5) {
         --base-card-padding-top: var(--space-6);
         --base-card-padding-right: var(--space-6);
         --base-card-padding-bottom: var(--space-6);
         --base-card-padding-left: var(--space-6);
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
     }
 }
 @media (min-width: 1024px) {
@@ -5581,35 +5581,35 @@
         --base-card-padding-right: var(--space-2);
         --base-card-padding-bottom: var(--space-2);
         --base-card-padding-left: var(--space-2);
-        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        --base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     }
     .rt-BaseCard:where(.md\:rt-r-size-2) {
         --base-card-padding-top: var(--space-3);
         --base-card-padding-right: var(--space-3);
         --base-card-padding-bottom: var(--space-3);
         --base-card-padding-left: var(--space-3);
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        --base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
     .rt-BaseCard:where(.md\:rt-r-size-3) {
         --base-card-padding-top: var(--space-4);
         --base-card-padding-right: var(--space-4);
         --base-card-padding-bottom: var(--space-4);
         --base-card-padding-left: var(--space-4);
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     }
     .rt-BaseCard:where(.md\:rt-r-size-4) {
         --base-card-padding-top: var(--space-5);
         --base-card-padding-right: var(--space-5);
         --base-card-padding-bottom: var(--space-5);
         --base-card-padding-left: var(--space-5);
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
     }
     .rt-BaseCard:where(.md\:rt-r-size-5) {
         --base-card-padding-top: var(--space-6);
         --base-card-padding-right: var(--space-6);
         --base-card-padding-bottom: var(--space-6);
         --base-card-padding-left: var(--space-6);
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
     }
 }
 @media (min-width: 1280px) {
@@ -5618,35 +5618,35 @@
         --base-card-padding-right: var(--space-2);
         --base-card-padding-bottom: var(--space-2);
         --base-card-padding-left: var(--space-2);
-        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        --base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     }
     .rt-BaseCard:where(.lg\:rt-r-size-2) {
         --base-card-padding-top: var(--space-3);
         --base-card-padding-right: var(--space-3);
         --base-card-padding-bottom: var(--space-3);
         --base-card-padding-left: var(--space-3);
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        --base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
     .rt-BaseCard:where(.lg\:rt-r-size-3) {
         --base-card-padding-top: var(--space-4);
         --base-card-padding-right: var(--space-4);
         --base-card-padding-bottom: var(--space-4);
         --base-card-padding-left: var(--space-4);
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     }
     .rt-BaseCard:where(.lg\:rt-r-size-4) {
         --base-card-padding-top: var(--space-5);
         --base-card-padding-right: var(--space-5);
         --base-card-padding-bottom: var(--space-5);
         --base-card-padding-left: var(--space-5);
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
     }
     .rt-BaseCard:where(.lg\:rt-r-size-5) {
         --base-card-padding-top: var(--space-6);
         --base-card-padding-right: var(--space-6);
         --base-card-padding-bottom: var(--space-6);
         --base-card-padding-left: var(--space-6);
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
     }
 }
 @media (min-width: 1640px) {
@@ -5655,35 +5655,35 @@
         --base-card-padding-right: var(--space-2);
         --base-card-padding-bottom: var(--space-2);
         --base-card-padding-left: var(--space-2);
-        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        --base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     }
     .rt-BaseCard:where(.xl\:rt-r-size-2) {
         --base-card-padding-top: var(--space-3);
         --base-card-padding-right: var(--space-3);
         --base-card-padding-bottom: var(--space-3);
         --base-card-padding-left: var(--space-3);
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        --base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
     .rt-BaseCard:where(.xl\:rt-r-size-3) {
         --base-card-padding-top: var(--space-4);
         --base-card-padding-right: var(--space-4);
         --base-card-padding-bottom: var(--space-4);
         --base-card-padding-left: var(--space-4);
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     }
     .rt-BaseCard:where(.xl\:rt-r-size-4) {
         --base-card-padding-top: var(--space-5);
         --base-card-padding-right: var(--space-5);
         --base-card-padding-bottom: var(--space-5);
         --base-card-padding-left: var(--space-5);
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
     }
     .rt-BaseCard:where(.xl\:rt-r-size-5) {
         --base-card-padding-top: var(--space-6);
         --base-card-padding-right: var(--space-6);
         --base-card-padding-bottom: var(--space-6);
         --base-card-padding-left: var(--space-6);
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
     }
 }
 .rt-BaseCard:where([data-inset='true']) {
@@ -6057,6 +6057,8 @@
     --skeleton-height-override: var(--checkbox-size);
     border-radius: var(--skeleton-radius);
     --skeleton-radius-override: var(--checkbox-border-radius);
+    --checkbox-radius-ratio-max: 0.4;
+    --checkbox-radius-max: calc(var(--checkbox-size) * var(--checkbox-radius-ratio-max));
     isolation: isolate;
 }
 :where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseCheckboxRoot {
@@ -6100,101 +6102,101 @@
 .rt-BaseCheckboxRoot:where(.rt-r-size-1) {
     --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
     --checkbox-indicator-size: var(--indicator-icon-size-1);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
 }
 .rt-BaseCheckboxRoot:where(.rt-r-size-2) {
     --checkbox-size: var(--space-4);
     --checkbox-indicator-size: var(--indicator-icon-size-2);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
 }
 .rt-BaseCheckboxRoot:where(.rt-r-size-3) {
     --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
     --checkbox-indicator-size: var(--indicator-icon-size-3);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
 }
 @media (min-width: 520px) {
     .rt-BaseCheckboxRoot:where(.xs\:rt-r-size-1) {
         --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
         --checkbox-indicator-size: var(--indicator-icon-size-1);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
     }
     .rt-BaseCheckboxRoot:where(.xs\:rt-r-size-2) {
         --checkbox-size: var(--space-4);
         --checkbox-indicator-size: var(--indicator-icon-size-2);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
     }
     .rt-BaseCheckboxRoot:where(.xs\:rt-r-size-3) {
         --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
         --checkbox-indicator-size: var(--indicator-icon-size-3);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
     }
 }
 @media (min-width: 768px) {
     .rt-BaseCheckboxRoot:where(.sm\:rt-r-size-1) {
         --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
         --checkbox-indicator-size: var(--indicator-icon-size-1);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
     }
     .rt-BaseCheckboxRoot:where(.sm\:rt-r-size-2) {
         --checkbox-size: var(--space-4);
         --checkbox-indicator-size: var(--indicator-icon-size-2);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
     }
     .rt-BaseCheckboxRoot:where(.sm\:rt-r-size-3) {
         --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
         --checkbox-indicator-size: var(--indicator-icon-size-3);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
     }
 }
 @media (min-width: 1024px) {
     .rt-BaseCheckboxRoot:where(.md\:rt-r-size-1) {
         --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
         --checkbox-indicator-size: var(--indicator-icon-size-1);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
     }
     .rt-BaseCheckboxRoot:where(.md\:rt-r-size-2) {
         --checkbox-size: var(--space-4);
         --checkbox-indicator-size: var(--indicator-icon-size-2);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
     }
     .rt-BaseCheckboxRoot:where(.md\:rt-r-size-3) {
         --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
         --checkbox-indicator-size: var(--indicator-icon-size-3);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
     }
 }
 @media (min-width: 1280px) {
     .rt-BaseCheckboxRoot:where(.lg\:rt-r-size-1) {
         --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
         --checkbox-indicator-size: var(--indicator-icon-size-1);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
     }
     .rt-BaseCheckboxRoot:where(.lg\:rt-r-size-2) {
         --checkbox-size: var(--space-4);
         --checkbox-indicator-size: var(--indicator-icon-size-2);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
     }
     .rt-BaseCheckboxRoot:where(.lg\:rt-r-size-3) {
         --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
         --checkbox-indicator-size: var(--indicator-icon-size-3);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
     }
 }
 @media (min-width: 1640px) {
     .rt-BaseCheckboxRoot:where(.xl\:rt-r-size-1) {
         --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
         --checkbox-indicator-size: var(--indicator-icon-size-1);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
     }
     .rt-BaseCheckboxRoot:where(.xl\:rt-r-size-2) {
         --checkbox-size: var(--space-4);
         --checkbox-indicator-size: var(--indicator-icon-size-2);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
     }
     .rt-BaseCheckboxRoot:where(.xl\:rt-r-size-3) {
         --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
         --checkbox-indicator-size: var(--indicator-icon-size-3);
-        --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+        --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
     }
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='unchecked'])::before {
@@ -6683,6 +6685,106 @@
 .rt-CheckboxCardsItem:where(:has(:disabled))::selection {
     background-color: var(--gray-a5);
 }
+.rt-CheckboxCardsItem:where(.rt-r-size-1) {
+    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+}
+.rt-CheckboxCardsItem:where(.rt-r-size-2) {
+    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+}
+.rt-CheckboxCardsItem:where(.rt-r-size-3) {
+    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+}
+.rt-CheckboxCardsItem:where(.rt-r-size-4) {
+    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+}
+.rt-CheckboxCardsItem:where(.rt-r-size-5) {
+    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+}
+@media (min-width: 520px) {
+    .rt-CheckboxCardsItem:where(.xs\:rt-r-size-1) {
+        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    }
+    .rt-CheckboxCardsItem:where(.xs\:rt-r-size-2) {
+        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    }
+    .rt-CheckboxCardsItem:where(.xs\:rt-r-size-3) {
+        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    }
+    .rt-CheckboxCardsItem:where(.xs\:rt-r-size-4) {
+        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    }
+    .rt-CheckboxCardsItem:where(.xs\:rt-r-size-5) {
+        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    }
+}
+@media (min-width: 768px) {
+    .rt-CheckboxCardsItem:where(.sm\:rt-r-size-1) {
+        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    }
+    .rt-CheckboxCardsItem:where(.sm\:rt-r-size-2) {
+        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    }
+    .rt-CheckboxCardsItem:where(.sm\:rt-r-size-3) {
+        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    }
+    .rt-CheckboxCardsItem:where(.sm\:rt-r-size-4) {
+        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    }
+    .rt-CheckboxCardsItem:where(.sm\:rt-r-size-5) {
+        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    }
+}
+@media (min-width: 1024px) {
+    .rt-CheckboxCardsItem:where(.md\:rt-r-size-1) {
+        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    }
+    .rt-CheckboxCardsItem:where(.md\:rt-r-size-2) {
+        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    }
+    .rt-CheckboxCardsItem:where(.md\:rt-r-size-3) {
+        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    }
+    .rt-CheckboxCardsItem:where(.md\:rt-r-size-4) {
+        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    }
+    .rt-CheckboxCardsItem:where(.md\:rt-r-size-5) {
+        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    }
+}
+@media (min-width: 1280px) {
+    .rt-CheckboxCardsItem:where(.lg\:rt-r-size-1) {
+        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    }
+    .rt-CheckboxCardsItem:where(.lg\:rt-r-size-2) {
+        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    }
+    .rt-CheckboxCardsItem:where(.lg\:rt-r-size-3) {
+        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    }
+    .rt-CheckboxCardsItem:where(.lg\:rt-r-size-4) {
+        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    }
+    .rt-CheckboxCardsItem:where(.lg\:rt-r-size-5) {
+        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    }
+}
+@media (min-width: 1640px) {
+    .rt-CheckboxCardsItem:where(.xl\:rt-r-size-1) {
+        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    }
+    .rt-CheckboxCardsItem:where(.xl\:rt-r-size-2) {
+        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    }
+    .rt-CheckboxCardsItem:where(.xl\:rt-r-size-3) {
+        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    }
+    .rt-CheckboxCardsItem:where(.xl\:rt-r-size-4) {
+        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    }
+    .rt-CheckboxCardsItem:where(.xl\:rt-r-size-5) {
+        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    }
+}
 .rt-CheckboxGroupRoot {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -7318,7 +7420,7 @@
     --base-menu-item-padding-right: var(--space-2);
     --base-menu-item-padding-y: var(--space-1);
     --base-menu-item-height: var(--space-5);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
 }
 .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-2);
@@ -7356,7 +7458,7 @@
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-1);
     --base-menu-item-height: var(--space-6);
-    border-radius: var(--radius-5);
+    border-radius: var(--radius-surface-5);
 }
 .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-3);
@@ -7393,7 +7495,7 @@
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-7);
-    border-radius: var(--radius-6);
+    border-radius: var(--radius-surface-6);
 }
 .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-4);
@@ -7431,7 +7533,7 @@
         --base-menu-item-padding-right: var(--space-2);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-5);
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-2);
@@ -7469,7 +7571,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-6);
-        border-radius: var(--radius-5);
+        border-radius: var(--radius-surface-5);
     }
     .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-3);
@@ -7506,7 +7608,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-7);
-        border-radius: var(--radius-6);
+        border-radius: var(--radius-surface-6);
     }
     .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
@@ -7545,7 +7647,7 @@
         --base-menu-item-padding-right: var(--space-2);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-5);
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-2);
@@ -7583,7 +7685,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-6);
-        border-radius: var(--radius-5);
+        border-radius: var(--radius-surface-5);
     }
     .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-3);
@@ -7620,7 +7722,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-7);
-        border-radius: var(--radius-6);
+        border-radius: var(--radius-surface-6);
     }
     .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
@@ -7659,7 +7761,7 @@
         --base-menu-item-padding-right: var(--space-2);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-5);
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-2);
@@ -7697,7 +7799,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-6);
-        border-radius: var(--radius-5);
+        border-radius: var(--radius-surface-5);
     }
     .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-3);
@@ -7734,7 +7836,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-7);
-        border-radius: var(--radius-6);
+        border-radius: var(--radius-surface-6);
     }
     .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
@@ -7773,7 +7875,7 @@
         --base-menu-item-padding-right: var(--space-2);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-5);
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-2);
@@ -7811,7 +7913,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-6);
-        border-radius: var(--radius-5);
+        border-radius: var(--radius-surface-5);
     }
     .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-3);
@@ -7848,7 +7950,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-7);
-        border-radius: var(--radius-6);
+        border-radius: var(--radius-surface-6);
     }
     .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
@@ -7887,7 +7989,7 @@
         --base-menu-item-padding-right: var(--space-2);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-5);
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-2);
@@ -7925,7 +8027,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-6);
-        border-radius: var(--radius-5);
+        border-radius: var(--radius-surface-5);
     }
     .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-3);
@@ -7962,7 +8064,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-7);
-        border-radius: var(--radius-6);
+        border-radius: var(--radius-surface-6);
     }
     .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
@@ -10438,10 +10540,10 @@
     line-height: var(--line-height);
 }
 .rt-Heading:where(.rt-r-ff-sans) {
-    font-family: var(--default-font-family-sans);
+    font-family: var(--font-sans);
 }
 .rt-Heading:where(.rt-r-ff-mono) {
-    font-family: var(--default-font-family-mono);
+    font-family: var(--font-mono);
 }
 .rt-Heading:where(.rt-r-ff-serif) {
     font-family: var(--font-serif);
@@ -10874,84 +10976,84 @@
 }
 .rt-HoverCardContent:where(.rt-r-size-1) {
     --hover-card-content-padding: var(--space-3);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
 }
 .rt-HoverCardContent:where(.rt-r-size-2) {
     --hover-card-content-padding: var(--space-4);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
 }
 .rt-HoverCardContent:where(.rt-r-size-3) {
     --hover-card-content-padding: var(--space-5);
-    border-radius: var(--radius-5);
+    border-radius: var(--radius-surface-5);
 }
 @media (min-width: 520px) {
     .rt-HoverCardContent:where(.xs\:rt-r-size-1) {
         --hover-card-content-padding: var(--space-3);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-HoverCardContent:where(.xs\:rt-r-size-2) {
         --hover-card-content-padding: var(--space-4);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-HoverCardContent:where(.xs\:rt-r-size-3) {
         --hover-card-content-padding: var(--space-5);
-        border-radius: var(--radius-5);
+        border-radius: var(--radius-surface-5);
     }
 }
 @media (min-width: 768px) {
     .rt-HoverCardContent:where(.sm\:rt-r-size-1) {
         --hover-card-content-padding: var(--space-3);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-HoverCardContent:where(.sm\:rt-r-size-2) {
         --hover-card-content-padding: var(--space-4);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-HoverCardContent:where(.sm\:rt-r-size-3) {
         --hover-card-content-padding: var(--space-5);
-        border-radius: var(--radius-5);
+        border-radius: var(--radius-surface-5);
     }
 }
 @media (min-width: 1024px) {
     .rt-HoverCardContent:where(.md\:rt-r-size-1) {
         --hover-card-content-padding: var(--space-3);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-HoverCardContent:where(.md\:rt-r-size-2) {
         --hover-card-content-padding: var(--space-4);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-HoverCardContent:where(.md\:rt-r-size-3) {
         --hover-card-content-padding: var(--space-5);
-        border-radius: var(--radius-5);
+        border-radius: var(--radius-surface-5);
     }
 }
 @media (min-width: 1280px) {
     .rt-HoverCardContent:where(.lg\:rt-r-size-1) {
         --hover-card-content-padding: var(--space-3);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-HoverCardContent:where(.lg\:rt-r-size-2) {
         --hover-card-content-padding: var(--space-4);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-HoverCardContent:where(.lg\:rt-r-size-3) {
         --hover-card-content-padding: var(--space-5);
-        border-radius: var(--radius-5);
+        border-radius: var(--radius-surface-5);
     }
 }
 @media (min-width: 1640px) {
     .rt-HoverCardContent:where(.xl\:rt-r-size-1) {
         --hover-card-content-padding: var(--space-3);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-HoverCardContent:where(.xl\:rt-r-size-2) {
         --hover-card-content-padding: var(--space-4);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-HoverCardContent:where(.xl\:rt-r-size-3) {
         --hover-card-content-padding: var(--space-5);
-        border-radius: var(--radius-5);
+        border-radius: var(--radius-surface-5);
     }
 }
 .rt-IconButton {
@@ -12613,131 +12715,131 @@
 .rt-PopoverContent:where(.rt-r-size-1) {
     --popover-content-padding: var(--space-3);
     --popover-toolbar-padding: var(--space-2);
-    border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
+    border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
 }
 .rt-PopoverContent:where(.rt-r-size-2) {
     --popover-content-padding: var(--space-4);
     --popover-toolbar-padding: var(--space-2);
-    border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
+    border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
 }
 .rt-PopoverContent:where(.rt-r-size-3) {
     --popover-content-padding: var(--space-5);
     --popover-toolbar-padding: var(--space-3);
-    border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
 }
 .rt-PopoverContent:where(.rt-r-size-4) {
     --popover-content-padding: var(--space-6);
     --popover-toolbar-padding: var(--space-4);
-    border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
 }
 @media (min-width: 520px) {
     .rt-PopoverContent:where(.xs\:rt-r-size-1) {
         --popover-content-padding: var(--space-3);
         --popover-toolbar-padding: var(--space-2);
-        border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
+        border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
     }
     .rt-PopoverContent:where(.xs\:rt-r-size-2) {
         --popover-content-padding: var(--space-4);
         --popover-toolbar-padding: var(--space-2);
-        border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
+        border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
     }
     .rt-PopoverContent:where(.xs\:rt-r-size-3) {
         --popover-content-padding: var(--space-5);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
     }
     .rt-PopoverContent:where(.xs\:rt-r-size-4) {
         --popover-content-padding: var(--space-6);
         --popover-toolbar-padding: var(--space-4);
-        border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
     }
 }
 @media (min-width: 768px) {
     .rt-PopoverContent:where(.sm\:rt-r-size-1) {
         --popover-content-padding: var(--space-3);
         --popover-toolbar-padding: var(--space-2);
-        border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
+        border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
     }
     .rt-PopoverContent:where(.sm\:rt-r-size-2) {
         --popover-content-padding: var(--space-4);
         --popover-toolbar-padding: var(--space-2);
-        border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
+        border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
     }
     .rt-PopoverContent:where(.sm\:rt-r-size-3) {
         --popover-content-padding: var(--space-5);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
     }
     .rt-PopoverContent:where(.sm\:rt-r-size-4) {
         --popover-content-padding: var(--space-6);
         --popover-toolbar-padding: var(--space-4);
-        border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
     }
 }
 @media (min-width: 1024px) {
     .rt-PopoverContent:where(.md\:rt-r-size-1) {
         --popover-content-padding: var(--space-3);
         --popover-toolbar-padding: var(--space-2);
-        border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
+        border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
     }
     .rt-PopoverContent:where(.md\:rt-r-size-2) {
         --popover-content-padding: var(--space-4);
         --popover-toolbar-padding: var(--space-2);
-        border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
+        border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
     }
     .rt-PopoverContent:where(.md\:rt-r-size-3) {
         --popover-content-padding: var(--space-5);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
     }
     .rt-PopoverContent:where(.md\:rt-r-size-4) {
         --popover-content-padding: var(--space-6);
         --popover-toolbar-padding: var(--space-4);
-        border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
     }
 }
 @media (min-width: 1280px) {
     .rt-PopoverContent:where(.lg\:rt-r-size-1) {
         --popover-content-padding: var(--space-3);
         --popover-toolbar-padding: var(--space-2);
-        border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
+        border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
     }
     .rt-PopoverContent:where(.lg\:rt-r-size-2) {
         --popover-content-padding: var(--space-4);
         --popover-toolbar-padding: var(--space-2);
-        border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
+        border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
     }
     .rt-PopoverContent:where(.lg\:rt-r-size-3) {
         --popover-content-padding: var(--space-5);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
     }
     .rt-PopoverContent:where(.lg\:rt-r-size-4) {
         --popover-content-padding: var(--space-6);
         --popover-toolbar-padding: var(--space-4);
-        border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
     }
 }
 @media (min-width: 1640px) {
     .rt-PopoverContent:where(.xl\:rt-r-size-1) {
         --popover-content-padding: var(--space-3);
         --popover-toolbar-padding: var(--space-2);
-        border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
+        border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
     }
     .rt-PopoverContent:where(.xl\:rt-r-size-2) {
         --popover-content-padding: var(--space-4);
         --popover-toolbar-padding: var(--space-2);
-        border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
+        border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
     }
     .rt-PopoverContent:where(.xl\:rt-r-size-3) {
         --popover-content-padding: var(--space-5);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
     }
     .rt-PopoverContent:where(.xl\:rt-r-size-4) {
         --popover-content-padding: var(--space-6);
         --popover-toolbar-padding: var(--space-4);
-        border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
     }
 }
 .rt-ProgressRoot {
@@ -13765,6 +13867,106 @@
     cursor: var(--cursor-disabled);
     color: var(--gray-a9);
 }
+.rt-RadioCardsItem:where(.rt-r-size-1) {
+    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+}
+.rt-RadioCardsItem:where(.rt-r-size-2) {
+    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+}
+.rt-RadioCardsItem:where(.rt-r-size-3) {
+    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+}
+.rt-RadioCardsItem:where(.rt-r-size-4) {
+    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+}
+.rt-RadioCardsItem:where(.rt-r-size-5) {
+    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+}
+@media (min-width: 520px) {
+    .rt-RadioCardsItem:where(.xs\:rt-r-size-1) {
+        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    }
+    .rt-RadioCardsItem:where(.xs\:rt-r-size-2) {
+        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    }
+    .rt-RadioCardsItem:where(.xs\:rt-r-size-3) {
+        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    }
+    .rt-RadioCardsItem:where(.xs\:rt-r-size-4) {
+        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    }
+    .rt-RadioCardsItem:where(.xs\:rt-r-size-5) {
+        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    }
+}
+@media (min-width: 768px) {
+    .rt-RadioCardsItem:where(.sm\:rt-r-size-1) {
+        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    }
+    .rt-RadioCardsItem:where(.sm\:rt-r-size-2) {
+        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    }
+    .rt-RadioCardsItem:where(.sm\:rt-r-size-3) {
+        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    }
+    .rt-RadioCardsItem:where(.sm\:rt-r-size-4) {
+        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    }
+    .rt-RadioCardsItem:where(.sm\:rt-r-size-5) {
+        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    }
+}
+@media (min-width: 1024px) {
+    .rt-RadioCardsItem:where(.md\:rt-r-size-1) {
+        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    }
+    .rt-RadioCardsItem:where(.md\:rt-r-size-2) {
+        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    }
+    .rt-RadioCardsItem:where(.md\:rt-r-size-3) {
+        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    }
+    .rt-RadioCardsItem:where(.md\:rt-r-size-4) {
+        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    }
+    .rt-RadioCardsItem:where(.md\:rt-r-size-5) {
+        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    }
+}
+@media (min-width: 1280px) {
+    .rt-RadioCardsItem:where(.lg\:rt-r-size-1) {
+        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    }
+    .rt-RadioCardsItem:where(.lg\:rt-r-size-2) {
+        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    }
+    .rt-RadioCardsItem:where(.lg\:rt-r-size-3) {
+        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    }
+    .rt-RadioCardsItem:where(.lg\:rt-r-size-4) {
+        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    }
+    .rt-RadioCardsItem:where(.lg\:rt-r-size-5) {
+        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    }
+}
+@media (min-width: 1640px) {
+    .rt-RadioCardsItem:where(.xl\:rt-r-size-1) {
+        --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    }
+    .rt-RadioCardsItem:where(.xl\:rt-r-size-2) {
+        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    }
+    .rt-RadioCardsItem:where(.xl\:rt-r-size-3) {
+        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    }
+    .rt-RadioCardsItem:where(.xl\:rt-r-size-4) {
+        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    }
+    .rt-RadioCardsItem:where(.xl\:rt-r-size-5) {
+        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    }
+}
 .rt-RadioGroupRoot {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -15728,7 +15930,7 @@
     --select-item-height: var(--space-5);
     --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
     --select-separator-margin-right: var(--space-2);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
 }
 .rt-SelectContent:where(.rt-r-size-1) :where(.rt-SelectLabel) {
     font-size: var(--font-size-1);
@@ -15750,7 +15952,7 @@
     --select-item-height: var(--space-6);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
 }
 .rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3) :where(.rt-SelectLabel) {
     font-size: var(--font-size-2);
@@ -15783,7 +15985,7 @@
         --select-item-height: var(--space-5);
         --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
         --select-separator-margin-right: var(--space-2);
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-SelectContent:where(.xs\:rt-r-size-1) :where(.rt-SelectLabel) {
         font-size: var(--font-size-1);
@@ -15805,7 +16007,7 @@
         --select-item-height: var(--space-6);
         --select-item-indicator-width: var(--space-5);
         --select-separator-margin-right: var(--space-3);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) :where(.rt-SelectLabel) {
         font-size: var(--font-size-2);
@@ -15839,7 +16041,7 @@
         --select-item-height: var(--space-5);
         --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
         --select-separator-margin-right: var(--space-2);
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-SelectContent:where(.sm\:rt-r-size-1) :where(.rt-SelectLabel) {
         font-size: var(--font-size-1);
@@ -15861,7 +16063,7 @@
         --select-item-height: var(--space-6);
         --select-item-indicator-width: var(--space-5);
         --select-separator-margin-right: var(--space-3);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) :where(.rt-SelectLabel) {
         font-size: var(--font-size-2);
@@ -15895,7 +16097,7 @@
         --select-item-height: var(--space-5);
         --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
         --select-separator-margin-right: var(--space-2);
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-SelectContent:where(.md\:rt-r-size-1) :where(.rt-SelectLabel) {
         font-size: var(--font-size-1);
@@ -15917,7 +16119,7 @@
         --select-item-height: var(--space-6);
         --select-item-indicator-width: var(--space-5);
         --select-separator-margin-right: var(--space-3);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3) :where(.rt-SelectLabel) {
         font-size: var(--font-size-2);
@@ -15951,7 +16153,7 @@
         --select-item-height: var(--space-5);
         --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
         --select-separator-margin-right: var(--space-2);
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-SelectContent:where(.lg\:rt-r-size-1) :where(.rt-SelectLabel) {
         font-size: var(--font-size-1);
@@ -15973,7 +16175,7 @@
         --select-item-height: var(--space-6);
         --select-item-indicator-width: var(--space-5);
         --select-separator-margin-right: var(--space-3);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) :where(.rt-SelectLabel) {
         font-size: var(--font-size-2);
@@ -16007,7 +16209,7 @@
         --select-item-height: var(--space-5);
         --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
         --select-separator-margin-right: var(--space-2);
-        border-radius: var(--radius-3);
+        border-radius: var(--radius-surface-3);
     }
     .rt-SelectContent:where(.xl\:rt-r-size-1) :where(.rt-SelectLabel) {
         font-size: var(--font-size-1);
@@ -16029,7 +16231,7 @@
         --select-item-height: var(--space-6);
         --select-item-indicator-width: var(--space-5);
         --select-separator-margin-right: var(--space-3);
-        border-radius: var(--radius-4);
+        border-radius: var(--radius-surface-4);
     }
     .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) :where(.rt-SelectLabel) {
         font-size: var(--font-size-2);
@@ -19574,7 +19776,7 @@
 .rt-ShellBottom[data-inset] {
     --shell-inset-gap: var(--space-2);
     margin: var(--shell-inset-gap);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
     background: var(--color-background);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
@@ -20884,7 +21086,7 @@
     font-weight: normal;
 }
 .rt-TableRoot:where(.rt-r-size-1) {
-    --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     --table-cell-padding: var(--space-2);
     --table-cell-min-height: calc(36px * var(--scaling));
 }
@@ -20893,7 +21095,7 @@
     line-height: var(--line-height-2);
 }
 .rt-TableRoot:where(.rt-r-size-2) {
-    --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(44px * var(--scaling));
 }
@@ -20902,7 +21104,7 @@
     line-height: var(--line-height-2);
 }
 .rt-TableRoot:where(.rt-r-size-3) {
-    --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     --table-cell-padding: var(--space-4);
     --table-cell-min-height: var(--space-8);
 }
@@ -20911,7 +21113,7 @@
     line-height: var(--line-height-3);
 }
 .rt-TableRoot:where(.rt-r-size-4) {
-    --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
     --table-cell-padding: var(--space-5);
     --table-cell-min-height: var(--space-9);
 }
@@ -20920,7 +21122,7 @@
     line-height: var(--line-height-3);
 }
 .rt-TableRoot:where(.rt-r-size-5) {
-    --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
     --table-cell-padding: var(--space-6);
     --table-cell-min-height: var(--space-10);
 }
@@ -20930,7 +21132,7 @@
 }
 @media (min-width: 520px) {
     .rt-TableRoot:where(.xs\:rt-r-size-1) {
-        --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
         --table-cell-padding: var(--space-2);
         --table-cell-min-height: calc(36px * var(--scaling));
     }
@@ -20939,7 +21141,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.xs\:rt-r-size-2) {
-        --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(44px * var(--scaling));
     }
@@ -20948,7 +21150,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.xs\:rt-r-size-3) {
-        --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         --table-cell-padding: var(--space-4);
         --table-cell-min-height: var(--space-8);
     }
@@ -20957,7 +21159,7 @@
         line-height: var(--line-height-3);
     }
     .rt-TableRoot:where(.xs\:rt-r-size-4) {
-        --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
         --table-cell-padding: var(--space-5);
         --table-cell-min-height: var(--space-9);
     }
@@ -20966,7 +21168,7 @@
         line-height: var(--line-height-3);
     }
     .rt-TableRoot:where(.xs\:rt-r-size-5) {
-        --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
         --table-cell-padding: var(--space-6);
         --table-cell-min-height: var(--space-10);
     }
@@ -20977,7 +21179,7 @@
 }
 @media (min-width: 768px) {
     .rt-TableRoot:where(.sm\:rt-r-size-1) {
-        --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
         --table-cell-padding: var(--space-2);
         --table-cell-min-height: calc(36px * var(--scaling));
     }
@@ -20986,7 +21188,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.sm\:rt-r-size-2) {
-        --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(44px * var(--scaling));
     }
@@ -20995,7 +21197,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.sm\:rt-r-size-3) {
-        --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         --table-cell-padding: var(--space-4);
         --table-cell-min-height: var(--space-8);
     }
@@ -21004,7 +21206,7 @@
         line-height: var(--line-height-3);
     }
     .rt-TableRoot:where(.sm\:rt-r-size-4) {
-        --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
         --table-cell-padding: var(--space-5);
         --table-cell-min-height: var(--space-9);
     }
@@ -21013,7 +21215,7 @@
         line-height: var(--line-height-3);
     }
     .rt-TableRoot:where(.sm\:rt-r-size-5) {
-        --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
         --table-cell-padding: var(--space-6);
         --table-cell-min-height: var(--space-10);
     }
@@ -21024,7 +21226,7 @@
 }
 @media (min-width: 1024px) {
     .rt-TableRoot:where(.md\:rt-r-size-1) {
-        --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
         --table-cell-padding: var(--space-2);
         --table-cell-min-height: calc(36px * var(--scaling));
     }
@@ -21033,7 +21235,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.md\:rt-r-size-2) {
-        --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(44px * var(--scaling));
     }
@@ -21042,7 +21244,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.md\:rt-r-size-3) {
-        --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         --table-cell-padding: var(--space-4);
         --table-cell-min-height: var(--space-8);
     }
@@ -21051,7 +21253,7 @@
         line-height: var(--line-height-3);
     }
     .rt-TableRoot:where(.md\:rt-r-size-4) {
-        --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
         --table-cell-padding: var(--space-5);
         --table-cell-min-height: var(--space-9);
     }
@@ -21060,7 +21262,7 @@
         line-height: var(--line-height-3);
     }
     .rt-TableRoot:where(.md\:rt-r-size-5) {
-        --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
         --table-cell-padding: var(--space-6);
         --table-cell-min-height: var(--space-10);
     }
@@ -21071,7 +21273,7 @@
 }
 @media (min-width: 1280px) {
     .rt-TableRoot:where(.lg\:rt-r-size-1) {
-        --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
         --table-cell-padding: var(--space-2);
         --table-cell-min-height: calc(36px * var(--scaling));
     }
@@ -21080,7 +21282,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.lg\:rt-r-size-2) {
-        --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(44px * var(--scaling));
     }
@@ -21089,7 +21291,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.lg\:rt-r-size-3) {
-        --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         --table-cell-padding: var(--space-4);
         --table-cell-min-height: var(--space-8);
     }
@@ -21098,7 +21300,7 @@
         line-height: var(--line-height-3);
     }
     .rt-TableRoot:where(.lg\:rt-r-size-4) {
-        --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
         --table-cell-padding: var(--space-5);
         --table-cell-min-height: var(--space-9);
     }
@@ -21107,7 +21309,7 @@
         line-height: var(--line-height-3);
     }
     .rt-TableRoot:where(.lg\:rt-r-size-5) {
-        --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
         --table-cell-padding: var(--space-6);
         --table-cell-min-height: var(--space-10);
     }
@@ -21118,7 +21320,7 @@
 }
 @media (min-width: 1640px) {
     .rt-TableRoot:where(.xl\:rt-r-size-1) {
-        --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
         --table-cell-padding: var(--space-2);
         --table-cell-min-height: calc(36px * var(--scaling));
     }
@@ -21127,7 +21329,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.xl\:rt-r-size-2) {
-        --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(44px * var(--scaling));
     }
@@ -21136,7 +21338,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.xl\:rt-r-size-3) {
-        --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         --table-cell-padding: var(--space-4);
         --table-cell-min-height: var(--space-8);
     }
@@ -21145,7 +21347,7 @@
         line-height: var(--line-height-3);
     }
     .rt-TableRoot:where(.xl\:rt-r-size-4) {
-        --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
         --table-cell-padding: var(--space-5);
         --table-cell-min-height: var(--space-9);
     }
@@ -21154,7 +21356,7 @@
         line-height: var(--line-height-3);
     }
     .rt-TableRoot:where(.xl\:rt-r-size-5) {
-        --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
         --table-cell-padding: var(--space-6);
         --table-cell-min-height: var(--space-10);
     }
@@ -22080,7 +22282,7 @@
             box-sizing: border-box;
     padding: var(--space-1) var(--space-2);
     background-color: var(--gray-12);
-    border-radius: var(--radius-1);
+    border-radius: var(--radius-surface-1);
     z-index: 300;
     -webkit-transform-origin: var(--radix-tooltip-content-transform-origin);
             transform-origin: var(--radix-tooltip-content-transform-origin);
@@ -22366,7 +22568,7 @@
     --backdrop-filter-components: none;
 }
 .rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     padding: var(--space-3);
 }
 .rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarInput {
@@ -22377,7 +22579,7 @@
     letter-spacing: var(--letter-spacing-1);
 }
 .rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     padding: var(--space-4);
 }
 .rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarInput {
@@ -22388,7 +22590,7 @@
     letter-spacing: var(--letter-spacing-2);
 }
 .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     padding: var(--space-4);
 }
 .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput {
@@ -22400,7 +22602,7 @@
 }
 @media (min-width: 520px) {
     .rt-ChatbarRoot:where(.xs\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
         padding: var(--space-3);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-1) .rt-ChatbarInput {
@@ -22411,7 +22613,7 @@
         letter-spacing: var(--letter-spacing-1);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-2) .rt-ChatbarInput {
@@ -22422,7 +22624,7 @@
         letter-spacing: var(--letter-spacing-2);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarInput {
@@ -22435,7 +22637,7 @@
 }
 @media (min-width: 768px) {
     .rt-ChatbarRoot:where(.sm\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
         padding: var(--space-3);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-1) .rt-ChatbarInput {
@@ -22446,7 +22648,7 @@
         letter-spacing: var(--letter-spacing-1);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-2) .rt-ChatbarInput {
@@ -22457,7 +22659,7 @@
         letter-spacing: var(--letter-spacing-2);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarInput {
@@ -22470,7 +22672,7 @@
 }
 @media (min-width: 1024px) {
     .rt-ChatbarRoot:where(.md\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
         padding: var(--space-3);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-1) .rt-ChatbarInput {
@@ -22481,7 +22683,7 @@
         letter-spacing: var(--letter-spacing-1);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-2) .rt-ChatbarInput {
@@ -22492,7 +22694,7 @@
         letter-spacing: var(--letter-spacing-2);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarInput {
@@ -22505,7 +22707,7 @@
 }
 @media (min-width: 1280px) {
     .rt-ChatbarRoot:where(.lg\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
         padding: var(--space-3);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-1) .rt-ChatbarInput {
@@ -22516,7 +22718,7 @@
         letter-spacing: var(--letter-spacing-1);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-2) .rt-ChatbarInput {
@@ -22527,7 +22729,7 @@
         letter-spacing: var(--letter-spacing-2);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarInput {
@@ -22540,7 +22742,7 @@
 }
 @media (min-width: 1640px) {
     .rt-ChatbarRoot:where(.xl\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
         padding: var(--space-3);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-1) .rt-ChatbarInput {
@@ -22551,7 +22753,7 @@
         letter-spacing: var(--letter-spacing-1);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-2) .rt-ChatbarInput {
@@ -22562,7 +22764,7 @@
         letter-spacing: var(--letter-spacing-2);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarInput {
@@ -22638,67 +22840,67 @@
     }
 }
 .rt-ChatbarRoot:where([data-state='closed'].rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
 }
 .rt-ChatbarRoot:where([data-state='closed'].rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
 }
 .rt-ChatbarRoot:where([data-state='closed'].rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
 }
 @media (min-width: 520px) {
     .rt-ChatbarRoot:where([data-state='closed'].xs\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     }
     .rt-ChatbarRoot:where([data-state='closed'].xs\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
     .rt-ChatbarRoot:where([data-state='closed'].xs\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
 }
 @media (min-width: 768px) {
     .rt-ChatbarRoot:where([data-state='closed'].sm\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     }
     .rt-ChatbarRoot:where([data-state='closed'].sm\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
     .rt-ChatbarRoot:where([data-state='closed'].sm\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
 }
 @media (min-width: 1024px) {
     .rt-ChatbarRoot:where([data-state='closed'].md\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     }
     .rt-ChatbarRoot:where([data-state='closed'].md\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
     .rt-ChatbarRoot:where([data-state='closed'].md\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
 }
 @media (min-width: 1280px) {
     .rt-ChatbarRoot:where([data-state='closed'].lg\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     }
     .rt-ChatbarRoot:where([data-state='closed'].lg\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
     .rt-ChatbarRoot:where([data-state='closed'].lg\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
 }
 @media (min-width: 1640px) {
     .rt-ChatbarRoot:where([data-state='closed'].xl\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     }
     .rt-ChatbarRoot:where([data-state='closed'].xl\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
     .rt-ChatbarRoot:where([data-state='closed'].xl\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     }
 }
 .rt-ChatbarBox:where(.rt-variant-soft) {