@maltjoy/mcp-server 0.4.0 → 0.5.0

package/dist/doc/design-tokens.json

@@ -1,152 +1,2244 @@
 {
-  "colors": {
-    "--joy-color-primary-10": "#fff3f3",
-    "--joy-color-primary-30": "#ff7370",
-    "--joy-color-primary-50": "#fc5757",
-    "--joy-color-primary-70": "#d4524f",
-    "--joy-color-primary-90": "#a63633",
-    "--joy-color-secondary-10": "#ecf3f4",
-    "--joy-color-secondary-30": "#0f6378",
-    "--joy-color-secondary-50": "#035266",
-    "--joy-color-secondary-90": "#014554",
-    "--joy-color-tertiary-10": "#e3f8fb",
-    "--joy-color-tertiary-30": "#a8eaf3",
-    "--joy-color-tertiary-50": "#00c0db",
-    "--joy-color-tertiary-70": "#00aac1",
-    "--joy-color-quaternary-10": "#fffbed",
-    "--joy-color-quaternary-30": "#fccf5e",
-    "--joy-color-quaternary-50": "#ffc200",
-    "--joy-color-quaternary-70": "#f0b021",
-    "--joy-color-quaternary-100": "#d29614",
-    "--joy-color-brand-primary-10": "#ffe5fc",
-    "--joy-color-brand-primary-30": "#ffb0f7",
-    "--joy-color-brand-primary-50": "#ff91f0",
-    "--joy-color-brand-primary-70": "#eb73de",
-    "--joy-color-brand-secondary-10": "#e4eaff",
-    "--joy-color-brand-secondary-30": "#264ffa",
-    "--joy-color-brand-secondary-50": "#0529fc",
-    "--joy-color-brand-secondary-70": "#0833bd",
-    "--joy-color-neutral-0": "#ffffff",
-    "--joy-color-neutral-10": "#fcfcfc",
-    "--joy-color-neutral-20": "#f7f7f5",
-    "--joy-color-neutral-30": "#e0ded9",
-    "--joy-color-neutral-35": "#b7b6b2",
-    "--joy-color-neutral-40": "#737370",
-    "--joy-color-neutral-50": "#4b4b4b",
-    "--joy-color-neutral-60": "#333330",
-    "--joy-color-neutral-70": "#181818",
-    "--joy-color-success-10": "#f2f8e9",
-    "--joy-color-success-50": "#81b928",
-    "--joy-color-success-90": "#659b1c",
-    "--joy-color-information-10": "#eaf5ff",
-    "--joy-color-information-50": "#2fa0fc",
-    "--joy-color-information-90": "#175db5",
-    "--joy-color-warning-10": "#fef6e7",
-    "--joy-color-warning-50": "#f2a10c",
-    "--joy-color-warning-90": "#ae6606",
-    "--joy-color-error-10": "#fceaea",
-    "--joy-color-error-50": "#e02d2d",
-    "--joy-color-error-90": "#a1162e",
-    "--joy-color-ai-primary-10": "#f2e0f5",
-    "--joy-color-ai-primary-30": "#9035a2",
-    "--joy-color-ai-primary-70": "#5f246a",
-    "--joy-color-ai-primary-100": "#3d1744",
-    "--joy-color-ai-gradient-10": "linear-gradient(90deg, rgba(144,53,162,0.3) 0%, rgba(252,87,87,0.3) 100%)",
-    "--joy-color-ai-gradient-30": "linear-gradient(90deg, rgba(144,53,162,1) 0%, rgba(252,87,87,0.85) 100%)",
-    "--joy-color-ai-gradient-70": "linear-gradient(90deg, rgba(109,40,123,1) 0%, rgba(251,35,35,0.85) 100%)",
-    "--joy-color-ai-gradient-100": "linear-gradient(90deg, rgba(75,28,85,1) 0%, rgba(230,4,4,0.85) 100%)",
-    "--joy-color-overlay": "rgba(51, 51, 48, 0.4)",
-    "--joy-color-shadow-base": "rgba(24, 24, 24, 0.16)",
-    "--joy-color-text-body": "var(--joy-color-neutral-50)",
-    "--joy-color-text-title": "var(--joy-color-neutral-60)",
-    "--joy-color-text-disabled": "var(--joy-color-neutral-30)",
-    "--joy-color-state-disabled-border": "var(--joy-color-neutral-35)",
-    "--joy-color-state-disabled-background": "var(--joy-color-neutral-20)",
-    "--joy-color-state-focus": "var(--joy-color-secondary-50)",
-    "--joy-color-state-hover": "var(--joy-color-secondary-50)",
-    "--joy-color-state-error": "var(--joy-color-error-50)",
-    "--joy-color-state-hover-error": "var(--joy-color-error-90)",
-    "--joy-color-background-skeleton": "linear-gradient(110deg, var(--joy-color-neutral-20) 8%, var(--joy-color-neutral-10) 18%, var(--joy-color-neutral-20) 33%)"
-  },
-  "spacing": {
-    "--joy-core-spacing-0": "2px",
-    "--joy-core-spacing-1": "4px",
-    "--joy-core-spacing-2": "8px",
-    "--joy-core-spacing-3": "12px",
-    "--joy-core-spacing-4": "16px",
-    "--joy-core-spacing-5": "20px",
-    "--joy-core-spacing-6": "24px",
-    "--joy-core-spacing-7": "28px",
-    "--joy-core-spacing-8": "32px",
-    "--joy-core-spacing-9": "40px",
-    "--joy-core-spacing-10": "48px",
-    "--joy-core-spacing-11": "56px",
-    "--joy-core-spacing-12": "64px"
-  },
-  "typography": {
-    "--joy-line-height-small": "1.05",
-    "--joy-line-height-large": "1.25",
-    "--joy-font-weight-normal": "500",
-    "--joy-font-weight-bold": "700",
-    "--joy-font-family-base": "'Moderat', Arial, Helvetica, sans-serif",
-    "--joy-font-family-title": "'Agrandir Tight', Arial, Helvetica, sans-serif",
-    "--joy-font-size-primary-100": "11px",
-    "--joy-font-size-primary-200": "12px",
-    "--joy-font-size-primary-300": "14px",
-    "--joy-font-size-primary-400": "16px",
-    "--joy-font-size-primary-600": "20px",
-    "--joy-font-size-primary-800": "24px",
-    "--joy-font-size-secondary-200": "28px",
-    "--joy-font-size-secondary-400": "36px",
-    "--joy-font-size-secondary-600": "46px",
-    "--joy-font-size-secondary-800": "52px"
-  },
-  "radius": {
-    "--joy-core-radius-0": "0",
-    "--joy-core-radius-1": "2px",
-    "--joy-core-radius-2": "4px",
-    "--joy-core-radius-3": "8px",
-    "--joy-core-radius-4": "16px",
-    "--joy-core-radius-5": "32px",
-    "--joy-core-radius-6": "50%"
-  },
-  "elevation": {
-    "--joy-core-elevation-0": "0 0 0 0 var(--joy-color-shadow-base)",
-    "--joy-core-elevation-1": "0 2px 4px 0 var(--joy-color-shadow-base)",
-    "--joy-core-elevation-2": "0 4px 12px 0 var(--joy-color-shadow-base)",
-    "--joy-core-elevation-3": "0 6px 24px 0 var(--joy-color-shadow-base)",
-    "--joy-core-elevation-4": "0 8px 32px 0 var(--joy-color-shadow-base)"
-  },
-  "zIndex": {
-    "--joy-core-z-index-fixed-content": "20",
-    "--joy-core-z-index-dropdown": "23",
-    "--joy-core-z-index-backdrop": "1050",
-    "--joy-core-z-index-product-tour": "1060",
-    "--joy-core-z-index-walkthrough": "1070",
-    "--joy-core-z-index-dialog": "1080",
-    "--joy-core-z-index-tooltip": "1090",
-    "--joy-core-z-index-snackbar": "1100"
-  },
-  "transitions": {
-    "--joy-transition-duration-short": "100ms",
-    "--joy-transition-duration-default": "200ms",
-    "--joy-transition-duration-long": "400ms",
-    "--joy-transition-timing-function": "ease-in-out"
-  },
-  "forms": {
-    "--joy-form-border-width": "2px",
-    "--joy-form-field-radius-xxsmall": "12px",
-    "--joy-form-field-radius-xsmall": "16px",
-    "--joy-form-field-radius-small": "20px",
-    "--joy-form-field-radius-medium": "24px",
-    "--joy-form-field-radius-large": "32px",
-    "--joy-form-field-focus-width": "2px",
-    "--joy-form-field-height-xxsmall": "var(--joy-core-spacing-6)",
-    "--joy-form-field-height-xsmall": "var(--joy-core-spacing-8)",
-    "--joy-form-field-height-small": "var(--joy-core-spacing-9)",
-    "--joy-form-field-height-medium": "var(--joy-core-spacing-10)",
-    "--joy-form-field-height-large": "var(--joy-core-spacing-12)",
-    "--joy-form-field-focus-color": "var(--joy-color-information-50)",
-    "--joy-form-field-focus-shadow": "0 0 0 var(--joy-form-field-focus-width) var(--joy-form-field-focus-color)"
-  }
+  "generatedAt": "2026-09-02T12:55:36.761Z",
+  "count": 168,
+  "tokens": [
+    {
+      "name": "color.ai.gradient.10",
+      "css": "--joy-color-ai-gradient-10",
+      "value": "linear-gradient(90deg, rgba(144,53,162,0.3) 0%, rgba(252,87,87,0.3) 100%)",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.ai.gradient",
+      "deprecated": false
+    },
+    {
+      "name": "color.ai.gradient.100",
+      "css": "--joy-color-ai-gradient-100",
+      "value": "linear-gradient(90deg, rgba(75,28,85,1) 0%, rgba(230,4,4,0.85) 100%)",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.ai.gradient",
+      "deprecated": false
+    },
+    {
+      "name": "color.ai.gradient.30",
+      "css": "--joy-color-ai-gradient-30",
+      "value": "linear-gradient(90deg, rgba(144,53,162,1) 0%, rgba(252,87,87,0.85) 100%)",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.ai.gradient",
+      "deprecated": false
+    },
+    {
+      "name": "color.ai.gradient.70",
+      "css": "--joy-color-ai-gradient-70",
+      "value": "linear-gradient(90deg, rgba(109,40,123,1) 0%, rgba(251,35,35,0.85) 100%)",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.ai.gradient",
+      "deprecated": false
+    },
+    {
+      "name": "color.ai.primary.10",
+      "css": "--joy-color-ai-primary-10",
+      "value": "#F2E0F5",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.ai.primary",
+      "deprecated": false
+    },
+    {
+      "name": "color.ai.primary.100",
+      "css": "--joy-color-ai-primary-100",
+      "value": "#3D1744",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.ai.primary",
+      "deprecated": false
+    },
+    {
+      "name": "color.ai.primary.30",
+      "css": "--joy-color-ai-primary-30",
+      "value": "#9035A2",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.ai.primary",
+      "deprecated": false
+    },
+    {
+      "name": "color.ai.primary.70",
+      "css": "--joy-color-ai-primary-70",
+      "value": "#5F246A",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.ai.primary",
+      "deprecated": false
+    },
+    {
+      "name": "color.background.default",
+      "css": "--joy-color-background-default",
+      "value": "{color.neutral.0}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.background",
+      "description": "Primary surface fill for pages, panels, cards, inputs, and overlays.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "page body",
+          "panel",
+          "card",
+          "menu",
+          "input",
+          "overlay fill",
+          "dialog",
+          "drawer",
+          "dropzone",
+          "checkbox",
+          "funnel",
+          "tag"
+        ],
+        "doNotUseFor": [
+          "text or icons on dark surfaces",
+          "control fills (checked checkbox, radio inset, toggle bubble)",
+          "hover",
+          "skeleton",
+          "disabled fill"
+        ],
+        "useInstead": {
+          "skeleton": "color.background.skeleton",
+          "disabled fill": "color.background.disabled"
+        },
+        "pairWith": [
+          "color.text.default",
+          "color.text.heading",
+          "color.border.default"
+        ],
+        "notes": "Not a generic white token. No hover-fill token yet."
+      }
+    },
+    {
+      "name": "color.background.disabled",
+      "css": "--joy-color-background-disabled",
+      "value": "{color.neutral.20}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.background",
+      "description": "Disabled input and item fill.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "disabled input fill",
+          "disabled select fill",
+          "disabled menu item",
+          "disabled card"
+        ],
+        "doNotUseFor": [
+          "button",
+          "tag",
+          "checked checkbox",
+          "radio",
+          "hover",
+          "skeleton",
+          "tag inactive"
+        ],
+        "pairWith": [
+          "color.text.disabled",
+          "color.border.disabled"
+        ],
+        "replaces": [
+          "--joy-color-state-disabled-background"
+        ],
+        "notes": "Button, tag, checked checkbox, and radio disabled fills stay color.neutral.30."
+      }
+    },
+    {
+      "name": "color.background.skeleton",
+      "css": "--joy-color-background-skeleton",
+      "value": "linear-gradient(110deg, {color.neutral.20} 8%, {color.neutral.10} 18%, {color.neutral.20} 33%)",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.background",
+      "description": "Loading skeleton shimmer.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "skeleton loading shimmer"
+        ],
+        "doNotUseFor": [
+          "disabled fill",
+          "hover",
+          "highlight",
+          "avatar"
+        ],
+        "useInstead": {
+          "disabled fill": "color.background.disabled"
+        }
+      }
+    },
+    {
+      "name": "color.border.default",
+      "css": "--joy-color-border-default",
+      "value": "{color.neutral.30}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.border",
+      "description": "Default stroke for inputs, cards, panels, and dividers.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "input",
+          "card",
+          "panel",
+          "divider",
+          "inactive tab",
+          "avatar ring",
+          "menu",
+          "tag",
+          "collapse",
+          "step track",
+          "filled dropzone"
+        ],
+        "doNotUseFor": [
+          "checkbox",
+          "empty dropzone",
+          "dropdown",
+          "fills"
+        ],
+        "pairWith": [
+          "color.background.default",
+          "color.text.default"
+        ],
+        "notes": "Checkbox and dropdown stay color.secondary.30. Empty dropzone dash stays color.neutral.40. Toggle track and grabber are fills, not this stroke."
+      }
+    },
+    {
+      "name": "color.border.disabled",
+      "css": "--joy-color-border-disabled",
+      "value": "{color.neutral.35}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.border",
+      "description": "Disabled stroke for inputs, cards, and toggles.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "disabled input",
+          "disabled card",
+          "disabled toggle"
+        ],
+        "doNotUseFor": [
+          "disabled checkbox or radio stroke (stay color.neutral.30)",
+          "fills"
+        ],
+        "pairWith": [
+          "color.background.disabled",
+          "color.text.disabled"
+        ],
+        "notes": "Not a fill token."
+      }
+    },
+    {
+      "name": "color.border.error",
+      "css": "--joy-color-border-error",
+      "value": "{color.error.50}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.border",
+      "description": "Invalid stroke for inputs, cards, and controls.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "invalid input",
+          "invalid card",
+          "invalid checkbox or radio stroke",
+          "dropzone",
+          "tags input",
+          "selectable item",
+          "availability"
+        ],
+        "doNotUseFor": [
+          "error text",
+          "error fill",
+          "invalid hover"
+        ],
+        "useInstead": {
+          "error text": "color.text.error",
+          "invalid hover": "color.border.error-hover"
+        },
+        "pairWith": [
+          "color.text.error",
+          "color.background.default"
+        ],
+        "replaces": [
+          "--joy-color-state-error"
+        ],
+        "samePrimitiveAs": [
+          "color.text.error"
+        ],
+        "notes": "Choose by role, not by hex. Error fills stay color.error.50 until color.background.error exists."
+      }
+    },
+    {
+      "name": "color.border.error-hover",
+      "css": "--joy-color-border-error-hover",
+      "value": "{color.error.90}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.border",
+      "description": "Invalid hover stroke for inputs and cards.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "invalid input hover",
+          "invalid card hover",
+          "textarea",
+          "select",
+          "tags input"
+        ],
+        "doNotUseFor": [
+          "default invalid stroke",
+          "error text",
+          "error fill"
+        ],
+        "useInstead": {
+          "default invalid stroke": "color.border.error",
+          "error text": "color.text.error"
+        },
+        "pairWith": [
+          "color.border.error"
+        ],
+        "replaces": [
+          "--joy-color-state-hover-error"
+        ],
+        "notes": "Design name color.border.error.hover. JSON key is error-hover because a token with $value cannot have children."
+      }
+    },
+    {
+      "name": "color.border.focus",
+      "css": "--joy-color-border-focus",
+      "value": "{color.secondary.50}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.border",
+      "description": "Focused stroke for inputs, cards, and interactive chrome.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "input focus",
+          "card focus",
+          "checkbox",
+          "collapse"
+        ],
+        "doNotUseFor": [
+          "hover",
+          "checked / active / open stroke",
+          "fills",
+          "keyboard focus ring"
+        ],
+        "useInstead": {
+          "keyboard focus ring": "form.field.focus.color",
+          "hover": "color.border.hover",
+          "checked / active / open stroke": "color.border.selected"
+        },
+        "pairWith": [
+          "color.background.default",
+          "form.field.focus.color"
+        ],
+        "replaces": [
+          "--joy-color-state-focus"
+        ],
+        "samePrimitiveAs": [
+          "color.border.hover",
+          "color.border.selected"
+        ],
+        "notes": "Input stroke on focus. Keyboard halo is form.field.focus.color (information.50)."
+      }
+    },
+    {
+      "name": "color.border.hover",
+      "css": "--joy-color-border-hover",
+      "value": "{color.secondary.30}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.border",
+      "description": "Hover stroke for inputs, cards, and interactive chrome.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "input hover",
+          "card hover",
+          "checkbox",
+          "collapse",
+          "dropzone dragover"
+        ],
+        "doNotUseFor": [
+          "keyboard focus ring",
+          "checked / active / open stroke",
+          "invalid hover",
+          "fills",
+          "tag"
+        ],
+        "useInstead": {
+          "keyboard focus ring": "form.field.focus.color",
+          "checked / active / open stroke": "color.border.selected",
+          "invalid hover": "color.border.error-hover"
+        },
+        "pairWith": [
+          "color.background.default",
+          "color.border.default"
+        ],
+        "replaces": [
+          "--joy-color-state-hover"
+        ],
+        "samePrimitiveAs": [
+          "color.border.focus",
+          "color.border.selected"
+        ],
+        "notes": "Choose by role, not by hex. Not the keyboard halo. Tag hover stays color.secondary.30."
+      }
+    },
+    {
+      "name": "color.border.selected",
+      "css": "--joy-color-border-selected",
+      "value": "{color.secondary.90}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.border",
+      "description": "Selected stroke for checked, active, or open chrome.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "checked card",
+          "open select list"
+        ],
+        "doNotUseFor": [
+          "hover",
+          "focus stroke",
+          "keyboard focus ring",
+          "fills"
+        ],
+        "useInstead": {
+          "hover": "color.border.hover",
+          "focus stroke": "color.border.focus",
+          "keyboard focus ring": "form.field.focus.color"
+        },
+        "pairWith": [
+          "color.background.default"
+        ],
+        "samePrimitiveAs": [
+          "color.border.hover",
+          "color.border.focus"
+        ],
+        "notes": "Choose by role, not by hex."
+      }
+    },
+    {
+      "name": "color.brand.primary.10",
+      "css": "--joy-color-brand-primary-10",
+      "value": "#FFE5FC",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.brand.primary",
+      "deprecated": false
+    },
+    {
+      "name": "color.brand.primary.30",
+      "css": "--joy-color-brand-primary-30",
+      "value": "#FF91F0",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.brand.primary",
+      "deprecated": false
+    },
+    {
+      "name": "color.brand.primary.70",
+      "css": "--joy-color-brand-primary-70",
+      "value": "#EB73DE",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.brand.primary",
+      "deprecated": false
+    },
+    {
+      "name": "color.brand.secondary.10",
+      "css": "--joy-color-brand-secondary-10",
+      "value": "#E4EAFF",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.brand.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "color.brand.secondary.30",
+      "css": "--joy-color-brand-secondary-30",
+      "value": "#0529FC",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.brand.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "color.brand.secondary.70",
+      "css": "--joy-color-brand-secondary-70",
+      "value": "#0833BD",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.brand.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "color.error.10",
+      "css": "--joy-color-error-10",
+      "value": "#FCEAEA",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.error",
+      "deprecated": false
+    },
+    {
+      "name": "color.error.50",
+      "css": "--joy-color-error-50",
+      "value": "#E02D2D",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.error",
+      "deprecated": false
+    },
+    {
+      "name": "color.error.90",
+      "css": "--joy-color-error-90",
+      "value": "#A1162E",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.error",
+      "deprecated": false
+    },
+    {
+      "name": "color.information.10",
+      "css": "--joy-color-information-10",
+      "value": "#EAF5FF",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.information",
+      "deprecated": false
+    },
+    {
+      "name": "color.information.50",
+      "css": "--joy-color-information-50",
+      "value": "#2FA0FC",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.information",
+      "deprecated": false
+    },
+    {
+      "name": "color.information.90",
+      "css": "--joy-color-information-90",
+      "value": "#175DB5",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.information",
+      "deprecated": false
+    },
+    {
+      "name": "color.neutral.0",
+      "css": "--joy-color-neutral-0",
+      "value": "#FFFFFF",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.neutral",
+      "deprecated": false
+    },
+    {
+      "name": "color.neutral.10",
+      "css": "--joy-color-neutral-10",
+      "value": "#FCFCFC",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.neutral",
+      "deprecated": false
+    },
+    {
+      "name": "color.neutral.20",
+      "css": "--joy-color-neutral-20",
+      "value": "#f7f7f5",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.neutral",
+      "deprecated": false
+    },
+    {
+      "name": "color.neutral.30",
+      "css": "--joy-color-neutral-30",
+      "value": "#E0DED9",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.neutral",
+      "deprecated": false
+    },
+    {
+      "name": "color.neutral.35",
+      "css": "--joy-color-neutral-35",
+      "value": "#B7B6B2",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.neutral",
+      "deprecated": false
+    },
+    {
+      "name": "color.neutral.40",
+      "css": "--joy-color-neutral-40",
+      "value": "#737370",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.neutral",
+      "deprecated": false
+    },
+    {
+      "name": "color.neutral.50",
+      "css": "--joy-color-neutral-50",
+      "value": "#4B4B4B",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.neutral",
+      "deprecated": false
+    },
+    {
+      "name": "color.neutral.60",
+      "css": "--joy-color-neutral-60",
+      "value": "#333330",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.neutral",
+      "deprecated": false
+    },
+    {
+      "name": "color.neutral.70",
+      "css": "--joy-color-neutral-70",
+      "value": "#181818",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.neutral",
+      "deprecated": false
+    },
+    {
+      "name": "color.overlay",
+      "css": "--joy-color-overlay",
+      "value": "rgba(51, 51, 48, 0.4)",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color",
+      "deprecated": false
+    },
+    {
+      "name": "color.primary.10",
+      "css": "--joy-color-primary-10",
+      "value": "#FFF4F4",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.primary",
+      "deprecated": false
+    },
+    {
+      "name": "color.primary.30",
+      "css": "--joy-color-primary-30",
+      "value": "#FF7370",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.primary",
+      "deprecated": false
+    },
+    {
+      "name": "color.primary.50",
+      "css": "--joy-color-primary-50",
+      "value": "#FC5757",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.primary",
+      "deprecated": false
+    },
+    {
+      "name": "color.primary.70",
+      "css": "--joy-color-primary-70",
+      "value": "#D4524F",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.primary",
+      "deprecated": false
+    },
+    {
+      "name": "color.primary.90",
+      "css": "--joy-color-primary-90",
+      "value": "#A63633",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.primary",
+      "deprecated": false
+    },
+    {
+      "name": "color.quaternary.10",
+      "css": "--joy-color-quaternary-10",
+      "value": "#FFFBED",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.quaternary",
+      "deprecated": false
+    },
+    {
+      "name": "color.quaternary.100",
+      "css": "--joy-color-quaternary-100",
+      "value": "#D29614",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.quaternary",
+      "deprecated": false
+    },
+    {
+      "name": "color.quaternary.30",
+      "css": "--joy-color-quaternary-30",
+      "value": "#FCCF5E",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.quaternary",
+      "deprecated": false
+    },
+    {
+      "name": "color.quaternary.50",
+      "css": "--joy-color-quaternary-50",
+      "value": "#FFC200",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.quaternary",
+      "deprecated": false
+    },
+    {
+      "name": "color.quaternary.70",
+      "css": "--joy-color-quaternary-70",
+      "value": "#F0B021",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.quaternary",
+      "deprecated": false
+    },
+    {
+      "name": "color.secondary.10",
+      "css": "--joy-color-secondary-10",
+      "value": "#ECF3F4",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "color.secondary.30",
+      "css": "--joy-color-secondary-30",
+      "value": "#0F6378",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "color.secondary.50",
+      "css": "--joy-color-secondary-50",
+      "value": "#035266",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "color.secondary.90",
+      "css": "--joy-color-secondary-90",
+      "value": "#014554",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "color.shadow.base",
+      "css": "--joy-color-shadow-base",
+      "value": "rgba(24,24,24,0.16)",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.shadow",
+      "deprecated": false
+    },
+    {
+      "name": "color.state.disabled-background",
+      "css": "--joy-color-state-disabled-background",
+      "value": "{color.background.disabled}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.state",
+      "description": "Deprecated. Use --joy-color-background-disabled instead. Do not use in new code.",
+      "deprecated": true
+    },
+    {
+      "name": "color.state.error",
+      "css": "--joy-color-state-error",
+      "value": "{color.border.error}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.state",
+      "description": "Deprecated. Use --joy-color-border-error instead. Do not use in new code.",
+      "deprecated": true
+    },
+    {
+      "name": "color.state.focus",
+      "css": "--joy-color-state-focus",
+      "value": "{color.border.focus}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.state",
+      "description": "Deprecated. Use --joy-color-border-focus instead. Do not use in new code.",
+      "deprecated": true
+    },
+    {
+      "name": "color.state.hover",
+      "css": "--joy-color-state-hover",
+      "value": "{color.border.hover}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.state",
+      "description": "Deprecated. Use --joy-color-border-hover instead. Do not use in new code.",
+      "deprecated": true
+    },
+    {
+      "name": "color.state.hover-error",
+      "css": "--joy-color-state-hover-error",
+      "value": "{color.border.error-hover}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.state",
+      "description": "Deprecated. Use --joy-color-border-error-hover instead. Do not use in new code.",
+      "deprecated": true
+    },
+    {
+      "name": "color.success.10",
+      "css": "--joy-color-success-10",
+      "value": "#F2F8E9",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.success",
+      "deprecated": false
+    },
+    {
+      "name": "color.success.50",
+      "css": "--joy-color-success-50",
+      "value": "#81B928",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.success",
+      "deprecated": false
+    },
+    {
+      "name": "color.success.90",
+      "css": "--joy-color-success-90",
+      "value": "#659B1C",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.success",
+      "deprecated": false
+    },
+    {
+      "name": "color.tertiary.10",
+      "css": "--joy-color-tertiary-10",
+      "value": "#E3F8FB",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.tertiary",
+      "deprecated": false
+    },
+    {
+      "name": "color.tertiary.30",
+      "css": "--joy-color-tertiary-30",
+      "value": "#A8EAF3",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.tertiary",
+      "deprecated": false
+    },
+    {
+      "name": "color.tertiary.50",
+      "css": "--joy-color-tertiary-50",
+      "value": "#00c0db",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.tertiary",
+      "deprecated": false
+    },
+    {
+      "name": "color.tertiary.70",
+      "css": "--joy-color-tertiary-70",
+      "value": "#00AAC1",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.tertiary",
+      "deprecated": false
+    },
+    {
+      "name": "color.text.body",
+      "css": "--joy-color-text-body",
+      "value": "{color.text.default}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.text",
+      "description": "Deprecated. Use --joy-color-text-default instead. Do not use in new code.",
+      "deprecated": true
+    },
+    {
+      "name": "color.text.default",
+      "css": "--joy-color-text-default",
+      "value": "{color.neutral.50}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.text",
+      "description": "Standard text for body copy, input values, and readouts.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "body prose",
+          "input value",
+          "table cell",
+          "tooltip",
+          "overlay body",
+          "radio label",
+          "toggle label",
+          "tab",
+          "badge",
+          "instruction",
+          "close control"
+        ],
+        "doNotUseFor": [
+          "page title",
+          "label",
+          "helper",
+          "disabled text"
+        ],
+        "useInstead": {
+          "page title": "color.text.heading",
+          "label": "color.text.label",
+          "helper": "color.text.support",
+          "disabled text": "color.text.disabled"
+        },
+        "pairWith": [
+          "color.background.default"
+        ],
+        "replaces": [
+          "--joy-color-text-body"
+        ]
+      }
+    },
+    {
+      "name": "color.text.disabled",
+      "css": "--joy-color-text-disabled",
+      "value": "{color.neutral.40}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.text",
+      "description": "Text on disabled surfaces and unselectable content.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "disabled input value",
+          "unselectable text on color.background.disabled",
+          "disabled button",
+          "disabled checkbox",
+          "disabled radio",
+          "disabled toggle",
+          "disabled menu item"
+        ],
+        "doNotUseFor": [
+          "enabled helper",
+          "generic lighter gray",
+          "select value",
+          "file actions",
+          "disabled placeholder"
+        ],
+        "useInstead": {
+          "enabled helper": "color.text.support"
+        },
+        "pairWith": [
+          "color.background.disabled"
+        ],
+        "samePrimitiveAs": [
+          "color.text.support"
+        ],
+        "notes": "Choose by role, not by hex. Select disabled value, file actions, and disabled placeholder stay color.neutral.35. Tag disabled text stays color.neutral.60."
+      }
+    },
+    {
+      "name": "color.text.error",
+      "css": "--joy-color-text-error",
+      "value": "{color.error.50}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.text",
+      "description": "Text for validation errors and destructive callouts.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "validation message",
+          "invalid input value",
+          "destructive text callout",
+          "password requirement",
+          "invalid instruction",
+          "file error"
+        ],
+        "doNotUseFor": [
+          "error border",
+          "error fill"
+        ],
+        "useInstead": {
+          "error border": "color.border.error"
+        },
+        "pairWith": [
+          "color.background.default",
+          "color.border.error"
+        ],
+        "notes": "Not a generic red token. Error fills stay color.error.50 until color.background.error exists."
+      }
+    },
+    {
+      "name": "color.text.heading",
+      "css": "--joy-color-text-heading",
+      "value": "{color.neutral.60}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.text",
+      "description": "High-emphasis text for page, overlay, and section titles.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "page title",
+          "overlay header",
+          "section title",
+          "dialog",
+          "drawer",
+          "panel",
+          "collapse",
+          "highlight",
+          "product tour",
+          "bottom sheet"
+        ],
+        "doNotUseFor": [
+          "label",
+          "body copy",
+          "button label"
+        ],
+        "useInstead": {
+          "label": "color.text.label",
+          "body copy": "color.text.default"
+        },
+        "pairWith": [
+          "color.background.default"
+        ],
+        "replaces": [
+          "--joy-color-text-title"
+        ],
+        "samePrimitiveAs": [
+          "color.text.label"
+        ],
+        "notes": "Choose by role, not by hex. Admin button label is an exception."
+      }
+    },
+    {
+      "name": "color.text.label",
+      "css": "--joy-color-text-label",
+      "value": "{color.neutral.60}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.text",
+      "description": "Text for control identifiers and labels.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "label",
+          "checkbox label",
+          "menu item label",
+          "tag label",
+          "file name",
+          "option label"
+        ],
+        "doNotUseFor": [
+          "page title",
+          "input value",
+          "helper"
+        ],
+        "useInstead": {
+          "page title": "color.text.heading",
+          "input value": "color.text.default",
+          "helper": "color.text.support"
+        },
+        "pairWith": [
+          "color.background.default"
+        ],
+        "samePrimitiveAs": [
+          "color.text.heading"
+        ],
+        "notes": "Choose by role, not by hex. Radio and toggle labels stay on color.text.default."
+      }
+    },
+    {
+      "name": "color.text.success",
+      "css": "--joy-color-text-success",
+      "value": "{color.success.90}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.text",
+      "description": "Text for success messages and successful callouts.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "success message",
+          "successful callout"
+        ]
+      }
+    },
+    {
+      "name": "color.text.support",
+      "css": "--joy-color-text-support",
+      "value": "{color.neutral.40}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.text",
+      "description": "Secondary text for helpers, subtitles, and placeholders.",
+      "deprecated": false,
+      "docs": {
+        "useFor": [
+          "subtitle",
+          "legend",
+          "placeholder",
+          "counter",
+          "sublabel",
+          "inactive step label",
+          "separator"
+        ],
+        "doNotUseFor": [
+          "disabled text",
+          "body copy",
+          "error text"
+        ],
+        "useInstead": {
+          "disabled text": "color.text.disabled",
+          "body copy": "color.text.default",
+          "error text": "color.text.error"
+        },
+        "pairWith": [
+          "color.text.heading",
+          "color.text.label"
+        ],
+        "samePrimitiveAs": [
+          "color.text.disabled"
+        ],
+        "notes": "Choose by role, not by hex. Secondary to a heading or label when both are present. Placeholder, counter, and separator can stand alone."
+      }
+    },
+    {
+      "name": "color.text.title",
+      "css": "--joy-color-text-title",
+      "value": "{color.text.heading}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "color",
+      "group": "color.text",
+      "description": "Deprecated. Use --joy-color-text-heading instead. Do not use in new code.",
+      "deprecated": true
+    },
+    {
+      "name": "color.warning.10",
+      "css": "--joy-color-warning-10",
+      "value": "#FEF6E7",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.warning",
+      "deprecated": false
+    },
+    {
+      "name": "color.warning.50",
+      "css": "--joy-color-warning-50",
+      "value": "#F2A10C",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.warning",
+      "deprecated": false
+    },
+    {
+      "name": "color.warning.90",
+      "css": "--joy-color-warning-90",
+      "value": "#AE6606",
+      "type": "color",
+      "layer": "primitive",
+      "domain": "color",
+      "group": "color.warning",
+      "deprecated": false
+    },
+    {
+      "name": "core.elevation.0",
+      "css": "--joy-core-elevation-0",
+      "value": "0 0 0 0 {color.shadow.base}",
+      "type": "elevations",
+      "layer": "primitive",
+      "domain": "elevation",
+      "group": "core.elevation",
+      "deprecated": false
+    },
+    {
+      "name": "core.elevation.1",
+      "css": "--joy-core-elevation-1",
+      "value": "0 2px 4px 0 {color.shadow.base}",
+      "type": "elevations",
+      "layer": "primitive",
+      "domain": "elevation",
+      "group": "core.elevation",
+      "deprecated": false
+    },
+    {
+      "name": "core.elevation.2",
+      "css": "--joy-core-elevation-2",
+      "value": "0 4px 12px 0 {color.shadow.base}",
+      "type": "elevations",
+      "layer": "primitive",
+      "domain": "elevation",
+      "group": "core.elevation",
+      "deprecated": false
+    },
+    {
+      "name": "core.elevation.3",
+      "css": "--joy-core-elevation-3",
+      "value": "0 6px 24px 0 {color.shadow.base}",
+      "type": "elevations",
+      "layer": "primitive",
+      "domain": "elevation",
+      "group": "core.elevation",
+      "deprecated": false
+    },
+    {
+      "name": "core.elevation.4",
+      "css": "--joy-core-elevation-4",
+      "value": "0 8px 32px 0 {color.shadow.base}",
+      "type": "elevations",
+      "layer": "primitive",
+      "domain": "elevation",
+      "group": "core.elevation",
+      "deprecated": false
+    },
+    {
+      "name": "core.radius.0",
+      "css": "--joy-core-radius-0",
+      "value": "0",
+      "type": "radius",
+      "layer": "primitive",
+      "domain": "radius",
+      "group": "core.radius",
+      "deprecated": false
+    },
+    {
+      "name": "core.radius.1",
+      "css": "--joy-core-radius-1",
+      "value": "2px",
+      "type": "radius",
+      "layer": "primitive",
+      "domain": "radius",
+      "group": "core.radius",
+      "deprecated": false
+    },
+    {
+      "name": "core.radius.2",
+      "css": "--joy-core-radius-2",
+      "value": "4px",
+      "type": "radius",
+      "layer": "primitive",
+      "domain": "radius",
+      "group": "core.radius",
+      "deprecated": false
+    },
+    {
+      "name": "core.radius.3",
+      "css": "--joy-core-radius-3",
+      "value": "8px",
+      "type": "radius",
+      "layer": "primitive",
+      "domain": "radius",
+      "group": "core.radius",
+      "deprecated": false
+    },
+    {
+      "name": "core.radius.4",
+      "css": "--joy-core-radius-4",
+      "value": "16px",
+      "type": "radius",
+      "layer": "primitive",
+      "domain": "radius",
+      "group": "core.radius",
+      "deprecated": false
+    },
+    {
+      "name": "core.radius.5",
+      "css": "--joy-core-radius-5",
+      "value": "32px",
+      "type": "radius",
+      "layer": "primitive",
+      "domain": "radius",
+      "group": "core.radius",
+      "deprecated": false
+    },
+    {
+      "name": "core.radius.6",
+      "css": "--joy-core-radius-6",
+      "value": "50%",
+      "type": "radius",
+      "layer": "primitive",
+      "domain": "radius",
+      "group": "core.radius",
+      "description": "Full radius. CSS uses 50%; Figma uses 100px as a stand-in (FLOAT has no %).",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.0",
+      "css": "--joy-core-spacing-0",
+      "value": "2px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.1",
+      "css": "--joy-core-spacing-1",
+      "value": "4px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.10",
+      "css": "--joy-core-spacing-10",
+      "value": "48px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.11",
+      "css": "--joy-core-spacing-11",
+      "value": "56px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.12",
+      "css": "--joy-core-spacing-12",
+      "value": "64px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.2",
+      "css": "--joy-core-spacing-2",
+      "value": "8px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.3",
+      "css": "--joy-core-spacing-3",
+      "value": "12px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.4",
+      "css": "--joy-core-spacing-4",
+      "value": "16px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.5",
+      "css": "--joy-core-spacing-5",
+      "value": "20px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.6",
+      "css": "--joy-core-spacing-6",
+      "value": "24px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.7",
+      "css": "--joy-core-spacing-7",
+      "value": "28px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.8",
+      "css": "--joy-core-spacing-8",
+      "value": "32px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.spacing.9",
+      "css": "--joy-core-spacing-9",
+      "value": "40px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "spacing",
+      "group": "core.spacing",
+      "deprecated": false
+    },
+    {
+      "name": "core.zIndex.backdrop",
+      "css": "--joy-core-z-index-backdrop",
+      "value": 1050,
+      "type": "zIndex",
+      "layer": "semantic",
+      "domain": "zIndex",
+      "group": "core.zIndex",
+      "deprecated": false
+    },
+    {
+      "name": "core.zIndex.dialog",
+      "css": "--joy-core-z-index-dialog",
+      "value": 1080,
+      "type": "zIndex",
+      "layer": "semantic",
+      "domain": "zIndex",
+      "group": "core.zIndex",
+      "deprecated": false
+    },
+    {
+      "name": "core.zIndex.dropdown",
+      "css": "--joy-core-z-index-dropdown",
+      "value": 23,
+      "type": "zIndex",
+      "layer": "semantic",
+      "domain": "zIndex",
+      "group": "core.zIndex",
+      "deprecated": false
+    },
+    {
+      "name": "core.zIndex.fixedContent",
+      "css": "--joy-core-z-index-fixed-content",
+      "value": 20,
+      "type": "zIndex",
+      "layer": "semantic",
+      "domain": "zIndex",
+      "group": "core.zIndex",
+      "deprecated": false
+    },
+    {
+      "name": "core.zIndex.funnel",
+      "css": "--joy-core-z-index-funnel",
+      "value": 1040,
+      "type": "zIndex",
+      "layer": "semantic",
+      "domain": "zIndex",
+      "group": "core.zIndex",
+      "deprecated": false
+    },
+    {
+      "name": "core.zIndex.productTour",
+      "css": "--joy-core-z-index-product-tour",
+      "value": 1060,
+      "type": "zIndex",
+      "layer": "semantic",
+      "domain": "zIndex",
+      "group": "core.zIndex",
+      "deprecated": false
+    },
+    {
+      "name": "core.zIndex.snackbar",
+      "css": "--joy-core-z-index-snackbar",
+      "value": 1100,
+      "type": "zIndex",
+      "layer": "semantic",
+      "domain": "zIndex",
+      "group": "core.zIndex",
+      "deprecated": false
+    },
+    {
+      "name": "core.zIndex.tooltip",
+      "css": "--joy-core-z-index-tooltip",
+      "value": 1090,
+      "type": "zIndex",
+      "layer": "semantic",
+      "domain": "zIndex",
+      "group": "core.zIndex",
+      "deprecated": false
+    },
+    {
+      "name": "core.zIndex.walkthrough",
+      "css": "--joy-core-z-index-walkthrough",
+      "value": 1070,
+      "type": "zIndex",
+      "layer": "semantic",
+      "domain": "zIndex",
+      "group": "core.zIndex",
+      "deprecated": false
+    },
+    {
+      "name": "font.family.base",
+      "css": "--joy-font-family-base",
+      "value": "'Moderat', Arial, Helvetica, sans-serif",
+      "type": "fontFamily",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.family",
+      "deprecated": false
+    },
+    {
+      "name": "font.family.title",
+      "css": "--joy-font-family-title",
+      "value": "'Agrandir Tight', Arial, Helvetica, sans-serif",
+      "type": "fontFamily",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.family",
+      "deprecated": false
+    },
+    {
+      "name": "font.letterSpacing.normal",
+      "css": "--joy-font-letter-spacing-normal",
+      "value": "0",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.letterSpacing",
+      "deprecated": false
+    },
+    {
+      "name": "font.letterSpacing.tight",
+      "css": "--joy-font-letter-spacing-tight",
+      "value": "-0.2px",
+      "type": "dimension",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.letterSpacing",
+      "deprecated": false
+    },
+    {
+      "name": "font.size.primary.100",
+      "css": "--joy-font-size-primary-100",
+      "value": "11px",
+      "type": "fontSize",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.size.primary",
+      "deprecated": false
+    },
+    {
+      "name": "font.size.primary.200",
+      "css": "--joy-font-size-primary-200",
+      "value": "12px",
+      "type": "fontSize",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.size.primary",
+      "deprecated": false
+    },
+    {
+      "name": "font.size.primary.300",
+      "css": "--joy-font-size-primary-300",
+      "value": "14px",
+      "type": "fontSize",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.size.primary",
+      "deprecated": false
+    },
+    {
+      "name": "font.size.primary.400",
+      "css": "--joy-font-size-primary-400",
+      "value": "16px",
+      "type": "fontSize",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.size.primary",
+      "deprecated": false
+    },
+    {
+      "name": "font.size.primary.600",
+      "css": "--joy-font-size-primary-600",
+      "value": "20px",
+      "type": "fontSize",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.size.primary",
+      "deprecated": false
+    },
+    {
+      "name": "font.size.primary.800",
+      "css": "--joy-font-size-primary-800",
+      "value": "24px",
+      "type": "fontSize",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.size.primary",
+      "deprecated": false
+    },
+    {
+      "name": "font.size.secondary.200",
+      "css": "--joy-font-size-secondary-200",
+      "value": "28px",
+      "type": "fontSize",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.size.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "font.size.secondary.400",
+      "css": "--joy-font-size-secondary-400",
+      "value": "36px",
+      "type": "fontSize",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.size.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "font.size.secondary.600",
+      "css": "--joy-font-size-secondary-600",
+      "value": "46px",
+      "type": "fontSize",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.size.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "font.size.secondary.800",
+      "css": "--joy-font-size-secondary-800",
+      "value": "52px",
+      "type": "fontSize",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.size.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "font.weight.bold",
+      "css": "--joy-font-weight-bold",
+      "value": "700",
+      "type": "fontWeight",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.weight",
+      "deprecated": false
+    },
+    {
+      "name": "font.weight.normal",
+      "css": "--joy-font-weight-normal",
+      "value": "400",
+      "type": "fontWeight",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "font.weight",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.border.width",
+      "css": "--joy-form-field-border-width",
+      "value": "2px",
+      "type": "dimension",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.border",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.focus.color",
+      "css": "--joy-form-field-focus-color",
+      "value": "{color.information.50}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.focus",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.focus.shadow",
+      "css": "--joy-form-field-focus-shadow",
+      "value": "0 0 0 {form.field.focus.width} {form.field.focus.color}",
+      "type": "shadow",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.focus",
+      "deprecated": true
+    },
+    {
+      "name": "form.field.focus.width",
+      "css": "--joy-form-field-focus-width",
+      "value": "2px",
+      "type": "dimension",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.focus",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.height.large",
+      "css": "--joy-form-field-height-large",
+      "value": "{core.spacing.12}",
+      "type": "dimension",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.height",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.height.medium",
+      "css": "--joy-form-field-height-medium",
+      "value": "{core.spacing.10}",
+      "type": "dimension",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.height",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.height.small",
+      "css": "--joy-form-field-height-small",
+      "value": "{core.spacing.9}",
+      "type": "dimension",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.height",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.height.xsmall",
+      "css": "--joy-form-field-height-xsmall",
+      "value": "{core.spacing.8}",
+      "type": "dimension",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.height",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.height.xxsmall",
+      "css": "--joy-form-field-height-xxsmall",
+      "value": "{core.spacing.6}",
+      "type": "dimension",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.height",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.radius.large",
+      "css": "--joy-form-field-radius-large",
+      "value": "32px",
+      "type": "dimension",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.radius",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.radius.medium",
+      "css": "--joy-form-field-radius-medium",
+      "value": "24px",
+      "type": "dimension",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.radius",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.radius.small",
+      "css": "--joy-form-field-radius-small",
+      "value": "20px",
+      "type": "dimension",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.radius",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.radius.xsmall",
+      "css": "--joy-form-field-radius-xsmall",
+      "value": "16px",
+      "type": "dimension",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.radius",
+      "deprecated": false
+    },
+    {
+      "name": "form.field.radius.xxsmall",
+      "css": "--joy-form-field-radius-xxsmall",
+      "value": "12px",
+      "type": "dimension",
+      "layer": "semantic",
+      "domain": "forms",
+      "group": "form.field.radius",
+      "deprecated": false
+    },
+    {
+      "name": "lineHeight.large",
+      "css": "--joy-line-height-large",
+      "value": "1.25",
+      "type": "number",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "lineHeight",
+      "deprecated": false
+    },
+    {
+      "name": "lineHeight.small",
+      "css": "--joy-line-height-small",
+      "value": "1.05",
+      "type": "number",
+      "layer": "primitive",
+      "domain": "typography",
+      "group": "lineHeight",
+      "deprecated": false
+    },
+    {
+      "name": "link.primary.color.default",
+      "css": "--joy-link-primary-color-default",
+      "value": "{color.secondary.30}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "links",
+      "group": "link.primary.color",
+      "deprecated": false
+    },
+    {
+      "name": "link.primary.color.hover",
+      "css": "--joy-link-primary-color-hover",
+      "value": "{color.secondary.50}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "links",
+      "group": "link.primary.color",
+      "deprecated": false
+    },
+    {
+      "name": "link.primary.color.visited",
+      "css": "--joy-link-primary-color-visited",
+      "value": "{color.secondary.90}",
+      "type": "color",
+      "layer": "semantic",
+      "domain": "links",
+      "group": "link.primary.color",
+      "deprecated": false
+    },
+    {
+      "name": "transition.duration.default",
+      "css": "--joy-transition-duration-default",
+      "value": "200ms",
+      "type": "timing",
+      "layer": "primitive",
+      "domain": "motion",
+      "group": "transition.duration",
+      "deprecated": false
+    },
+    {
+      "name": "transition.duration.long",
+      "css": "--joy-transition-duration-long",
+      "value": "400ms",
+      "type": "timing",
+      "layer": "primitive",
+      "domain": "motion",
+      "group": "transition.duration",
+      "deprecated": false
+    },
+    {
+      "name": "transition.duration.short",
+      "css": "--joy-transition-duration-short",
+      "value": "100ms",
+      "type": "timing",
+      "layer": "primitive",
+      "domain": "motion",
+      "group": "transition.duration",
+      "deprecated": false
+    },
+    {
+      "name": "transition.timing-function",
+      "css": "--joy-transition-timing-function",
+      "value": "ease-in-out",
+      "type": "easing",
+      "layer": "primitive",
+      "domain": "motion",
+      "group": "transition",
+      "deprecated": false
+    },
+    {
+      "name": "typography.primary.100",
+      "css": "--joy-typography-primary-100",
+      "value": {
+        "fontFamily": "{font.family.base}",
+        "fontSize": "{font.size.primary.100}",
+        "fontWeight": "{font.weight.normal}",
+        "letterSpacing": "{font.letterSpacing.tight}",
+        "lineHeight": "{lineHeight.large}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.primary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.primary.150",
+      "css": "--joy-typography-primary-150",
+      "value": {
+        "fontFamily": "{font.family.base}",
+        "fontSize": "{font.size.primary.100}",
+        "fontWeight": "{font.weight.bold}",
+        "letterSpacing": "{font.letterSpacing.tight}",
+        "lineHeight": "{lineHeight.large}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.primary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.primary.200",
+      "css": "--joy-typography-primary-200",
+      "value": {
+        "fontFamily": "{font.family.base}",
+        "fontSize": "{font.size.primary.200}",
+        "fontWeight": "{font.weight.normal}",
+        "letterSpacing": "{font.letterSpacing.tight}",
+        "lineHeight": "{lineHeight.large}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.primary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.primary.250",
+      "css": "--joy-typography-primary-250",
+      "value": {
+        "fontFamily": "{font.family.base}",
+        "fontSize": "{font.size.primary.200}",
+        "fontWeight": "{font.weight.bold}",
+        "letterSpacing": "{font.letterSpacing.tight}",
+        "lineHeight": "{lineHeight.large}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.primary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.primary.300",
+      "css": "--joy-typography-primary-300",
+      "value": {
+        "fontFamily": "{font.family.base}",
+        "fontSize": "{font.size.primary.300}",
+        "fontWeight": "{font.weight.normal}",
+        "letterSpacing": "{font.letterSpacing.tight}",
+        "lineHeight": "{lineHeight.large}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.primary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.primary.350",
+      "css": "--joy-typography-primary-350",
+      "value": {
+        "fontFamily": "{font.family.base}",
+        "fontSize": "{font.size.primary.300}",
+        "fontWeight": "{font.weight.bold}",
+        "letterSpacing": "{font.letterSpacing.tight}",
+        "lineHeight": "{lineHeight.large}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.primary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.primary.400",
+      "css": "--joy-typography-primary-400",
+      "value": {
+        "fontFamily": "{font.family.base}",
+        "fontSize": "{font.size.primary.400}",
+        "fontWeight": "{font.weight.normal}",
+        "letterSpacing": "{font.letterSpacing.tight}",
+        "lineHeight": "{lineHeight.large}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.primary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.primary.450",
+      "css": "--joy-typography-primary-450",
+      "value": {
+        "fontFamily": "{font.family.base}",
+        "fontSize": "{font.size.primary.400}",
+        "fontWeight": "{font.weight.bold}",
+        "letterSpacing": "{font.letterSpacing.tight}",
+        "lineHeight": "{lineHeight.large}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.primary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.primary.600",
+      "css": "--joy-typography-primary-600",
+      "value": {
+        "fontFamily": "{font.family.base}",
+        "fontSize": "{font.size.primary.600}",
+        "fontWeight": "{font.weight.normal}",
+        "letterSpacing": "{font.letterSpacing.tight}",
+        "lineHeight": "{lineHeight.large}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.primary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.primary.650",
+      "css": "--joy-typography-primary-650",
+      "value": {
+        "fontFamily": "{font.family.base}",
+        "fontSize": "{font.size.primary.600}",
+        "fontWeight": "{font.weight.bold}",
+        "letterSpacing": "{font.letterSpacing.tight}",
+        "lineHeight": "{lineHeight.large}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.primary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.primary.800",
+      "css": "--joy-typography-primary-800",
+      "value": {
+        "fontFamily": "{font.family.base}",
+        "fontSize": "{font.size.primary.800}",
+        "fontWeight": "{font.weight.normal}",
+        "letterSpacing": "{font.letterSpacing.normal}",
+        "lineHeight": "{lineHeight.large}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.primary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.primary.850",
+      "css": "--joy-typography-primary-850",
+      "value": {
+        "fontFamily": "{font.family.base}",
+        "fontSize": "{font.size.primary.800}",
+        "fontWeight": "{font.weight.bold}",
+        "letterSpacing": "{font.letterSpacing.tight}",
+        "lineHeight": "{lineHeight.large}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.primary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.secondary.200",
+      "css": "--joy-typography-secondary-200",
+      "value": {
+        "fontFamily": "{font.family.title}",
+        "fontSize": "{font.size.secondary.200}",
+        "fontWeight": 500,
+        "letterSpacing": "{font.letterSpacing.normal}",
+        "lineHeight": "{lineHeight.small}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.secondary.400",
+      "css": "--joy-typography-secondary-400",
+      "value": {
+        "fontFamily": "{font.family.title}",
+        "fontSize": "{font.size.secondary.400}",
+        "fontWeight": 500,
+        "letterSpacing": "{font.letterSpacing.normal}",
+        "lineHeight": "{lineHeight.small}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.secondary.600",
+      "css": "--joy-typography-secondary-600",
+      "value": {
+        "fontFamily": "{font.family.title}",
+        "fontSize": "{font.size.secondary.600}",
+        "fontWeight": 500,
+        "letterSpacing": "{font.letterSpacing.normal}",
+        "lineHeight": "{lineHeight.small}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.secondary",
+      "deprecated": false
+    },
+    {
+      "name": "typography.secondary.800",
+      "css": "--joy-typography-secondary-800",
+      "value": {
+        "fontFamily": "{font.family.title}",
+        "fontSize": "{font.size.secondary.800}",
+        "fontWeight": 500,
+        "letterSpacing": "{font.letterSpacing.normal}",
+        "lineHeight": "{lineHeight.small}"
+      },
+      "type": "typography",
+      "layer": "semantic",
+      "domain": "typography",
+      "group": "typography.secondary",
+      "deprecated": false
+    }
+  ]
 }