agentic-ds-kit 0.1.0

package/tokens/tokens.json

@@ -0,0 +1,725 @@
+{
+  "primitive": {
+    "color": {
+      "white": "#ffffff",
+      "black": "#000000",
+      "neutral": {
+        "50": "#fafafa",
+        "100": "#f5f5f5",
+        "200": "#e5e5e5",
+        "300": "#d4d4d4",
+        "400": "#a3a3a3",
+        "500": "#737373",
+        "600": "#525252",
+        "700": "#404040",
+        "800": "#262626",
+        "900": "#171717"
+      },
+      "blue": {
+        "50": "#eff6ff",
+        "100": "#dbeafe",
+        "200": "#bfdbfe",
+        "300": "#93c5fd",
+        "400": "#60a5fa",
+        "500": "#3b82f6",
+        "600": "#2563eb",
+        "700": "#1d4ed8",
+        "800": "#1e40af",
+        "900": "#1e3a8a"
+      },
+      "red": {
+        "50": "#fef2f2",
+        "100": "#fee2e2",
+        "200": "#fecaca",
+        "300": "#fca5a5",
+        "400": "#f87171",
+        "500": "#ef4444",
+        "600": "#dc2626",
+        "700": "#b91c1c",
+        "800": "#991b1b",
+        "900": "#7f1d1d"
+      },
+      "green": {
+        "50": "#f0fdf4",
+        "100": "#dcfce7",
+        "200": "#bbf7d0",
+        "300": "#86efac",
+        "400": "#4ade80",
+        "500": "#22c55e",
+        "600": "#16a34a",
+        "700": "#15803d",
+        "800": "#166534",
+        "900": "#14532d"
+      },
+      "amber": {
+        "50": "#fffbeb",
+        "100": "#fef3c7",
+        "200": "#fde68a",
+        "300": "#fcd34d",
+        "400": "#fbbf24",
+        "500": "#f59e0b",
+        "600": "#d97706",
+        "700": "#b45309",
+        "800": "#92400e",
+        "900": "#78350f"
+      },
+      "violet": {
+        "50": "#f5f3ff",
+        "100": "#ede9fe",
+        "200": "#ddd6fe",
+        "300": "#c4b5fd",
+        "400": "#a78bfa",
+        "500": "#8b5cf6",
+        "600": "#7c3aed",
+        "700": "#6d28d9",
+        "800": "#5b21b6",
+        "900": "#4c1d95"
+      },
+      "teal": {
+        "50": "#f0fdfa",
+        "100": "#ccfbf1",
+        "200": "#99f6e4",
+        "300": "#5eead4",
+        "400": "#2dd4bf",
+        "500": "#14b8a6",
+        "600": "#0d9488",
+        "700": "#0f766e",
+        "800": "#115e59",
+        "900": "#134e4a"
+      }
+    },
+    "space": {
+      "0": "0",
+      "px": "2px",
+      "1": "4px",
+      "2": "8px",
+      "3": "12px",
+      "4": "16px",
+      "5": "20px",
+      "6": "24px",
+      "8": "32px",
+      "10": "40px",
+      "12": "48px",
+      "16": "64px"
+    },
+    "radius": {
+      "0": "0",
+      "50": "0.125rem",
+      "100": "0.25rem",
+      "200": "0.5rem",
+      "300": "0.75rem",
+      "400": "1rem",
+      "500": "1.25rem",
+      "600": "1.5rem",
+      "full": "9999px"
+    },
+    "borderWidth": {
+      "thin": "1px",
+      "medium": "2px"
+    },
+    "fontSize": {
+      "xs": "0.75rem",
+      "sm": "0.875rem",
+      "base": "1rem",
+      "lg": "1.125rem",
+      "xl": "1.25rem",
+      "2xl": "1.5rem",
+      "3xl": "1.875rem"
+    },
+    "fontWeight": {
+      "normal": "400",
+      "medium": "500",
+      "semibold": "600",
+      "bold": "700"
+    },
+    "lineHeight": {
+      "tight": "1.25",
+      "normal": "1.5",
+      "relaxed": "1.625"
+    },
+    "shadow": {
+      "none": "none",
+      "sm": "0 1px 2px rgba(23, 23, 23, 0.06)",
+      "md": "0 4px 12px rgba(23, 23, 23, 0.08)"
+    },
+    "shadowDark": {
+      "none": "none",
+      "sm": "0 1px 2px rgba(0, 0, 0, 0.3)",
+      "md": "0 4px 12px rgba(0, 0, 0, 0.4)"
+    },
+    "duration": {
+      "fast": "150ms",
+      "normal": "250ms"
+    },
+    "letterSpacing": {
+      "normal": "0",
+      "wide": "0.02em"
+    }
+  },
+  "semantic": {
+    "light": {
+      "text": {
+        "primary": "primitive.color.neutral.900",
+        "secondary": "primitive.color.neutral.500",
+        "muted": "primitive.color.neutral.400",
+        "inverse": "primitive.color.neutral.50",
+        "danger": "primitive.color.red.600",
+        "disabled": "primitive.color.neutral.300",
+        "brand": "primitive.color.blue.700",
+        "success": "primitive.color.green.700",
+        "warning": "primitive.color.amber.700",
+        "info": "primitive.color.blue.700"
+      },
+      "icon": {
+        "default": "primitive.color.neutral.500",
+        "muted": "primitive.color.neutral.400",
+        "primary": "primitive.color.neutral.700",
+        "secondary": "primitive.color.neutral.500",
+        "inverse": "primitive.color.white",
+        "brand": "primitive.color.blue.600",
+        "success": "primitive.color.green.600",
+        "warning": "primitive.color.amber.600",
+        "danger": "primitive.color.red.600",
+        "info": "primitive.color.blue.600",
+        "disabled": "primitive.color.neutral.300"
+      },
+      "surface": {
+        "page": "primitive.color.neutral.50",
+        "card": "primitive.color.white",
+        "muted": "primitive.color.neutral.100",
+        "overlay": "mix:primitive.color.neutral.900@40",
+        "elevated": "primitive.color.white",
+        "disabled": "primitive.color.neutral.100",
+        "inverse": "primitive.color.neutral.900",
+        "brand": "primitive.color.blue.600",
+        "brandSubtle": "primitive.color.blue.50"
+      },
+      "border": {
+        "faint": "primitive.color.neutral.200",
+        "strong": "primitive.color.neutral.300",
+        "focus": "primitive.color.blue.500",
+        "disabled": "primitive.color.neutral.200",
+        "subtle": "primitive.color.neutral.100",
+        "brand": "primitive.color.blue.600"
+      },
+      "status": {
+        "success": "primitive.color.green.600",
+        "successSubtle": "primitive.color.green.50",
+        "successBorder": "primitive.color.green.200",
+        "warning": "primitive.color.amber.600",
+        "warningSubtle": "primitive.color.amber.50",
+        "warningBorder": "primitive.color.amber.200",
+        "danger": "primitive.color.red.600",
+        "dangerSubtle": "primitive.color.red.50",
+        "dangerBorder": "primitive.color.red.200",
+        "info": "primitive.color.blue.600",
+        "infoSubtle": "primitive.color.blue.50",
+        "infoBorder": "primitive.color.blue.200",
+        "successText": "primitive.color.green.800",
+        "warningText": "primitive.color.amber.800",
+        "dangerText": "primitive.color.red.800",
+        "infoText": "primitive.color.blue.800"
+      },
+      "action": {
+        "primary": "primitive.color.blue.600",
+        "primaryHover": "primitive.color.blue.700",
+        "primaryPressed": "primitive.color.blue.800",
+        "onPrimary": "primitive.color.white",
+        "danger": "primitive.color.red.600",
+        "dangerHover": "primitive.color.red.700",
+        "dangerPressed": "primitive.color.red.800",
+        "secondary": "primitive.color.neutral.100",
+        "secondaryHover": "primitive.color.neutral.200",
+        "secondaryPressed": "primitive.color.neutral.300",
+        "selected": "primitive.color.blue.50",
+        "selectedBorder": "primitive.color.blue.600"
+      },
+      "focus": {
+        "ring": "primitive.color.blue.500",
+        "ringOffset": "primitive.color.white",
+        "ringInverse": "primitive.color.blue.300"
+      },
+      "shadow": {
+        "none": "primitive.shadow.none",
+        "sm": "primitive.shadow.sm",
+        "md": "primitive.shadow.md"
+      },
+      "fill": {
+        "strong": "primitive.color.neutral.900",
+        "subtle": "primitive.color.neutral.100",
+        "brand": "primitive.color.blue.600",
+        "brandSubtle": "primitive.color.blue.50",
+        "success": "primitive.color.green.600",
+        "successSubtle": "primitive.color.green.50",
+        "warning": "primitive.color.amber.500",
+        "warningSubtle": "primitive.color.amber.50",
+        "danger": "primitive.color.red.600",
+        "dangerSubtle": "primitive.color.red.50",
+        "info": "primitive.color.blue.600",
+        "infoSubtle": "primitive.color.blue.50"
+      },
+      "brand": {
+        "primary": "primitive.color.blue.600",
+        "primaryHover": "primitive.color.blue.700",
+        "primaryActive": "primitive.color.blue.800",
+        "subtle": "primitive.color.blue.50",
+        "onBrand": "primitive.color.white"
+      },
+      "link": {
+        "default": "primitive.color.blue.700",
+        "hover": "primitive.color.blue.800",
+        "visited": "primitive.color.blue.800",
+        "active": "primitive.color.blue.900"
+      }
+    },
+    "dark": {
+      "text": {
+        "primary": "primitive.color.neutral.50",
+        "secondary": "primitive.color.neutral.400",
+        "muted": "primitive.color.neutral.500",
+        "inverse": "primitive.color.neutral.900",
+        "danger": "primitive.color.red.400",
+        "disabled": "primitive.color.neutral.600",
+        "brand": "primitive.color.blue.300",
+        "success": "primitive.color.green.300",
+        "warning": "primitive.color.amber.300",
+        "info": "primitive.color.blue.300"
+      },
+      "icon": {
+        "default": "primitive.color.neutral.400",
+        "muted": "primitive.color.neutral.500",
+        "primary": "primitive.color.neutral.200",
+        "secondary": "primitive.color.neutral.400",
+        "inverse": "primitive.color.neutral.900",
+        "brand": "primitive.color.blue.400",
+        "success": "primitive.color.green.400",
+        "warning": "primitive.color.amber.400",
+        "danger": "primitive.color.red.400",
+        "info": "primitive.color.blue.400",
+        "disabled": "primitive.color.neutral.600"
+      },
+      "surface": {
+        "page": "primitive.color.neutral.900",
+        "card": "primitive.color.neutral.800",
+        "muted": "primitive.color.neutral.800",
+        "overlay": "mix:primitive.color.black@60",
+        "elevated": "primitive.color.neutral.800",
+        "disabled": "primitive.color.neutral.800",
+        "inverse": "primitive.color.neutral.50",
+        "brand": "primitive.color.blue.500",
+        "brandSubtle": "primitive.color.blue.900"
+      },
+      "border": {
+        "faint": "primitive.color.neutral.700",
+        "strong": "primitive.color.neutral.600",
+        "focus": "primitive.color.blue.400",
+        "disabled": "primitive.color.neutral.700",
+        "subtle": "primitive.color.neutral.800",
+        "brand": "primitive.color.blue.400"
+      },
+      "status": {
+        "success": "primitive.color.green.400",
+        "successSubtle": "primitive.color.green.900",
+        "successBorder": "primitive.color.green.700",
+        "warning": "primitive.color.amber.400",
+        "warningSubtle": "primitive.color.amber.900",
+        "warningBorder": "primitive.color.amber.700",
+        "danger": "primitive.color.red.400",
+        "dangerSubtle": "primitive.color.red.900",
+        "dangerBorder": "primitive.color.red.700",
+        "info": "primitive.color.blue.400",
+        "infoSubtle": "primitive.color.blue.900",
+        "infoBorder": "primitive.color.blue.700",
+        "successText": "primitive.color.green.200",
+        "warningText": "primitive.color.amber.200",
+        "dangerText": "primitive.color.red.200",
+        "infoText": "primitive.color.blue.200"
+      },
+      "action": {
+        "primary": "primitive.color.blue.500",
+        "primaryHover": "primitive.color.blue.400",
+        "primaryPressed": "primitive.color.blue.300",
+        "onPrimary": "primitive.color.white",
+        "danger": "primitive.color.red.500",
+        "dangerHover": "primitive.color.red.400",
+        "dangerPressed": "primitive.color.red.300",
+        "secondary": "primitive.color.neutral.800",
+        "secondaryHover": "primitive.color.neutral.700",
+        "secondaryPressed": "primitive.color.neutral.600",
+        "selected": "primitive.color.blue.900",
+        "selectedBorder": "primitive.color.blue.400"
+      },
+      "focus": {
+        "ring": "primitive.color.blue.400",
+        "ringOffset": "primitive.color.neutral.900",
+        "ringInverse": "primitive.color.blue.300"
+      },
+      "shadow": {
+        "none": "primitive.shadowDark.none",
+        "sm": "primitive.shadowDark.sm",
+        "md": "primitive.shadowDark.md",
+        "raisedDepth": "var(--shadow-raised-soft)"
+      },
+      "fill": {
+        "strong": "primitive.color.neutral.100",
+        "subtle": "primitive.color.neutral.800",
+        "brand": "primitive.color.blue.400",
+        "brandSubtle": "primitive.color.blue.900",
+        "success": "primitive.color.green.400",
+        "successSubtle": "primitive.color.green.900",
+        "warning": "primitive.color.amber.400",
+        "warningSubtle": "primitive.color.amber.900",
+        "danger": "primitive.color.red.400",
+        "dangerSubtle": "primitive.color.red.900",
+        "info": "primitive.color.blue.400",
+        "infoSubtle": "primitive.color.blue.900"
+      },
+      "brand": {
+        "primary": "primitive.color.blue.400",
+        "primaryHover": "primitive.color.blue.300",
+        "primaryActive": "primitive.color.blue.200",
+        "subtle": "primitive.color.blue.900",
+        "onBrand": "primitive.color.white"
+      },
+      "link": {
+        "default": "primitive.color.blue.300",
+        "hover": "primitive.color.blue.200",
+        "visited": "primitive.color.blue.200",
+        "active": "primitive.color.blue.100"
+      }
+    },
+    "colorThemes": {
+      "violet": {
+        "light": {
+          "text": {
+            "brand": "primitive.color.violet.700",
+            "info": "primitive.color.violet.700"
+          },
+          "icon": {
+            "brand": "primitive.color.violet.600",
+            "info": "primitive.color.violet.600"
+          },
+          "surface": {
+            "brand": "primitive.color.violet.600",
+            "brandSubtle": "primitive.color.violet.50"
+          },
+          "border": {
+            "focus": "primitive.color.violet.500",
+            "brand": "primitive.color.violet.600"
+          },
+          "status": {
+            "info": "primitive.color.violet.600",
+            "infoSubtle": "primitive.color.violet.50",
+            "infoBorder": "primitive.color.violet.200",
+            "infoText": "primitive.color.violet.800"
+          },
+          "action": {
+            "primary": "primitive.color.violet.600",
+            "primaryHover": "primitive.color.violet.700",
+            "primaryPressed": "primitive.color.violet.800",
+            "selected": "primitive.color.violet.50",
+            "selectedBorder": "primitive.color.violet.600"
+          },
+          "focus": {
+            "ring": "primitive.color.violet.500",
+            "ringInverse": "primitive.color.violet.300"
+          },
+          "fill": {
+            "brand": "primitive.color.violet.600",
+            "brandSubtle": "primitive.color.violet.50",
+            "info": "primitive.color.violet.600",
+            "infoSubtle": "primitive.color.violet.50"
+          },
+          "brand": {
+            "primary": "primitive.color.violet.600",
+            "primaryHover": "primitive.color.violet.700",
+            "primaryActive": "primitive.color.violet.800",
+            "subtle": "primitive.color.violet.50"
+          },
+          "link": {
+            "default": "primitive.color.violet.700",
+            "hover": "primitive.color.violet.800",
+            "visited": "primitive.color.violet.800",
+            "active": "primitive.color.violet.900"
+          }
+        },
+        "dark": {
+          "text": {
+            "brand": "primitive.color.violet.300",
+            "info": "primitive.color.violet.300"
+          },
+          "icon": {
+            "brand": "primitive.color.violet.400",
+            "info": "primitive.color.violet.400"
+          },
+          "surface": {
+            "brand": "primitive.color.violet.500",
+            "brandSubtle": "primitive.color.violet.900"
+          },
+          "border": {
+            "focus": "primitive.color.violet.400",
+            "brand": "primitive.color.violet.400"
+          },
+          "status": {
+            "info": "primitive.color.violet.400",
+            "infoSubtle": "primitive.color.violet.900",
+            "infoBorder": "primitive.color.violet.700",
+            "infoText": "primitive.color.violet.200"
+          },
+          "action": {
+            "primary": "primitive.color.violet.500",
+            "primaryHover": "primitive.color.violet.400",
+            "primaryPressed": "primitive.color.violet.300",
+            "selected": "primitive.color.violet.900",
+            "selectedBorder": "primitive.color.violet.400"
+          },
+          "focus": {
+            "ring": "primitive.color.violet.400",
+            "ringInverse": "primitive.color.violet.300"
+          },
+          "fill": {
+            "brand": "primitive.color.violet.400",
+            "brandSubtle": "primitive.color.violet.900",
+            "info": "primitive.color.violet.400",
+            "infoSubtle": "primitive.color.violet.900"
+          },
+          "brand": {
+            "primary": "primitive.color.violet.400",
+            "primaryHover": "primitive.color.violet.300",
+            "primaryActive": "primitive.color.violet.200",
+            "subtle": "primitive.color.violet.900"
+          },
+          "link": {
+            "default": "primitive.color.violet.300",
+            "hover": "primitive.color.violet.200",
+            "visited": "primitive.color.violet.200",
+            "active": "primitive.color.violet.100"
+          }
+        }
+      },
+      "teal": {
+        "light": {
+          "text": {
+            "brand": "primitive.color.teal.700",
+            "info": "primitive.color.teal.700"
+          },
+          "icon": {
+            "brand": "primitive.color.teal.600",
+            "info": "primitive.color.teal.600"
+          },
+          "surface": {
+            "brand": "primitive.color.teal.600",
+            "brandSubtle": "primitive.color.teal.50"
+          },
+          "border": {
+            "focus": "primitive.color.teal.500",
+            "brand": "primitive.color.teal.600"
+          },
+          "status": {
+            "info": "primitive.color.teal.600",
+            "infoSubtle": "primitive.color.teal.50",
+            "infoBorder": "primitive.color.teal.200",
+            "infoText": "primitive.color.teal.800"
+          },
+          "action": {
+            "primary": "primitive.color.teal.600",
+            "primaryHover": "primitive.color.teal.700",
+            "primaryPressed": "primitive.color.teal.800",
+            "selected": "primitive.color.teal.50",
+            "selectedBorder": "primitive.color.teal.600"
+          },
+          "focus": {
+            "ring": "primitive.color.teal.500",
+            "ringInverse": "primitive.color.teal.300"
+          },
+          "fill": {
+            "brand": "primitive.color.teal.600",
+            "brandSubtle": "primitive.color.teal.50",
+            "info": "primitive.color.teal.600",
+            "infoSubtle": "primitive.color.teal.50"
+          },
+          "brand": {
+            "primary": "primitive.color.teal.600",
+            "primaryHover": "primitive.color.teal.700",
+            "primaryActive": "primitive.color.teal.800",
+            "subtle": "primitive.color.teal.50"
+          },
+          "link": {
+            "default": "primitive.color.teal.700",
+            "hover": "primitive.color.teal.800",
+            "visited": "primitive.color.teal.800",
+            "active": "primitive.color.teal.900"
+          }
+        },
+        "dark": {
+          "text": {
+            "brand": "primitive.color.teal.300",
+            "info": "primitive.color.teal.300"
+          },
+          "icon": {
+            "brand": "primitive.color.teal.400",
+            "info": "primitive.color.teal.400"
+          },
+          "surface": {
+            "brand": "primitive.color.teal.500",
+            "brandSubtle": "primitive.color.teal.900"
+          },
+          "border": {
+            "focus": "primitive.color.teal.400",
+            "brand": "primitive.color.teal.400"
+          },
+          "status": {
+            "info": "primitive.color.teal.400",
+            "infoSubtle": "primitive.color.teal.900",
+            "infoBorder": "primitive.color.teal.700",
+            "infoText": "primitive.color.teal.200"
+          },
+          "action": {
+            "primary": "primitive.color.teal.500",
+            "primaryHover": "primitive.color.teal.400",
+            "primaryPressed": "primitive.color.teal.300",
+            "selected": "primitive.color.teal.900",
+            "selectedBorder": "primitive.color.teal.400"
+          },
+          "focus": {
+            "ring": "primitive.color.teal.400",
+            "ringInverse": "primitive.color.teal.300"
+          },
+          "fill": {
+            "brand": "primitive.color.teal.400",
+            "brandSubtle": "primitive.color.teal.900",
+            "info": "primitive.color.teal.400",
+            "infoSubtle": "primitive.color.teal.900"
+          },
+          "brand": {
+            "primary": "primitive.color.teal.400",
+            "primaryHover": "primitive.color.teal.300",
+            "primaryActive": "primitive.color.teal.200",
+            "subtle": "primitive.color.teal.900"
+          },
+          "link": {
+            "default": "primitive.color.teal.300",
+            "hover": "primitive.color.teal.200",
+            "visited": "primitive.color.teal.200",
+            "active": "primitive.color.teal.100"
+          }
+        }
+      }
+    },
+    "motion": {
+      "fast": "primitive.duration.fast",
+      "normal": "primitive.duration.normal"
+    },
+    "type": {
+      "family": {
+        "sans": "var(--font-geist-sans), system-ui, sans-serif",
+        "mono": "var(--font-geist-mono), ui-monospace, monospace"
+      },
+      "size": {
+        "body": "primitive.fontSize.base",
+        "bodySm": "primitive.fontSize.sm",
+        "label": "primitive.fontSize.sm",
+        "heading": "primitive.fontSize.lg",
+        "title": "primitive.fontSize.2xl",
+        "display": "primitive.fontSize.3xl",
+        "metric": "primitive.fontSize.3xl",
+        "caption": "primitive.fontSize.xs",
+        "overline": "primitive.fontSize.xs",
+        "code": "primitive.fontSize.sm"
+      },
+      "weight": {
+        "body": "primitive.fontWeight.normal",
+        "label": "primitive.fontWeight.medium",
+        "heading": "primitive.fontWeight.semibold",
+        "title": "primitive.fontWeight.bold",
+        "metric": "primitive.fontWeight.medium",
+        "caption": "primitive.fontWeight.medium",
+        "overline": "primitive.fontWeight.medium",
+        "code": "primitive.fontWeight.normal"
+      },
+      "lineHeight": {
+        "body": "primitive.lineHeight.normal",
+        "heading": "primitive.lineHeight.tight"
+      },
+      "tracking": {
+        "overline": "primitive.letterSpacing.wide"
+      }
+    },
+    "space": {
+      "inset": {
+        "2xs": "primitive.space.px",
+        "xs": "primitive.space.1",
+        "sm": "primitive.space.2",
+        "md": "primitive.space.3",
+        "lg": "primitive.space.4",
+        "xl": "primitive.space.6",
+        "2xl": "primitive.space.8"
+      },
+      "stack": {
+        "2xs": "primitive.space.px",
+        "xs": "primitive.space.1",
+        "sm": "primitive.space.2",
+        "md": "primitive.space.4",
+        "lg": "primitive.space.6",
+        "xl": "primitive.space.10",
+        "2xl": "primitive.space.16"
+      },
+      "inline": {
+        "2xs": "primitive.space.px",
+        "xs": "primitive.space.1",
+        "sm": "primitive.space.2",
+        "md": "primitive.space.3",
+        "lg": "primitive.space.4",
+        "xl": "primitive.space.6"
+      },
+      "gap": {
+        "xs": "primitive.space.2",
+        "sm": "primitive.space.3",
+        "md": "primitive.space.4",
+        "lg": "primitive.space.6",
+        "xl": "primitive.space.10"
+      },
+      "section": {
+        "sm": "primitive.space.8",
+        "md": "primitive.space.12",
+        "lg": "primitive.space.16"
+      }
+    },
+    "grid": {
+      "columns": "12",
+      "gutter": {
+        "sm": "primitive.space.3",
+        "md": "primitive.space.4",
+        "lg": "primitive.space.6",
+        "xl": "primitive.space.10"
+      },
+      "margin": {
+        "sm": "primitive.space.4",
+        "md": "primitive.space.6",
+        "lg": "primitive.space.10"
+      },
+      "width": {
+        "sm": "40rem",
+        "md": "64rem",
+        "lg": "80rem",
+        "xl": "90rem"
+      },
+      "breakpoint": {
+        "sm": "40rem",
+        "md": "64rem",
+        "lg": "80rem"
+      }
+    },
+    "layout": {
+      "sidebar": "14rem",
+      "sidebarCompact": "var(--space-section-lg)",
+      "rail": "22rem",
+      "metricsMin": "12rem",
+      "autoMin": "16rem",
+      "splitPrimary": "8",
+      "splitSecondary": "4",
+      "splitHalf": "6",
+      "splitThird": "4"
+    }
+  }
+}