Consolidate theme radius/shadow props and make rounded utilities responsive

- Remove duplicate roundedness/shadowLevel props (keep radius/shadow)
- Switch globals.css radius scale to proportional (square→pill works)
- Replace rounded-full with rounded-md on theme-driven elements
- Remove banner props from Navigation, drop publishing overlay

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

config/root.tsx

@@ -31,9 +31,7 @@ export const Root: RootConfig<{
     bgColor: "#ffffff",
     fgColor: "#0a0a0a",
     mutedColor: "#f5f5f5",
-    roundedness: "md",
     radius: "md",
-    shadowLevel: "sm",
     shadow: "sm",
     maxWidth: "xl",
   },
@@ -49,11 +47,11 @@ export const Root: RootConfig<{
     bgColor: { label: "Background color", type: "color", placeholder: "#ffffff" },
     fgColor: { label: "Foreground color", type: "color", placeholder: "#0a0a0a" },
     mutedColor: { label: "Muted color", type: "color", placeholder: "#f5f5f5" },
-    roundedness: {
-      label: "Roundedness",
+    radius: {
+      label: "Radius",
       type: "select",
       options: [
-        { label: "None", value: "none" },
+        { label: "None (square)", value: "none" },
         { label: "Small", value: "sm" },
         { label: "Medium", value: "md" },
         { label: "Large", value: "lg" },
@@ -61,28 +59,6 @@ export const Root: RootConfig<{
         { label: "Full (pill)", value: "full" },
       ],
     },
-    radius: {
-      label: "Radius",
-      type: "select",
-      options: [
-        { label: "None", value: "none" },
-        { label: "Extra small", value: "xs" },
-        { label: "Small", value: "sm" },
-        { label: "Medium", value: "md" },
-        { label: "Large", value: "lg" },
-      ],
-    },
-    shadowLevel: {
-      label: "Shadow level",
-      type: "select",
-      options: [
-        { label: "None", value: "none" },
-        { label: "Small", value: "sm" },
-        { label: "Medium", value: "md" },
-        { label: "Large", value: "lg" },
-        { label: "Extra large", value: "xl" },
-      ],
-    },
     shadow: {
       label: "Shadow",
       type: "select",
@@ -91,6 +67,7 @@ export const Root: RootConfig<{
         { label: "Small", value: "sm" },
         { label: "Medium", value: "md" },
         { label: "Large", value: "lg" },
+        { label: "Extra large", value: "xl" },
       ],
     },
     maxWidth: {
@@ -116,9 +93,7 @@ export const Root: RootConfig<{
     bgColor,
     fgColor,
     mutedColor,
-    roundedness,
     radius,
-    shadowLevel,
     shadow,
   }) => {
     return (
@@ -131,9 +106,7 @@ export const Root: RootConfig<{
         bgColor={bgColor}
         fgColor={fgColor}
         mutedColor={mutedColor}
-        roundedness={roundedness}
         radius={radius}
-        shadowLevel={shadowLevel}
         shadow={shadow}
       >
         {children}