[
  {
    "value": "3px",
    "type": "size",
    "original": {
      "value": "3",
      "type": "size"
    },
    "name": "token-border-radius-x-small",
    "attributes": {
      "category": "border",
      "type": "radius",
      "item": "x-small"
    },
    "path": [
      "border",
      "radius",
      "x-small"
    ]
  },
  {
    "value": "5px",
    "type": "size",
    "original": {
      "value": "5",
      "type": "size"
    },
    "name": "token-border-radius-small",
    "attributes": {
      "category": "border",
      "type": "radius",
      "item": "small"
    },
    "path": [
      "border",
      "radius",
      "small"
    ]
  },
  {
    "value": "6px",
    "type": "size",
    "original": {
      "value": "6",
      "type": "size"
    },
    "name": "token-border-radius-medium",
    "attributes": {
      "category": "border",
      "type": "radius",
      "item": "medium"
    },
    "path": [
      "border",
      "radius",
      "medium"
    ]
  },
  {
    "value": "8px",
    "type": "size",
    "original": {
      "value": "8",
      "type": "size"
    },
    "name": "token-border-radius-large",
    "attributes": {
      "category": "border",
      "type": "radius",
      "item": "large"
    },
    "path": [
      "border",
      "radius",
      "large"
    ]
  },
  {
    "value": "#1c345f",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#1c345f",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-blue-500",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "blue-500"
    },
    "path": [
      "color",
      "palette",
      "blue-500"
    ]
  },
  {
    "value": "#0046d1",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#0046d1",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-blue-400",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "blue-400"
    },
    "path": [
      "color",
      "palette",
      "blue-400"
    ]
  },
  {
    "value": "#0c56e9",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#0c56e9",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-blue-300",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "blue-300"
    },
    "path": [
      "color",
      "palette",
      "blue-300"
    ]
  },
  {
    "value": "#1060ff",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#1060ff",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-blue-200",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "blue-200"
    },
    "path": [
      "color",
      "palette",
      "blue-200"
    ]
  },
  {
    "value": "#cce3fe",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#cce3fe",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-blue-100",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "blue-100"
    },
    "path": [
      "color",
      "palette",
      "blue-100"
    ]
  },
  {
    "value": "#f2f8ff",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#f2f8ff",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-blue-50",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "blue-50"
    },
    "path": [
      "color",
      "palette",
      "blue-50"
    ]
  },
  {
    "value": "#42215b",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#42215b",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-purple-500",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "purple-500"
    },
    "path": [
      "color",
      "palette",
      "purple-500"
    ]
  },
  {
    "value": "#7b00db",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#7b00db",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-purple-400",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "purple-400"
    },
    "path": [
      "color",
      "palette",
      "purple-400"
    ]
  },
  {
    "value": "#911ced",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#911ced",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-purple-300",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "purple-300"
    },
    "path": [
      "color",
      "palette",
      "purple-300"
    ]
  },
  {
    "value": "#a737ff",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#a737ff",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-purple-200",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "purple-200"
    },
    "path": [
      "color",
      "palette",
      "purple-200"
    ]
  },
  {
    "value": "#ead2fe",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#ead2fe",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-purple-100",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "purple-100"
    },
    "path": [
      "color",
      "palette",
      "purple-100"
    ]
  },
  {
    "value": "#f9f2ff",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#f9f2ff",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-purple-50",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "purple-50"
    },
    "path": [
      "color",
      "palette",
      "purple-50"
    ]
  },
  {
    "value": "#054220",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#054220",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-green-500",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "green-500"
    },
    "path": [
      "color",
      "palette",
      "green-500"
    ]
  },
  {
    "value": "#006619",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#006619",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-green-400",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "green-400"
    },
    "path": [
      "color",
      "palette",
      "green-400"
    ]
  },
  {
    "value": "#00781e",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#00781e",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-green-300",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "green-300"
    },
    "path": [
      "color",
      "palette",
      "green-300"
    ]
  },
  {
    "value": "#008a22",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#008a22",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-green-200",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "green-200"
    },
    "path": [
      "color",
      "palette",
      "green-200"
    ]
  },
  {
    "value": "#cceeda",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#cceeda",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-green-100",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "green-100"
    },
    "path": [
      "color",
      "palette",
      "green-100"
    ]
  },
  {
    "value": "#f2fbf6",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#f2fbf6",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-green-50",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "green-50"
    },
    "path": [
      "color",
      "palette",
      "green-50"
    ]
  },
  {
    "value": "#542800",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#542800",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-amber-500",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "amber-500"
    },
    "path": [
      "color",
      "palette",
      "amber-500"
    ]
  },
  {
    "value": "#803d00",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#803d00",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-amber-400",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "amber-400"
    },
    "path": [
      "color",
      "palette",
      "amber-400"
    ]
  },
  {
    "value": "#9e4b00",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#9e4b00",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-amber-300",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "amber-300"
    },
    "path": [
      "color",
      "palette",
      "amber-300"
    ]
  },
  {
    "value": "#bb5a00",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#bb5a00",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-amber-200",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "amber-200"
    },
    "path": [
      "color",
      "palette",
      "amber-200"
    ]
  },
  {
    "value": "#fbeabf",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#fbeabf",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-amber-100",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "amber-100"
    },
    "path": [
      "color",
      "palette",
      "amber-100"
    ]
  },
  {
    "value": "#fff9e8",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#fff9e8",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-amber-50",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "amber-50"
    },
    "path": [
      "color",
      "palette",
      "amber-50"
    ]
  },
  {
    "value": "#51130a",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#51130a",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-red-500",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "red-500"
    },
    "path": [
      "color",
      "palette",
      "red-500"
    ]
  },
  {
    "value": "#940004",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#940004",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-red-400",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "red-400"
    },
    "path": [
      "color",
      "palette",
      "red-400"
    ]
  },
  {
    "value": "#c00005",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#c00005",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-red-300",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "red-300"
    },
    "path": [
      "color",
      "palette",
      "red-300"
    ]
  },
  {
    "value": "#e52228",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#e52228",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-red-200",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "red-200"
    },
    "path": [
      "color",
      "palette",
      "red-200"
    ]
  },
  {
    "value": "#fbd4d4",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#fbd4d4",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-red-100",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "red-100"
    },
    "path": [
      "color",
      "palette",
      "red-100"
    ]
  },
  {
    "value": "#fff5f5",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#fff5f5",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-red-50",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "red-50"
    },
    "path": [
      "color",
      "palette",
      "red-50"
    ]
  },
  {
    "value": "#0c0c0e",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#0c0c0e",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-neutral-700",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "neutral-700"
    },
    "path": [
      "color",
      "palette",
      "neutral-700"
    ]
  },
  {
    "value": "#3b3d45",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#3b3d45",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-neutral-600",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "neutral-600"
    },
    "path": [
      "color",
      "palette",
      "neutral-600"
    ]
  },
  {
    "value": "#656a76",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#656a76",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-neutral-500",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "neutral-500"
    },
    "path": [
      "color",
      "palette",
      "neutral-500"
    ]
  },
  {
    "value": "#8c909c",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#8c909c",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-neutral-400",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "neutral-400"
    },
    "path": [
      "color",
      "palette",
      "neutral-400"
    ]
  },
  {
    "value": "#c2c5cb",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#c2c5cb",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-neutral-300",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "neutral-300"
    },
    "path": [
      "color",
      "palette",
      "neutral-300"
    ]
  },
  {
    "value": "#dedfe3",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#dedfe3",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-neutral-200",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "neutral-200"
    },
    "path": [
      "color",
      "palette",
      "neutral-200"
    ]
  },
  {
    "value": "#f1f2f3",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#f1f2f3",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-neutral-100",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "neutral-100"
    },
    "path": [
      "color",
      "palette",
      "neutral-100"
    ]
  },
  {
    "value": "#fafafa",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#fafafa",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-neutral-50",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "neutral-50"
    },
    "path": [
      "color",
      "palette",
      "neutral-50"
    ]
  },
  {
    "value": "#ffffff",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "#ffffff",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-neutral-0",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "neutral-0"
    },
    "path": [
      "color",
      "palette",
      "neutral-0"
    ]
  },
  {
    "value": "#3b3d4566",
    "alpha": "0.4",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "{color.palette.neutral-600.value}",
      "alpha": "0.4",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-alpha-300",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "alpha-300"
    },
    "path": [
      "color",
      "palette",
      "alpha-300"
    ]
  },
  {
    "value": "#656a7633",
    "alpha": "0.2",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "{color.palette.neutral-500.value}",
      "alpha": "0.2",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-alpha-200",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "alpha-200"
    },
    "path": [
      "color",
      "palette",
      "alpha-200"
    ]
  },
  {
    "value": "#656a761a",
    "alpha": "0.1",
    "type": "color",
    "group": "palette",
    "original": {
      "value": "{color.palette.neutral-500.value}",
      "alpha": "0.1",
      "type": "color",
      "group": "palette"
    },
    "name": "token-color-palette-alpha-100",
    "attributes": {
      "category": "color",
      "type": "palette",
      "item": "alpha-100"
    },
    "path": [
      "color",
      "palette",
      "alpha-100"
    ]
  },
  {
    "value": "#656a7633",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.alpha-200.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-border-primary",
    "attributes": {
      "category": "color",
      "type": "border",
      "item": "primary"
    },
    "path": [
      "color",
      "border",
      "primary"
    ]
  },
  {
    "value": "#656a761a",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.alpha-100.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-border-faint",
    "attributes": {
      "category": "color",
      "type": "border",
      "item": "faint"
    },
    "path": [
      "color",
      "border",
      "faint"
    ]
  },
  {
    "value": "#3b3d4566",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.alpha-300.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-border-strong",
    "attributes": {
      "category": "color",
      "type": "border",
      "item": "strong"
    },
    "path": [
      "color",
      "border",
      "strong"
    ]
  },
  {
    "value": "#cce3fe",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.blue-100.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-border-action",
    "attributes": {
      "category": "color",
      "type": "border",
      "item": "action"
    },
    "path": [
      "color",
      "border",
      "action"
    ]
  },
  {
    "value": "#ead2fe",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.purple-100.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-border-highlight",
    "attributes": {
      "category": "color",
      "type": "border",
      "item": "highlight"
    },
    "path": [
      "color",
      "border",
      "highlight"
    ]
  },
  {
    "value": "#cceeda",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.green-100.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-border-success",
    "attributes": {
      "category": "color",
      "type": "border",
      "item": "success"
    },
    "path": [
      "color",
      "border",
      "success"
    ]
  },
  {
    "value": "#fbeabf",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.amber-100.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-border-warning",
    "attributes": {
      "category": "color",
      "type": "border",
      "item": "warning"
    },
    "path": [
      "color",
      "border",
      "warning"
    ]
  },
  {
    "value": "#fbd4d4",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.red-100.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-border-critical",
    "attributes": {
      "category": "color",
      "type": "border",
      "item": "critical"
    },
    "path": [
      "color",
      "border",
      "critical"
    ]
  },
  {
    "value": "#0c56e9",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.blue-300.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-focus-action-internal",
    "attributes": {
      "category": "color",
      "type": "focus",
      "item": "action",
      "subitem": "internal"
    },
    "path": [
      "color",
      "focus",
      "action",
      "internal"
    ]
  },
  {
    "value": "#5990ff",
    "type": "color",
    "group": "semantic",
    "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose",
    "original": {
      "value": "#5990ff",
      "type": "color",
      "group": "semantic",
      "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose"
    },
    "name": "token-color-focus-action-external",
    "attributes": {
      "category": "color",
      "type": "focus",
      "item": "action",
      "subitem": "external"
    },
    "path": [
      "color",
      "focus",
      "action",
      "external"
    ]
  },
  {
    "value": "#c00005",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.red-300.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-focus-critical-internal",
    "attributes": {
      "category": "color",
      "type": "focus",
      "item": "critical",
      "subitem": "internal"
    },
    "path": [
      "color",
      "focus",
      "critical",
      "internal"
    ]
  },
  {
    "value": "#dd7578",
    "type": "color",
    "group": "semantic",
    "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose",
    "original": {
      "value": "#dd7578",
      "type": "color",
      "group": "semantic",
      "comment": "this is a special color used only for the focus style, to pass color contrast for a11y purpose"
    },
    "name": "token-color-focus-critical-external",
    "attributes": {
      "category": "color",
      "type": "focus",
      "item": "critical",
      "subitem": "external"
    },
    "path": [
      "color",
      "focus",
      "critical",
      "external"
    ]
  },
  {
    "value": "#0c0c0e",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-700.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-strong",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "strong"
    },
    "path": [
      "color",
      "foreground",
      "strong"
    ]
  },
  {
    "value": "#3b3d45",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-600.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-primary",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "primary"
    },
    "path": [
      "color",
      "foreground",
      "primary"
    ]
  },
  {
    "value": "#656a76",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-500.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-faint",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "faint"
    },
    "path": [
      "color",
      "foreground",
      "faint"
    ]
  },
  {
    "value": "#ffffff",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-0.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-high-contrast",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "high-contrast"
    },
    "path": [
      "color",
      "foreground",
      "high-contrast"
    ]
  },
  {
    "value": "#8c909c",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-400.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-disabled",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "disabled"
    },
    "path": [
      "color",
      "foreground",
      "disabled"
    ]
  },
  {
    "value": "#1060ff",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.blue-200.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-action",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "action"
    },
    "path": [
      "color",
      "foreground",
      "action"
    ]
  },
  {
    "value": "#0c56e9",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.blue-300.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-action-hover",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "action-hover"
    },
    "path": [
      "color",
      "foreground",
      "action-hover"
    ]
  },
  {
    "value": "#0046d1",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.blue-400.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-action-active",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "action-active"
    },
    "path": [
      "color",
      "foreground",
      "action-active"
    ]
  },
  {
    "value": "#a737ff",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.purple-200.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-highlight",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "highlight"
    },
    "path": [
      "color",
      "foreground",
      "highlight"
    ]
  },
  {
    "value": "#911ced",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.purple-300.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-highlight-on-surface",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "highlight-on-surface"
    },
    "path": [
      "color",
      "foreground",
      "highlight-on-surface"
    ]
  },
  {
    "value": "#42215b",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.purple-500.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-highlight-high-contrast",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "highlight-high-contrast"
    },
    "path": [
      "color",
      "foreground",
      "highlight-high-contrast"
    ]
  },
  {
    "value": "#008a22",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.green-200.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-success",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "success"
    },
    "path": [
      "color",
      "foreground",
      "success"
    ]
  },
  {
    "value": "#00781e",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.green-300.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-success-on-surface",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "success-on-surface"
    },
    "path": [
      "color",
      "foreground",
      "success-on-surface"
    ]
  },
  {
    "value": "#054220",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.green-500.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-success-high-contrast",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "success-high-contrast"
    },
    "path": [
      "color",
      "foreground",
      "success-high-contrast"
    ]
  },
  {
    "value": "#bb5a00",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.amber-200.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-warning",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "warning"
    },
    "path": [
      "color",
      "foreground",
      "warning"
    ]
  },
  {
    "value": "#9e4b00",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.amber-300.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-warning-on-surface",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "warning-on-surface"
    },
    "path": [
      "color",
      "foreground",
      "warning-on-surface"
    ]
  },
  {
    "value": "#542800",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.amber-500.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-warning-high-contrast",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "warning-high-contrast"
    },
    "path": [
      "color",
      "foreground",
      "warning-high-contrast"
    ]
  },
  {
    "value": "#e52228",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.red-200.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-critical",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "critical"
    },
    "path": [
      "color",
      "foreground",
      "critical"
    ]
  },
  {
    "value": "#c00005",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.red-300.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-critical-on-surface",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "critical-on-surface"
    },
    "path": [
      "color",
      "foreground",
      "critical-on-surface"
    ]
  },
  {
    "value": "#51130a",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.red-500.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-foreground-critical-high-contrast",
    "attributes": {
      "category": "color",
      "type": "foreground",
      "item": "critical-high-contrast"
    },
    "path": [
      "color",
      "foreground",
      "critical-high-contrast"
    ]
  },
  {
    "value": "#ffffff",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-0.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-page-primary",
    "attributes": {
      "category": "color",
      "type": "page",
      "item": "primary"
    },
    "path": [
      "color",
      "page",
      "primary"
    ]
  },
  {
    "value": "#fafafa",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-50.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-page-faint",
    "attributes": {
      "category": "color",
      "type": "page",
      "item": "faint"
    },
    "path": [
      "color",
      "page",
      "faint"
    ]
  },
  {
    "value": "#ffffff",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-0.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-surface-primary",
    "attributes": {
      "category": "color",
      "type": "surface",
      "item": "primary"
    },
    "path": [
      "color",
      "surface",
      "primary"
    ]
  },
  {
    "value": "#fafafa",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-50.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-surface-faint",
    "attributes": {
      "category": "color",
      "type": "surface",
      "item": "faint"
    },
    "path": [
      "color",
      "surface",
      "faint"
    ]
  },
  {
    "value": "#f1f2f3",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-100.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-surface-strong",
    "attributes": {
      "category": "color",
      "type": "surface",
      "item": "strong"
    },
    "path": [
      "color",
      "surface",
      "strong"
    ]
  },
  {
    "value": "#ffffff",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-0.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-surface-interactive",
    "attributes": {
      "category": "color",
      "type": "surface",
      "item": "interactive"
    },
    "path": [
      "color",
      "surface",
      "interactive"
    ]
  },
  {
    "value": "#f1f2f3",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-100.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-surface-interactive-hover",
    "attributes": {
      "category": "color",
      "type": "surface",
      "item": "interactive-hover"
    },
    "path": [
      "color",
      "surface",
      "interactive-hover"
    ]
  },
  {
    "value": "#dedfe3",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-200.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-surface-interactive-active",
    "attributes": {
      "category": "color",
      "type": "surface",
      "item": "interactive-active"
    },
    "path": [
      "color",
      "surface",
      "interactive-active"
    ]
  },
  {
    "value": "#fafafa",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.neutral-50.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-surface-interactive-disabled",
    "attributes": {
      "category": "color",
      "type": "surface",
      "item": "interactive-disabled"
    },
    "path": [
      "color",
      "surface",
      "interactive-disabled"
    ]
  },
  {
    "value": "#f2f8ff",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.blue-50.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-surface-action",
    "attributes": {
      "category": "color",
      "type": "surface",
      "item": "action"
    },
    "path": [
      "color",
      "surface",
      "action"
    ]
  },
  {
    "value": "#f9f2ff",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.purple-50.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-surface-highlight",
    "attributes": {
      "category": "color",
      "type": "surface",
      "item": "highlight"
    },
    "path": [
      "color",
      "surface",
      "highlight"
    ]
  },
  {
    "value": "#f2fbf6",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.green-50.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-surface-success",
    "attributes": {
      "category": "color",
      "type": "surface",
      "item": "success"
    },
    "path": [
      "color",
      "surface",
      "success"
    ]
  },
  {
    "value": "#fff9e8",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.amber-50.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-surface-warning",
    "attributes": {
      "category": "color",
      "type": "surface",
      "item": "warning"
    },
    "path": [
      "color",
      "surface",
      "warning"
    ]
  },
  {
    "value": "#fff5f5",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "{color.palette.red-50.value}",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-color-surface-critical",
    "attributes": {
      "category": "color",
      "type": "surface",
      "item": "critical"
    },
    "path": [
      "color",
      "surface",
      "critical"
    ]
  },
  {
    "value": "#000000",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.hashicorp-brand.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-hashicorp-brand",
    "attributes": {
      "category": "color",
      "type": "hashicorp",
      "item": "brand"
    },
    "path": [
      "color",
      "hashicorp",
      "brand"
    ]
  },
  {
    "value": "#f24c53",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.boundary-brand.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-boundary-brand",
    "attributes": {
      "category": "color",
      "type": "boundary",
      "item": "brand"
    },
    "path": [
      "color",
      "boundary",
      "brand"
    ]
  },
  {
    "value": "#cf2d32",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.boundary-500.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-boundary-foreground",
    "attributes": {
      "category": "color",
      "type": "boundary",
      "item": "foreground"
    },
    "path": [
      "color",
      "boundary",
      "foreground"
    ]
  },
  {
    "value": "#ffecec",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.boundary-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-boundary-surface",
    "attributes": {
      "category": "color",
      "type": "boundary",
      "item": "surface"
    },
    "path": [
      "color",
      "boundary",
      "surface"
    ]
  },
  {
    "value": "#fbd7d8",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.boundary-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-boundary-border",
    "attributes": {
      "category": "color",
      "type": "boundary",
      "item": "border"
    },
    "path": [
      "color",
      "boundary",
      "border"
    ]
  },
  {
    "value": "#f97076",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.boundary-300.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-boundary-gradient-primary-start",
    "attributes": {
      "category": "color",
      "type": "boundary",
      "item": "gradient",
      "subitem": "primary",
      "state": "start"
    },
    "path": [
      "color",
      "boundary",
      "gradient",
      "primary",
      "start"
    ]
  },
  {
    "value": "#db363b",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.boundary-400.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-boundary-gradient-primary-stop",
    "attributes": {
      "category": "color",
      "type": "boundary",
      "item": "gradient",
      "subitem": "primary",
      "state": "stop"
    },
    "path": [
      "color",
      "boundary",
      "gradient",
      "primary",
      "stop"
    ]
  },
  {
    "value": "#fffafa",
    "type": "color",
    "group": "branding",
    "comment": "this is the 'boundary-50' value at 25% opacity on white",
    "original": {
      "value": "#fffafa",
      "type": "color",
      "group": "branding",
      "comment": "this is the 'boundary-50' value at 25% opacity on white"
    },
    "name": "token-color-boundary-gradient-faint-start",
    "attributes": {
      "category": "color",
      "type": "boundary",
      "item": "gradient",
      "subitem": "faint",
      "state": "start"
    },
    "path": [
      "color",
      "boundary",
      "gradient",
      "faint",
      "start"
    ]
  },
  {
    "value": "#ffecec",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.boundary-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-boundary-gradient-faint-stop",
    "attributes": {
      "category": "color",
      "type": "boundary",
      "item": "gradient",
      "subitem": "faint",
      "state": "stop"
    },
    "path": [
      "color",
      "boundary",
      "gradient",
      "faint",
      "stop"
    ]
  },
  {
    "value": "#e03875",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.consul-brand.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-consul-brand",
    "attributes": {
      "category": "color",
      "type": "consul",
      "item": "brand"
    },
    "path": [
      "color",
      "consul",
      "brand"
    ]
  },
  {
    "value": "#d01c5b",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.consul-500.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-consul-foreground",
    "attributes": {
      "category": "color",
      "type": "consul",
      "item": "foreground"
    },
    "path": [
      "color",
      "consul",
      "foreground"
    ]
  },
  {
    "value": "#ffe9f1",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.consul-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-consul-surface",
    "attributes": {
      "category": "color",
      "type": "consul",
      "item": "surface"
    },
    "path": [
      "color",
      "consul",
      "surface"
    ]
  },
  {
    "value": "#ffcede",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.consul-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-consul-border",
    "attributes": {
      "category": "color",
      "type": "consul",
      "item": "border"
    },
    "path": [
      "color",
      "consul",
      "border"
    ]
  },
  {
    "value": "#ff99be",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.consul-300.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-consul-gradient-primary-start",
    "attributes": {
      "category": "color",
      "type": "consul",
      "item": "gradient",
      "subitem": "primary",
      "state": "start"
    },
    "path": [
      "color",
      "consul",
      "gradient",
      "primary",
      "start"
    ]
  },
  {
    "value": "#da306e",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.consul-400.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-consul-gradient-primary-stop",
    "attributes": {
      "category": "color",
      "type": "consul",
      "item": "gradient",
      "subitem": "primary",
      "state": "stop"
    },
    "path": [
      "color",
      "consul",
      "gradient",
      "primary",
      "stop"
    ]
  },
  {
    "value": "#fff9fb",
    "type": "color",
    "group": "branding",
    "comment": "this is the 'consul-50' value at 25% opacity on white",
    "original": {
      "value": "#fff9fb",
      "type": "color",
      "group": "branding",
      "comment": "this is the 'consul-50' value at 25% opacity on white"
    },
    "name": "token-color-consul-gradient-faint-start",
    "attributes": {
      "category": "color",
      "type": "consul",
      "item": "gradient",
      "subitem": "faint",
      "state": "start"
    },
    "path": [
      "color",
      "consul",
      "gradient",
      "faint",
      "start"
    ]
  },
  {
    "value": "#ffe9f1",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.consul-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-consul-gradient-faint-stop",
    "attributes": {
      "category": "color",
      "type": "consul",
      "item": "gradient",
      "subitem": "faint",
      "state": "stop"
    },
    "path": [
      "color",
      "consul",
      "gradient",
      "faint",
      "stop"
    ]
  },
  {
    "value": "#000000",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.hcp-brand.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-hcp-brand",
    "attributes": {
      "category": "color",
      "type": "hcp",
      "item": "brand"
    },
    "path": [
      "color",
      "hcp",
      "brand"
    ]
  },
  {
    "value": "#06d092",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.nomad-brand.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-nomad-brand",
    "attributes": {
      "category": "color",
      "type": "nomad",
      "item": "brand"
    },
    "path": [
      "color",
      "nomad",
      "brand"
    ]
  },
  {
    "value": "#008661",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.nomad-500.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-nomad-foreground",
    "attributes": {
      "category": "color",
      "type": "nomad",
      "item": "foreground"
    },
    "path": [
      "color",
      "nomad",
      "foreground"
    ]
  },
  {
    "value": "#d3fdeb",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.nomad-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-nomad-surface",
    "attributes": {
      "category": "color",
      "type": "nomad",
      "item": "surface"
    },
    "path": [
      "color",
      "nomad",
      "surface"
    ]
  },
  {
    "value": "#bff3dd",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.nomad-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-nomad-border",
    "attributes": {
      "category": "color",
      "type": "nomad",
      "item": "border"
    },
    "path": [
      "color",
      "nomad",
      "border"
    ]
  },
  {
    "value": "#bff3dd",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.nomad-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-nomad-gradient-primary-start",
    "attributes": {
      "category": "color",
      "type": "nomad",
      "item": "gradient",
      "subitem": "primary",
      "state": "start"
    },
    "path": [
      "color",
      "nomad",
      "gradient",
      "primary",
      "start"
    ]
  },
  {
    "value": "#60dea9",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.nomad-200.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-nomad-gradient-primary-stop",
    "attributes": {
      "category": "color",
      "type": "nomad",
      "item": "gradient",
      "subitem": "primary",
      "state": "stop"
    },
    "path": [
      "color",
      "nomad",
      "gradient",
      "primary",
      "stop"
    ]
  },
  {
    "value": "#f3fff9",
    "type": "color",
    "group": "branding",
    "comment": "this is the 'nomad-50' value at 25% opacity on white",
    "original": {
      "value": "#f3fff9",
      "type": "color",
      "group": "branding",
      "comment": "this is the 'nomad-50' value at 25% opacity on white"
    },
    "name": "token-color-nomad-gradient-faint-start",
    "attributes": {
      "category": "color",
      "type": "nomad",
      "item": "gradient",
      "subitem": "faint",
      "state": "start"
    },
    "path": [
      "color",
      "nomad",
      "gradient",
      "faint",
      "start"
    ]
  },
  {
    "value": "#d3fdeb",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.nomad-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-nomad-gradient-faint-stop",
    "attributes": {
      "category": "color",
      "type": "nomad",
      "item": "gradient",
      "subitem": "faint",
      "state": "stop"
    },
    "path": [
      "color",
      "nomad",
      "gradient",
      "faint",
      "stop"
    ]
  },
  {
    "value": "#02a8ef",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.packer-brand.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-packer-brand",
    "attributes": {
      "category": "color",
      "type": "packer",
      "item": "brand"
    },
    "path": [
      "color",
      "packer",
      "brand"
    ]
  },
  {
    "value": "#007eb4",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.packer-500.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-packer-foreground",
    "attributes": {
      "category": "color",
      "type": "packer",
      "item": "foreground"
    },
    "path": [
      "color",
      "packer",
      "foreground"
    ]
  },
  {
    "value": "#d4f2ff",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.packer-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-packer-surface",
    "attributes": {
      "category": "color",
      "type": "packer",
      "item": "surface"
    },
    "path": [
      "color",
      "packer",
      "surface"
    ]
  },
  {
    "value": "#b4e4ff",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.packer-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-packer-border",
    "attributes": {
      "category": "color",
      "type": "packer",
      "item": "border"
    },
    "path": [
      "color",
      "packer",
      "border"
    ]
  },
  {
    "value": "#b4e4ff",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.packer-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-packer-gradient-primary-start",
    "attributes": {
      "category": "color",
      "type": "packer",
      "item": "gradient",
      "subitem": "primary",
      "state": "start"
    },
    "path": [
      "color",
      "packer",
      "gradient",
      "primary",
      "start"
    ]
  },
  {
    "value": "#63d0ff",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.packer-200.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-packer-gradient-primary-stop",
    "attributes": {
      "category": "color",
      "type": "packer",
      "item": "gradient",
      "subitem": "primary",
      "state": "stop"
    },
    "path": [
      "color",
      "packer",
      "gradient",
      "primary",
      "stop"
    ]
  },
  {
    "value": "#f3fcff",
    "type": "color",
    "group": "branding",
    "comment": "this is the 'packer-50' value at 25% opacity on white",
    "original": {
      "value": "#F3FCFF",
      "type": "color",
      "group": "branding",
      "comment": "this is the 'packer-50' value at 25% opacity on white"
    },
    "name": "token-color-packer-gradient-faint-start",
    "attributes": {
      "category": "color",
      "type": "packer",
      "item": "gradient",
      "subitem": "faint",
      "state": "start"
    },
    "path": [
      "color",
      "packer",
      "gradient",
      "faint",
      "start"
    ]
  },
  {
    "value": "#d4f2ff",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.packer-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-packer-gradient-faint-stop",
    "attributes": {
      "category": "color",
      "type": "packer",
      "item": "gradient",
      "subitem": "faint",
      "state": "stop"
    },
    "path": [
      "color",
      "packer",
      "gradient",
      "faint",
      "stop"
    ]
  },
  {
    "value": "#7b42bc",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.terraform-brand.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-terraform-brand",
    "attributes": {
      "category": "color",
      "type": "terraform",
      "item": "brand"
    },
    "path": [
      "color",
      "terraform",
      "brand"
    ]
  },
  {
    "value": "#a067da",
    "type": "color",
    "group": "branding",
    "comment": "this is an alternative brand color meant to be used on dark backgrounds",
    "original": {
      "value": "#a067da",
      "type": "color",
      "group": "branding",
      "comment": "this is an alternative brand color meant to be used on dark backgrounds"
    },
    "name": "token-color-terraform-brand-on-dark",
    "attributes": {
      "category": "color",
      "type": "terraform",
      "item": "brand-on-dark"
    },
    "path": [
      "color",
      "terraform",
      "brand-on-dark"
    ]
  },
  {
    "value": "#773cb4",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.terraform-500.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-terraform-foreground",
    "attributes": {
      "category": "color",
      "type": "terraform",
      "item": "foreground"
    },
    "path": [
      "color",
      "terraform",
      "foreground"
    ]
  },
  {
    "value": "#f4ecff",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.terraform-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-terraform-surface",
    "attributes": {
      "category": "color",
      "type": "terraform",
      "item": "surface"
    },
    "path": [
      "color",
      "terraform",
      "surface"
    ]
  },
  {
    "value": "#ebdbfc",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.terraform-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-terraform-border",
    "attributes": {
      "category": "color",
      "type": "terraform",
      "item": "border"
    },
    "path": [
      "color",
      "terraform",
      "border"
    ]
  },
  {
    "value": "#bb8deb",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.terraform-300.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-terraform-gradient-primary-start",
    "attributes": {
      "category": "color",
      "type": "terraform",
      "item": "gradient",
      "subitem": "primary",
      "state": "start"
    },
    "path": [
      "color",
      "terraform",
      "gradient",
      "primary",
      "start"
    ]
  },
  {
    "value": "#844fba",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.terraform-400.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-terraform-gradient-primary-stop",
    "attributes": {
      "category": "color",
      "type": "terraform",
      "item": "gradient",
      "subitem": "primary",
      "state": "stop"
    },
    "path": [
      "color",
      "terraform",
      "gradient",
      "primary",
      "stop"
    ]
  },
  {
    "value": "#fcfaff",
    "type": "color",
    "group": "branding",
    "comment": "this is the 'terraform-50' value at 25% opacity on white",
    "original": {
      "value": "#fcfaff",
      "type": "color",
      "group": "branding",
      "comment": "this is the 'terraform-50' value at 25% opacity on white"
    },
    "name": "token-color-terraform-gradient-faint-start",
    "attributes": {
      "category": "color",
      "type": "terraform",
      "item": "gradient",
      "subitem": "faint",
      "state": "start"
    },
    "path": [
      "color",
      "terraform",
      "gradient",
      "faint",
      "start"
    ]
  },
  {
    "value": "#f4ecff",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.terraform-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-terraform-gradient-faint-stop",
    "attributes": {
      "category": "color",
      "type": "terraform",
      "item": "gradient",
      "subitem": "faint",
      "state": "stop"
    },
    "path": [
      "color",
      "terraform",
      "gradient",
      "faint",
      "stop"
    ]
  },
  {
    "value": "#1868f2",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vagrant-brand.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vagrant-brand",
    "attributes": {
      "category": "color",
      "type": "vagrant",
      "item": "brand"
    },
    "path": [
      "color",
      "vagrant",
      "brand"
    ]
  },
  {
    "value": "#1c61d8",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vagrant-500.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vagrant-foreground",
    "attributes": {
      "category": "color",
      "type": "vagrant",
      "item": "foreground"
    },
    "path": [
      "color",
      "vagrant",
      "foreground"
    ]
  },
  {
    "value": "#d6ebff",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vagrant-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vagrant-surface",
    "attributes": {
      "category": "color",
      "type": "vagrant",
      "item": "surface"
    },
    "path": [
      "color",
      "vagrant",
      "surface"
    ]
  },
  {
    "value": "#c7dbfc",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vagrant-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vagrant-border",
    "attributes": {
      "category": "color",
      "type": "vagrant",
      "item": "border"
    },
    "path": [
      "color",
      "vagrant",
      "border"
    ]
  },
  {
    "value": "#639cff",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vagrant-300.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vagrant-gradient-primary-start",
    "attributes": {
      "category": "color",
      "type": "vagrant",
      "item": "gradient",
      "subitem": "primary",
      "state": "start"
    },
    "path": [
      "color",
      "vagrant",
      "gradient",
      "primary",
      "start"
    ]
  },
  {
    "value": "#2e71e5",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vagrant-400.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vagrant-gradient-primary-stop",
    "attributes": {
      "category": "color",
      "type": "vagrant",
      "item": "gradient",
      "subitem": "primary",
      "state": "stop"
    },
    "path": [
      "color",
      "vagrant",
      "gradient",
      "primary",
      "stop"
    ]
  },
  {
    "value": "#f4faff",
    "type": "color",
    "group": "branding",
    "comment": "this is the 'vagrant-50' value at 25% opacity on white",
    "original": {
      "value": "#f4faff",
      "type": "color",
      "group": "branding",
      "comment": "this is the 'vagrant-50' value at 25% opacity on white"
    },
    "name": "token-color-vagrant-gradient-faint-start",
    "attributes": {
      "category": "color",
      "type": "vagrant",
      "item": "gradient",
      "subitem": "faint",
      "state": "start"
    },
    "path": [
      "color",
      "vagrant",
      "gradient",
      "faint",
      "start"
    ]
  },
  {
    "value": "#d6ebff",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vagrant-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vagrant-gradient-faint-stop",
    "attributes": {
      "category": "color",
      "type": "vagrant",
      "item": "gradient",
      "subitem": "faint",
      "state": "stop"
    },
    "path": [
      "color",
      "vagrant",
      "gradient",
      "faint",
      "stop"
    ]
  },
  {
    "value": "#ffcf25",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-radar-brand.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-radar-brand",
    "attributes": {
      "category": "color",
      "type": "vault-radar",
      "item": "brand"
    },
    "path": [
      "color",
      "vault-radar",
      "brand"
    ]
  },
  {
    "value": "#000000",
    "type": "color",
    "group": "branding",
    "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work",
    "original": {
      "value": "#000",
      "type": "color",
      "group": "branding",
      "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work"
    },
    "name": "token-color-vault-radar-brand-alt",
    "attributes": {
      "category": "color",
      "type": "vault-radar",
      "item": "brand-alt"
    },
    "path": [
      "color",
      "vault-radar",
      "brand-alt"
    ]
  },
  {
    "value": "#9a6f00",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-radar-500.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-radar-foreground",
    "attributes": {
      "category": "color",
      "type": "vault-radar",
      "item": "foreground"
    },
    "path": [
      "color",
      "vault-radar",
      "foreground"
    ]
  },
  {
    "value": "#fff9cf",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-radar-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-radar-surface",
    "attributes": {
      "category": "color",
      "type": "vault-radar",
      "item": "surface"
    },
    "path": [
      "color",
      "vault-radar",
      "surface"
    ]
  },
  {
    "value": "#feec7b",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-radar-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-radar-border",
    "attributes": {
      "category": "color",
      "type": "vault-radar",
      "item": "border"
    },
    "path": [
      "color",
      "vault-radar",
      "border"
    ]
  },
  {
    "value": "#feec7b",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-radar-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-radar-gradient-primary-start",
    "attributes": {
      "category": "color",
      "type": "vault-radar",
      "item": "gradient",
      "subitem": "primary",
      "state": "start"
    },
    "path": [
      "color",
      "vault-radar",
      "gradient",
      "primary",
      "start"
    ]
  },
  {
    "value": "#ffe543",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-radar-200.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-radar-gradient-primary-stop",
    "attributes": {
      "category": "color",
      "type": "vault-radar",
      "item": "gradient",
      "subitem": "primary",
      "state": "stop"
    },
    "path": [
      "color",
      "vault-radar",
      "gradient",
      "primary",
      "stop"
    ]
  },
  {
    "value": "#fffdf2",
    "type": "color",
    "group": "branding",
    "comment": "this is the 'vault-radar-50' value at 25% opacity on white",
    "original": {
      "value": "#fffdf2",
      "type": "color",
      "group": "branding",
      "comment": "this is the 'vault-radar-50' value at 25% opacity on white"
    },
    "name": "token-color-vault-radar-gradient-faint-start",
    "attributes": {
      "category": "color",
      "type": "vault-radar",
      "item": "gradient",
      "subitem": "faint",
      "state": "start"
    },
    "path": [
      "color",
      "vault-radar",
      "gradient",
      "faint",
      "start"
    ]
  },
  {
    "value": "#fff9cf",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-radar-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-radar-gradient-faint-stop",
    "attributes": {
      "category": "color",
      "type": "vault-radar",
      "item": "gradient",
      "subitem": "faint",
      "state": "stop"
    },
    "path": [
      "color",
      "vault-radar",
      "gradient",
      "faint",
      "stop"
    ]
  },
  {
    "value": "#ffcf25",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-secrets-brand.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-secrets-brand",
    "attributes": {
      "category": "color",
      "type": "vault-secrets",
      "item": "brand"
    },
    "path": [
      "color",
      "vault-secrets",
      "brand"
    ]
  },
  {
    "value": "#000000",
    "type": "color",
    "group": "branding",
    "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work",
    "original": {
      "value": "#000",
      "type": "color",
      "group": "branding",
      "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work"
    },
    "name": "token-color-vault-secrets-brand-alt",
    "attributes": {
      "category": "color",
      "type": "vault-secrets",
      "item": "brand-alt"
    },
    "path": [
      "color",
      "vault-secrets",
      "brand-alt"
    ]
  },
  {
    "value": "#9a6f00",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-secrets-500.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-secrets-foreground",
    "attributes": {
      "category": "color",
      "type": "vault-secrets",
      "item": "foreground"
    },
    "path": [
      "color",
      "vault-secrets",
      "foreground"
    ]
  },
  {
    "value": "#fff9cf",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-secrets-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-secrets-surface",
    "attributes": {
      "category": "color",
      "type": "vault-secrets",
      "item": "surface"
    },
    "path": [
      "color",
      "vault-secrets",
      "surface"
    ]
  },
  {
    "value": "#feec7b",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-secrets-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-secrets-border",
    "attributes": {
      "category": "color",
      "type": "vault-secrets",
      "item": "border"
    },
    "path": [
      "color",
      "vault-secrets",
      "border"
    ]
  },
  {
    "value": "#feec7b",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-secrets-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-secrets-gradient-primary-start",
    "attributes": {
      "category": "color",
      "type": "vault-secrets",
      "item": "gradient",
      "subitem": "primary",
      "state": "start"
    },
    "path": [
      "color",
      "vault-secrets",
      "gradient",
      "primary",
      "start"
    ]
  },
  {
    "value": "#ffe543",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-secrets-200.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-secrets-gradient-primary-stop",
    "attributes": {
      "category": "color",
      "type": "vault-secrets",
      "item": "gradient",
      "subitem": "primary",
      "state": "stop"
    },
    "path": [
      "color",
      "vault-secrets",
      "gradient",
      "primary",
      "stop"
    ]
  },
  {
    "value": "#fffdf2",
    "type": "color",
    "group": "branding",
    "comment": "this is the 'vault-secrets-50' value at 25% opacity on white",
    "original": {
      "value": "#fffdf2",
      "type": "color",
      "group": "branding",
      "comment": "this is the 'vault-secrets-50' value at 25% opacity on white"
    },
    "name": "token-color-vault-secrets-gradient-faint-start",
    "attributes": {
      "category": "color",
      "type": "vault-secrets",
      "item": "gradient",
      "subitem": "faint",
      "state": "start"
    },
    "path": [
      "color",
      "vault-secrets",
      "gradient",
      "faint",
      "start"
    ]
  },
  {
    "value": "#fff9cf",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-secrets-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-secrets-gradient-faint-stop",
    "attributes": {
      "category": "color",
      "type": "vault-secrets",
      "item": "gradient",
      "subitem": "faint",
      "state": "stop"
    },
    "path": [
      "color",
      "vault-secrets",
      "gradient",
      "faint",
      "stop"
    ]
  },
  {
    "value": "#ffcf25",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-brand.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-brand",
    "attributes": {
      "category": "color",
      "type": "vault",
      "item": "brand"
    },
    "path": [
      "color",
      "vault",
      "brand"
    ]
  },
  {
    "value": "#000000",
    "type": "color",
    "group": "branding",
    "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work",
    "original": {
      "value": "#000",
      "type": "color",
      "group": "branding",
      "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work"
    },
    "name": "token-color-vault-brand-alt",
    "attributes": {
      "category": "color",
      "type": "vault",
      "item": "brand-alt"
    },
    "path": [
      "color",
      "vault",
      "brand-alt"
    ]
  },
  {
    "value": "#9a6f00",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-500.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-foreground",
    "attributes": {
      "category": "color",
      "type": "vault",
      "item": "foreground"
    },
    "path": [
      "color",
      "vault",
      "foreground"
    ]
  },
  {
    "value": "#fff9cf",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-surface",
    "attributes": {
      "category": "color",
      "type": "vault",
      "item": "surface"
    },
    "path": [
      "color",
      "vault",
      "surface"
    ]
  },
  {
    "value": "#feec7b",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-border",
    "attributes": {
      "category": "color",
      "type": "vault",
      "item": "border"
    },
    "path": [
      "color",
      "vault",
      "border"
    ]
  },
  {
    "value": "#feec7b",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-gradient-primary-start",
    "attributes": {
      "category": "color",
      "type": "vault",
      "item": "gradient",
      "subitem": "primary",
      "state": "start"
    },
    "path": [
      "color",
      "vault",
      "gradient",
      "primary",
      "start"
    ]
  },
  {
    "value": "#ffe543",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-200.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-gradient-primary-stop",
    "attributes": {
      "category": "color",
      "type": "vault",
      "item": "gradient",
      "subitem": "primary",
      "state": "stop"
    },
    "path": [
      "color",
      "vault",
      "gradient",
      "primary",
      "stop"
    ]
  },
  {
    "value": "#fffdf2",
    "type": "color",
    "group": "branding",
    "comment": "this is the 'vault-50' value at 25% opacity on white",
    "original": {
      "value": "#fffdf2",
      "type": "color",
      "group": "branding",
      "comment": "this is the 'vault-50' value at 25% opacity on white"
    },
    "name": "token-color-vault-gradient-faint-start",
    "attributes": {
      "category": "color",
      "type": "vault",
      "item": "gradient",
      "subitem": "faint",
      "state": "start"
    },
    "path": [
      "color",
      "vault",
      "gradient",
      "faint",
      "start"
    ]
  },
  {
    "value": "#fff9cf",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.vault-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-vault-gradient-faint-stop",
    "attributes": {
      "category": "color",
      "type": "vault",
      "item": "gradient",
      "subitem": "faint",
      "state": "stop"
    },
    "path": [
      "color",
      "vault",
      "gradient",
      "faint",
      "stop"
    ]
  },
  {
    "value": "#14c6cb",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.waypoint-brand.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-waypoint-brand",
    "attributes": {
      "category": "color",
      "type": "waypoint",
      "item": "brand"
    },
    "path": [
      "color",
      "waypoint",
      "brand"
    ]
  },
  {
    "value": "#008196",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.waypoint-500.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-waypoint-foreground",
    "attributes": {
      "category": "color",
      "type": "waypoint",
      "item": "foreground"
    },
    "path": [
      "color",
      "waypoint",
      "foreground"
    ]
  },
  {
    "value": "#e0fcff",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.waypoint-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-waypoint-surface",
    "attributes": {
      "category": "color",
      "type": "waypoint",
      "item": "surface"
    },
    "path": [
      "color",
      "waypoint",
      "surface"
    ]
  },
  {
    "value": "#cbf1f3",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.waypoint-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-waypoint-border",
    "attributes": {
      "category": "color",
      "type": "waypoint",
      "item": "border"
    },
    "path": [
      "color",
      "waypoint",
      "border"
    ]
  },
  {
    "value": "#cbf1f3",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.waypoint-100.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-waypoint-gradient-primary-start",
    "attributes": {
      "category": "color",
      "type": "waypoint",
      "item": "gradient",
      "subitem": "primary",
      "state": "start"
    },
    "path": [
      "color",
      "waypoint",
      "gradient",
      "primary",
      "start"
    ]
  },
  {
    "value": "#62d4dc",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.waypoint-200.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-waypoint-gradient-primary-stop",
    "attributes": {
      "category": "color",
      "type": "waypoint",
      "item": "gradient",
      "subitem": "primary",
      "state": "stop"
    },
    "path": [
      "color",
      "waypoint",
      "gradient",
      "primary",
      "stop"
    ]
  },
  {
    "value": "#f6feff",
    "type": "color",
    "group": "branding",
    "comment": "this is the 'waypoint-50' value at 25% opacity on white",
    "original": {
      "value": "#f6feff",
      "type": "color",
      "group": "branding",
      "comment": "this is the 'waypoint-50' value at 25% opacity on white"
    },
    "name": "token-color-waypoint-gradient-faint-start",
    "attributes": {
      "category": "color",
      "type": "waypoint",
      "item": "gradient",
      "subitem": "faint",
      "state": "start"
    },
    "path": [
      "color",
      "waypoint",
      "gradient",
      "faint",
      "start"
    ]
  },
  {
    "value": "#e0fcff",
    "type": "color",
    "group": "branding",
    "original": {
      "value": "{color.palette.waypoint-50.value}",
      "type": "color",
      "group": "branding"
    },
    "name": "token-color-waypoint-gradient-faint-stop",
    "attributes": {
      "category": "color",
      "type": "waypoint",
      "item": "gradient",
      "subitem": "faint",
      "state": "stop"
    },
    "path": [
      "color",
      "waypoint",
      "gradient",
      "faint",
      "stop"
    ]
  },
  {
    "value": "inset 0px 1px 2px 1px #656a761a",
    "original": {
      "value": "{elevation.inset.box-shadow-01.value}"
    },
    "name": "token-elevation-inset-box-shadow",
    "attributes": {
      "category": "elevation",
      "type": "inset",
      "item": "box-shadow"
    },
    "path": [
      "elevation",
      "inset",
      "box-shadow"
    ]
  },
  {
    "value": "0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d",
    "original": {
      "value": "{elevation.low.box-shadow-01.value}, {elevation.low.box-shadow-02.value}"
    },
    "name": "token-elevation-low-box-shadow",
    "attributes": {
      "category": "elevation",
      "type": "low",
      "item": "box-shadow"
    },
    "path": [
      "elevation",
      "low",
      "box-shadow"
    ]
  },
  {
    "value": "0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633",
    "original": {
      "value": "{elevation.mid.box-shadow-01.value}, {elevation.mid.box-shadow-02.value}"
    },
    "name": "token-elevation-mid-box-shadow",
    "attributes": {
      "category": "elevation",
      "type": "mid",
      "item": "box-shadow"
    },
    "path": [
      "elevation",
      "mid",
      "box-shadow"
    ]
  },
  {
    "value": "0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633",
    "original": {
      "value": "{elevation.high.box-shadow-01.value}, {elevation.high.box-shadow-02.value}"
    },
    "name": "token-elevation-high-box-shadow",
    "attributes": {
      "category": "elevation",
      "type": "high",
      "item": "box-shadow"
    },
    "path": [
      "elevation",
      "high",
      "box-shadow"
    ]
  },
  {
    "value": "0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640",
    "original": {
      "value": "{elevation.higher.box-shadow-01.value}, {elevation.higher.box-shadow-02.value}"
    },
    "name": "token-elevation-higher-box-shadow",
    "attributes": {
      "category": "elevation",
      "type": "higher",
      "item": "box-shadow"
    },
    "path": [
      "elevation",
      "higher",
      "box-shadow"
    ]
  },
  {
    "value": "0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559",
    "original": {
      "value": "{elevation.overlay.box-shadow-01.value}, {elevation.overlay.box-shadow-02.value}"
    },
    "name": "token-elevation-overlay-box-shadow",
    "attributes": {
      "category": "elevation",
      "type": "overlay",
      "item": "box-shadow"
    },
    "path": [
      "elevation",
      "overlay",
      "box-shadow"
    ]
  },
  {
    "value": "inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a",
    "original": {
      "value": "{elevation.inset.box-shadow-border.value}, {elevation.inset.box-shadow.value}"
    },
    "name": "token-surface-inset-box-shadow",
    "attributes": {
      "category": "surface",
      "type": "inset",
      "item": "box-shadow"
    },
    "path": [
      "surface",
      "inset",
      "box-shadow"
    ]
  },
  {
    "value": "0 0 0 1px #656a7633",
    "original": {
      "value": "{elevation.base.box-shadow-border.value}"
    },
    "name": "token-surface-base-box-shadow",
    "attributes": {
      "category": "surface",
      "type": "base",
      "item": "box-shadow"
    },
    "path": [
      "surface",
      "base",
      "box-shadow"
    ]
  },
  {
    "value": "0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d",
    "original": {
      "value": "{elevation.low.box-shadow-border.value}, {elevation.low.box-shadow.value}"
    },
    "name": "token-surface-low-box-shadow",
    "attributes": {
      "category": "surface",
      "type": "low",
      "item": "box-shadow"
    },
    "path": [
      "surface",
      "low",
      "box-shadow"
    ]
  },
  {
    "value": "0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633",
    "original": {
      "value": "{elevation.mid.box-shadow-border.value}, {elevation.mid.box-shadow.value}"
    },
    "name": "token-surface-mid-box-shadow",
    "attributes": {
      "category": "surface",
      "type": "mid",
      "item": "box-shadow"
    },
    "path": [
      "surface",
      "mid",
      "box-shadow"
    ]
  },
  {
    "value": "0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633",
    "original": {
      "value": "{elevation.high.box-shadow-border.value}, {elevation.high.box-shadow.value}"
    },
    "name": "token-surface-high-box-shadow",
    "attributes": {
      "category": "surface",
      "type": "high",
      "item": "box-shadow"
    },
    "path": [
      "surface",
      "high",
      "box-shadow"
    ]
  },
  {
    "value": "0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640",
    "original": {
      "value": "{elevation.higher.box-shadow-border.value}, {elevation.higher.box-shadow.value}"
    },
    "name": "token-surface-higher-box-shadow",
    "attributes": {
      "category": "surface",
      "type": "higher",
      "item": "box-shadow"
    },
    "path": [
      "surface",
      "higher",
      "box-shadow"
    ]
  },
  {
    "value": "0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559",
    "original": {
      "value": "{elevation.overlay.box-shadow-border.value}, {elevation.overlay.box-shadow.value}"
    },
    "name": "token-surface-overlay-box-shadow",
    "attributes": {
      "category": "surface",
      "type": "overlay",
      "item": "box-shadow"
    },
    "path": [
      "surface",
      "overlay",
      "box-shadow"
    ]
  },
  {
    "value": "inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff",
    "original": {
      "value": "{focus-ring.action.internal-box-shadow.value}, {focus-ring.action.external-box-shadow.value}"
    },
    "name": "token-focus-ring-action-box-shadow",
    "attributes": {
      "category": "focus-ring",
      "type": "action",
      "item": "box-shadow"
    },
    "path": [
      "focus-ring",
      "action",
      "box-shadow"
    ]
  },
  {
    "value": "inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578",
    "original": {
      "value": "{focus-ring.critical.internal-box-shadow.value}, {focus-ring.critical.external-box-shadow.value}"
    },
    "name": "token-focus-ring-critical-box-shadow",
    "attributes": {
      "category": "focus-ring",
      "type": "critical",
      "item": "box-shadow"
    },
    "path": [
      "focus-ring",
      "critical",
      "box-shadow"
    ]
  },
  {
    "value": "60px",
    "type": "size",
    "original": {
      "value": "60",
      "type": "size"
    },
    "name": "token-app-header-height",
    "attributes": {
      "category": "app-header",
      "type": "height"
    },
    "path": [
      "app-header",
      "height"
    ]
  },
  {
    "value": "36px",
    "type": "size",
    "original": {
      "value": "36",
      "type": "size"
    },
    "name": "token-app-header-home-link-size",
    "attributes": {
      "category": "app-header",
      "type": "home-link",
      "item": "size"
    },
    "path": [
      "app-header",
      "home-link",
      "size"
    ]
  },
  {
    "value": "28px",
    "type": "size",
    "original": {
      "value": "28",
      "type": "size"
    },
    "name": "token-app-header-logo-size",
    "attributes": {
      "category": "app-header",
      "type": "logo",
      "item": "size"
    },
    "path": [
      "app-header",
      "logo",
      "size"
    ]
  },
  {
    "value": "1px",
    "type": "size",
    "original": {
      "value": "1",
      "type": "size"
    },
    "name": "token-app-side-nav-wrapper-border-width",
    "attributes": {
      "category": "app-side-nav",
      "type": "wrapper",
      "item": "border",
      "subitem": "width"
    },
    "path": [
      "app-side-nav",
      "wrapper",
      "border",
      "width"
    ]
  },
  {
    "value": "var(--token-color-palette-neutral-200)",
    "type": "color",
    "group": "components",
    "original": {
      "value": "var(--token-color-palette-neutral-200)",
      "type": "color",
      "group": "components"
    },
    "name": "token-app-side-nav-wrapper-border-color",
    "attributes": {
      "category": "app-side-nav",
      "type": "wrapper",
      "item": "border",
      "subitem": "color"
    },
    "path": [
      "app-side-nav",
      "wrapper",
      "border",
      "color"
    ]
  },
  {
    "value": "16px",
    "type": "size",
    "original": {
      "value": "16",
      "type": "size"
    },
    "name": "token-app-side-nav-wrapper-padding-horizontal",
    "attributes": {
      "category": "app-side-nav",
      "type": "wrapper",
      "item": "padding",
      "subitem": "horizontal"
    },
    "path": [
      "app-side-nav",
      "wrapper",
      "padding",
      "horizontal"
    ]
  },
  {
    "value": "16px",
    "type": "size",
    "original": {
      "value": "16",
      "type": "size"
    },
    "name": "token-app-side-nav-wrapper-padding-vertical",
    "attributes": {
      "category": "app-side-nav",
      "type": "wrapper",
      "item": "padding",
      "subitem": "vertical"
    },
    "path": [
      "app-side-nav",
      "wrapper",
      "padding",
      "vertical"
    ]
  },
  {
    "value": "8px",
    "type": "size",
    "original": {
      "value": "8",
      "type": "size"
    },
    "name": "token-app-side-nav-wrapper-padding-horizontal-minimized",
    "attributes": {
      "category": "app-side-nav",
      "type": "wrapper",
      "item": "padding",
      "subitem": "horizontal-minimized"
    },
    "path": [
      "app-side-nav",
      "wrapper",
      "padding",
      "horizontal-minimized"
    ]
  },
  {
    "value": "22px",
    "type": "size",
    "original": {
      "value": "22",
      "type": "size"
    },
    "name": "token-app-side-nav-wrapper-padding-vertical-minimized",
    "attributes": {
      "category": "app-side-nav",
      "type": "wrapper",
      "item": "padding",
      "subitem": "vertical-minimized"
    },
    "path": [
      "app-side-nav",
      "wrapper",
      "padding",
      "vertical-minimized"
    ]
  },
  {
    "value": "5px",
    "type": "size",
    "original": {
      "value": "5",
      "type": "size"
    },
    "name": "token-app-side-nav-toggle-button-border-radius",
    "attributes": {
      "category": "app-side-nav",
      "type": "toggle-button",
      "item": "border",
      "subitem": "radius"
    },
    "path": [
      "app-side-nav",
      "toggle-button",
      "border",
      "radius"
    ]
  },
  {
    "value": "4px",
    "type": "size",
    "original": {
      "value": "4",
      "type": "size"
    },
    "name": "token-app-side-nav-header-home-link-padding",
    "attributes": {
      "category": "app-side-nav",
      "type": "header",
      "item": "home-link",
      "subitem": "padding"
    },
    "path": [
      "app-side-nav",
      "header",
      "home-link",
      "padding"
    ]
  },
  {
    "value": "48px",
    "type": "size",
    "original": {
      "value": "48",
      "type": "size"
    },
    "name": "token-app-side-nav-header-home-link-logo-size",
    "attributes": {
      "category": "app-side-nav",
      "type": "header",
      "item": "home-link",
      "subitem": "logo-size"
    },
    "path": [
      "app-side-nav",
      "header",
      "home-link",
      "logo-size"
    ]
  },
  {
    "value": "32px",
    "type": "size",
    "original": {
      "value": "32",
      "type": "size"
    },
    "name": "token-app-side-nav-header-home-link-logo-size-minimized",
    "attributes": {
      "category": "app-side-nav",
      "type": "header",
      "item": "home-link",
      "subitem": "logo-size-minimized"
    },
    "path": [
      "app-side-nav",
      "header",
      "home-link",
      "logo-size-minimized"
    ]
  },
  {
    "value": "8px",
    "type": "size",
    "original": {
      "value": "8",
      "type": "size"
    },
    "name": "token-app-side-nav-header-actions-spacing",
    "attributes": {
      "category": "app-side-nav",
      "type": "header",
      "item": "actions",
      "subitem": "spacing"
    },
    "path": [
      "app-side-nav",
      "header",
      "actions",
      "spacing"
    ]
  },
  {
    "value": "24px",
    "type": "size",
    "original": {
      "value": "24",
      "type": "size"
    },
    "name": "token-app-side-nav-body-list-margin-vertical",
    "attributes": {
      "category": "app-side-nav",
      "type": "body",
      "item": "list",
      "subitem": "margin-vertical"
    },
    "path": [
      "app-side-nav",
      "body",
      "list",
      "margin-vertical"
    ]
  },
  {
    "value": "36px",
    "type": "size",
    "original": {
      "value": "36",
      "type": "size"
    },
    "name": "token-app-side-nav-body-list-item-height",
    "attributes": {
      "category": "app-side-nav",
      "type": "body",
      "item": "list-item",
      "subitem": "height"
    },
    "path": [
      "app-side-nav",
      "body",
      "list-item",
      "height"
    ]
  },
  {
    "value": "8px",
    "type": "size",
    "original": {
      "value": "8",
      "type": "size"
    },
    "name": "token-app-side-nav-body-list-item-padding-horizontal",
    "attributes": {
      "category": "app-side-nav",
      "type": "body",
      "item": "list-item",
      "subitem": "padding",
      "state": "horizontal"
    },
    "path": [
      "app-side-nav",
      "body",
      "list-item",
      "padding",
      "horizontal"
    ]
  },
  {
    "value": "4px",
    "type": "size",
    "original": {
      "value": "4",
      "type": "size"
    },
    "name": "token-app-side-nav-body-list-item-padding-vertical",
    "attributes": {
      "category": "app-side-nav",
      "type": "body",
      "item": "list-item",
      "subitem": "padding",
      "state": "vertical"
    },
    "path": [
      "app-side-nav",
      "body",
      "list-item",
      "padding",
      "vertical"
    ]
  },
  {
    "value": "2px",
    "type": "size",
    "original": {
      "value": "2",
      "type": "size"
    },
    "name": "token-app-side-nav-body-list-item-spacing-vertical",
    "attributes": {
      "category": "app-side-nav",
      "type": "body",
      "item": "list-item",
      "subitem": "spacing-vertical"
    },
    "path": [
      "app-side-nav",
      "body",
      "list-item",
      "spacing-vertical"
    ]
  },
  {
    "value": "8px",
    "type": "size",
    "original": {
      "value": "8",
      "type": "size"
    },
    "name": "token-app-side-nav-body-list-item-content-spacing-horizontal",
    "attributes": {
      "category": "app-side-nav",
      "type": "body",
      "item": "list-item",
      "subitem": "content-spacing-horizontal"
    },
    "path": [
      "app-side-nav",
      "body",
      "list-item",
      "content-spacing-horizontal"
    ]
  },
  {
    "value": "5px",
    "type": "size",
    "original": {
      "value": "5",
      "type": "size"
    },
    "name": "token-app-side-nav-body-list-item-border-radius",
    "attributes": {
      "category": "app-side-nav",
      "type": "body",
      "item": "list-item",
      "subitem": "border-radius"
    },
    "path": [
      "app-side-nav",
      "body",
      "list-item",
      "border-radius"
    ]
  },
  {
    "value": "var(--token-color-foreground-primary)",
    "type": "color",
    "group": "components",
    "original": {
      "value": "var(--token-color-foreground-primary)",
      "type": "color",
      "group": "components"
    },
    "name": "token-app-side-nav-color-foreground-primary",
    "attributes": {
      "category": "app-side-nav",
      "type": "color",
      "item": "foreground",
      "subitem": "primary"
    },
    "path": [
      "app-side-nav",
      "color",
      "foreground",
      "primary"
    ]
  },
  {
    "value": "var(--token-color-foreground-primary)",
    "type": "color",
    "group": "components",
    "original": {
      "value": "var(--token-color-foreground-primary)",
      "type": "color",
      "group": "components"
    },
    "name": "token-app-side-nav-color-foreground-strong",
    "attributes": {
      "category": "app-side-nav",
      "type": "color",
      "item": "foreground",
      "subitem": "strong"
    },
    "path": [
      "app-side-nav",
      "color",
      "foreground",
      "strong"
    ]
  },
  {
    "value": "var(--token-color-foreground-faint)",
    "type": "color",
    "group": "components",
    "original": {
      "value": "var(--token-color-foreground-faint)",
      "type": "color",
      "group": "components"
    },
    "name": "token-app-side-nav-color-foreground-faint",
    "attributes": {
      "category": "app-side-nav",
      "type": "color",
      "item": "foreground",
      "subitem": "faint"
    },
    "path": [
      "app-side-nav",
      "color",
      "foreground",
      "faint"
    ]
  },
  {
    "value": "var(--token-color-surface-faint)",
    "type": "color",
    "group": "components",
    "original": {
      "value": "var(--token-color-surface-faint)",
      "type": "color",
      "group": "components"
    },
    "name": "token-app-side-nav-color-surface-primary",
    "attributes": {
      "category": "app-side-nav",
      "type": "color",
      "item": "surface",
      "subitem": "primary"
    },
    "path": [
      "app-side-nav",
      "color",
      "surface",
      "primary"
    ]
  },
  {
    "value": "var(--token-color-surface-interactive-hover)",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "var(--token-color-surface-interactive-hover)",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-app-side-nav-color-surface-interactive-hover",
    "attributes": {
      "category": "app-side-nav",
      "type": "color",
      "item": "surface",
      "subitem": "interactive-hover"
    },
    "path": [
      "app-side-nav",
      "color",
      "surface",
      "interactive-hover"
    ]
  },
  {
    "value": "var(--token-color-palette-neutral-300)",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "var(--token-color-palette-neutral-300)",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-app-side-nav-color-surface-interactive-active",
    "attributes": {
      "category": "app-side-nav",
      "type": "color",
      "item": "surface",
      "subitem": "interactive-active"
    },
    "path": [
      "app-side-nav",
      "color",
      "surface",
      "interactive-active"
    ]
  },
  {
    "value": "#0c0c0e",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.foreground.strong.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-label-color",
    "attributes": {
      "category": "form",
      "type": "label",
      "item": "color"
    },
    "path": [
      "form",
      "label",
      "color"
    ]
  },
  {
    "value": "#0c0c0e",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{form.label.color.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-legend-color",
    "attributes": {
      "category": "form",
      "type": "legend",
      "item": "color"
    },
    "path": [
      "form",
      "legend",
      "color"
    ]
  },
  {
    "value": "#656a76",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.foreground.faint.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-helper-text-color",
    "attributes": {
      "category": "form",
      "type": "helper-text",
      "item": "color"
    },
    "path": [
      "form",
      "helper-text",
      "color"
    ]
  },
  {
    "value": "#656a76",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.foreground.faint.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-indicator-optional-color",
    "attributes": {
      "category": "form",
      "type": "indicator",
      "item": "optional",
      "subitem": "color"
    },
    "path": [
      "form",
      "indicator",
      "optional",
      "color"
    ]
  },
  {
    "value": "#c00005",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.palette.red-300.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-error-color",
    "attributes": {
      "category": "form",
      "type": "error",
      "item": "color"
    },
    "path": [
      "form",
      "error",
      "color"
    ]
  },
  {
    "value": "14px",
    "type": "size",
    "original": {
      "value": "14",
      "type": "size"
    },
    "name": "token-form-error-icon-size",
    "attributes": {
      "category": "form",
      "type": "error",
      "item": "icon-size"
    },
    "path": [
      "form",
      "error",
      "icon-size"
    ]
  },
  {
    "value": "16px",
    "type": "size",
    "original": {
      "value": "16",
      "type": "size"
    },
    "name": "token-form-checkbox-size",
    "attributes": {
      "category": "form",
      "type": "checkbox",
      "item": "size"
    },
    "path": [
      "form",
      "checkbox",
      "size"
    ]
  },
  {
    "value": "3px",
    "type": "size",
    "original": {
      "value": "3",
      "type": "size"
    },
    "name": "token-form-checkbox-border-radius",
    "attributes": {
      "category": "form",
      "type": "checkbox",
      "item": "border",
      "subitem": "radius"
    },
    "path": [
      "form",
      "checkbox",
      "border",
      "radius"
    ]
  },
  {
    "value": "1px",
    "type": "size",
    "original": {
      "value": "1",
      "type": "size"
    },
    "name": "token-form-checkbox-border-width",
    "attributes": {
      "category": "form",
      "type": "checkbox",
      "item": "border",
      "subitem": "width"
    },
    "path": [
      "form",
      "checkbox",
      "border",
      "width"
    ]
  },
  {
    "value": "12px",
    "type": "size",
    "original": {
      "value": "12",
      "type": "size"
    },
    "name": "token-form-checkbox-background-image-size",
    "attributes": {
      "category": "form",
      "type": "checkbox",
      "item": "background-image",
      "subitem": "size"
    },
    "path": [
      "form",
      "checkbox",
      "background-image",
      "size"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")",
    "comment": "notice: the 'tick' color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")",
      "comment": "notice: the 'tick' color is hardcoded here!"
    },
    "name": "token-form-checkbox-background-image-data-url",
    "attributes": {
      "category": "form",
      "type": "checkbox",
      "item": "background-image",
      "subitem": "data-url"
    },
    "path": [
      "form",
      "checkbox",
      "background-image",
      "data-url"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")",
    "comment": "notice: the 'dash' color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")",
      "comment": "notice: the 'dash' color is hardcoded here!"
    },
    "name": "token-form-checkbox-background-image-data-url-indeterminate",
    "attributes": {
      "category": "form",
      "type": "checkbox",
      "item": "background-image",
      "subitem": "data-url-indeterminate"
    },
    "path": [
      "form",
      "checkbox",
      "background-image",
      "data-url-indeterminate"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")",
    "comment": "notice: the 'tick' color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")",
      "comment": "notice: the 'tick' color is hardcoded here!"
    },
    "name": "token-form-checkbox-background-image-data-url-disabled",
    "attributes": {
      "category": "form",
      "type": "checkbox",
      "item": "background-image",
      "subitem": "data-url-disabled"
    },
    "path": [
      "form",
      "checkbox",
      "background-image",
      "data-url-disabled"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")",
    "comment": "notice: the 'dash' color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")",
      "comment": "notice: the 'dash' color is hardcoded here!"
    },
    "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled",
    "attributes": {
      "category": "form",
      "type": "checkbox",
      "item": "background-image",
      "subitem": "data-url-indeterminate-disabled"
    },
    "path": [
      "form",
      "checkbox",
      "background-image",
      "data-url-indeterminate-disabled"
    ]
  },
  {
    "value": "#0c0c0e",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.foreground.strong.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-base-foreground-value-color",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "base",
      "subitem": "foreground",
      "state": "value-color"
    },
    "path": [
      "form",
      "control",
      "base",
      "foreground",
      "value-color"
    ]
  },
  {
    "value": "#656a76",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.foreground.faint.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-base-foreground-placeholder-color",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "base",
      "subitem": "foreground",
      "state": "placeholder-color"
    },
    "path": [
      "form",
      "control",
      "base",
      "foreground",
      "placeholder-color"
    ]
  },
  {
    "value": "#ffffff",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.surface.interactive.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-base-surface-color-default",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "base",
      "subitem": "surface-color",
      "state": "default"
    },
    "path": [
      "form",
      "control",
      "base",
      "surface-color",
      "default"
    ]
  },
  {
    "value": "#f1f2f3",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.surface.interactive-hover.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-base-surface-color-hover",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "base",
      "subitem": "surface-color",
      "state": "hover"
    },
    "path": [
      "form",
      "control",
      "base",
      "surface-color",
      "hover"
    ]
  },
  {
    "value": "#8c909c",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.palette.neutral-400.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-base-border-color-default",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "base",
      "subitem": "border-color",
      "state": "default"
    },
    "path": [
      "form",
      "control",
      "base",
      "border-color",
      "default"
    ]
  },
  {
    "value": "#656a76",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.palette.neutral-500.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-base-border-color-hover",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "base",
      "subitem": "border-color",
      "state": "hover"
    },
    "path": [
      "form",
      "control",
      "base",
      "border-color",
      "hover"
    ]
  },
  {
    "value": "#ffffff",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.foreground.high-contrast.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-checked-foreground-color",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "checked",
      "subitem": "foreground-color"
    },
    "path": [
      "form",
      "control",
      "checked",
      "foreground-color"
    ]
  },
  {
    "value": "#1060ff",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.palette.blue-200.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-checked-surface-color-default",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "checked",
      "subitem": "surface-color",
      "state": "default"
    },
    "path": [
      "form",
      "control",
      "checked",
      "surface-color",
      "default"
    ]
  },
  {
    "value": "#0c56e9",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.palette.blue-300.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-checked-surface-color-hover",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "checked",
      "subitem": "surface-color",
      "state": "hover"
    },
    "path": [
      "form",
      "control",
      "checked",
      "surface-color",
      "hover"
    ]
  },
  {
    "value": "#0c56e9",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.palette.blue-300.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-checked-border-color-default",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "checked",
      "subitem": "border-color",
      "state": "default"
    },
    "path": [
      "form",
      "control",
      "checked",
      "border-color",
      "default"
    ]
  },
  {
    "value": "#0046d1",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.palette.blue-400.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-checked-border-color-hover",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "checked",
      "subitem": "border-color",
      "state": "hover"
    },
    "path": [
      "form",
      "control",
      "checked",
      "border-color",
      "hover"
    ]
  },
  {
    "value": "#c00005",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.palette.red-300.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-invalid-border-color-default",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "invalid",
      "subitem": "border-color",
      "state": "default"
    },
    "path": [
      "form",
      "control",
      "invalid",
      "border-color",
      "default"
    ]
  },
  {
    "value": "#940004",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.palette.red-400.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-invalid-border-color-hover",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "invalid",
      "subitem": "border-color",
      "state": "hover"
    },
    "path": [
      "form",
      "control",
      "invalid",
      "border-color",
      "hover"
    ]
  },
  {
    "value": "#3b3d45",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.foreground.primary.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-readonly-foreground-color",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "readonly",
      "subitem": "foreground-color"
    },
    "path": [
      "form",
      "control",
      "readonly",
      "foreground-color"
    ]
  },
  {
    "value": "#f1f2f3",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.surface.strong.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-readonly-surface-color",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "readonly",
      "subitem": "surface-color"
    },
    "path": [
      "form",
      "control",
      "readonly",
      "surface-color"
    ]
  },
  {
    "value": "#656a761a",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.border.faint.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-readonly-border-color",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "readonly",
      "subitem": "border-color"
    },
    "path": [
      "form",
      "control",
      "readonly",
      "border-color"
    ]
  },
  {
    "value": "#8c909c",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.foreground.disabled.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-disabled-foreground-color",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "disabled",
      "subitem": "foreground-color"
    },
    "path": [
      "form",
      "control",
      "disabled",
      "foreground-color"
    ]
  },
  {
    "value": "#fafafa",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.surface.interactive-disabled.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-disabled-surface-color",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "disabled",
      "subitem": "surface-color"
    },
    "path": [
      "form",
      "control",
      "disabled",
      "surface-color"
    ]
  },
  {
    "value": "#656a7633",
    "type": "color",
    "group": "components",
    "original": {
      "value": "{color.border.primary.value}",
      "type": "color",
      "group": "components"
    },
    "name": "token-form-control-disabled-border-color",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "disabled",
      "subitem": "border-color"
    },
    "path": [
      "form",
      "control",
      "disabled",
      "border-color"
    ]
  },
  {
    "value": "7px",
    "type": "size",
    "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.",
    "original": {
      "value": "7",
      "type": "size",
      "comment": "Notice: we have to take in account the border, so it's 1px less than in Figma."
    },
    "name": "token-form-control-padding",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "padding"
    },
    "path": [
      "form",
      "control",
      "padding"
    ]
  },
  {
    "value": "5px",
    "type": "size",
    "original": {
      "value": "5",
      "type": "size"
    },
    "name": "token-form-control-border-radius",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "border",
      "subitem": "radius"
    },
    "path": [
      "form",
      "control",
      "border",
      "radius"
    ]
  },
  {
    "value": "1px",
    "type": "size",
    "original": {
      "value": "1",
      "type": "size"
    },
    "name": "token-form-control-border-width",
    "attributes": {
      "category": "form",
      "type": "control",
      "item": "border",
      "subitem": "width"
    },
    "path": [
      "form",
      "control",
      "border",
      "width"
    ]
  },
  {
    "value": "16px",
    "type": "size",
    "original": {
      "value": "16",
      "type": "size"
    },
    "name": "token-form-radio-size",
    "attributes": {
      "category": "form",
      "type": "radio",
      "item": "size"
    },
    "path": [
      "form",
      "radio",
      "size"
    ]
  },
  {
    "value": "1px",
    "type": "size",
    "original": {
      "value": "1",
      "type": "size"
    },
    "name": "token-form-radio-border-width",
    "attributes": {
      "category": "form",
      "type": "radio",
      "item": "border",
      "subitem": "width"
    },
    "path": [
      "form",
      "radio",
      "border",
      "width"
    ]
  },
  {
    "value": "12px",
    "type": "size",
    "original": {
      "value": "12",
      "type": "size"
    },
    "name": "token-form-radio-background-image-size",
    "attributes": {
      "category": "form",
      "type": "radio",
      "item": "background-image",
      "subitem": "size"
    },
    "path": [
      "form",
      "radio",
      "background-image",
      "size"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")",
    "comment": "notice: the 'dot' color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%23ffffff'/%3e%3c/svg%3e\")",
      "comment": "notice: the 'dot' color is hardcoded here!"
    },
    "name": "token-form-radio-background-image-data-url",
    "attributes": {
      "category": "form",
      "type": "radio",
      "item": "background-image",
      "subitem": "data-url"
    },
    "path": [
      "form",
      "radio",
      "background-image",
      "data-url"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")",
    "comment": "notice: the 'dot' color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6' cy='6' r='2.5' fill='%238C909C'/%3e%3c/svg%3e\")",
      "comment": "notice: the 'dot' color is hardcoded here!"
    },
    "name": "token-form-radio-background-image-data-url-disabled",
    "attributes": {
      "category": "form",
      "type": "radio",
      "item": "background-image",
      "subitem": "data-url-disabled"
    },
    "path": [
      "form",
      "radio",
      "background-image",
      "data-url-disabled"
    ]
  },
  {
    "value": "16px",
    "type": "size",
    "original": {
      "value": "16",
      "type": "size"
    },
    "name": "token-form-radiocard-group-gap",
    "attributes": {
      "category": "form",
      "type": "radiocard-group",
      "item": "gap"
    },
    "path": [
      "form",
      "radiocard-group",
      "gap"
    ]
  },
  {
    "value": "1px",
    "type": "size",
    "original": {
      "value": "1",
      "type": "size"
    },
    "name": "token-form-radiocard-border-width",
    "attributes": {
      "category": "form",
      "type": "radiocard",
      "item": "border",
      "subitem": "width"
    },
    "path": [
      "form",
      "radiocard",
      "border",
      "width"
    ]
  },
  {
    "value": "6px",
    "type": "size",
    "original": {
      "value": "6",
      "type": "size"
    },
    "name": "token-form-radiocard-border-radius",
    "attributes": {
      "category": "form",
      "type": "radiocard",
      "item": "border",
      "subitem": "radius"
    },
    "path": [
      "form",
      "radiocard",
      "border",
      "radius"
    ]
  },
  {
    "value": "24px",
    "type": "size",
    "original": {
      "value": "24",
      "type": "size"
    },
    "name": "token-form-radiocard-content-padding",
    "attributes": {
      "category": "form",
      "type": "radiocard",
      "item": "content-padding"
    },
    "path": [
      "form",
      "radiocard",
      "content-padding"
    ]
  },
  {
    "value": "8px",
    "type": "size",
    "original": {
      "value": "8",
      "type": "size"
    },
    "name": "token-form-radiocard-control-padding",
    "attributes": {
      "category": "form",
      "type": "radiocard",
      "item": "control-padding"
    },
    "path": [
      "form",
      "radiocard",
      "control-padding"
    ]
  },
  {
    "value": "0.2s",
    "type": "time",
    "unit": "s",
    "original": {
      "value": "0.2",
      "type": "time",
      "unit": "s"
    },
    "name": "token-form-radiocard-transition-duration",
    "attributes": {
      "category": "form",
      "type": "radiocard",
      "item": "transition",
      "subitem": "duration"
    },
    "path": [
      "form",
      "radiocard",
      "transition",
      "duration"
    ]
  },
  {
    "value": "16px",
    "type": "size",
    "original": {
      "value": "16",
      "type": "size"
    },
    "name": "token-form-select-background-image-size",
    "attributes": {
      "category": "form",
      "type": "select",
      "item": "background-image",
      "subitem": "size"
    },
    "path": [
      "form",
      "select",
      "background-image",
      "size"
    ]
  },
  {
    "value": "7px",
    "type": "size",
    "original": {
      "value": "{form.control.padding.value}",
      "type": "size"
    },
    "name": "token-form-select-background-image-position-right-x",
    "attributes": {
      "category": "form",
      "type": "select",
      "item": "background-image",
      "subitem": "position-right-x"
    },
    "path": [
      "form",
      "select",
      "background-image",
      "position-right-x"
    ]
  },
  {
    "value": "9px",
    "type": "size",
    "original": {
      "value": "9",
      "type": "size"
    },
    "name": "token-form-select-background-image-position-top-y",
    "attributes": {
      "category": "form",
      "type": "select",
      "item": "background-image",
      "subitem": "position-top-y"
    },
    "path": [
      "form",
      "select",
      "background-image",
      "position-top-y"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")",
    "comment": "notice: the 'caret' color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%23656A76'/%3E%3C/svg%3E\")",
      "comment": "notice: the 'caret' color is hardcoded here!"
    },
    "name": "token-form-select-background-image-data-url",
    "attributes": {
      "category": "form",
      "type": "select",
      "item": "background-image",
      "subitem": "data-url"
    },
    "path": [
      "form",
      "select",
      "background-image",
      "data-url"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")",
    "comment": "notice: the 'caret' color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55 2.24a.75.75 0 0 0-1.1 0L4.2 5.74a.75.75 0 1 0 1.1 1.02L8 3.852l2.7 2.908a.75.75 0 1 0 1.1-1.02l-3.25-3.5Zm-1.1 11.52a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02L8 12.148 5.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5Z' fill='%238C909C'/%3E%3C/svg%3E\")",
      "comment": "notice: the 'caret' color is hardcoded here!"
    },
    "name": "token-form-select-background-image-data-url-disabled",
    "attributes": {
      "category": "form",
      "type": "select",
      "item": "background-image",
      "subitem": "data-url-disabled"
    },
    "path": [
      "form",
      "select",
      "background-image",
      "data-url-disabled"
    ]
  },
  {
    "value": "16px",
    "type": "size",
    "original": {
      "value": "16",
      "type": "size"
    },
    "name": "token-form-text-input-background-image-size",
    "attributes": {
      "category": "form",
      "type": "text-input",
      "item": "background-image",
      "subitem": "size"
    },
    "path": [
      "form",
      "text-input",
      "background-image",
      "size"
    ]
  },
  {
    "value": "7px",
    "type": "size",
    "original": {
      "value": "{form.control.padding.value}",
      "type": "size"
    },
    "name": "token-form-text-input-background-image-position-x",
    "attributes": {
      "category": "form",
      "type": "text-input",
      "item": "background-image",
      "subitem": "position-x"
    },
    "path": [
      "form",
      "text-input",
      "background-image",
      "position-x"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")",
    "comment": "notice: the icon color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5.75a.75.75 0 00-1.5 0V1H6V.75a.75.75 0 00-1.5 0V1H3.25A2.25 2.25 0 001 3.25v9.5A2.25 2.25 0 003.25 15h9.5A2.25 2.25 0 0015 12.75v-9.5A2.25 2.25 0 0012.75 1H11.5V.75zm-7 2.5V2.5H3.25a.75.75 0 00-.75.75V5h11V3.25a.75.75 0 00-.75-.75H11.5v.75a.75.75 0 01-1.5 0V2.5H6v.75a.75.75 0 01-1.5 0zm9 3.25h-11v6.25c0 .414.336.75.75.75h9.5a.75.75 0 00.75-.75V6.5z' fill-rule='evenodd' clip-rule='evenodd' fill='%233B3D45'/%3e%3c/svg%3e\")",
      "comment": "notice: the icon color is hardcoded here!"
    },
    "name": "token-form-text-input-background-image-data-url-date",
    "attributes": {
      "category": "form",
      "type": "text-input",
      "item": "background-image",
      "subitem": "data-url-date"
    },
    "path": [
      "form",
      "text-input",
      "background-image",
      "data-url-date"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")",
    "comment": "notice: the icon color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%233B3D45'%3e%3cpath d='M8.5 3.75a.75.75 0 00-1.5 0V8c0 .284.16.544.415.67l2.5 1.25a.75.75 0 10.67-1.34L8.5 7.535V3.75z'/%3e%3cpath d='M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")",
      "comment": "notice: the icon color is hardcoded here!"
    },
    "name": "token-form-text-input-background-image-data-url-time",
    "attributes": {
      "category": "form",
      "type": "text-input",
      "item": "background-image",
      "subitem": "data-url-time"
    },
    "path": [
      "form",
      "text-input",
      "background-image",
      "data-url-time"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")",
    "comment": "notice: the icon color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23656A76'%3e%3cpath d='M7.25 2a5.25 5.25 0 103.144 9.455l2.326 2.325a.75.75 0 101.06-1.06l-2.325-2.326A5.25 5.25 0 007.25 2zM3.5 7.25a3.75 3.75 0 117.5 0 3.75 3.75 0 01-7.5 0z' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e\")",
      "comment": "notice: the icon color is hardcoded here!"
    },
    "name": "token-form-text-input-background-image-data-url-search",
    "attributes": {
      "category": "form",
      "type": "text-input",
      "item": "background-image",
      "subitem": "data-url-search"
    },
    "path": [
      "form",
      "text-input",
      "background-image",
      "data-url-search"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")",
    "comment": "notice: the icon color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.78 4.28a.75.75 0 00-1.06-1.06L8 6.94 4.28 3.22a.75.75 0 00-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 101.06 1.06L8 9.06l3.72 3.72a.75.75 0 101.06-1.06L9.06 8l3.72-3.72z'/%3e%3c/svg%3e\")",
      "comment": "notice: the icon color is hardcoded here!"
    },
    "name": "token-form-text-input-background-image-data-url-search-cancel",
    "attributes": {
      "category": "form",
      "type": "text-input",
      "item": "background-image",
      "subitem": "data-url-search-cancel"
    },
    "path": [
      "form",
      "text-input",
      "background-image",
      "data-url-search-cancel"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")",
    "comment": "notice: the icon color and animation are hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' %3e%3cg fill='%23656A76' fill-rule='evenodd' clip-rule='evenodd'%3e%3canimateTransform attributeName='transform' type='rotate' dur='0.9s' from='0 8 8' to='360 8 8' repeatCount='indefinite'/%3e%3cpath d='M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8z' opacity='.2'/%3e%3cpath d='M7.25.75A.75.75 0 018 0a8 8 0 018 8 .75.75 0 01-1.5 0A6.5 6.5 0 008 1.5a.75.75 0 01-.75-.75z'/%3e%3c/g%3e%3c/svg%3e\")",
      "comment": "notice: the icon color and animation are hardcoded here!"
    },
    "name": "token-form-text-input-background-image-data-url-search-loading",
    "attributes": {
      "category": "form",
      "type": "text-input",
      "item": "background-image",
      "subitem": "data-url-search-loading"
    },
    "path": [
      "form",
      "text-input",
      "background-image",
      "data-url-search-loading"
    ]
  },
  {
    "value": "32px",
    "type": "size",
    "original": {
      "value": "32",
      "type": "size"
    },
    "name": "token-form-toggle-width",
    "attributes": {
      "category": "form",
      "type": "toggle",
      "item": "width"
    },
    "path": [
      "form",
      "toggle",
      "width"
    ]
  },
  {
    "value": "16px",
    "type": "size",
    "original": {
      "value": "16",
      "type": "size"
    },
    "name": "token-form-toggle-height",
    "attributes": {
      "category": "form",
      "type": "toggle",
      "item": "height"
    },
    "path": [
      "form",
      "toggle",
      "height"
    ]
  },
  {
    "value": "#f1f2f3",
    "type": "color",
    "group": "components",
    "comment": "the toggle has a different base surface color, compared to the other controls",
    "original": {
      "value": "{color.surface.strong.value}",
      "type": "color",
      "group": "components",
      "comment": "the toggle has a different base surface color, compared to the other controls"
    },
    "name": "token-form-toggle-base-surface-color-default",
    "attributes": {
      "category": "form",
      "type": "toggle",
      "item": "base",
      "subitem": "surface-color",
      "state": "default"
    },
    "path": [
      "form",
      "toggle",
      "base",
      "surface-color",
      "default"
    ]
  },
  {
    "value": "3px",
    "type": "size",
    "original": {
      "value": "3",
      "type": "size"
    },
    "name": "token-form-toggle-border-radius",
    "attributes": {
      "category": "form",
      "type": "toggle",
      "item": "border",
      "subitem": "radius"
    },
    "path": [
      "form",
      "toggle",
      "border",
      "radius"
    ]
  },
  {
    "value": "1px",
    "type": "size",
    "original": {
      "value": "1",
      "type": "size"
    },
    "name": "token-form-toggle-border-width",
    "attributes": {
      "category": "form",
      "type": "toggle",
      "item": "border",
      "subitem": "width"
    },
    "path": [
      "form",
      "toggle",
      "border",
      "width"
    ]
  },
  {
    "value": "12px",
    "type": "size",
    "original": {
      "value": "12",
      "type": "size"
    },
    "name": "token-form-toggle-background-image-size",
    "attributes": {
      "category": "form",
      "type": "toggle",
      "item": "background-image",
      "subitem": "size"
    },
    "path": [
      "form",
      "toggle",
      "background-image",
      "size"
    ]
  },
  {
    "value": "2px",
    "type": "size",
    "original": {
      "value": "2",
      "type": "size"
    },
    "name": "token-form-toggle-background-image-position-x",
    "attributes": {
      "category": "form",
      "type": "toggle",
      "item": "background-image",
      "subitem": "position-x"
    },
    "path": [
      "form",
      "toggle",
      "background-image",
      "position-x"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")",
    "comment": "notice: the 'tick' color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")",
      "comment": "notice: the 'tick' color is hardcoded here!"
    },
    "name": "token-form-toggle-background-image-data-url",
    "attributes": {
      "category": "form",
      "type": "toggle",
      "item": "background-image",
      "subitem": "data-url"
    },
    "path": [
      "form",
      "toggle",
      "background-image",
      "data-url"
    ]
  },
  {
    "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")",
    "comment": "notice: the 'tick' color is hardcoded here!",
    "original": {
      "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")",
      "comment": "notice: the 'tick' color is hardcoded here!"
    },
    "name": "token-form-toggle-background-image-data-url-disabled",
    "attributes": {
      "category": "form",
      "type": "toggle",
      "item": "background-image",
      "subitem": "data-url-disabled"
    },
    "path": [
      "form",
      "toggle",
      "background-image",
      "data-url-disabled"
    ]
  },
  {
    "value": "0.2s",
    "type": "time",
    "unit": "s",
    "original": {
      "value": "0.2",
      "type": "time",
      "unit": "s"
    },
    "name": "token-form-toggle-transition-duration",
    "attributes": {
      "category": "form",
      "type": "toggle",
      "item": "transition",
      "subitem": "duration"
    },
    "path": [
      "form",
      "toggle",
      "transition",
      "duration"
    ]
  },
  {
    "value": "cubic-bezier(0.68, -0.2, 0.265, 1.15)",
    "original": {
      "value": "cubic-bezier(0.68, -0.2, 0.265, 1.15)"
    },
    "name": "token-form-toggle-transition-timing-function",
    "attributes": {
      "category": "form",
      "type": "toggle",
      "item": "transition",
      "subitem": "timing-function"
    },
    "path": [
      "form",
      "toggle",
      "transition",
      "timing-function"
    ]
  },
  {
    "value": "16px",
    "type": "size",
    "original": {
      "value": "{form.toggle.height.value}",
      "type": "size"
    },
    "name": "token-form-toggle-thumb-size",
    "attributes": {
      "category": "form",
      "type": "toggle",
      "item": "thumb-size"
    },
    "path": [
      "form",
      "toggle",
      "thumb-size"
    ]
  },
  {
    "value": "36px",
    "type": "size",
    "original": {
      "value": "36",
      "type": "size"
    },
    "name": "token-pagination-nav-control-height",
    "attributes": {
      "category": "pagination",
      "type": "nav",
      "item": "control",
      "subitem": "height"
    },
    "path": [
      "pagination",
      "nav",
      "control",
      "height"
    ]
  },
  {
    "value": "12px",
    "type": "size",
    "original": {
      "value": "12",
      "type": "size"
    },
    "name": "token-pagination-nav-control-padding-horizontal",
    "attributes": {
      "category": "pagination",
      "type": "nav",
      "item": "control",
      "subitem": "padding",
      "state": "horizontal"
    },
    "path": [
      "pagination",
      "nav",
      "control",
      "padding",
      "horizontal"
    ]
  },
  {
    "value": "4px",
    "type": "size",
    "original": {
      "value": "4",
      "type": "size"
    },
    "name": "token-pagination-nav-control-focus-inset",
    "attributes": {
      "category": "pagination",
      "type": "nav",
      "item": "control",
      "subitem": "focus-inset"
    },
    "path": [
      "pagination",
      "nav",
      "control",
      "focus-inset"
    ]
  },
  {
    "value": "6px",
    "type": "size",
    "original": {
      "value": "6",
      "type": "size"
    },
    "name": "token-pagination-nav-control-icon-spacing",
    "attributes": {
      "category": "pagination",
      "type": "nav",
      "item": "control",
      "subitem": "icon-spacing"
    },
    "path": [
      "pagination",
      "nav",
      "control",
      "icon-spacing"
    ]
  },
  {
    "value": "2px",
    "type": "size",
    "original": {
      "value": "2",
      "type": "size"
    },
    "name": "token-pagination-nav-indicator-height",
    "attributes": {
      "category": "pagination",
      "type": "nav",
      "item": "indicator",
      "subitem": "height"
    },
    "path": [
      "pagination",
      "nav",
      "indicator",
      "height"
    ]
  },
  {
    "value": "6px",
    "type": "size",
    "original": {
      "value": "6",
      "type": "size"
    },
    "name": "token-pagination-nav-indicator-spacing",
    "attributes": {
      "category": "pagination",
      "type": "nav",
      "item": "indicator",
      "subitem": "spacing"
    },
    "path": [
      "pagination",
      "nav",
      "indicator",
      "spacing"
    ]
  },
  {
    "value": "8px",
    "type": "size",
    "original": {
      "value": "8",
      "type": "size"
    },
    "name": "token-pagination-child-spacing-vertical",
    "attributes": {
      "category": "pagination",
      "type": "child",
      "item": "spacing",
      "subitem": "vertical"
    },
    "path": [
      "pagination",
      "child",
      "spacing",
      "vertical"
    ]
  },
  {
    "value": "20px",
    "type": "size",
    "original": {
      "value": "20",
      "type": "size"
    },
    "name": "token-pagination-child-spacing-horizontal",
    "attributes": {
      "category": "pagination",
      "type": "child",
      "item": "spacing",
      "subitem": "horizontal"
    },
    "path": [
      "pagination",
      "child",
      "spacing",
      "horizontal"
    ]
  },
  {
    "value": "1px",
    "type": "size",
    "original": {
      "value": "1",
      "type": "size"
    },
    "name": "token-side-nav-wrapper-border-width",
    "attributes": {
      "category": "side-nav",
      "type": "wrapper",
      "item": "border",
      "subitem": "width"
    },
    "path": [
      "side-nav",
      "wrapper",
      "border",
      "width"
    ]
  },
  {
    "value": "#656a76",
    "type": "color",
    "group": "components",
    "original": {
      "value": "#656a76",
      "type": "color",
      "group": "components"
    },
    "name": "token-side-nav-wrapper-border-color",
    "attributes": {
      "category": "side-nav",
      "type": "wrapper",
      "item": "border",
      "subitem": "color"
    },
    "path": [
      "side-nav",
      "wrapper",
      "border",
      "color"
    ]
  },
  {
    "value": "16px",
    "type": "size",
    "original": {
      "value": "16",
      "type": "size"
    },
    "name": "token-side-nav-wrapper-padding-horizontal",
    "attributes": {
      "category": "side-nav",
      "type": "wrapper",
      "item": "padding",
      "subitem": "horizontal"
    },
    "path": [
      "side-nav",
      "wrapper",
      "padding",
      "horizontal"
    ]
  },
  {
    "value": "16px",
    "type": "size",
    "original": {
      "value": "16",
      "type": "size"
    },
    "name": "token-side-nav-wrapper-padding-vertical",
    "attributes": {
      "category": "side-nav",
      "type": "wrapper",
      "item": "padding",
      "subitem": "vertical"
    },
    "path": [
      "side-nav",
      "wrapper",
      "padding",
      "vertical"
    ]
  },
  {
    "value": "8px",
    "type": "size",
    "original": {
      "value": "8",
      "type": "size"
    },
    "name": "token-side-nav-wrapper-padding-horizontal-minimized",
    "attributes": {
      "category": "side-nav",
      "type": "wrapper",
      "item": "padding",
      "subitem": "horizontal-minimized"
    },
    "path": [
      "side-nav",
      "wrapper",
      "padding",
      "horizontal-minimized"
    ]
  },
  {
    "value": "22px",
    "type": "size",
    "original": {
      "value": "22",
      "type": "size"
    },
    "name": "token-side-nav-wrapper-padding-vertical-minimized",
    "attributes": {
      "category": "side-nav",
      "type": "wrapper",
      "item": "padding",
      "subitem": "vertical-minimized"
    },
    "path": [
      "side-nav",
      "wrapper",
      "padding",
      "vertical-minimized"
    ]
  },
  {
    "value": "5px",
    "type": "size",
    "original": {
      "value": "5",
      "type": "size"
    },
    "name": "token-side-nav-toggle-button-border-radius",
    "attributes": {
      "category": "side-nav",
      "type": "toggle-button",
      "item": "border",
      "subitem": "radius"
    },
    "path": [
      "side-nav",
      "toggle-button",
      "border",
      "radius"
    ]
  },
  {
    "value": "4px",
    "type": "size",
    "original": {
      "value": "4",
      "type": "size"
    },
    "name": "token-side-nav-header-home-link-padding",
    "attributes": {
      "category": "side-nav",
      "type": "header",
      "item": "home-link",
      "subitem": "padding"
    },
    "path": [
      "side-nav",
      "header",
      "home-link",
      "padding"
    ]
  },
  {
    "value": "48px",
    "type": "size",
    "original": {
      "value": "48",
      "type": "size"
    },
    "name": "token-side-nav-header-home-link-logo-size",
    "attributes": {
      "category": "side-nav",
      "type": "header",
      "item": "home-link",
      "subitem": "logo-size"
    },
    "path": [
      "side-nav",
      "header",
      "home-link",
      "logo-size"
    ]
  },
  {
    "value": "32px",
    "type": "size",
    "original": {
      "value": "32",
      "type": "size"
    },
    "name": "token-side-nav-header-home-link-logo-size-minimized",
    "attributes": {
      "category": "side-nav",
      "type": "header",
      "item": "home-link",
      "subitem": "logo-size-minimized"
    },
    "path": [
      "side-nav",
      "header",
      "home-link",
      "logo-size-minimized"
    ]
  },
  {
    "value": "8px",
    "type": "size",
    "original": {
      "value": "8",
      "type": "size"
    },
    "name": "token-side-nav-header-actions-spacing",
    "attributes": {
      "category": "side-nav",
      "type": "header",
      "item": "actions",
      "subitem": "spacing"
    },
    "path": [
      "side-nav",
      "header",
      "actions",
      "spacing"
    ]
  },
  {
    "value": "24px",
    "type": "size",
    "original": {
      "value": "24",
      "type": "size"
    },
    "name": "token-side-nav-body-list-margin-vertical",
    "attributes": {
      "category": "side-nav",
      "type": "body",
      "item": "list",
      "subitem": "margin-vertical"
    },
    "path": [
      "side-nav",
      "body",
      "list",
      "margin-vertical"
    ]
  },
  {
    "value": "36px",
    "type": "size",
    "original": {
      "value": "36",
      "type": "size"
    },
    "name": "token-side-nav-body-list-item-height",
    "attributes": {
      "category": "side-nav",
      "type": "body",
      "item": "list-item",
      "subitem": "height"
    },
    "path": [
      "side-nav",
      "body",
      "list-item",
      "height"
    ]
  },
  {
    "value": "8px",
    "type": "size",
    "original": {
      "value": "8",
      "type": "size"
    },
    "name": "token-side-nav-body-list-item-padding-horizontal",
    "attributes": {
      "category": "side-nav",
      "type": "body",
      "item": "list-item",
      "subitem": "padding",
      "state": "horizontal"
    },
    "path": [
      "side-nav",
      "body",
      "list-item",
      "padding",
      "horizontal"
    ]
  },
  {
    "value": "4px",
    "type": "size",
    "original": {
      "value": "4",
      "type": "size"
    },
    "name": "token-side-nav-body-list-item-padding-vertical",
    "attributes": {
      "category": "side-nav",
      "type": "body",
      "item": "list-item",
      "subitem": "padding",
      "state": "vertical"
    },
    "path": [
      "side-nav",
      "body",
      "list-item",
      "padding",
      "vertical"
    ]
  },
  {
    "value": "2px",
    "type": "size",
    "original": {
      "value": "2",
      "type": "size"
    },
    "name": "token-side-nav-body-list-item-spacing-vertical",
    "attributes": {
      "category": "side-nav",
      "type": "body",
      "item": "list-item",
      "subitem": "spacing-vertical"
    },
    "path": [
      "side-nav",
      "body",
      "list-item",
      "spacing-vertical"
    ]
  },
  {
    "value": "8px",
    "type": "size",
    "original": {
      "value": "8",
      "type": "size"
    },
    "name": "token-side-nav-body-list-item-content-spacing-horizontal",
    "attributes": {
      "category": "side-nav",
      "type": "body",
      "item": "list-item",
      "subitem": "content-spacing-horizontal"
    },
    "path": [
      "side-nav",
      "body",
      "list-item",
      "content-spacing-horizontal"
    ]
  },
  {
    "value": "5px",
    "type": "size",
    "original": {
      "value": "5",
      "type": "size"
    },
    "name": "token-side-nav-body-list-item-border-radius",
    "attributes": {
      "category": "side-nav",
      "type": "body",
      "item": "list-item",
      "subitem": "border-radius"
    },
    "path": [
      "side-nav",
      "body",
      "list-item",
      "border-radius"
    ]
  },
  {
    "value": "#dedfe3",
    "type": "color",
    "group": "components",
    "original": {
      "value": "#dedfe3",
      "type": "color",
      "group": "components"
    },
    "name": "token-side-nav-color-foreground-primary",
    "attributes": {
      "category": "side-nav",
      "type": "color",
      "item": "foreground",
      "subitem": "primary"
    },
    "path": [
      "side-nav",
      "color",
      "foreground",
      "primary"
    ]
  },
  {
    "value": "#ffffff",
    "type": "color",
    "group": "components",
    "original": {
      "value": "#fff",
      "type": "color",
      "group": "components"
    },
    "name": "token-side-nav-color-foreground-strong",
    "attributes": {
      "category": "side-nav",
      "type": "color",
      "item": "foreground",
      "subitem": "strong"
    },
    "path": [
      "side-nav",
      "color",
      "foreground",
      "strong"
    ]
  },
  {
    "value": "#8c909c",
    "type": "color",
    "group": "components",
    "original": {
      "value": "#8c909c",
      "type": "color",
      "group": "components"
    },
    "name": "token-side-nav-color-foreground-faint",
    "attributes": {
      "category": "side-nav",
      "type": "color",
      "item": "foreground",
      "subitem": "faint"
    },
    "path": [
      "side-nav",
      "color",
      "foreground",
      "faint"
    ]
  },
  {
    "value": "#0c0c0e",
    "type": "color",
    "group": "components",
    "original": {
      "value": "#0c0c0e",
      "type": "color",
      "group": "components"
    },
    "name": "token-side-nav-color-surface-primary",
    "attributes": {
      "category": "side-nav",
      "type": "color",
      "item": "surface",
      "subitem": "primary"
    },
    "path": [
      "side-nav",
      "color",
      "surface",
      "primary"
    ]
  },
  {
    "value": "#3b3d45",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "#3b3d45",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-side-nav-color-surface-interactive-hover",
    "attributes": {
      "category": "side-nav",
      "type": "color",
      "item": "surface",
      "subitem": "interactive-hover"
    },
    "path": [
      "side-nav",
      "color",
      "surface",
      "interactive-hover"
    ]
  },
  {
    "value": "#656a76",
    "type": "color",
    "group": "semantic",
    "original": {
      "value": "#656a76",
      "type": "color",
      "group": "semantic"
    },
    "name": "token-side-nav-color-surface-interactive-active",
    "attributes": {
      "category": "side-nav",
      "type": "color",
      "item": "surface",
      "subitem": "interactive-active"
    },
    "path": [
      "side-nav",
      "color",
      "surface",
      "interactive-active"
    ]
  },
  {
    "value": "36px",
    "type": "size",
    "original": {
      "value": "36",
      "type": "size"
    },
    "name": "token-tabs-tab-height-medium",
    "attributes": {
      "category": "tabs",
      "type": "tab",
      "item": "height",
      "subitem": "medium"
    },
    "path": [
      "tabs",
      "tab",
      "height",
      "medium"
    ]
  },
  {
    "value": "48px",
    "type": "size",
    "original": {
      "value": "48",
      "type": "size"
    },
    "name": "token-tabs-tab-height-large",
    "attributes": {
      "category": "tabs",
      "type": "tab",
      "item": "height",
      "subitem": "large"
    },
    "path": [
      "tabs",
      "tab",
      "height",
      "large"
    ]
  },
  {
    "value": "12px",
    "type": "size",
    "original": {
      "value": "12",
      "type": "size"
    },
    "name": "token-tabs-tab-padding-horizontal-medium",
    "attributes": {
      "category": "tabs",
      "type": "tab",
      "item": "padding",
      "subitem": "horizontal",
      "state": "medium"
    },
    "path": [
      "tabs",
      "tab",
      "padding",
      "horizontal",
      "medium"
    ]
  },
  {
    "value": "20px",
    "type": "size",
    "original": {
      "value": "20",
      "type": "size"
    },
    "name": "token-tabs-tab-padding-horizontal-large",
    "attributes": {
      "category": "tabs",
      "type": "tab",
      "item": "padding",
      "subitem": "horizontal",
      "state": "large"
    },
    "path": [
      "tabs",
      "tab",
      "padding",
      "horizontal",
      "large"
    ]
  },
  {
    "value": "0px",
    "type": "size",
    "original": {
      "value": "0",
      "type": "size"
    },
    "name": "token-tabs-tab-padding-vertical",
    "attributes": {
      "category": "tabs",
      "type": "tab",
      "item": "padding",
      "subitem": "vertical"
    },
    "path": [
      "tabs",
      "tab",
      "padding",
      "vertical"
    ]
  },
  {
    "value": "5px",
    "type": "size",
    "original": {
      "value": "5",
      "type": "size"
    },
    "name": "token-tabs-tab-border-radius",
    "attributes": {
      "category": "tabs",
      "type": "tab",
      "item": "border-radius"
    },
    "path": [
      "tabs",
      "tab",
      "border-radius"
    ]
  },
  {
    "value": "6px",
    "type": "size",
    "original": {
      "value": "6",
      "type": "size"
    },
    "name": "token-tabs-tab-focus-inset",
    "attributes": {
      "category": "tabs",
      "type": "tab",
      "item": "focus-inset"
    },
    "path": [
      "tabs",
      "tab",
      "focus-inset"
    ]
  },
  {
    "value": "6px",
    "type": "size",
    "original": {
      "value": "6",
      "type": "size"
    },
    "name": "token-tabs-tab-gutter",
    "attributes": {
      "category": "tabs",
      "type": "tab",
      "item": "gutter"
    },
    "path": [
      "tabs",
      "tab",
      "gutter"
    ]
  },
  {
    "value": "3px",
    "type": "size",
    "original": {
      "value": "3",
      "type": "size"
    },
    "name": "token-tabs-indicator-height",
    "attributes": {
      "category": "tabs",
      "type": "indicator",
      "item": "height"
    },
    "path": [
      "tabs",
      "indicator",
      "height"
    ]
  },
  {
    "value": "cubic-bezier(0.5, 1, 0.89, 1)",
    "original": {
      "value": "cubic-bezier(0.5, 1, 0.89, 1)"
    },
    "name": "token-tabs-indicator-transition-function",
    "attributes": {
      "category": "tabs",
      "type": "indicator",
      "item": "transition",
      "subitem": "function"
    },
    "path": [
      "tabs",
      "indicator",
      "transition",
      "function"
    ]
  },
  {
    "value": "0.6s",
    "type": "time",
    "unit": "s",
    "original": {
      "value": "0.6",
      "type": "time",
      "unit": "s"
    },
    "name": "token-tabs-indicator-transition-duration",
    "attributes": {
      "category": "tabs",
      "type": "indicator",
      "item": "transition",
      "subitem": "duration"
    },
    "path": [
      "tabs",
      "indicator",
      "transition",
      "duration"
    ]
  },
  {
    "value": "1px",
    "type": "size",
    "original": {
      "value": "1",
      "type": "size"
    },
    "name": "token-tabs-divider-height",
    "attributes": {
      "category": "tabs",
      "type": "divider",
      "item": "height"
    },
    "path": [
      "tabs",
      "divider",
      "height"
    ]
  },
  {
    "value": "5px",
    "type": "size",
    "original": {
      "value": "5",
      "type": "size"
    },
    "name": "token-tooltip-border-radius",
    "attributes": {
      "category": "tooltip",
      "type": "border-radius"
    },
    "path": [
      "tooltip",
      "border-radius"
    ]
  },
  {
    "value": "var(--token-color-foreground-high-contrast)",
    "type": "color",
    "group": "components",
    "original": {
      "value": "var(--token-color-foreground-high-contrast)",
      "type": "color",
      "group": "components"
    },
    "name": "token-tooltip-color-foreground-primary",
    "attributes": {
      "category": "tooltip",
      "type": "color",
      "item": "foreground",
      "subitem": "primary"
    },
    "path": [
      "tooltip",
      "color",
      "foreground",
      "primary"
    ]
  },
  {
    "value": "var(--token-color-palette-neutral-700)",
    "type": "color",
    "group": "components",
    "original": {
      "value": "var(--token-color-palette-neutral-700)",
      "type": "color",
      "group": "components"
    },
    "name": "token-tooltip-color-surface-primary",
    "attributes": {
      "category": "tooltip",
      "type": "color",
      "item": "surface",
      "subitem": "primary"
    },
    "path": [
      "tooltip",
      "color",
      "surface",
      "primary"
    ]
  },
  {
    "value": "-2px",
    "type": "size",
    "original": {
      "value": "-2",
      "type": "size"
    },
    "name": "token-tooltip-focus-offset",
    "attributes": {
      "category": "tooltip",
      "type": "focus-offset"
    },
    "path": [
      "tooltip",
      "focus-offset"
    ]
  },
  {
    "value": "280px",
    "type": "size",
    "original": {
      "value": "280",
      "type": "size"
    },
    "name": "token-tooltip-max-width",
    "attributes": {
      "category": "tooltip",
      "type": "max-width"
    },
    "path": [
      "tooltip",
      "max-width"
    ]
  },
  {
    "value": "12px",
    "type": "size",
    "original": {
      "value": "12",
      "type": "size"
    },
    "name": "token-tooltip-padding-horizontal",
    "attributes": {
      "category": "tooltip",
      "type": "padding",
      "item": "horizontal"
    },
    "path": [
      "tooltip",
      "padding",
      "horizontal"
    ]
  },
  {
    "value": "8px",
    "type": "size",
    "original": {
      "value": "8",
      "type": "size"
    },
    "name": "token-tooltip-padding-vertical",
    "attributes": {
      "category": "tooltip",
      "type": "padding",
      "item": "vertical"
    },
    "path": [
      "tooltip",
      "padding",
      "vertical"
    ]
  },
  {
    "value": "cubic-bezier(0.54, 1.5, 0.38, 1.11)",
    "original": {
      "value": "cubic-bezier(0.54, 1.5, 0.38, 1.11)"
    },
    "name": "token-tooltip-transition-function",
    "attributes": {
      "category": "tooltip",
      "type": "transition",
      "item": "function"
    },
    "path": [
      "tooltip",
      "transition",
      "function"
    ]
  },
  {
    "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
    "original": {
      "value": "{typography.font-stack.sans.display.macOS.value}, {typography.font-stack.sans.display.windows.value}, {typography.font-stack.sans.display.sans.value}, {typography.font-stack.sans.display.emoji.value}"
    },
    "name": "token-typography-font-stack-display",
    "attributes": {
      "category": "typography",
      "type": "font-stack",
      "item": "display"
    },
    "path": [
      "typography",
      "font-stack",
      "display"
    ]
  },
  {
    "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
    "original": {
      "value": "{typography.font-stack.sans.text.macOS.value}, {typography.font-stack.sans.text.windows.value}, {typography.font-stack.sans.display.sans.value}, {typography.font-stack.sans.text.emoji.value}"
    },
    "name": "token-typography-font-stack-text",
    "attributes": {
      "category": "typography",
      "type": "font-stack",
      "item": "text"
    },
    "path": [
      "typography",
      "font-stack",
      "text"
    ]
  },
  {
    "value": "ui-monospace, Menlo, Consolas, monospace",
    "original": {
      "value": "{typography.font-stack.monospace.code.macOS.value}, {typography.font-stack.monospace.code.windows.value}, monospace"
    },
    "name": "token-typography-font-stack-code",
    "attributes": {
      "category": "typography",
      "type": "font-stack",
      "item": "code"
    },
    "path": [
      "typography",
      "font-stack",
      "code"
    ]
  },
  {
    "value": "400",
    "original": {
      "value": "400"
    },
    "name": "token-typography-font-weight-regular",
    "attributes": {
      "category": "typography",
      "type": "font-weight",
      "item": "regular"
    },
    "path": [
      "typography",
      "font-weight",
      "regular"
    ]
  },
  {
    "value": "500",
    "original": {
      "value": "500"
    },
    "name": "token-typography-font-weight-medium",
    "attributes": {
      "category": "typography",
      "type": "font-weight",
      "item": "medium"
    },
    "path": [
      "typography",
      "font-weight",
      "medium"
    ]
  },
  {
    "value": "600",
    "original": {
      "value": "600"
    },
    "name": "token-typography-font-weight-semibold",
    "attributes": {
      "category": "typography",
      "type": "font-weight",
      "item": "semibold"
    },
    "path": [
      "typography",
      "font-weight",
      "semibold"
    ]
  },
  {
    "value": "700",
    "original": {
      "value": "700"
    },
    "name": "token-typography-font-weight-bold",
    "attributes": {
      "category": "typography",
      "type": "font-weight",
      "item": "bold"
    },
    "path": [
      "typography",
      "font-weight",
      "bold"
    ]
  },
  {
    "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
    "original": {
      "value": "{typography.font-stack.display.value}"
    },
    "name": "token-typography-display-500-font-family",
    "attributes": {
      "category": "typography",
      "type": "display-500",
      "item": "font-family"
    },
    "path": [
      "typography",
      "display-500",
      "font-family"
    ]
  },
  {
    "value": "1.875rem",
    "type": "font-size",
    "comment": "30px/1.875rem",
    "original": {
      "value": "30",
      "type": "font-size",
      "comment": "30px/1.875rem"
    },
    "name": "token-typography-display-500-font-size",
    "attributes": {
      "category": "typography",
      "type": "display-500",
      "item": "font-size"
    },
    "path": [
      "typography",
      "display-500",
      "font-size"
    ]
  },
  {
    "value": "1.2666",
    "comment": "38px",
    "original": {
      "value": "1.2666",
      "comment": "38px"
    },
    "name": "token-typography-display-500-line-height",
    "attributes": {
      "category": "typography",
      "type": "display-500",
      "item": "line-height"
    },
    "path": [
      "typography",
      "display-500",
      "line-height"
    ]
  },
  {
    "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
    "original": {
      "value": "{typography.font-stack.display.value}"
    },
    "name": "token-typography-display-400-font-family",
    "attributes": {
      "category": "typography",
      "type": "display-400",
      "item": "font-family"
    },
    "path": [
      "typography",
      "display-400",
      "font-family"
    ]
  },
  {
    "value": "1.5rem",
    "type": "font-size",
    "comment": "24px/1.5rem",
    "original": {
      "value": "24",
      "type": "font-size",
      "comment": "24px/1.5rem"
    },
    "name": "token-typography-display-400-font-size",
    "attributes": {
      "category": "typography",
      "type": "display-400",
      "item": "font-size"
    },
    "path": [
      "typography",
      "display-400",
      "font-size"
    ]
  },
  {
    "value": "1.3333",
    "comment": "32px",
    "original": {
      "value": "1.3333",
      "comment": "32px"
    },
    "name": "token-typography-display-400-line-height",
    "attributes": {
      "category": "typography",
      "type": "display-400",
      "item": "line-height"
    },
    "path": [
      "typography",
      "display-400",
      "line-height"
    ]
  },
  {
    "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
    "original": {
      "value": "{typography.font-stack.text.value}"
    },
    "name": "token-typography-display-300-font-family",
    "attributes": {
      "category": "typography",
      "type": "display-300",
      "item": "font-family"
    },
    "path": [
      "typography",
      "display-300",
      "font-family"
    ]
  },
  {
    "value": "1.125rem",
    "type": "font-size",
    "comment": "18px/1.125rem",
    "original": {
      "value": "18",
      "type": "font-size",
      "comment": "18px/1.125rem"
    },
    "name": "token-typography-display-300-font-size",
    "attributes": {
      "category": "typography",
      "type": "display-300",
      "item": "font-size"
    },
    "path": [
      "typography",
      "display-300",
      "font-size"
    ]
  },
  {
    "value": "1.3333",
    "comment": "24px",
    "original": {
      "value": "1.3333",
      "comment": "24px"
    },
    "name": "token-typography-display-300-line-height",
    "attributes": {
      "category": "typography",
      "type": "display-300",
      "item": "line-height"
    },
    "path": [
      "typography",
      "display-300",
      "line-height"
    ]
  },
  {
    "value": "-0.5px",
    "comment": "this is `tracking`",
    "original": {
      "value": "-0.5px",
      "comment": "this is `tracking`"
    },
    "name": "token-typography-display-300-letter-spacing",
    "attributes": {
      "category": "typography",
      "type": "display-300",
      "item": "letter-spacing"
    },
    "path": [
      "typography",
      "display-300",
      "letter-spacing"
    ]
  },
  {
    "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
    "original": {
      "value": "{typography.font-stack.display.value}"
    },
    "name": "token-typography-display-200-font-family",
    "attributes": {
      "category": "typography",
      "type": "display-200",
      "item": "font-family"
    },
    "path": [
      "typography",
      "display-200",
      "font-family"
    ]
  },
  {
    "value": "1rem",
    "type": "font-size",
    "comment": "16px/1rem",
    "original": {
      "value": "16",
      "type": "font-size",
      "comment": "16px/1rem"
    },
    "name": "token-typography-display-200-font-size",
    "attributes": {
      "category": "typography",
      "type": "display-200",
      "item": "font-size"
    },
    "path": [
      "typography",
      "display-200",
      "font-size"
    ]
  },
  {
    "value": "1.5",
    "comment": "24px",
    "original": {
      "value": "1.5",
      "comment": "24px"
    },
    "name": "token-typography-display-200-line-height",
    "attributes": {
      "category": "typography",
      "type": "display-200",
      "item": "line-height"
    },
    "path": [
      "typography",
      "display-200",
      "line-height"
    ]
  },
  {
    "value": "-0.5px",
    "comment": "this is `tracking`",
    "original": {
      "value": "-0.5px",
      "comment": "this is `tracking`"
    },
    "name": "token-typography-display-200-letter-spacing",
    "attributes": {
      "category": "typography",
      "type": "display-200",
      "item": "letter-spacing"
    },
    "path": [
      "typography",
      "display-200",
      "letter-spacing"
    ]
  },
  {
    "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
    "original": {
      "value": "{typography.font-stack.text.value}"
    },
    "name": "token-typography-display-100-font-family",
    "attributes": {
      "category": "typography",
      "type": "display-100",
      "item": "font-family"
    },
    "path": [
      "typography",
      "display-100",
      "font-family"
    ]
  },
  {
    "value": "0.8125rem",
    "type": "font-size",
    "comment": "13px/0.8125rem",
    "original": {
      "value": "13",
      "type": "font-size",
      "comment": "13px/0.8125rem"
    },
    "name": "token-typography-display-100-font-size",
    "attributes": {
      "category": "typography",
      "type": "display-100",
      "item": "font-size"
    },
    "path": [
      "typography",
      "display-100",
      "font-size"
    ]
  },
  {
    "value": "1.3846",
    "comment": "18px",
    "original": {
      "value": "1.3846",
      "comment": "18px"
    },
    "name": "token-typography-display-100-line-height",
    "attributes": {
      "category": "typography",
      "type": "display-100",
      "item": "line-height"
    },
    "path": [
      "typography",
      "display-100",
      "line-height"
    ]
  },
  {
    "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
    "original": {
      "value": "{typography.font-stack.text.value}"
    },
    "name": "token-typography-body-300-font-family",
    "attributes": {
      "category": "typography",
      "type": "body-300",
      "item": "font-family"
    },
    "path": [
      "typography",
      "body-300",
      "font-family"
    ]
  },
  {
    "value": "1rem",
    "type": "font-size",
    "comment": "16px/1rem",
    "original": {
      "value": "16",
      "type": "font-size",
      "comment": "16px/1rem"
    },
    "name": "token-typography-body-300-font-size",
    "attributes": {
      "category": "typography",
      "type": "body-300",
      "item": "font-size"
    },
    "path": [
      "typography",
      "body-300",
      "font-size"
    ]
  },
  {
    "value": "1.5",
    "comment": "24px",
    "original": {
      "value": "1.5",
      "comment": "24px"
    },
    "name": "token-typography-body-300-line-height",
    "attributes": {
      "category": "typography",
      "type": "body-300",
      "item": "line-height"
    },
    "path": [
      "typography",
      "body-300",
      "line-height"
    ]
  },
  {
    "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
    "original": {
      "value": "{typography.font-stack.text.value}"
    },
    "name": "token-typography-body-200-font-family",
    "attributes": {
      "category": "typography",
      "type": "body-200",
      "item": "font-family"
    },
    "path": [
      "typography",
      "body-200",
      "font-family"
    ]
  },
  {
    "value": "0.875rem",
    "type": "font-size",
    "comment": "14px/0.875rem",
    "original": {
      "value": "14",
      "type": "font-size",
      "comment": "14px/0.875rem"
    },
    "name": "token-typography-body-200-font-size",
    "attributes": {
      "category": "typography",
      "type": "body-200",
      "item": "font-size"
    },
    "path": [
      "typography",
      "body-200",
      "font-size"
    ]
  },
  {
    "value": "1.4286",
    "comment": "20px",
    "original": {
      "value": "1.4286",
      "comment": "20px"
    },
    "name": "token-typography-body-200-line-height",
    "attributes": {
      "category": "typography",
      "type": "body-200",
      "item": "line-height"
    },
    "path": [
      "typography",
      "body-200",
      "line-height"
    ]
  },
  {
    "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
    "original": {
      "value": "{typography.font-stack.text.value}"
    },
    "name": "token-typography-body-100-font-family",
    "attributes": {
      "category": "typography",
      "type": "body-100",
      "item": "font-family"
    },
    "path": [
      "typography",
      "body-100",
      "font-family"
    ]
  },
  {
    "value": "0.8125rem",
    "type": "font-size",
    "comment": "13px/0.8125rem",
    "original": {
      "value": "13",
      "type": "font-size",
      "comment": "13px/0.8125rem"
    },
    "name": "token-typography-body-100-font-size",
    "attributes": {
      "category": "typography",
      "type": "body-100",
      "item": "font-size"
    },
    "path": [
      "typography",
      "body-100",
      "font-size"
    ]
  },
  {
    "value": "1.3846",
    "comment": "18px",
    "original": {
      "value": "1.3846",
      "comment": "18px"
    },
    "name": "token-typography-body-100-line-height",
    "attributes": {
      "category": "typography",
      "type": "body-100",
      "item": "line-height"
    },
    "path": [
      "typography",
      "body-100",
      "line-height"
    ]
  },
  {
    "value": "ui-monospace, Menlo, Consolas, monospace",
    "original": {
      "value": "{typography.font-stack.code.value}"
    },
    "name": "token-typography-code-100-font-family",
    "attributes": {
      "category": "typography",
      "type": "code-100",
      "item": "font-family"
    },
    "path": [
      "typography",
      "code-100",
      "font-family"
    ]
  },
  {
    "value": "0.8125rem",
    "type": "font-size",
    "comment": "13px/0.8125rem",
    "original": {
      "value": "13",
      "type": "font-size",
      "comment": "13px/0.8125rem"
    },
    "name": "token-typography-code-100-font-size",
    "attributes": {
      "category": "typography",
      "type": "code-100",
      "item": "font-size"
    },
    "path": [
      "typography",
      "code-100",
      "font-size"
    ]
  },
  {
    "value": "1.23",
    "comment": "16px",
    "original": {
      "value": "1.23",
      "comment": "16px"
    },
    "name": "token-typography-code-100-line-height",
    "attributes": {
      "category": "typography",
      "type": "code-100",
      "item": "line-height"
    },
    "path": [
      "typography",
      "code-100",
      "line-height"
    ]
  },
  {
    "value": "ui-monospace, Menlo, Consolas, monospace",
    "original": {
      "value": "{typography.font-stack.code.value}"
    },
    "name": "token-typography-code-200-font-family",
    "attributes": {
      "category": "typography",
      "type": "code-200",
      "item": "font-family"
    },
    "path": [
      "typography",
      "code-200",
      "font-family"
    ]
  },
  {
    "value": "0.875rem",
    "type": "font-size",
    "comment": "14px/0.875rem",
    "original": {
      "value": "14",
      "type": "font-size",
      "comment": "14px/0.875rem"
    },
    "name": "token-typography-code-200-font-size",
    "attributes": {
      "category": "typography",
      "type": "code-200",
      "item": "font-size"
    },
    "path": [
      "typography",
      "code-200",
      "font-size"
    ]
  },
  {
    "value": "1.125",
    "comment": "18px",
    "original": {
      "value": "1.125",
      "comment": "18px"
    },
    "name": "token-typography-code-200-line-height",
    "attributes": {
      "category": "typography",
      "type": "code-200",
      "item": "line-height"
    },
    "path": [
      "typography",
      "code-200",
      "line-height"
    ]
  },
  {
    "value": "ui-monospace, Menlo, Consolas, monospace",
    "original": {
      "value": "{typography.font-stack.code.value}"
    },
    "name": "token-typography-code-300-font-family",
    "attributes": {
      "category": "typography",
      "type": "code-300",
      "item": "font-family"
    },
    "path": [
      "typography",
      "code-300",
      "font-family"
    ]
  },
  {
    "value": "1rem",
    "type": "font-size",
    "comment": "16px/1rem",
    "original": {
      "value": "16",
      "type": "font-size",
      "comment": "16px/1rem"
    },
    "name": "token-typography-code-300-font-size",
    "attributes": {
      "category": "typography",
      "type": "code-300",
      "item": "font-size"
    },
    "path": [
      "typography",
      "code-300",
      "font-size"
    ]
  },
  {
    "value": "1.25",
    "comment": "20px",
    "original": {
      "value": "1.25",
      "comment": "20px"
    },
    "name": "token-typography-code-300-line-height",
    "attributes": {
      "category": "typography",
      "type": "code-300",
      "item": "line-height"
    },
    "path": [
      "typography",
      "code-300",
      "line-height"
    ]
  }
]