{
  "aliases": {
    "sky": {
      "value": "#51A9E3"
    },
    "mint": {
      "value": "#6ADDB2"
    },
    "saffron": {
      "value": "#F2BE5A"
    },
    "white": {
      "value": "#FFFFFF"
    },
    "amaranth-transparent-10": {
      "value": "rgba(242, 47, 70, 0.1)"
    },
    "paper-accent": {
      "value": "#FEF0E6"
    },
    "sun": {
      "value": "#FF7A00"
    },
    "white-accent": {
      "value": "#F6FBFE"
    },
    "ink-accent": {
      "value": "#17243B"
    },
    "amaranth-accent": {
      "value": "#F3465A"
    },
    "amaranth": {
      "value": "#F22F46"
    },
    "black": {
      "value": "#000000"
    },
    "palette-yellow-70": {
      "value": "#c28e00"
    },
    "palette-blue-10": {
      "value": "#ebf4ff"
    },
    "palette-green-05": {
      "value": "#f5fdf8"
    },
    "palette-yellow-60": {
      "value": "#e8b407"
    },
    "palette-gray-0-transparent-100": {
      "value": "rgba(255, 255, 255, 1)"
    },
    "palette-blue-55": {
      "value": "#006dfa"
    },
    "palette-yellow-50": {
      "value": "#fad100"
    },
    "palette-gray-100-transparent-100": {
      "value": "rgba(18, 28, 45, 1)"
    },
    "palette-red-100": {
      "value": "#310c0c"
    },
    "palette-yellow-40": {
      "value": "#ffdd35"
    },
    "palette-orange-100": {
      "value": "#40130f"
    },
    "palette-purple-05": {
      "value": "#faf7fd"
    },
    "palette-blue-60-transparent-100": {
      "value": "rgba(2, 99, 224, 1)"
    },
    "palette-yellow-30": {
      "value": "#ffe980"
    },
    "palette-blue-60-transparent-90": {
      "value": "rgba(2, 99, 224, 0.9)"
    },
    "palette-orange-90": {
      "value": "#541914"
    },
    "palette-red-90": {
      "value": "#4a0b0b"
    },
    "palette-yellow-20": {
      "value": "#fff1b3"
    },
    "palette-blue-60-transparent-80": {
      "value": "rgba(2, 99, 224, 0.8)"
    },
    "palette-orange-80": {
      "value": "#8d3118"
    },
    "palette-red-80": {
      "value": "#750c0c"
    },
    "palette-yellow-10": {
      "value": "#fffbea"
    },
    "palette-blue-60-transparent-70": {
      "value": "rgba(2, 99, 224, 0.7)"
    },
    "palette-orange-70": {
      "value": "#c35323"
    },
    "palette-blue-05": {
      "value": "#f4f9ff"
    },
    "palette-gray-100-transparent-90": {
      "value": "rgba(18, 28, 45, 0.9)"
    },
    "palette-gray-0-transparent-90": {
      "value": "rgba(255, 255, 255, 0.9)"
    },
    "palette-red-70": {
      "value": "#ad1111"
    },
    "palette-blue-60-transparent-60": {
      "value": "rgba(2, 99, 224, 0.6)"
    },
    "palette-orange-60": {
      "value": "#f47c22"
    },
    "palette-gray-100-transparent-80": {
      "value": "rgba(18, 28, 45, 0.8)"
    },
    "palette-gray-0-transparent-80": {
      "value": "rgba(255, 255, 255, 0.8)"
    },
    "palette-red-60": {
      "value": "#DB132A"
    },
    "palette-blue-60-transparent-50": {
      "value": "rgba(2, 99, 224, 0.5)"
    },
    "palette-orange-50": {
      "value": "#fa9950"
    },
    "palette-gray-100-transparent-70": {
      "value": "rgba(18, 28, 45, 0.7)"
    },
    "palette-gray-0-transparent-70": {
      "value": "rgba(255, 255, 255, 0.7)"
    },
    "palette-red-50": {
      "value": "#EC5B5B"
    },
    "palette-blue-60-transparent-40": {
      "value": "rgba(2, 99, 224, 0.4)"
    },
    "palette-orange-40": {
      "value": "#ffb37a"
    },
    "palette-gray-100-transparent-60": {
      "value": "rgba(18, 28, 45, 0.6)"
    },
    "palette-gray-0-transparent-60": {
      "value": "rgba(255, 255, 255, 0.6)"
    },
    "palette-red-40": {
      "value": "#f58a8a"
    },
    "palette-blue-60-transparent-30": {
      "value": "rgba(2, 99, 224, 0.3)"
    },
    "palette-orange-30": {
      "value": "#fac2a0"
    },
    "palette-gray-100-transparent-50": {
      "value": "rgba(18, 28, 45, 0.5)"
    },
    "palette-yellow-100": {
      "value": "#3d2106"
    },
    "palette-gray-0-transparent-50": {
      "value": "rgba(255, 255, 255, 0.5)"
    },
    "palette-red-30": {
      "value": "#f6b1b1"
    },
    "palette-blue-60-transparent-20": {
      "value": "rgba(2, 99, 224, 0.2)"
    },
    "palette-orange-20": {
      "value": "#fddcc4"
    },
    "palette-gray-100-transparent-40": {
      "value": "rgba(18, 28, 45, 0.4)"
    },
    "palette-gray-0-transparent-40": {
      "value": "rgba(255, 255, 255, 0.4)"
    },
    "palette-red-20": {
      "value": "#fccfcf"
    },
    "palette-blue-60-transparent-10": {
      "value": "rgba(2, 99, 224, 0.1)"
    },
    "palette-yellow-05": {
      "value": "#fffdf4"
    },
    "palette-orange-10": {
      "value": "#fef5ee"
    },
    "palette-orange-65": {
      "value": "#e36a19"
    },
    "palette-gray-100-transparent-30": {
      "value": "rgba(18, 28, 45, 0.3)"
    },
    "palette-gray-0-transparent-30": {
      "value": "rgba(255, 255, 255, 0.3)"
    },
    "palette-red-10": {
      "value": "#feecec"
    },
    "palette-red-65": {
      "value": "#c72323"
    },
    "palette-gray-100-transparent-20": {
      "value": "rgba(18, 28, 45, 0.2)"
    },
    "palette-gray-0-transparent-20": {
      "value": "rgba(255, 255, 255, 0.2)"
    },
    "palette-gray-100-transparent-10": {
      "value": "rgba(18, 28, 45, 0.1)"
    },
    "palette-gray-0-transparent-10": {
      "value": "rgba(255, 255, 255, 0.1)"
    },
    "palette-gray-110-transparent-10": {
      "value": "rgba(15, 22, 33, 0.1)"
    },
    "palette-gray-90": {
      "value": "#1f304c"
    },
    "palette-blue-100-transparent-90": {
      "value": "rgba(6, 3, 58, 0.9)"
    },
    "palette-blue-100": {
      "value": "#06033a"
    },
    "palette-gray-80": {
      "value": "#394762"
    },
    "palette-blue-100-transparent-80": {
      "value": "rgba(6, 3, 58, 0.8)"
    },
    "palette-gray-70": {
      "value": "#4b5671"
    },
    "palette-blue-100-transparent-70": {
      "value": "rgba(6, 3, 58, 0.7)"
    },
    "palette-gray-60": {
      "value": "#606b85"
    },
    "palette-orange-05": {
      "value": "#fdf7f4"
    },
    "palette-purple-100": {
      "value": "#160433"
    },
    "palette-blue-100-transparent-60": {
      "value": "rgba(6, 3, 58, 0.6)"
    },
    "palette-red-05": {
      "value": "#fef5f5"
    },
    "palette-gray-50": {
      "value": "#8891aa"
    },
    "palette-green-90": {
      "value": "#0d3a1f"
    },
    "palette-blue-100-transparent-50": {
      "value": "rgba(6, 3, 58, 0.5)"
    },
    "palette-gray-40": {
      "value": "#8B93AA"
    },
    "palette-green-80": {
      "value": "#0b602d"
    },
    "palette-gray-95": {
      "value": "#18253C"
    },
    "palette-blue-100-transparent-40": {
      "value": "rgba(6, 3, 58, 0.4)"
    },
    "palette-gray-110-transparent-05": {
      "value": "rgba(15, 22, 33, 0.05)"
    },
    "palette-gray-30": {
      "value": "#cacdd8"
    },
    "palette-green-70": {
      "value": "#0e7c3a"
    },
    "palette-gray-85": {
      "value": "#25395b"
    },
    "palette-blue-100-transparent-30": {
      "value": "rgba(6, 3, 58, 0.3)"
    },
    "palette-green-100": {
      "value": "#052912"
    },
    "palette-gray-20": {
      "value": "#e1e3ea"
    },
    "palette-green-60": {
      "value": "#14b053"
    },
    "palette-gray-75": {
      "value": "#404f6e"
    },
    "palette-purple-90": {
      "value": "#22094a"
    },
    "palette-blue-100-transparent-20": {
      "value": "rgba(6, 3, 58, 0.2)"
    },
    "palette-black-transparent-40": {
      "value": "rgba(0, 0, 0, 0.4)"
    },
    "palette-gray-10": {
      "value": "#f4f4f6"
    },
    "palette-green-50": {
      "value": "#36d576"
    },
    "palette-purple-80": {
      "value": "#380e78"
    },
    "palette-blue-100-transparent-10": {
      "value": "rgba(6, 3, 58, 0.1)"
    },
    "palette-blue-90": {
      "value": "#030b5d"
    },
    "palette-green-40": {
      "value": "#7beaa5"
    },
    "palette-gray-55": {
      "value": "#67728e"
    },
    "palette-purple-70": {
      "value": "#5817bd"
    },
    "palette-gray-110": {
      "value": "#0F1621"
    },
    "palette-gray-0": {
      "value": "#ffffff"
    },
    "palette-blue-100-transparent-100": {
      "value": "rgba(6, 3, 58, 1)"
    },
    "palette-green-30": {
      "value": "#a2f6c3"
    },
    "palette-purple-60": {
      "value": "#6d2ed1"
    },
    "palette-gray-100": {
      "value": "#121c2d"
    },
    "palette-blue-80": {
      "value": "#001489"
    },
    "palette-black-transparent-10": {
      "value": "rgba(0, 0, 0, 0.1)"
    },
    "palette-green-20": {
      "value": "#d1fae0"
    },
    "palette-purple-50": {
      "value": "#8c5bd8"
    },
    "palette-blue-70": {
      "value": "#043cb5"
    },
    "palette-green-10": {
      "value": "#edfdf3"
    },
    "palette-purple-40": {
      "value": "#a67fe3"
    },
    "palette-blue-60": {
      "value": "#0263e0"
    },
    "palette-gray-15": {
      "value": "#edeef2"
    },
    "palette-purple-30": {
      "value": "#c8aff0"
    },
    "palette-blue-50": {
      "value": "#008cff"
    },
    "palette-gray-05": {
      "value": "#f9f9fa"
    },
    "palette-purple-20": {
      "value": "#e7dcfa"
    },
    "palette-blue-40": {
      "value": "#66b3ff"
    },
    "palette-purple-10": {
      "value": "#f5f0fc"
    },
    "palette-yellow-90": {
      "value": "#543308"
    },
    "palette-blue-30": {
      "value": "#99cdff"
    },
    "palette-yellow-80": {
      "value": "#855c15"
    },
    "palette-blue-20": {
      "value": "#cce4ff"
    },
    "border-radius-circle": {
      "value": "50%"
    },
    "border-radius-90": {
      "value": "32px"
    },
    "border-radius-80": {
      "value": "28px"
    },
    "border-radius-pill": {
      "value": "100px"
    },
    "border-radius-70": {
      "value": "24px"
    },
    "border-radius-60": {
      "value": "20px"
    },
    "border-radius-50": {
      "value": "16px"
    },
    "border-radius-40": {
      "value": "12px"
    },
    "border-radius-0": {
      "value": "0"
    },
    "border-radius-30": {
      "value": "8px"
    },
    "border-radius-20": {
      "value": "4px"
    },
    "border-radius-10": {
      "value": "2px"
    },
    "border-width-0": {
      "value": "0"
    },
    "border-width-10": {
      "value": "1px"
    },
    "border-width-20": {
      "value": "2px"
    },
    "border-width-30": {
      "value": "4px"
    },
    "border-width-40": {
      "value": "8px"
    },
    "offset-negative-05": {
      "value": "-1px"
    },
    "offset-90": {
      "value": "32px"
    },
    "offset-80": {
      "value": "24px"
    },
    "offset-70": {
      "value": "20px"
    },
    "offset-60": {
      "value": "16px"
    },
    "offset-50": {
      "value": "12px"
    },
    "offset-0": {
      "value": "0"
    },
    "offset-40": {
      "value": "8px"
    },
    "offset-30": {
      "value": "6px"
    },
    "offset-negative-60": {
      "value": "-16px"
    },
    "offset-20": {
      "value": "4px"
    },
    "offset-10": {
      "value": "2px"
    },
    "offset-negative-20": {
      "value": "-4px"
    },
    "offset-25": {
      "value": "5px"
    },
    "offset-15": {
      "value": "3px"
    },
    "offset-05": {
      "value": "1px"
    },
    "space-70": {
      "value": "1.5rem"
    },
    "space-60": {
      "value": "1.25rem"
    },
    "space-190": {
      "value": "4.5rem"
    },
    "space-50": {
      "value": "1rem"
    },
    "space-290": {
      "value": "7rem"
    },
    "space-180": {
      "value": "4.25rem"
    },
    "space-40": {
      "value": "0.75rem"
    },
    "space-280": {
      "value": "6.75rem"
    },
    "space-170": {
      "value": "4rem"
    },
    "space-30": {
      "value": "0.5rem"
    },
    "space-270": {
      "value": "6.5rem"
    },
    "space-160": {
      "value": "3.75rem"
    },
    "space-20": {
      "value": "0.25rem"
    },
    "space-260": {
      "value": "6.25rem"
    },
    "space-150": {
      "value": "3.5rem"
    },
    "space-10": {
      "value": "0.125rem"
    },
    "space-250": {
      "value": "6rem"
    },
    "space-140": {
      "value": "3.25rem"
    },
    "space-240": {
      "value": "5.75rem"
    },
    "space-130": {
      "value": "3rem"
    },
    "space-230": {
      "value": "5.5rem"
    },
    "space-120": {
      "value": "2.75rem"
    },
    "space-220": {
      "value": "5.25rem"
    },
    "space-110": {
      "value": "2.5rem"
    },
    "space-0": {
      "value": "0"
    },
    "space-210": {
      "value": "5rem"
    },
    "space-100": {
      "value": "2.25rem"
    },
    "space-310": {
      "value": "7.5rem"
    },
    "space-200": {
      "value": "4.75rem"
    },
    "space-300": {
      "value": "7.25rem"
    },
    "space-90": {
      "value": "2rem"
    },
    "space-80": {
      "value": "1.75rem"
    },
    "deprecated-shadow-elevation-0": {
      "value": "none"
    },
    "deprecated-shadow-elevation-10": {
      "value": "0 2px 8px 0 rgba(18, 28, 45, 0.1)"
    },
    "deprecated-shadow-elevation-20": {
      "value": "0 4px 16px 0 rgba(18, 28, 45, 0.2)"
    },
    "deprecated-shadow-elevation-30": {
      "value": "0 16px 24px 0 rgba(18, 28, 45, 0.2)"
    },
    "font-family-10": {
      "value": "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif"
    },
    "font-family-20": {
      "value": "'TwilioSansMono', Courier, monospace"
    },
    "font-family-30": {
      "value": "'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif"
    },
    "font-family-40": {
      "value": "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif"
    },
    "font-family-50": {
      "value": "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif"
    },
    "font-family-60": {
      "value": "'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif"
    },
    "font-size-110": {
      "value": "3rem"
    },
    "font-size-100": {
      "value": "2.5rem"
    },
    "font-size-90": {
      "value": "2rem"
    },
    "font-size-80": {
      "value": "1.75rem"
    },
    "font-size-70": {
      "value": "1.5rem"
    },
    "font-size-60": {
      "value": "1.25rem"
    },
    "font-size-50": {
      "value": "1.125rem"
    },
    "font-size-40": {
      "value": "1rem"
    },
    "font-size-30": {
      "value": "0.875rem"
    },
    "font-size-20": {
      "value": "0.75rem"
    },
    "font-size-10": {
      "value": "0.625rem"
    },
    "font-size-display-30": {
      "value": "4rem"
    },
    "font-size-display-20": {
      "value": "3rem"
    },
    "font-size-display-10": {
      "value": "2rem"
    },
    "font-weight-light": {
      "value": 300
    },
    "font-weight-normal": {
      "value": 400
    },
    "font-weight-medium": {
      "value": 500
    },
    "font-weight-semibold": {
      "value": 600
    },
    "font-weight-bold": {
      "value": 700
    },
    "font-weight-extrabold": {
      "value": 800
    },
    "line-height-0": {
      "value": "0"
    },
    "line-height-110": {
      "value": "4rem"
    },
    "line-height-90": {
      "value": "2.5rem"
    },
    "line-height-100": {
      "value": "3.25rem"
    },
    "line-height-80": {
      "value": "2.5rem"
    },
    "line-height-70": {
      "value": "2rem"
    },
    "line-height-60": {
      "value": "1.75rem"
    },
    "line-height-50": {
      "value": "1.75rem"
    },
    "line-height-40": {
      "value": "1.5rem"
    },
    "line-height-30": {
      "value": "1.25rem"
    },
    "line-height-20": {
      "value": "1.25rem"
    },
    "line-height-10": {
      "value": "1rem"
    },
    "line-height-05": {
      "value": "0.75rem"
    },
    "line-height-display-30": {
      "value": "5rem"
    },
    "line-height-display-20": {
      "value": "3.75rem"
    },
    "line-height-display-10": {
      "value": "2.5rem"
    },
    "size-square-40": {
      "value": "0.75rem"
    },
    "size-base-0": {
      "value": "0"
    },
    "size-square-30": {
      "value": "0.5rem"
    },
    "size-square-20": {
      "value": "0.25rem"
    },
    "size-90": {
      "value": "57.5rem"
    },
    "size-square-10": {
      "value": "0.125rem"
    },
    "size-120": {
      "value": "77rem"
    },
    "size-80": {
      "value": "51rem"
    },
    "size-0": {
      "value": "0"
    },
    "size-110": {
      "value": "70.5rem"
    },
    "size-square-190": {
      "value": "4.5rem"
    },
    "size-70": {
      "value": "44.5rem"
    },
    "size-100": {
      "value": "64rem"
    },
    "size-square-180": {
      "value": "4.25rem"
    },
    "size-60": {
      "value": "38rem"
    },
    "size-square-170": {
      "value": "4rem"
    },
    "size-sidebar-compact": {
      "value": "4.75rem"
    },
    "size-base-90": {
      "value": "2.25rem"
    },
    "size-square-25": {
      "value": "0.375rem"
    },
    "size-square-160": {
      "value": "3.75rem"
    },
    "size-50": {
      "value": "31.5rem"
    },
    "size-base-80": {
      "value": "2rem"
    },
    "size-square-150": {
      "value": "3.5rem"
    },
    "size-40": {
      "value": "25rem"
    },
    "size-base-70": {
      "value": "1.75rem"
    },
    "size-square-140": {
      "value": "3.25rem"
    },
    "size-30": {
      "value": "18.5rem"
    },
    "size-base-60": {
      "value": "1.5rem"
    },
    "size-topbar": {
      "value": "4.75rem"
    },
    "size-square-130": {
      "value": "3rem"
    },
    "size-20": {
      "value": "12rem"
    },
    "size-base-50": {
      "value": "1.25rem"
    },
    "size-square-120": {
      "value": "2.75rem"
    },
    "size-10": {
      "value": "5.5rem"
    },
    "size-base-40": {
      "value": "1rem"
    },
    "size-square-110": {
      "value": "2.5rem"
    },
    "size-square-0": {
      "value": "0"
    },
    "size-base-30": {
      "value": "0.75rem"
    },
    "size-square-100": {
      "value": "2.25rem"
    },
    "size-base-20": {
      "value": "0.5rem"
    },
    "size-square-200": {
      "value": "4.75rem"
    },
    "size-base-10": {
      "value": "0.25rem"
    },
    "size-sidebar": {
      "value": "15rem"
    },
    "size-square-90": {
      "value": "2rem"
    },
    "size-square-80": {
      "value": "1.75rem"
    },
    "size-square-70": {
      "value": "1.5rem"
    },
    "size-square-60": {
      "value": "1.25rem"
    },
    "size-square-50": {
      "value": "1rem"
    },
    "z-index-0": {
      "value": "0"
    },
    "z-index-90": {
      "value": 90
    },
    "z-index-80": {
      "value": 80
    },
    "z-index-70": {
      "value": 70
    },
    "z-index-60": {
      "value": 60
    },
    "z-index-50": {
      "value": 50
    },
    "z-index-40": {
      "value": 40
    },
    "z-index-30": {
      "value": 30
    },
    "z-index-20": {
      "value": 20
    },
    "z-index-10": {
      "value": 10
    }
  },
  "props": {
    "color-background-user": {
      "type": "color",
      "category": "background-color",
      "value": "#c8aff0",
      "comment": "Background color used for user avatars.",
      "originalValue": "{!palette-purple-30}",
      "name": "color-background-user"
    },
    "color-background-notification": {
      "type": "color",
      "category": "background-color",
      "value": "#DB132A",
      "comment": "Background color used for notifications.",
      "originalValue": "{!palette-red-60}",
      "name": "color-background-notification"
    },
    "color-background-trial": {
      "type": "color",
      "category": "background-color",
      "value": "#d1fae0",
      "comment": "Background color used for trial accounts.",
      "originalValue": "{!palette-green-20}",
      "name": "color-background-trial"
    },
    "color-background-subaccount": {
      "type": "color",
      "category": "background-color",
      "value": "#fffbea",
      "comment": "Background color used for subaccounts.",
      "originalValue": "{!palette-yellow-10}",
      "name": "color-background-subaccount"
    },
    "color-background-primary-stronger": {
      "type": "color",
      "category": "background-color",
      "value": "#030b5d",
      "comment": "Stronger background color used for primary actions or highlights.",
      "originalValue": "{!palette-blue-90}",
      "name": "color-background-primary-stronger"
    },
    "color-background-destructive-stronger": {
      "type": "color",
      "category": "background-color",
      "value": "#4a0b0b",
      "comment": "Stronger background color used for destructive actions or highlights.",
      "originalValue": "{!palette-red-90}",
      "name": "color-background-destructive-stronger"
    },
    "color-background-primary-weaker": {
      "type": "color",
      "category": "background-color",
      "value": "#cce4ff",
      "comment": "Weaker background color used for primary actions or highlights.",
      "originalValue": "{!palette-blue-20}",
      "name": "color-background-primary-weaker"
    },
    "color-background-destructive-weaker": {
      "type": "color",
      "category": "background-color",
      "value": "#fccfcf",
      "comment": "Weaker background color used for destructive actions or highlights.",
      "originalValue": "{!palette-red-20}",
      "name": "color-background-destructive-weaker"
    },
    "color-background-inverse-stronger-elevation": {
      "type": "color",
      "category": "background-color",
      "value": "#404f6e",
      "comment": "Elevation token for color-background-inverse-stronger elements.",
      "originalValue": "{!palette-gray-75}",
      "name": "color-background-inverse-stronger-elevation"
    },
    "color-background-body-elevation": {
      "type": "color",
      "category": "background-color",
      "value": "#f9f9fa",
      "comment": "Elevation token for color-background-body elements.",
      "originalValue": "{!palette-gray-05}",
      "name": "color-background-body-elevation"
    },
    "color-background-warning": {
      "type": "color",
      "category": "background-color",
      "value": "#f47c22",
      "comment": "Background color used for warning alerts and toasts.",
      "originalValue": "{!palette-orange-60}",
      "name": "color-background-warning"
    },
    "color-background-elevation": {
      "type": "color",
      "category": "background-color",
      "value": "#edeef2",
      "comment": "Elevation token for color-background elements.",
      "originalValue": "{!palette-gray-15}",
      "name": "color-background-elevation"
    },
    "color-background-warning-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "#fef5ee",
      "comment": "Weakest background color used for warning alerts and toasts.",
      "originalValue": "{!palette-orange-10}",
      "name": "color-background-warning-weakest"
    },
    "color-background-inverse-strong": {
      "type": "color",
      "category": "background-color",
      "value": "#394762",
      "comment": "Strong inverse background color used for containers.",
      "originalValue": "{!palette-gray-80}",
      "name": "color-background-inverse-strong"
    },
    "color-background-weaker-elevation": {
      "type": "color",
      "category": "background-color",
      "value": "#f9f9fa",
      "comment": "Elevation token for color-background-weak elements.",
      "originalValue": "{!palette-gray-05}",
      "name": "color-background-weaker-elevation"
    },
    "color-background-new": {
      "type": "color",
      "category": "background-color",
      "value": "#f5f0fc",
      "comment": "Background color used to represent a new status.",
      "originalValue": "{!palette-purple-10}",
      "name": "color-background-new"
    },
    "color-background-inverse-elevation": {
      "type": "color",
      "category": "background-color",
      "value": "#25395b",
      "comment": "Elevation token for color-background-inverse elements.",
      "originalValue": "{!palette-gray-85}",
      "name": "color-background-inverse-elevation"
    },
    "color-background-strong": {
      "type": "color",
      "category": "background-color",
      "value": "#e1e3ea",
      "comment": "Strong background color used for containers.",
      "originalValue": "{!palette-gray-20}",
      "name": "color-background-strong"
    },
    "color-background-new-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "#faf7fd",
      "comment": "Weakest background color for indicating a new status.",
      "originalValue": "{!palette-purple-05}",
      "name": "color-background-new-weakest"
    },
    "color-background-destructive": {
      "type": "color",
      "category": "background-color",
      "value": "#DB132A",
      "comment": "Background color used for destructive actions or highlights.",
      "originalValue": "{!palette-red-60}",
      "name": "color-background-destructive"
    },
    "color-background-weak": {
      "type": "color",
      "category": "background-color",
      "value": "#f9f9fa",
      "comment": "Weak background color used for containers.",
      "originalValue": "{!palette-gray-05}",
      "name": "color-background-weak"
    },
    "color-background-primary": {
      "type": "color",
      "category": "background-color",
      "value": "#0263e0",
      "comment": "Background color used for primary actions or highlights.",
      "originalValue": "{!palette-blue-60}",
      "name": "color-background-primary"
    },
    "color-background-primary-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "#ebf4ff",
      "comment": "Weakest background color used for primary actions or highlights.",
      "originalValue": "{!palette-blue-10}",
      "name": "color-background-primary-weakest"
    },
    "color-background-busy": {
      "type": "color",
      "category": "background-color",
      "value": "#f47c22",
      "comment": "Background color used to represent an entity or person as \"busy\".",
      "originalValue": "{!palette-orange-60}",
      "name": "color-background-busy"
    },
    "color-background-success": {
      "type": "color",
      "category": "background-color",
      "value": "#14b053",
      "comment": "Background color used for success alerts and toasts.",
      "originalValue": "{!palette-green-60}",
      "name": "color-background-success"
    },
    "color-background-destructive-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "#fef5f5",
      "comment": "Weakest background color used for destructive actions or highlights.",
      "originalValue": "{!palette-red-05}",
      "name": "color-background-destructive-weakest"
    },
    "color-background-offline": {
      "type": "color",
      "category": "background-color",
      "value": "#8B93AA",
      "comment": "Background color used to represent an entity or person as \"offline\".",
      "originalValue": "{!palette-gray-40}",
      "name": "color-background-offline"
    },
    "color-background-row-striped": {
      "type": "color",
      "category": "background-color",
      "value": "#f4f4f6",
      "comment": "Background color used for alternative striped rows.",
      "originalValue": "{!palette-gray-10}",
      "name": "color-background-row-striped"
    },
    "color-background-primary-strongest": {
      "type": "color",
      "category": "background-color",
      "value": "#06033a",
      "comment": "Strongest background color used for primary actions or highlights.",
      "originalValue": "{!palette-blue-100}",
      "name": "color-background-primary-strongest"
    },
    "color-background-success-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "#edfdf3",
      "comment": "Weakest background color used for success alerts and toasts.",
      "originalValue": "{!palette-green-10}",
      "name": "color-background-success-weakest"
    },
    "color-background-destructive-strongest": {
      "type": "color",
      "category": "background-color",
      "value": "#310c0c",
      "comment": "Strongest background color used for destructive actions or highlights.",
      "originalValue": "{!palette-red-100}",
      "name": "color-background-destructive-strongest"
    },
    "color-background-error-strong": {
      "type": "color",
      "category": "background-color",
      "value": "#750c0c",
      "comment": "Strongest background color used for error alerts and toasts.",
      "originalValue": "{!palette-red-80}",
      "name": "color-background-error-strong"
    },
    "color-background-brand-strong": {
      "type": "color",
      "category": "background-color",
      "value": "#030b5d",
      "comment": "Strong primary brand background, accessible with inverse text.",
      "originalValue": "{!palette-blue-90}",
      "name": "color-background-brand-strong"
    },
    "color-background-brand": {
      "type": "color",
      "category": "background-color",
      "value": "#001489",
      "comment": "Primary brand background, accessible with inverse text.",
      "originalValue": "{!palette-blue-80}",
      "name": "color-background-brand"
    },
    "color-background-error": {
      "type": "color",
      "category": "background-color",
      "value": "#DB132A",
      "comment": "Background color used for error alerts and toasts.",
      "originalValue": "{!palette-red-60}",
      "name": "color-background-error"
    },
    "color-background-neutral-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "#ebf4ff",
      "comment": "Weakest background color used for neutral or default variants.",
      "originalValue": "{!palette-blue-10}",
      "name": "color-background-neutral-weakest"
    },
    "color-background-available": {
      "type": "color",
      "category": "background-color",
      "value": "#14b053",
      "comment": "Background color used to represent an entity or person as \"available\".",
      "originalValue": "{!palette-green-60}",
      "name": "color-background-available"
    },
    "color-background-error-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "#fef5f5",
      "comment": "Weakest background color used for error alerts and toasts.",
      "originalValue": "{!palette-red-05}",
      "name": "color-background-error-weakest"
    },
    "color-background-required": {
      "type": "color",
      "category": "background-color",
      "value": "#EC5B5B",
      "comment": "Background color used to represent required form fields.",
      "originalValue": "{!palette-red-50}",
      "name": "color-background-required"
    },
    "color-background-error-strongest": {
      "type": "color",
      "category": "background-color",
      "value": "#310c0c",
      "comment": "Strongest error background color",
      "originalValue": "{!palette-red-100}",
      "name": "color-background-error-strongest"
    },
    "color-background-decorative-40-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "#f5f0fc",
      "comment": "Weakest background color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative border and/or text tokens.",
      "originalValue": "{!palette-purple-10}",
      "name": "color-background-decorative-40-weakest"
    },
    "color-background-inverse-stronger": {
      "type": "color",
      "category": "background-color",
      "value": "#394762",
      "comment": "Stronger inverse background color for any container. Must be used on color-background-body-inverse.",
      "originalValue": "{!palette-gray-80}",
      "name": "color-background-inverse-stronger"
    },
    "color-background-decorative-30-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "#edfdf3",
      "comment": "Weakest background color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative border and/or text tokens.",
      "originalValue": "{!palette-green-10}",
      "name": "color-background-decorative-30-weakest"
    },
    "color-background-body": {
      "type": "color",
      "category": "background-color",
      "value": "#ffffff",
      "comment": "Background color used for the main page body.",
      "originalValue": "{!palette-gray-0}",
      "name": "color-background-body"
    },
    "color-background-primary-strong": {
      "type": "color",
      "category": "background-color",
      "value": "#001489",
      "comment": "Strong background color used for primary actions or highlights.",
      "originalValue": "{!palette-blue-80}",
      "name": "color-background-primary-strong"
    },
    "color-background-decorative-20-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "#ebf4ff",
      "comment": "Weakest background color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative border and/or text tokens.",
      "originalValue": "{!palette-blue-10}",
      "name": "color-background-decorative-20-weakest"
    },
    "color-background-destructive-strong": {
      "type": "color",
      "category": "background-color",
      "value": "#750c0c",
      "comment": "Strong background color used for destructive actions or highlights.",
      "originalValue": "{!palette-red-80}",
      "name": "color-background-destructive-strong"
    },
    "color-background-destructive-weak": {
      "type": "color",
      "category": "background-color",
      "value": "#f6b1b1",
      "comment": "Weak background color used for destructive actions or highlights.",
      "originalValue": "{!palette-red-30}",
      "name": "color-background-destructive-weak"
    },
    "color-background-decorative-10-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "#f4f4f6",
      "comment": "Weakest background color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative border and/or text tokens.",
      "originalValue": "{!palette-gray-10}",
      "name": "color-background-decorative-10-weakest"
    },
    "color-background": {
      "type": "color",
      "category": "background-color",
      "value": "#f4f4f6",
      "comment": "Default background color for any container.",
      "originalValue": "{!palette-gray-10}",
      "name": "color-background"
    },
    "color-background-primary-weak": {
      "type": "color",
      "category": "background-color",
      "value": "#99cdff",
      "comment": "Weak background color used for primary actions or highlights.",
      "originalValue": "{!palette-blue-30}",
      "name": "color-background-primary-weak"
    },
    "color-background-brand-30": {
      "type": "color",
      "category": "background-color",
      "value": "#6ADDB2",
      "comment": "Brand accent background color representing Segment.",
      "originalValue": "{!mint}",
      "name": "color-background-brand-30"
    },
    "color-background-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "#ffffff",
      "comment": "The weakest background color used for containers.",
      "originalValue": "{!palette-gray-0}",
      "name": "color-background-weakest"
    },
    "color-background-stronger": {
      "type": "color",
      "category": "background-color",
      "value": "#8891aa",
      "comment": "Stronger background color used for containers.",
      "originalValue": "{!palette-gray-50}",
      "name": "color-background-stronger"
    },
    "color-background-inverse-strong-elevation": {
      "type": "color",
      "category": "background-color",
      "value": "#25395b",
      "comment": "Elevation token for color-background-inverse-strong elements.",
      "originalValue": "{!palette-gray-85}",
      "name": "color-background-inverse-strong-elevation"
    },
    "color-background-brand-20": {
      "type": "color",
      "category": "background-color",
      "value": "#51A9E3",
      "comment": "Brand accent background color representing Sendgrid.",
      "originalValue": "{!sky}",
      "name": "color-background-brand-20"
    },
    "color-background-brand-highlight": {
      "type": "color",
      "category": "background-color",
      "value": "#F22F46",
      "comment": "Highlight brand background, accessible with black text.",
      "originalValue": "{!amaranth}",
      "name": "color-background-brand-highlight"
    },
    "color-background-brand-highlight-weakest": {
      "type": "color",
      "category": "background-color",
      "value": "rgba(242, 47, 70, 0.1)",
      "comment": "Weakest background color used for brand highlights.",
      "originalValue": "{!amaranth-transparent-10}",
      "name": "color-background-brand-highlight-weakest"
    },
    "color-background-strongest": {
      "type": "color",
      "category": "background-color",
      "value": "#4b5671",
      "comment": "Strongest background color used for containers.",
      "originalValue": "{!palette-gray-70}",
      "name": "color-background-strongest"
    },
    "color-background-inverse-weak-elevation": {
      "type": "color",
      "category": "background-color",
      "value": "#25395b",
      "comment": "Elevation token for color-background-inverse-weak elements.",
      "originalValue": "{!palette-gray-85}",
      "name": "color-background-inverse-weak-elevation"
    },
    "color-background-brand-10": {
      "type": "color",
      "category": "background-color",
      "value": "#F2BE5A",
      "comment": "Brand accent background color representing Twilio.",
      "originalValue": "{!saffron}",
      "name": "color-background-brand-10"
    },
    "color-background-weaker": {
      "type": "color",
      "category": "background-color",
      "value": "#ffffff",
      "comment": "Background color for elevated elements. Matches color-background-body in light mode but appears slightly lighter in dark mode to maintain focus.",
      "originalValue": "{!palette-gray-0}",
      "name": "color-background-weaker"
    },
    "color-background-body-inverse": {
      "type": "color",
      "category": "background-color",
      "value": "#121c2d",
      "comment": "Inverse background color used for the main page body.",
      "originalValue": "{!palette-gray-100}",
      "name": "color-background-body-inverse"
    },
    "color-background-inverse": {
      "type": "color",
      "category": "background-color",
      "value": "#1f304c",
      "comment": "Inverse background color used for containers.",
      "originalValue": "{!palette-gray-90}",
      "name": "color-background-inverse"
    },
    "color-background-overlay": {
      "type": "color",
      "category": "background-color",
      "value": "rgba(6, 3, 58, 0.4)",
      "comment": "Background color used for overlays.",
      "originalValue": "{!palette-blue-100-transparent-40}",
      "name": "color-background-overlay"
    },
    "color-background-unavailable": {
      "type": "color",
      "category": "background-color",
      "value": "#DB132A",
      "comment": "Background color used to represent an entity or person as \"unavailable\".",
      "originalValue": "{!palette-red-60}",
      "name": "color-background-unavailable"
    },
    "color-background-strong-elevation": {
      "type": "color",
      "category": "background-color",
      "value": "#e1e3ea",
      "comment": "Elevation token for color-background-strong elements.",
      "originalValue": "{!palette-gray-20}",
      "name": "color-background-strong-elevation"
    },
    "color-background-body-elevation-primary": {
      "type": "color",
      "category": "background-color",
      "value": "#f4f9ff",
      "comment": "Primary elevation token for color-background-body elements.",
      "originalValue": "{!palette-blue-05}",
      "name": "color-background-body-elevation-primary"
    },
    "color-background-inverse-strongest": {
      "type": "color",
      "category": "background-color",
      "value": "#ffffff",
      "comment": "Strongest inverse background color used for containers.",
      "originalValue": "{!palette-gray-0}",
      "name": "color-background-inverse-strongest"
    },
    "color-background-weak-elevation": {
      "type": "color",
      "category": "background-color",
      "value": "#f9f9fa",
      "comment": "Elevation token for color-background-weak elements.",
      "originalValue": "{!palette-gray-05}",
      "name": "color-background-weak-elevation"
    },
    "color-background-error-stronger": {
      "type": "color",
      "category": "background-color",
      "value": "#4a0b0b",
      "comment": "Stronger error background color",
      "originalValue": "{!palette-red-90}",
      "name": "color-background-error-stronger"
    },
    "color-background-brand-stronger": {
      "type": "color",
      "category": "background-color",
      "value": "#06033a",
      "comment": "Stronger primary brand background, accessible with inverse text.",
      "originalValue": "{!palette-blue-100}",
      "name": "color-background-brand-stronger"
    },
    "color-border-error-stronger": {
      "type": "color",
      "category": "border-color",
      "value": "#4a0b0b",
      "comment": "Stronger error border color",
      "originalValue": "{!palette-red-90}",
      "name": "color-border-error-stronger"
    },
    "color-border-warning-weak": {
      "type": "color",
      "category": "border-color",
      "value": "#ffb37a",
      "comment": "Weak warning border color",
      "originalValue": "{!palette-orange-40}",
      "name": "color-border-warning-weak"
    },
    "color-border-decorative-40-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#e7dcfa",
      "comment": "Weaker border color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or text tokens.",
      "originalValue": "{!palette-purple-20}",
      "name": "color-border-decorative-40-weaker"
    },
    "color-border-error-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#fccfcf",
      "comment": "Weaker error border color",
      "originalValue": "{!palette-red-20}",
      "name": "color-border-error-weaker"
    },
    "color-border-user": {
      "type": "color",
      "category": "border-color",
      "value": "#e7dcfa",
      "comment": "User avatar border color.",
      "originalValue": "{!palette-purple-20}",
      "name": "color-border-user"
    },
    "color-border-neutral-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#cce4ff",
      "comment": "Weaker neutral border color",
      "originalValue": "{!palette-blue-20}",
      "name": "color-border-neutral-weaker"
    },
    "color-border-warning": {
      "type": "color",
      "category": "border-color",
      "value": "#f47c22",
      "comment": "Warning border color",
      "originalValue": "{!palette-orange-60}",
      "name": "color-border-warning"
    },
    "color-border-success-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#d1fae0",
      "comment": "Weaker success border color",
      "originalValue": "{!palette-green-20}",
      "name": "color-border-success-weaker"
    },
    "color-border-primary-stronger": {
      "type": "color",
      "category": "border-color",
      "value": "#030b5d",
      "comment": "Stronger primary border color",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-new",
        "color-background-row-striped",
        "color-background-primary-weak",
        "color-background-primary-weaker",
        "color-background-primary-weakest",
        "color-background-destructive-weak",
        "color-background-destructive-weaker",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-blue-90}",
      "name": "color-border-primary-stronger"
    },
    "color-border-destructive-stronger": {
      "type": "color",
      "category": "border-color",
      "value": "#4a0b0b",
      "comment": "Stronger destructive hover border color",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-new",
        "color-background-row-striped",
        "color-background-primary-weak",
        "color-background-primary-weaker",
        "color-background-primary-weakest",
        "color-background-destructive-weak",
        "color-background-destructive-weaker",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-90}",
      "name": "color-border-destructive-stronger"
    },
    "color-border-warning-weakest": {
      "type": "color",
      "category": "border-color",
      "value": "#fef5ee",
      "comment": "Weakest warning border color",
      "originalValue": "{!palette-orange-10}",
      "name": "color-border-warning-weakest"
    },
    "color-border-primary-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#cce4ff",
      "comment": "Weaker primary border color",
      "originalValue": "{!palette-blue-20}",
      "name": "color-border-primary-weaker"
    },
    "color-border-destructive-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#fccfcf",
      "comment": "Destructive focus border color",
      "originalValue": "{!palette-red-20}",
      "name": "color-border-destructive-weaker"
    },
    "color-border-new-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#e7dcfa",
      "comment": "Weaker border color for something designated as new",
      "originalValue": "{!palette-purple-20}",
      "name": "color-border-new-weaker"
    },
    "color-border-destructive": {
      "type": "color",
      "category": "border-color",
      "value": "#DB132A",
      "comment": "Destructive border color",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-neutral-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-60}",
      "name": "color-border-destructive"
    },
    "color-border-inverse-strong": {
      "type": "color",
      "category": "border-color",
      "value": "#e1e3ea",
      "comment": "Strong border on inverse backgrounds. Must be used on color-background-body-inverse.",
      "uicontrol_contrast_pairing": [
        "color-background-body-inverse"
      ],
      "originalValue": "{!palette-gray-20}",
      "name": "color-border-inverse-strong"
    },
    "color-border-primary": {
      "type": "color",
      "category": "border-color",
      "value": "#0263e0",
      "comment": "Primary border color",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-neutral-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-blue-60}",
      "name": "color-border-primary"
    },
    "color-border-primary-weakest": {
      "type": "color",
      "category": "border-color",
      "value": "#ebf4ff",
      "comment": "Weakest primary border color",
      "originalValue": "{!palette-blue-10}",
      "name": "color-border-primary-weakest"
    },
    "color-border-success": {
      "type": "color",
      "category": "border-color",
      "value": "#14b053",
      "comment": "Success border color",
      "originalValue": "{!palette-green-60}",
      "name": "color-border-success"
    },
    "color-border-destructive-weakest": {
      "type": "color",
      "category": "border-color",
      "value": "#feecec",
      "comment": "Destructive focus border color",
      "originalValue": "{!palette-red-10}",
      "name": "color-border-destructive-weakest"
    },
    "color-border-destructive-strongest": {
      "type": "color",
      "category": "border-color",
      "value": "#310c0c",
      "comment": "Strongest destructive hover border color",
      "originalValue": "{!palette-red-100}",
      "name": "color-border-destructive-strongest"
    },
    "color-border-primary-strongest": {
      "type": "color",
      "category": "border-color",
      "value": "#06033a",
      "comment": "Strongest primary border color",
      "originalValue": "{!palette-blue-100}",
      "name": "color-border-primary-strongest"
    },
    "color-border-success-weakest": {
      "type": "color",
      "category": "border-color",
      "value": "#edfdf3",
      "comment": "Weakest success border color",
      "originalValue": "{!palette-green-10}",
      "name": "color-border-success-weakest"
    },
    "color-border-warning-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#fddcc4",
      "comment": "Weaker warning border color",
      "originalValue": "{!palette-orange-20}",
      "name": "color-border-warning-weaker"
    },
    "color-border-strong": {
      "type": "color",
      "category": "border-color",
      "value": "#606b85",
      "comment": "Strong border color",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-strong",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-new",
        "color-background-row-striped",
        "color-background-primary-weaker",
        "color-background-primary-weakest",
        "color-background-destructive-weaker",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-gray-60}",
      "name": "color-border-strong"
    },
    "color-border-weak": {
      "type": "color",
      "category": "border-color",
      "value": "#cacdd8",
      "comment": "Weak border color",
      "originalValue": "{!palette-gray-30}",
      "name": "color-border-weak"
    },
    "color-border-neutral": {
      "type": "color",
      "category": "border-color",
      "value": "#0263e0",
      "comment": "Neutral border color",
      "originalValue": "{!palette-blue-60}",
      "name": "color-border-neutral"
    },
    "color-border-error": {
      "type": "color",
      "category": "border-color",
      "value": "#DB132A",
      "comment": "Error border color",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-neutral-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-60}",
      "name": "color-border-error"
    },
    "color-border-error-weakest": {
      "type": "color",
      "category": "border-color",
      "value": "#feecec",
      "comment": "Weakest error border color",
      "originalValue": "{!palette-red-10}",
      "name": "color-border-error-weakest"
    },
    "color-border-error-strongest": {
      "type": "color",
      "category": "border-color",
      "value": "#310c0c",
      "comment": "Strongest error border color",
      "originalValue": "{!palette-red-100}",
      "name": "color-border-error-strongest"
    },
    "color-border-error-strong": {
      "type": "color",
      "category": "border-color",
      "value": "#750c0c",
      "comment": "Strong error border color",
      "originalValue": "{!palette-red-80}",
      "name": "color-border-error-strong"
    },
    "color-border-error-weak": {
      "type": "color",
      "category": "border-color",
      "value": "#f58a8a",
      "comment": "Weak error border color",
      "originalValue": "{!palette-red-40}",
      "name": "color-border-error-weak"
    },
    "color-border-neutral-weak": {
      "type": "color",
      "category": "border-color",
      "value": "#66b3ff",
      "comment": "Weak neutral border color",
      "originalValue": "{!palette-blue-40}",
      "name": "color-border-neutral-weak"
    },
    "color-border": {
      "type": "color",
      "category": "border-color",
      "value": "#8B93AA",
      "comment": "Default border color",
      "uicontrol_contrast_pairing": [
        "color-background-body"
      ],
      "originalValue": "{!palette-gray-40}",
      "name": "color-border"
    },
    "color-border-weakest": {
      "type": "color",
      "category": "border-color",
      "value": "#ffffff",
      "comment": "Weakest border color",
      "originalValue": "{!palette-gray-0}",
      "name": "color-border-weakest"
    },
    "color-border-inverse-stronger": {
      "type": "color",
      "category": "border-color",
      "value": "#f4f4f6",
      "comment": "Stronger border on inverse backgrounds. Must be used on color-background-body-inverse.",
      "uicontrol_contrast_pairing": [
        "color-background-body-inverse"
      ],
      "originalValue": "{!palette-gray-10}",
      "name": "color-border-inverse-stronger"
    },
    "color-border-inverse-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#394762",
      "comment": "Weaker border on inverse backgrounds. Must be used on color-background-body-inverse.",
      "originalValue": "{!palette-gray-80}",
      "name": "color-border-inverse-weaker"
    },
    "color-border-success-weak": {
      "type": "color",
      "category": "border-color",
      "value": "#36d576",
      "comment": "Weak success border color",
      "originalValue": "{!palette-green-50}",
      "name": "color-border-success-weak"
    },
    "color-border-primary-strong": {
      "type": "color",
      "category": "border-color",
      "value": "#001489",
      "comment": "Strong primary border color",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-new",
        "color-background-row-striped",
        "color-background-primary-weak",
        "color-background-primary-weaker",
        "color-background-primary-weakest",
        "color-background-destructive-weak",
        "color-background-destructive-weaker",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-blue-80}",
      "name": "color-border-primary-strong"
    },
    "color-border-inverse": {
      "type": "color",
      "category": "border-color",
      "value": "#8891aa",
      "comment": "Border on inverse backgrounds. Must be used on color-background-body-inverse.",
      "uicontrol_contrast_pairing": [
        "color-background-body-inverse"
      ],
      "originalValue": "{!palette-gray-50}",
      "name": "color-border-inverse"
    },
    "color-border-destructive-strong": {
      "type": "color",
      "category": "border-color",
      "value": "#750c0c",
      "comment": "Destructive focus border color",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-new",
        "color-background-row-striped",
        "color-background-primary-weak",
        "color-background-primary-weaker",
        "color-background-primary-weakest",
        "color-background-destructive-weak",
        "color-background-destructive-weaker",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-80}",
      "name": "color-border-destructive-strong"
    },
    "color-border-primary-weak": {
      "type": "color",
      "category": "border-color",
      "value": "#99cdff",
      "comment": "Weak primary border color",
      "originalValue": "{!palette-blue-30}",
      "name": "color-border-primary-weak"
    },
    "color-border-inverse-weakest": {
      "type": "color",
      "category": "border-color",
      "value": "#1f304c",
      "comment": "Weakest border on inverse backgrounds. Must be used on color-background-body-inverse.",
      "originalValue": "{!palette-gray-90}",
      "name": "color-border-inverse-weakest"
    },
    "color-border-destructive-weak": {
      "type": "color",
      "category": "border-color",
      "value": "#f6b1b1",
      "comment": "Destructive focus border color",
      "originalValue": "{!palette-red-30}",
      "name": "color-border-destructive-weak"
    },
    "color-border-inverse-strongest": {
      "type": "color",
      "category": "border-color",
      "value": "#ffffff",
      "comment": "Strongest border on inverse backgrounds. Must be used on color-background-body-inverse.",
      "uicontrol_contrast_pairing": [
        "color-background-body-inverse"
      ],
      "originalValue": "{!palette-gray-0}",
      "name": "color-border-inverse-strongest"
    },
    "color-border-new-weak": {
      "type": "color",
      "category": "border-color",
      "value": "#a67fe3",
      "comment": "Weak border color for something designated as new",
      "originalValue": "{!palette-purple-40}",
      "name": "color-border-new-weak"
    },
    "color-border-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#e1e3ea",
      "comment": "Weaker border color",
      "originalValue": "{!palette-gray-20}",
      "name": "color-border-weaker"
    },
    "color-border-decorative-10-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#e1e3ea",
      "comment": "Weaker border color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or text tokens.",
      "originalValue": "{!palette-gray-20}",
      "name": "color-border-decorative-10-weaker"
    },
    "color-border-decorative-20-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#cce4ff",
      "comment": "Weaker border color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or text tokens.",
      "originalValue": "{!palette-blue-20}",
      "name": "color-border-decorative-20-weaker"
    },
    "color-border-decorative-30-weaker": {
      "type": "color",
      "category": "border-color",
      "value": "#d1fae0",
      "comment": "Weaker border color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or text tokens.",
      "originalValue": "{!palette-green-20}",
      "name": "color-border-decorative-30-weaker"
    },
    "border-radius-circle": {
      "type": "size",
      "category": "radius",
      "value": "50%",
      "comment": "Circular border radius",
      "originalValue": "{!border-radius-circle}",
      "name": "border-radius-circle"
    },
    "border-radius-90": {
      "type": "size",
      "category": "radius",
      "value": "32px",
      "comment": "Largest border radius",
      "originalValue": "{!border-radius-90}",
      "name": "border-radius-90"
    },
    "border-radius-80": {
      "type": "size",
      "category": "radius",
      "value": "28px",
      "comment": "Extra-large border radius",
      "originalValue": "{!border-radius-80}",
      "name": "border-radius-80"
    },
    "border-radius-pill": {
      "type": "size",
      "category": "radius",
      "value": "100px",
      "comment": "Pill border radius",
      "originalValue": "{!border-radius-pill}",
      "name": "border-radius-pill"
    },
    "border-radius-70": {
      "type": "size",
      "category": "radius",
      "value": "24px",
      "comment": "Larger border radius",
      "originalValue": "{!border-radius-70}",
      "name": "border-radius-70"
    },
    "border-radius-60": {
      "type": "size",
      "category": "radius",
      "value": "20px",
      "comment": "Large border radiusr",
      "originalValue": "{!border-radius-60}",
      "name": "border-radius-60"
    },
    "border-radius-50": {
      "type": "size",
      "category": "radius",
      "value": "16px",
      "comment": "Medium-large border radius",
      "originalValue": "{!border-radius-50}",
      "name": "border-radius-50"
    },
    "border-radius-40": {
      "type": "size",
      "category": "radius",
      "value": "12px",
      "comment": "Medium border radius",
      "originalValue": "{!border-radius-40}",
      "name": "border-radius-40"
    },
    "border-radius-0": {
      "type": "size",
      "category": "radius",
      "value": "0",
      "comment": "Border radius reset",
      "originalValue": "{!border-radius-0}",
      "name": "border-radius-0"
    },
    "border-radius-30": {
      "type": "size",
      "category": "radius",
      "value": "8px",
      "comment": "Small-medium border radius",
      "originalValue": "{!border-radius-30}",
      "name": "border-radius-30"
    },
    "border-radius-20": {
      "type": "size",
      "category": "radius",
      "value": "4px",
      "comment": "Small border radius",
      "originalValue": "{!border-radius-20}",
      "name": "border-radius-20"
    },
    "border-radius-10": {
      "type": "size",
      "category": "radius",
      "value": "2px",
      "comment": "Smallest border radius",
      "originalValue": "{!border-radius-10}",
      "name": "border-radius-10"
    },
    "border-width-0": {
      "type": "size",
      "category": "border-width",
      "value": "0",
      "comment": "Border width reset",
      "originalValue": "{!border-width-0}",
      "name": "border-width-0"
    },
    "border-width-10": {
      "type": "size",
      "category": "border-width",
      "value": "1px",
      "comment": "Constant border width token for border width 10",
      "originalValue": "{!border-width-10}",
      "name": "border-width-10"
    },
    "border-width-20": {
      "type": "size",
      "category": "border-width",
      "value": "2px",
      "comment": "Constant border width token for border width 20",
      "originalValue": "{!border-width-20}",
      "name": "border-width-20"
    },
    "border-width-30": {
      "type": "size",
      "category": "border-width",
      "value": "4px",
      "comment": "Constant border width token for border width 30",
      "originalValue": "{!border-width-30}",
      "name": "border-width-30"
    },
    "border-width-40": {
      "type": "size",
      "category": "border-width",
      "value": "8px",
      "comment": "Constant border width token for border width 40",
      "originalValue": "{!border-width-40}",
      "name": "border-width-40"
    },
    "shadow-border-bottom-new-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #e7dcfa",
      "comment": "Weaker bottom shadow border for new status",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-purple-20}",
      "name": "shadow-border-bottom-new-weaker"
    },
    "shadow": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 4px 16px 0 rgba(18, 28, 45, 0.2)",
      "comment": "Default shadow.",
      "originalValue": "{!deprecated-shadow-elevation-20}",
      "name": "shadow"
    },
    "shadow-border-bottom-inverse-weaker-inset": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "inset 0 -1px 0 0 #394762",
      "comment": "Weaker bottom shadow border for tab container on inverse backgrounds",
      "originalValue": "inset {!offset-0} {!offset-negative-05} {!offset-0} {!offset-0} {!palette-gray-80}",
      "name": "shadow-border-bottom-inverse-weaker-inset"
    },
    "shadow-border-subaccount": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #fff1b3",
      "comment": "Shadow border for subaccount badge.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-yellow-20}",
      "name": "shadow-border-subaccount"
    },
    "shadow-elevation-05": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #edeef2",
      "comment": "Accent shadows that subtly define the edges of a container. They serve as a lightweight alternative to risen shadows at lower elevations.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-15}",
      "name": "shadow-elevation-05"
    },
    "shadow-border-destructive-stronger": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #4a0b0b",
      "comment": "Strong shadow border for destructive interactions",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-red-90}",
      "name": "shadow-border-destructive-stronger"
    },
    "shadow-border-success-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #d1fae0",
      "comment": "Weaker shadow border for success inputs.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-green-20}",
      "name": "shadow-border-success-weaker"
    },
    "shadow-border-inverse-new-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #5817bd",
      "comment": "Shadow border for the sidebar beta badge.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-purple-70}",
      "name": "shadow-border-inverse-new-weaker"
    },
    "shadow-border-primary-stronger": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #030b5d",
      "comment": "Stronger shadow border for inputs active.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-blue-90}",
      "name": "shadow-border-primary-stronger"
    },
    "shadow-border-bottom-warning-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #fddcc4",
      "comment": "Weaker bottom shadow border for warning status",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-orange-20}",
      "name": "shadow-border-bottom-warning-weaker"
    },
    "shadow-border-destructive-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #fccfcf",
      "comment": "Weaker shadow border for destructive interactions.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-red-20}",
      "name": "shadow-border-destructive-weaker"
    },
    "shadow-border-primary-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #cce4ff",
      "comment": "Weaker shadow border for primary interactions.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-blue-20}",
      "name": "shadow-border-primary-weaker"
    },
    "shadow-border-top-inverse-strongest": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 -1px 0 #cce4ff",
      "comment": "Top shadow border for for selected status of horizontal tabs on inverse backgrounds",
      "originalValue": "{!offset-0} {!offset-negative-05} {!offset-0} {!palette-blue-20}",
      "name": "shadow-border-top-inverse-strongest"
    },
    "shadow-border-bottom-weak": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #cacdd8",
      "comment": "Bottom shadow border for border weak color",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-gray-30}",
      "name": "shadow-border-bottom-weak"
    },
    "shadow-border-new-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #e7dcfa",
      "comment": "Weaker shadow border for new status inputs.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-purple-20}",
      "name": "shadow-border-new-weaker"
    },
    "shadow-elevation-bottom-inverse-05": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 0 #1f304c",
      "comment": "Accent shadows that subtly define the bottom edge of an inverse element. They serve as a lightweight alternative to risen shadows at lower elevations.",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!offset-0} {!palette-gray-90}",
      "name": "shadow-elevation-bottom-inverse-05"
    },
    "shadow-low": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 2px 8px 0 rgba(18, 28, 45, 0.1)",
      "comment": "Low elevation default shadow.",
      "originalValue": "{!deprecated-shadow-elevation-10}",
      "name": "shadow-low"
    },
    "shadow-elevation-left-20": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #f9f9fa, -4px 0 8px 0 rgba(15, 22, 33, 0.1), -16px 0 32px 0 rgba(15, 22, 33, 0.05)",
      "comment": "Use for elements that dynamically open from the right side of the screen, appearing above the UI to indicate a greater separation from the underlying surface.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-05}, {!offset-negative-20} {!offset-0} {!offset-40} {!offset-0} {!palette-gray-110-transparent-10}, {!offset-negative-60} {!offset-0} {!offset-90} {!offset-0} {!palette-gray-110-transparent-05}",
      "name": "shadow-elevation-left-20"
    },
    "shadow-border-inverse-strong": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #e1e3ea",
      "comment": "Strong shadow border on interactive elements on inverse backgrounds.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-20}",
      "name": "shadow-border-inverse-strong"
    },
    "shadow-border-warning-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #fddcc4",
      "comment": "Weaker shadow border for warning inputs.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-orange-20}",
      "name": "shadow-border-warning-weaker"
    },
    "shadow-elevation-bottom-05": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 0 #edeef2",
      "comment": "Accent shadows that subtly define the bottom edge of an element. They serve as a lightweight alternative to risen shadows at lower elevations.",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!offset-0} {!palette-gray-15}",
      "name": "shadow-elevation-bottom-05"
    },
    "shadow-border-strong": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #606b85",
      "comment": "Strong shadow border for inputs.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-60}",
      "name": "shadow-border-strong"
    },
    "shadow-focus": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 4px rgba(2, 99, 224, 0.7)",
      "comment": "Shadow for focus ring on interactive elements.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-20} {!palette-blue-60-transparent-70}",
      "name": "shadow-focus"
    },
    "shadow-border-weak": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #cacdd8",
      "comment": "Weak shadow border for disabled inputs.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-30}",
      "name": "shadow-border-weak"
    },
    "shadow-focus-inverse": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 4px rgba(255, 255, 255, 0.4)",
      "comment": "Shadow for focus ring on interactive elements on inverse backgrounds.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-20} {!palette-gray-0-transparent-40}",
      "name": "shadow-focus-inverse"
    },
    "shadow-border-primary": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #0263e0",
      "comment": "Default shadow border for primary interactions.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-blue-60}",
      "name": "shadow-border-primary"
    },
    "shadow-border-destructive": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #DB132A",
      "comment": "Shadow border for destructive interactions.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-red-60}",
      "name": "shadow-border-destructive"
    },
    "shadow-high": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 16px 24px 0 rgba(18, 28, 45, 0.2)",
      "comment": "High elevation default shadow.",
      "originalValue": "{!deprecated-shadow-elevation-30}",
      "name": "shadow-high"
    },
    "shadow-right": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "-4px 0 8px -4px rgba(18, 28, 45, 0.2)",
      "comment": "Right shadow border for elements.",
      "originalValue": "{!offset-negative-20} {!offset-0} {!offset-40} {!offset-negative-20} {!palette-gray-100-transparent-20}",
      "name": "shadow-right"
    },
    "shadow-elevation-right-inverse-05": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "1px 0 0 0 #1f304c",
      "comment": "Accent shadows that subtly define the right edge of an inverse element. They serve as a lightweight alternative to risen shadows at lower elevations.",
      "originalValue": "{!offset-05} {!offset-0} {!offset-0} {!offset-0} {!palette-gray-90}",
      "name": "shadow-elevation-right-inverse-05"
    },
    "shadow-border-error-strong": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #750c0c",
      "comment": "Shadow border for error inputs hover.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-red-80}",
      "name": "shadow-border-error-strong"
    },
    "shadow-border-bottom-inverse-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #394762",
      "comment": "Bottom shadow border for inverse border weaker color",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-gray-80}",
      "name": "shadow-border-bottom-inverse-weaker"
    },
    "shadow-border-primary-strongest": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #06033a",
      "comment": "Strongest shadow border for inputs active.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-blue-100}",
      "name": "shadow-border-primary-strongest"
    },
    "shadow-border-destructive-strongest": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #310c0c",
      "comment": "Strongest shadow border for destructive interactions",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-red-100}",
      "name": "shadow-border-destructive-strongest"
    },
    "shadow-border-error-weak": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #EC5B5B",
      "comment": "Shadow border for inverse error inputs.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-red-50}",
      "name": "shadow-border-error-weak"
    },
    "shadow-border-bottom-brand-10-strong": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #855c15",
      "comment": "Strong bottom shadow border for brand 10",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-yellow-80}",
      "name": "shadow-border-bottom-brand-10-strong"
    },
    "shadow-border-bottom-brand-20-strong": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #043cb5",
      "comment": "Strong bottom shadow border for brand 20",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-blue-70}",
      "name": "shadow-border-bottom-brand-20-strong"
    },
    "shadow-right-inverse": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "-4px 0 8px -4px rgba(0, 0, 0, 0.4)",
      "comment": "Right shadow border for inverse elements.",
      "originalValue": "{!offset-negative-20} {!offset-0} {!offset-40} {!offset-negative-20} {!palette-black-transparent-40}",
      "name": "shadow-right-inverse"
    },
    "shadow-elevation-top-20": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #f9f9fa, 0 6px 8px 0 rgba(15, 22, 33, 0.1), 16px 16px 32px 0 rgba(15, 22, 33, 0.05)",
      "comment": "Use on elements that sit above the UI to indicate a greater distance distance from the surface behind them.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-05}, {!offset-0} {!offset-30} {!offset-40} {!offset-0} {!palette-gray-110-transparent-10}, {!offset-60} {!offset-60} {!offset-90} {!offset-0} {!palette-gray-110-transparent-05}",
      "name": "shadow-elevation-top-20"
    },
    "shadow-border-bottom-brand-30-strong": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #0e7c3a",
      "comment": "Strong bottom shadow border for brand 30",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-green-70}",
      "name": "shadow-border-bottom-brand-30-strong"
    },
    "shadow-left": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "4px 0 8px -4px rgba(18, 28, 45, 0.2)",
      "comment": "Left shadow border for elements.",
      "originalValue": "{!offset-20} {!offset-0} {!offset-40} {!offset-negative-20} {!palette-gray-100-transparent-20}",
      "name": "shadow-left"
    },
    "shadow-border-error": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #DB132A",
      "comment": "Shadow border for error inputs.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-red-60}",
      "name": "shadow-border-error"
    },
    "shadow-border-bottom-decorative-10-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #e1e3ea",
      "comment": "Weaker bottom shadow border for decorative 10",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-gray-20}",
      "name": "shadow-border-bottom-decorative-10-weaker"
    },
    "shadow-border-bottom-primary": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #006dfa",
      "comment": "Bottom shadow border for primary status",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-blue-55}",
      "name": "shadow-border-bottom-primary"
    },
    "shadow-border-bottom-decorative-20-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #cce4ff",
      "comment": "Weaker bottom shadow border for decorative 20",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-blue-20}",
      "name": "shadow-border-bottom-decorative-20-weaker"
    },
    "shadow-border-inverse-stronger": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #f4f4f6",
      "comment": "Stronger shadow border on interactive elements on inverse backgrounds.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-10}",
      "name": "shadow-border-inverse-stronger"
    },
    "shadow-border-bottom-weak-inset": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "inset 0 -1px 0 0 #cacdd8",
      "comment": "Weak bottom shadow border for tab container",
      "originalValue": "inset {!offset-0} {!offset-negative-05} {!offset-0} {!offset-0} {!palette-gray-30}",
      "name": "shadow-border-bottom-weak-inset"
    },
    "shadow-border-error-strongest": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #310c0c",
      "comment": "Strongest shadow border for error inputs hover.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-red-100}",
      "name": "shadow-border-error-strongest"
    },
    "shadow-border-destructive-strong": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #750c0c",
      "comment": "Strong shadow border for destructive interactions",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-red-80}",
      "name": "shadow-border-destructive-strong"
    },
    "shadow-border-inverse-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #394762",
      "comment": "Weaker shadow border on interactive elements on inverse backgrounds.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-80}",
      "name": "shadow-border-inverse-weaker"
    },
    "shadow-border-top-primary": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 -1px 0 #006dfa",
      "comment": "Top shadow border for selected status of horizontal tabs",
      "originalValue": "{!offset-0} {!offset-negative-05} {!offset-0} {!palette-blue-55}",
      "name": "shadow-border-top-primary"
    },
    "shadow-border-bottom-decorative-30-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #d1fae0",
      "comment": "Weaker bottom shadow border for decorative 30",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-green-20}",
      "name": "shadow-border-bottom-decorative-30-weaker"
    },
    "shadow-border-primary-strong": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #001489",
      "comment": "Strong shadow border for inputs hover.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-blue-80}",
      "name": "shadow-border-primary-strong"
    },
    "shadow-border-brand-30": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "mint",
      "comment": "Shadow border for brand 30",
      "originalValue": "mint",
      "name": "shadow-border-brand-30"
    },
    "shadow-border-primary-weak": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #99cdff",
      "comment": "Weaker shadow border for primary interactions.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-blue-30}",
      "name": "shadow-border-primary-weak"
    },
    "shadow-focus-shadow-border": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 4px rgba(2, 99, 224, 0.7), 0 0 0 1px #8891aa",
      "comment": "Shadow for simultaneous focus and border.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-20} {!palette-blue-60-transparent-70}, {!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-50}",
      "name": "shadow-focus-shadow-border"
    },
    "shadow-border-bottom-decorative-40-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #e7dcfa",
      "comment": "Weaker bottom shadow border for decorative 40",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-purple-20}",
      "name": "shadow-border-bottom-decorative-40-weaker"
    },
    "shadow-border-destructive-weak": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #f6b1b1",
      "comment": "Weak shadow border for destructive interactions.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-red-30}",
      "name": "shadow-border-destructive-weak"
    },
    "shadow-left-inverse": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "4px 0 8px -4px rgba(0, 0, 0, 0.4)",
      "comment": "Left shadow border for inverse elements.",
      "originalValue": "{!offset-20} {!offset-0} {!offset-40} {!offset-negative-20} {!palette-black-transparent-40}",
      "name": "shadow-left-inverse"
    },
    "shadow-border-brand-20": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "sky",
      "comment": "Shadow border for brand 20",
      "originalValue": "sky",
      "name": "shadow-border-brand-20"
    },
    "shadow-border-top-primary-strongest": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 -1px 0 #030b5d",
      "comment": "Top shadow border for selected hover status of horizontal tabs",
      "originalValue": "{!offset-0} {!offset-negative-05} {!offset-0} {!palette-blue-90}",
      "name": "shadow-border-top-primary-strongest"
    },
    "shadow-border-bottom-notification-stronger": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #4a0b0b",
      "comment": "Stronger bottom shadow border for notification.",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-red-90}",
      "name": "shadow-border-bottom-notification-stronger"
    },
    "shadow-border-bottom-error-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #fccfcf",
      "comment": "Weaker bottom shadow border for error status",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-red-20}",
      "name": "shadow-border-bottom-error-weaker"
    },
    "shadow-border-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #e1e3ea",
      "comment": "Weaker shadow border for disabled inputs.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-20}",
      "name": "shadow-border-weaker"
    },
    "shadow-border": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #8B93AA",
      "comment": "Shadow border for inputs.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-40}",
      "name": "shadow-border"
    },
    "shadow-elevation-inverse-10": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 -1px 0 0 #1f304c, 0 3px 4px 0 rgba(0, 0, 0, 0.1)",
      "comment": "Use on inverse elements that overlay other UI components but remain visually connected to the elements behind them.",
      "originalValue": "{!offset-0} {!offset-negative-05} {!offset-0} {!offset-0} {!palette-gray-90}, {!offset-0} {!offset-15} {!offset-20} {!offset-0} {!palette-black-transparent-10}",
      "name": "shadow-elevation-inverse-10"
    },
    "shadow-border-right-inverse-strong": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "1px 0 #e1e3ea",
      "comment": "Right shadow border for hover status of vertical tabs on inverse backgrounds",
      "originalValue": "{!offset-05} {!offset-0} {!palette-gray-20}",
      "name": "shadow-border-right-inverse-strong"
    },
    "shadow-border-bottom-neutral-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #cce4ff",
      "comment": "Weaker bottom shadow border for neutral status",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-blue-20}",
      "name": "shadow-border-bottom-neutral-weaker"
    },
    "shadow-border-brand-10": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "saffron",
      "comment": "Shadow border for brand 10",
      "originalValue": "saffron",
      "name": "shadow-border-brand-10"
    },
    "shadow-border-decorative-10-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #e1e3ea",
      "comment": "Weaker shadow border for decorative 10",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-20}",
      "name": "shadow-border-decorative-10-weaker"
    },
    "shadow-elevation-top-05": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 -1px 0 0 #edeef2",
      "comment": "Accent shadows that subtly define the top edges of an element. They serve as a lightweight alternative to risen shadows at lower elevations.",
      "originalValue": "{!offset-0} {!offset-negative-05} {!offset-0} {!offset-0} {!palette-gray-15}",
      "name": "shadow-elevation-top-05"
    },
    "shadow-border-decorative-20-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #cce4ff",
      "comment": "Weaker shadow border for decorative 20",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-blue-20}",
      "name": "shadow-border-decorative-20-weaker"
    },
    "shadow-border-bottom-subaccount": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #ffdd35",
      "comment": "Bottom shadow border for subaccount badge",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-yellow-40}",
      "name": "shadow-border-bottom-subaccount"
    },
    "shadow-focus-inset": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "inset 0 0 0 2px rgba(2, 99, 224, 0.7)",
      "comment": "Shadow for inset focus on elements, such as DataGrid cells.",
      "originalValue": "inset {!offset-0} {!offset-0} {!offset-0} {!offset-10} {!palette-blue-60-transparent-70}",
      "name": "shadow-focus-inset"
    },
    "shadow-elevation-20": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 6px 8px 0 rgba(15, 22, 33, 0.1), 16px 16px 32px 0 rgba(15, 22, 33, 0.05)",
      "comment": "Use on elements with decorative or semantic use of color that sit above the UI to indicate a greater distance distance from the surface behind them.",
      "originalValue": "{!offset-0} {!offset-30} {!offset-40} {!offset-0} {!palette-gray-110-transparent-10}, {!offset-60} {!offset-60} {!offset-90} {!offset-0} {!palette-gray-110-transparent-05}",
      "name": "shadow-elevation-20"
    },
    "shadow-border-inverse": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #8891aa",
      "comment": "Shadow border on interactive elements on inverse backgrounds.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-50}",
      "name": "shadow-border-inverse"
    },
    "shadow-elevation-10": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 -1px 0 0 #f4f4f6, 0 3px 4px 0 rgba(15, 22, 33, 0.1)",
      "comment": "Use on elements that overlay other UI components but remain visually connected to the elements behind them.",
      "originalValue": "{!offset-0} {!offset-negative-05} {!offset-0} {!offset-0} {!palette-gray-10}, {!offset-0} {!offset-15} {!offset-20} {!offset-0} {!palette-gray-110-transparent-10}",
      "name": "shadow-elevation-10"
    },
    "shadow-border-decorative-30-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #d1fae0",
      "comment": "Weaker shadow border for decorative 30",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-green-20}",
      "name": "shadow-border-decorative-30-weaker"
    },
    "shadow-border-inverse-weakest": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #1f304c",
      "comment": "Weakest shadow border on interactive elements on inverse backgrounds.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-90}",
      "name": "shadow-border-inverse-weakest"
    },
    "shadow-border-bottom-inverse-new-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #5817bd",
      "comment": "Bottom shadow border for the sidebar beta badge",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-purple-70}",
      "name": "shadow-border-bottom-inverse-new-weaker"
    },
    "shadow-border-bottom-success-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #d1fae0",
      "comment": "Weaker bottom shadow border for success status",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-green-20}",
      "name": "shadow-border-bottom-success-weaker"
    },
    "shadow-border-decorative-40-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #e7dcfa",
      "comment": "Weaker shadow border for decorative 40",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-purple-20}",
      "name": "shadow-border-decorative-40-weaker"
    },
    "shadow-border-error-stronger": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #4a0b0b",
      "comment": "Shadow border for error inputs hover.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-red-90}",
      "name": "shadow-border-error-stronger"
    },
    "shadow-card": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 2px 8px 0 rgba(18, 28, 45, 0.1)",
      "comment": "Shadow for cards.",
      "originalValue": "{!deprecated-shadow-elevation-10}",
      "name": "shadow-card"
    },
    "shadow-border-error-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #fccfcf",
      "comment": "Weaker shadow border for error inputs.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-red-20}",
      "name": "shadow-border-error-weaker"
    },
    "shadow-border-inverse-strongest": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #ffffff",
      "comment": "Strongest shadow border on interactive elements on inverse backgrounds.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-0}",
      "name": "shadow-border-inverse-strongest"
    },
    "shadow-focus-inverse-inset": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "inset 0 0 0 2px rgba(255, 255, 255, 0.4)",
      "comment": "Shadow for inset focus ring on interactive elements on inverse backgrounds.",
      "originalValue": "inset {!offset-0} {!offset-0} {!offset-0} {!offset-10} {!palette-gray-0-transparent-40}",
      "name": "shadow-focus-inverse-inset"
    },
    "shadow-border-notification": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 #DB132A",
      "comment": "Shadow border for notification.",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!palette-red-60}",
      "name": "shadow-border-notification"
    },
    "shadow-border-bottom": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 1px 0 0 #8B93AA",
      "comment": "Bottom shadow border for elements.",
      "originalValue": "{!offset-0} {!offset-05} {!offset-0} {!offset-0} {!palette-gray-40}",
      "name": "shadow-border-bottom"
    },
    "shadow-elevation-inverse-05": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #1f304c",
      "comment": "Accent shadows that subtly define the the edges of a container on inverse backgrounds. They serve as a lightweight alternative to risen shadows at lower elevations.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-gray-90}",
      "name": "shadow-elevation-inverse-05"
    },
    "shadow-border-user": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #8c5bd8",
      "comment": "Shadow border for user.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-purple-50}",
      "name": "shadow-border-user"
    },
    "shadow-border-neutral-weaker": {
      "type": "shadow",
      "category": "box-shadow",
      "value": "0 0 0 1px #cce4ff",
      "comment": "Weaker shadow border for neutral inputs.",
      "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-05} {!palette-blue-20}",
      "name": "shadow-border-neutral-weaker"
    },
    "color-data-visualization-10": {
      "type": "color",
      "category": "data-visualization",
      "value": "#EC5B5B",
      "comment": "Color used for data visualizations. Must be used in a sequence.",
      "uicontrol_contrast_pairing": [
        "color-background-body"
      ],
      "data_visualization_contrast_pairing": [
        "color-data-visualization-9",
        "color-data-visualization-1"
      ],
      "originalValue": "{!palette-red-50}",
      "name": "color-data-visualization-10"
    },
    "color-data-visualization-1": {
      "type": "color",
      "category": "data-visualization",
      "value": "#001489",
      "comment": "Color used for data visualizations. Must be used in a sequence.",
      "uicontrol_contrast_pairing": [
        "color-background-body"
      ],
      "data_visualization_contrast_pairing": [
        "color-data-visualization-10",
        "color-data-visualization-2"
      ],
      "originalValue": "{!palette-blue-80}",
      "name": "color-data-visualization-1"
    },
    "color-data-visualization-2": {
      "type": "color",
      "category": "data-visualization",
      "value": "#0e7c3a",
      "comment": "Color used for data visualizations. Must be used in a sequence.",
      "uicontrol_contrast_pairing": [
        "color-background-body"
      ],
      "data_visualization_contrast_pairing": [
        "color-data-visualization-1",
        "color-data-visualization-3"
      ],
      "originalValue": "{!palette-green-70}",
      "name": "color-data-visualization-2"
    },
    "color-data-visualization-3": {
      "type": "color",
      "category": "data-visualization",
      "value": "#0d3a1f",
      "comment": "Color used for data visualizations. Must be used in a sequence.",
      "uicontrol_contrast_pairing": [
        "color-background-body"
      ],
      "data_visualization_contrast_pairing": [
        "color-data-visualization-2",
        "color-data-visualization-4"
      ],
      "originalValue": "{!palette-green-90}",
      "name": "color-data-visualization-3"
    },
    "color-data-visualization-4": {
      "type": "color",
      "category": "data-visualization",
      "value": "#008cff",
      "comment": "Color used for data visualizations. Must be used in a sequence.",
      "uicontrol_contrast_pairing": [
        "color-background-body"
      ],
      "data_visualization_contrast_pairing": [
        "color-data-visualization-3",
        "color-data-visualization-5"
      ],
      "originalValue": "{!palette-blue-50}",
      "name": "color-data-visualization-4"
    },
    "color-data-visualization-5": {
      "type": "color",
      "category": "data-visualization",
      "value": "#394762",
      "comment": "Color used for data visualizations. Must be used in a sequence.",
      "uicontrol_contrast_pairing": [
        "color-background-body"
      ],
      "data_visualization_contrast_pairing": [
        "color-data-visualization-4",
        "color-data-visualization-6"
      ],
      "originalValue": "{!palette-gray-80}",
      "name": "color-data-visualization-5"
    },
    "color-data-visualization-6": {
      "type": "color",
      "category": "data-visualization",
      "value": "#a67fe3",
      "comment": "Color used for data visualizations. Must be used in a sequence.",
      "uicontrol_contrast_pairing": [
        "color-background-body"
      ],
      "data_visualization_contrast_pairing": [
        "color-data-visualization-5",
        "color-data-visualization-7"
      ],
      "originalValue": "{!palette-purple-40}",
      "name": "color-data-visualization-6"
    },
    "color-data-visualization-7": {
      "type": "color",
      "category": "data-visualization",
      "value": "#6d2ed1",
      "comment": "Color used for data visualizations. Must be used in a sequence.",
      "uicontrol_contrast_pairing": [
        "color-background-body"
      ],
      "data_visualization_contrast_pairing": [
        "color-data-visualization-6",
        "color-data-visualization-8"
      ],
      "originalValue": "{!palette-purple-60}",
      "name": "color-data-visualization-7"
    },
    "color-data-visualization-8": {
      "type": "color",
      "category": "data-visualization",
      "value": "#8891aa",
      "comment": "Color used for data visualizations. Must be used in a sequence.",
      "uicontrol_contrast_pairing": [
        "color-background-body"
      ],
      "data_visualization_contrast_pairing": [
        "color-data-visualization-7",
        "color-data-visualization-9"
      ],
      "originalValue": "{!palette-gray-50}",
      "name": "color-data-visualization-8"
    },
    "color-data-visualization-9": {
      "type": "color",
      "category": "data-visualization",
      "value": "#750c0c",
      "comment": "Color used for data visualizations. Must be used in a sequence.",
      "uicontrol_contrast_pairing": [
        "color-background-body"
      ],
      "data_visualization_contrast_pairing": [
        "color-data-visualization-8",
        "color-data-visualization-10"
      ],
      "originalValue": "{!palette-red-80}",
      "name": "color-data-visualization-9"
    },
    "font-family-text": {
      "category": "font",
      "type": "font",
      "value": "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
      "originalValue": "{!font-family-10}",
      "name": "font-family-text"
    },
    "font-family-code": {
      "category": "font",
      "type": "font",
      "value": "'TwilioSansMono', Courier, monospace",
      "originalValue": "{!font-family-20}",
      "name": "font-family-code"
    },
    "font-family-text-japanese": {
      "category": "font",
      "type": "font",
      "value": "'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif",
      "originalValue": "{!font-family-30}",
      "name": "font-family-text-japanese"
    },
    "font-family-text-korean": {
      "category": "font",
      "type": "font",
      "value": "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif",
      "originalValue": "{!font-family-40}",
      "name": "font-family-text-korean"
    },
    "font-family-text-chinese-traditional": {
      "category": "font",
      "type": "font",
      "value": "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif",
      "originalValue": "{!font-family-50}",
      "name": "font-family-text-chinese-traditional"
    },
    "font-family-text-chinese-simplified": {
      "category": "font",
      "type": "font",
      "value": "'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif",
      "originalValue": "{!font-family-60}",
      "name": "font-family-text-chinese-simplified"
    },
    "font-family-display": {
      "category": "font",
      "type": "font",
      "value": "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
      "originalValue": "{!font-family-10}",
      "name": "font-family-display"
    },
    "font-size-110": {
      "category": "font-size",
      "type": "font-size",
      "value": "3rem",
      "comment": "Constant typography token for font size 110",
      "originalValue": "{!font-size-110}",
      "name": "font-size-110"
    },
    "font-size-100": {
      "category": "font-size",
      "type": "font-size",
      "value": "2.5rem",
      "comment": "Constant typography token for font size 100",
      "originalValue": "{!font-size-100}",
      "name": "font-size-100"
    },
    "font-size-90": {
      "category": "font-size",
      "type": "font-size",
      "value": "2rem",
      "comment": "Constant typography token for font size 90",
      "originalValue": "{!font-size-90}",
      "name": "font-size-90"
    },
    "font-size-80": {
      "category": "font-size",
      "type": "font-size",
      "value": "1.75rem",
      "comment": "Constant typography token for font size 80",
      "originalValue": "{!font-size-80}",
      "name": "font-size-80"
    },
    "font-size-70": {
      "category": "font-size",
      "type": "font-size",
      "value": "1.5rem",
      "comment": "Constant typography token for font size 70",
      "originalValue": "{!font-size-70}",
      "name": "font-size-70"
    },
    "font-size-60": {
      "category": "font-size",
      "type": "font-size",
      "value": "1.25rem",
      "comment": "Constant typography token for font size 60",
      "originalValue": "{!font-size-60}",
      "name": "font-size-60"
    },
    "font-size-50": {
      "category": "font-size",
      "type": "font-size",
      "value": "1.125rem",
      "comment": "Constant typography token for font size 50",
      "originalValue": "{!font-size-50}",
      "name": "font-size-50"
    },
    "font-size-40": {
      "category": "font-size",
      "type": "font-size",
      "value": "1rem",
      "comment": "Constant typography token for font size 40",
      "originalValue": "{!font-size-40}",
      "name": "font-size-40"
    },
    "font-size-30": {
      "category": "font-size",
      "type": "font-size",
      "value": "0.875rem",
      "comment": "Constant typography token for font size 30",
      "originalValue": "{!font-size-30}",
      "name": "font-size-30"
    },
    "font-size-20": {
      "category": "font-size",
      "type": "font-size",
      "value": "0.75rem",
      "comment": "Constant typography token for font size 20",
      "originalValue": "{!font-size-20}",
      "name": "font-size-20"
    },
    "font-size-10": {
      "category": "font-size",
      "type": "font-size",
      "value": "0.625rem",
      "comment": "Constant typography token for font size 10",
      "originalValue": "{!font-size-10}",
      "name": "font-size-10"
    },
    "font-size-display-30": {
      "category": "font-size",
      "type": "font-size",
      "value": "4rem",
      "comment": "Constant typography token for font size display 30",
      "originalValue": "{!font-size-display-30}",
      "name": "font-size-display-30"
    },
    "font-size-display-20": {
      "category": "font-size",
      "type": "font-size",
      "value": "3rem",
      "comment": "Constant typography token for font size display 20",
      "originalValue": "{!font-size-display-20}",
      "name": "font-size-display-20"
    },
    "font-size-display-10": {
      "category": "font-size",
      "type": "font-size",
      "value": "2rem",
      "comment": "Constant typography token for font size display 10",
      "originalValue": "{!font-size-display-10}",
      "name": "font-size-display-10"
    },
    "font-size-base": {
      "category": "font-size",
      "type": "font-size",
      "value": "100%",
      "comment": "Base font size applied to the html element, used for rem calculations",
      "originalValue": "100%",
      "name": "font-size-base"
    },
    "font-weight-light": {
      "category": "font-weight",
      "type": "font-weight",
      "value": "400",
      "comment": "Font weight for light weight",
      "originalValue": "{!font-weight-normal}",
      "name": "font-weight-light"
    },
    "font-weight-normal": {
      "category": "font-weight",
      "type": "font-weight",
      "value": "400",
      "comment": "Font weight for normal weight",
      "originalValue": "{!font-weight-normal}",
      "name": "font-weight-normal"
    },
    "font-weight-medium": {
      "category": "font-weight",
      "type": "font-weight",
      "value": "500",
      "comment": "Font weight for medium weight",
      "originalValue": "{!font-weight-medium}",
      "name": "font-weight-medium"
    },
    "font-weight-semibold": {
      "category": "font-weight",
      "type": "font-weight",
      "value": "600",
      "comment": "Font weight for semibold weight",
      "originalValue": "{!font-weight-semibold}",
      "name": "font-weight-semibold"
    },
    "font-weight-bold": {
      "category": "font-weight",
      "type": "font-weight",
      "value": "700",
      "comment": "Font weight for bold weight",
      "originalValue": "{!font-weight-bold}",
      "name": "font-weight-bold"
    },
    "font-weight-extrabold": {
      "category": "font-weight",
      "type": "font-weight",
      "value": "800",
      "comment": "Font weight for extrabold weight",
      "originalValue": "{!font-weight-extrabold}",
      "name": "font-weight-extrabold"
    },
    "line-height-0": {
      "category": "line-height",
      "type": "number",
      "value": "0",
      "comment": "Constant line-height token for line-height 0",
      "originalValue": "{!line-height-0}",
      "name": "line-height-0"
    },
    "line-height-110": {
      "category": "line-height",
      "type": "number",
      "value": "4rem",
      "comment": "Constant line-height token for line-height 110",
      "originalValue": "{!line-height-110}",
      "name": "line-height-110"
    },
    "line-height-90": {
      "category": "line-height",
      "type": "number",
      "value": "2.5rem",
      "comment": "Constant line-height token for line-height 90",
      "originalValue": "{!line-height-90}",
      "name": "line-height-90"
    },
    "line-height-100": {
      "category": "line-height",
      "type": "number",
      "value": "3.25rem",
      "comment": "Constant line-height token for line-height 100",
      "originalValue": "{!line-height-100}",
      "name": "line-height-100"
    },
    "line-height-80": {
      "category": "line-height",
      "type": "number",
      "value": "2.5rem",
      "comment": "Constant line-height token for line-height 80",
      "originalValue": "{!line-height-80}",
      "name": "line-height-80"
    },
    "line-height-70": {
      "category": "line-height",
      "type": "number",
      "value": "2rem",
      "comment": "Constant line-height token for line-height 70",
      "originalValue": "{!line-height-70}",
      "name": "line-height-70"
    },
    "line-height-60": {
      "category": "line-height",
      "type": "number",
      "value": "1.75rem",
      "comment": "Constant line-height token for line-height 60",
      "originalValue": "{!line-height-60}",
      "name": "line-height-60"
    },
    "line-height-50": {
      "category": "line-height",
      "type": "number",
      "value": "1.75rem",
      "comment": "Constant line-height token for line-height 50",
      "originalValue": "{!line-height-50}",
      "name": "line-height-50"
    },
    "line-height-40": {
      "category": "line-height",
      "type": "number",
      "value": "1.5rem",
      "comment": "Constant line-height token for line-height 40",
      "originalValue": "{!line-height-40}",
      "name": "line-height-40"
    },
    "line-height-30": {
      "category": "line-height",
      "type": "number",
      "value": "1.25rem",
      "comment": "Constant line-height token for line-height 30",
      "originalValue": "{!line-height-30}",
      "name": "line-height-30"
    },
    "line-height-20": {
      "category": "line-height",
      "type": "number",
      "value": "1.25rem",
      "comment": "Constant line-height token for line-height 20",
      "originalValue": "{!line-height-20}",
      "name": "line-height-20"
    },
    "line-height-10": {
      "category": "line-height",
      "type": "number",
      "value": "1rem",
      "comment": "Constant line-height token for line-height 10",
      "originalValue": "{!line-height-10}",
      "name": "line-height-10"
    },
    "line-height-05": {
      "category": "line-height",
      "type": "number",
      "value": "0.75rem",
      "comment": "Constant line-height token for line-height 05",
      "originalValue": "{!line-height-05}",
      "name": "line-height-05"
    },
    "line-height-display-30": {
      "category": "line-height",
      "type": "number",
      "value": "5rem",
      "comment": "Constant line-height token for line-height-display 30",
      "originalValue": "{!line-height-display-30}",
      "name": "line-height-display-30"
    },
    "line-height-display-20": {
      "category": "line-height",
      "type": "number",
      "value": "3.75rem",
      "comment": "Constant line-height token for line-height-display 20",
      "originalValue": "{!line-height-display-20}",
      "name": "line-height-display-20"
    },
    "line-height-display-10": {
      "category": "line-height",
      "type": "number",
      "value": "2.5rem",
      "comment": "Constant line-height token for line-height-display 10",
      "originalValue": "{!line-height-display-10}",
      "name": "line-height-display-10"
    },
    "color-brand-highlight": {
      "type": "color",
      "category": "color",
      "value": "#F22F46",
      "comment": "Twilio brand red",
      "originalValue": "{!amaranth}",
      "name": "color-brand-highlight"
    },
    "color-gray-0": {
      "type": "color",
      "category": "color",
      "value": "#ffffff",
      "comment": "Gray Color 0",
      "originalValue": "{!palette-gray-0}",
      "name": "color-gray-0"
    },
    "color-gray-100": {
      "type": "color",
      "category": "color",
      "value": "#121c2d",
      "comment": "Gray Color 10",
      "originalValue": "{!palette-gray-100}",
      "name": "color-gray-100"
    },
    "color-gray-90": {
      "type": "color",
      "category": "color",
      "value": "#1f304c",
      "comment": "Gray Color 9",
      "originalValue": "{!palette-gray-90}",
      "name": "color-gray-90"
    },
    "color-gray-80": {
      "type": "color",
      "category": "color",
      "value": "#394762",
      "comment": "Gray Color 8",
      "originalValue": "{!palette-gray-80}",
      "name": "color-gray-80"
    },
    "color-gray-70": {
      "type": "color",
      "category": "color",
      "value": "#4b5671",
      "comment": "Gray Color 7",
      "originalValue": "{!palette-gray-70}",
      "name": "color-gray-70"
    },
    "color-gray-60": {
      "type": "color",
      "category": "color",
      "value": "#606b85",
      "comment": "Gray Color 6",
      "originalValue": "{!palette-gray-60}",
      "name": "color-gray-60"
    },
    "color-gray-50": {
      "type": "color",
      "category": "color",
      "value": "#8891aa",
      "comment": "Gray Color 5",
      "originalValue": "{!palette-gray-50}",
      "name": "color-gray-50"
    },
    "color-gray-40": {
      "type": "color",
      "category": "color",
      "value": "#8B93AA",
      "comment": "Gray Color 4",
      "originalValue": "{!palette-gray-40}",
      "name": "color-gray-40"
    },
    "color-brand": {
      "type": "color",
      "category": "color",
      "value": "#001489",
      "comment": "Default branding color",
      "originalValue": "{!palette-blue-80}",
      "name": "color-brand"
    },
    "color-gray-30": {
      "type": "color",
      "category": "color",
      "value": "#cacdd8",
      "comment": "Gray Color 3",
      "originalValue": "{!palette-gray-30}",
      "name": "color-gray-30"
    },
    "color-gray-20": {
      "type": "color",
      "category": "color",
      "value": "#e1e3ea",
      "comment": "Gray Color 2",
      "originalValue": "{!palette-gray-20}",
      "name": "color-gray-20"
    },
    "color-gray-10": {
      "type": "color",
      "category": "color",
      "value": "#f4f4f6",
      "comment": "Gray Color 1",
      "originalValue": "{!palette-gray-10}",
      "name": "color-gray-10"
    },
    "size-square-40": {
      "type": "size",
      "category": "sizing",
      "value": "0.75rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-40}",
      "name": "size-square-40"
    },
    "size-icon-80": {
      "type": "size",
      "category": "sizing",
      "value": "2.5rem",
      "comment": "Maps to line-height tokens 1:1",
      "originalValue": "{!line-height-80}",
      "name": "size-icon-80"
    },
    "size-base-0": {
      "type": "size",
      "category": "sizing",
      "value": "0",
      "comment": "Generic sizing token for UI components",
      "originalValue": "{!size-base-0}",
      "name": "size-base-0"
    },
    "size-square-30": {
      "type": "size",
      "category": "sizing",
      "value": "0.5rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-30}",
      "name": "size-square-30"
    },
    "size-icon-70": {
      "type": "size",
      "category": "sizing",
      "value": "2rem",
      "comment": "Maps to line-height tokens 1:1",
      "originalValue": "{!line-height-70}",
      "name": "size-icon-70"
    },
    "size-square-20": {
      "type": "size",
      "category": "sizing",
      "value": "0.25rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-20}",
      "name": "size-square-20"
    },
    "size-icon-60": {
      "type": "size",
      "category": "sizing",
      "value": "1.75rem",
      "comment": "Maps to line-height tokens 1:1",
      "originalValue": "{!line-height-60}",
      "name": "size-icon-60"
    },
    "size-90": {
      "type": "size",
      "category": "sizing",
      "value": "57.5rem",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-90}",
      "name": "size-90"
    },
    "size-square-10": {
      "type": "size",
      "category": "sizing",
      "value": "0.125rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-10}",
      "name": "size-square-10"
    },
    "size-120": {
      "type": "size",
      "category": "sizing",
      "value": "77rem",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-120}",
      "name": "size-120"
    },
    "size-icon-50": {
      "type": "size",
      "category": "sizing",
      "value": "1.75rem",
      "comment": "Maps to line-height tokens 1:1",
      "originalValue": "{!line-height-50}",
      "name": "size-icon-50"
    },
    "size-80": {
      "type": "size",
      "category": "sizing",
      "value": "51rem",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-80}",
      "name": "size-80"
    },
    "size-0": {
      "type": "size",
      "category": "sizing",
      "value": "0",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-0}",
      "name": "size-0"
    },
    "size-110": {
      "type": "size",
      "category": "sizing",
      "value": "70.5rem",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-110}",
      "name": "size-110"
    },
    "size-icon-40": {
      "type": "size",
      "category": "sizing",
      "value": "1.5rem",
      "comment": "Maps to line-height tokens 1:1",
      "originalValue": "{!line-height-40}",
      "name": "size-icon-40"
    },
    "size-square-190": {
      "type": "size",
      "category": "sizing",
      "value": "4.5rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-190}",
      "name": "size-square-190"
    },
    "size-70": {
      "type": "size",
      "category": "sizing",
      "value": "44.5rem",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-70}",
      "name": "size-70"
    },
    "size-100": {
      "type": "size",
      "category": "sizing",
      "value": "64rem",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-100}",
      "name": "size-100"
    },
    "size-icon-30": {
      "type": "size",
      "category": "sizing",
      "value": "1.25rem",
      "comment": "Maps to line-height tokens 1:1",
      "originalValue": "{!line-height-30}",
      "name": "size-icon-30"
    },
    "size-square-180": {
      "type": "size",
      "category": "sizing",
      "value": "4.25rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-180}",
      "name": "size-square-180"
    },
    "size-60": {
      "type": "size",
      "category": "sizing",
      "value": "38rem",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-60}",
      "name": "size-60"
    },
    "size-icon-20": {
      "type": "size",
      "category": "sizing",
      "value": "1.25rem",
      "comment": "Maps to line-height tokens 1:1",
      "originalValue": "{!line-height-20}",
      "name": "size-icon-20"
    },
    "size-square-170": {
      "type": "size",
      "category": "sizing",
      "value": "4rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-170}",
      "name": "size-square-170"
    },
    "size-sidebar-compact": {
      "type": "size",
      "category": "sizing",
      "value": "4.75rem",
      "comment": "Sizing token for the compact sidebar width.",
      "originalValue": "{!size-sidebar-compact}",
      "name": "size-sidebar-compact"
    },
    "size-base-90": {
      "type": "size",
      "category": "sizing",
      "value": "2.25rem",
      "comment": "Generic sizing token for UI components",
      "originalValue": "{!size-base-90}",
      "name": "size-base-90"
    },
    "size-icon-10": {
      "type": "size",
      "category": "sizing",
      "value": "1rem",
      "comment": "Maps to line-height tokens 1:1",
      "originalValue": "{!line-height-10}",
      "name": "size-icon-10"
    },
    "size-square-25": {
      "type": "size",
      "category": "sizing",
      "value": "0.375rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-25}",
      "name": "size-square-25"
    },
    "size-square-160": {
      "type": "size",
      "category": "sizing",
      "value": "3.75rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-160}",
      "name": "size-square-160"
    },
    "size-50": {
      "type": "size",
      "category": "sizing",
      "value": "31.5rem",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-50}",
      "name": "size-50"
    },
    "size-base-80": {
      "type": "size",
      "category": "sizing",
      "value": "2rem",
      "comment": "Generic sizing token for UI components",
      "originalValue": "{!size-base-80}",
      "name": "size-base-80"
    },
    "size-icon-110": {
      "type": "size",
      "category": "sizing",
      "value": "4rem",
      "comment": "Maps to line-height tokens 1:1",
      "originalValue": "{!line-height-110}",
      "name": "size-icon-110"
    },
    "size-square-150": {
      "type": "size",
      "category": "sizing",
      "value": "3.5rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-150}",
      "name": "size-square-150"
    },
    "size-40": {
      "type": "size",
      "category": "sizing",
      "value": "25rem",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-40}",
      "name": "size-40"
    },
    "size-base-70": {
      "type": "size",
      "category": "sizing",
      "value": "1.75rem",
      "comment": "Generic sizing token for UI components",
      "originalValue": "{!size-base-70}",
      "name": "size-base-70"
    },
    "size-icon-100": {
      "type": "size",
      "category": "sizing",
      "value": "3.25rem",
      "comment": "Maps to line-height tokens 1:1",
      "originalValue": "{!line-height-100}",
      "name": "size-icon-100"
    },
    "size-square-140": {
      "type": "size",
      "category": "sizing",
      "value": "3.25rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-140}",
      "name": "size-square-140"
    },
    "size-30": {
      "type": "size",
      "category": "sizing",
      "value": "18.5rem",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-30}",
      "name": "size-30"
    },
    "size-base-60": {
      "type": "size",
      "category": "sizing",
      "value": "1.5rem",
      "comment": "Generic sizing token for UI components",
      "originalValue": "{!size-base-60}",
      "name": "size-base-60"
    },
    "size-topbar": {
      "type": "size",
      "category": "sizing",
      "value": "4.75rem",
      "comment": "Sizing token for the minimum topbar height.",
      "originalValue": "{!size-topbar}",
      "name": "size-topbar"
    },
    "size-square-130": {
      "type": "size",
      "category": "sizing",
      "value": "3rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-130}",
      "name": "size-square-130"
    },
    "size-20": {
      "type": "size",
      "category": "sizing",
      "value": "12rem",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-20}",
      "name": "size-20"
    },
    "size-base-50": {
      "type": "size",
      "category": "sizing",
      "value": "1.25rem",
      "comment": "Generic sizing token for UI components",
      "originalValue": "{!size-base-50}",
      "name": "size-base-50"
    },
    "size-square-120": {
      "type": "size",
      "category": "sizing",
      "value": "2.75rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-120}",
      "name": "size-square-120"
    },
    "size-10": {
      "type": "size",
      "category": "sizing",
      "value": "5.5rem",
      "comment": "Generic sizing token for layouts and containers.",
      "originalValue": "{!size-10}",
      "name": "size-10"
    },
    "size-base-40": {
      "type": "size",
      "category": "sizing",
      "value": "1rem",
      "comment": "Generic sizing token for UI components",
      "originalValue": "{!size-base-40}",
      "name": "size-base-40"
    },
    "size-square-110": {
      "type": "size",
      "category": "sizing",
      "value": "2.5rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-110}",
      "name": "size-square-110"
    },
    "size-square-0": {
      "type": "size",
      "category": "sizing",
      "value": "0",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-0}",
      "name": "size-square-0"
    },
    "size-base-30": {
      "type": "size",
      "category": "sizing",
      "value": "0.75rem",
      "comment": "Generic sizing token for UI components",
      "originalValue": "{!size-base-30}",
      "name": "size-base-30"
    },
    "size-icon-05": {
      "type": "size",
      "category": "sizing",
      "value": "0.75rem",
      "comment": "Maps to line-height tokens 1:1",
      "originalValue": "{!line-height-05}",
      "name": "size-icon-05"
    },
    "size-square-100": {
      "type": "size",
      "category": "sizing",
      "value": "2.25rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-100}",
      "name": "size-square-100"
    },
    "size-base-20": {
      "type": "size",
      "category": "sizing",
      "value": "0.5rem",
      "comment": "Generic sizing token for UI components",
      "originalValue": "{!size-base-20}",
      "name": "size-base-20"
    },
    "size-square-200": {
      "type": "size",
      "category": "sizing",
      "value": "4.75rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-200}",
      "name": "size-square-200"
    },
    "size-base-10": {
      "type": "size",
      "category": "sizing",
      "value": "0.25rem",
      "comment": "Generic sizing token for UI components",
      "originalValue": "{!size-base-10}",
      "name": "size-base-10"
    },
    "size-sidebar": {
      "type": "size",
      "category": "sizing",
      "value": "15rem",
      "comment": "Sizing token for sidebar width.",
      "originalValue": "{!size-sidebar}",
      "name": "size-sidebar"
    },
    "size-square-90": {
      "type": "size",
      "category": "sizing",
      "value": "2rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-90}",
      "name": "size-square-90"
    },
    "size-square-80": {
      "type": "size",
      "category": "sizing",
      "value": "1.75rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-80}",
      "name": "size-square-80"
    },
    "size-square-70": {
      "type": "size",
      "category": "sizing",
      "value": "1.5rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-70}",
      "name": "size-square-70"
    },
    "size-square-60": {
      "type": "size",
      "category": "sizing",
      "value": "1.25rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-60}",
      "name": "size-square-60"
    },
    "size-square-50": {
      "type": "size",
      "category": "sizing",
      "value": "1rem",
      "comment": "Generic square sizing token scale for UI components.",
      "originalValue": "{!size-square-50}",
      "name": "size-square-50"
    },
    "size-icon-90": {
      "type": "size",
      "category": "sizing",
      "value": "2.5rem",
      "comment": "Maps to line-height tokens 1:1",
      "originalValue": "{!line-height-90}",
      "name": "size-icon-90"
    },
    "space-70": {
      "category": "spacing",
      "type": "size",
      "value": "1.5rem",
      "originalValue": "{!space-70}",
      "name": "space-70"
    },
    "space-negative-100": {
      "category": "spacing",
      "type": "size",
      "value": "-2.25rem",
      "originalValue": "-{!space-100}",
      "name": "space-negative-100"
    },
    "space-60": {
      "category": "spacing",
      "type": "size",
      "value": "1.25rem",
      "originalValue": "{!space-60}",
      "name": "space-60"
    },
    "space-negative-200": {
      "category": "spacing",
      "type": "size",
      "value": "-4.75rem",
      "originalValue": "-{!space-200}",
      "name": "space-negative-200"
    },
    "space-190": {
      "category": "spacing",
      "type": "size",
      "value": "4.5rem",
      "originalValue": "{!space-190}",
      "name": "space-190"
    },
    "space-50": {
      "category": "spacing",
      "type": "size",
      "value": "1rem",
      "originalValue": "{!space-50}",
      "name": "space-50"
    },
    "space-290": {
      "category": "spacing",
      "type": "size",
      "value": "7rem",
      "originalValue": "{!space-290}",
      "name": "space-290"
    },
    "space-180": {
      "category": "spacing",
      "type": "size",
      "value": "4.25rem",
      "originalValue": "{!space-180}",
      "name": "space-180"
    },
    "space-40": {
      "category": "spacing",
      "type": "size",
      "value": "0.75rem",
      "originalValue": "{!space-40}",
      "name": "space-40"
    },
    "space-280": {
      "category": "spacing",
      "type": "size",
      "value": "6.75rem",
      "originalValue": "{!space-280}",
      "name": "space-280"
    },
    "space-170": {
      "category": "spacing",
      "type": "size",
      "value": "4rem",
      "originalValue": "{!space-170}",
      "name": "space-170"
    },
    "space-30": {
      "category": "spacing",
      "type": "size",
      "value": "0.5rem",
      "originalValue": "{!space-30}",
      "name": "space-30"
    },
    "space-270": {
      "category": "spacing",
      "type": "size",
      "value": "6.5rem",
      "originalValue": "{!space-270}",
      "name": "space-270"
    },
    "space-160": {
      "category": "spacing",
      "type": "size",
      "value": "3.75rem",
      "originalValue": "{!space-160}",
      "name": "space-160"
    },
    "space-20": {
      "category": "spacing",
      "type": "size",
      "value": "0.25rem",
      "originalValue": "{!space-20}",
      "name": "space-20"
    },
    "space-260": {
      "category": "spacing",
      "type": "size",
      "value": "6.25rem",
      "originalValue": "{!space-260}",
      "name": "space-260"
    },
    "space-150": {
      "category": "spacing",
      "type": "size",
      "value": "3.5rem",
      "originalValue": "{!space-150}",
      "name": "space-150"
    },
    "space-10": {
      "category": "spacing",
      "type": "size",
      "value": "0.125rem",
      "originalValue": "{!space-10}",
      "name": "space-10"
    },
    "space-250": {
      "category": "spacing",
      "type": "size",
      "value": "6rem",
      "originalValue": "{!space-250}",
      "name": "space-250"
    },
    "space-140": {
      "category": "spacing",
      "type": "size",
      "value": "3.25rem",
      "originalValue": "{!space-140}",
      "name": "space-140"
    },
    "space-240": {
      "category": "spacing",
      "type": "size",
      "value": "5.75rem",
      "originalValue": "{!space-240}",
      "name": "space-240"
    },
    "space-130": {
      "category": "spacing",
      "type": "size",
      "value": "3rem",
      "originalValue": "{!space-130}",
      "name": "space-130"
    },
    "space-230": {
      "category": "spacing",
      "type": "size",
      "value": "5.5rem",
      "originalValue": "{!space-230}",
      "name": "space-230"
    },
    "space-120": {
      "category": "spacing",
      "type": "size",
      "value": "2.75rem",
      "originalValue": "{!space-120}",
      "name": "space-120"
    },
    "space-negative-90": {
      "category": "spacing",
      "type": "size",
      "value": "-2rem",
      "originalValue": "-{!space-90}",
      "name": "space-negative-90"
    },
    "space-220": {
      "category": "spacing",
      "type": "size",
      "value": "5.25rem",
      "originalValue": "{!space-220}",
      "name": "space-220"
    },
    "space-110": {
      "category": "spacing",
      "type": "size",
      "value": "2.5rem",
      "originalValue": "{!space-110}",
      "name": "space-110"
    },
    "space-0": {
      "category": "spacing",
      "type": "size",
      "value": "0",
      "originalValue": "{!space-0}",
      "name": "space-0"
    },
    "space-negative-80": {
      "category": "spacing",
      "type": "size",
      "value": "-1.75rem",
      "originalValue": "-{!space-80}",
      "name": "space-negative-80"
    },
    "space-210": {
      "category": "spacing",
      "type": "size",
      "value": "5rem",
      "originalValue": "{!space-210}",
      "name": "space-210"
    },
    "space-100": {
      "category": "spacing",
      "type": "size",
      "value": "2.25rem",
      "originalValue": "{!space-100}",
      "name": "space-100"
    },
    "space-negative-70": {
      "category": "spacing",
      "type": "size",
      "value": "-1.5rem",
      "originalValue": "-{!space-70}",
      "name": "space-negative-70"
    },
    "space-310": {
      "category": "spacing",
      "type": "size",
      "value": "7.5rem",
      "originalValue": "{!space-310}",
      "name": "space-310"
    },
    "space-200": {
      "category": "spacing",
      "type": "size",
      "value": "4.75rem",
      "originalValue": "{!space-200}",
      "name": "space-200"
    },
    "space-negative-60": {
      "category": "spacing",
      "type": "size",
      "value": "-1.25rem",
      "originalValue": "-{!space-60}",
      "name": "space-negative-60"
    },
    "space-300": {
      "category": "spacing",
      "type": "size",
      "value": "7.25rem",
      "originalValue": "{!space-300}",
      "name": "space-300"
    },
    "space-negative-50": {
      "category": "spacing",
      "type": "size",
      "value": "-1rem",
      "originalValue": "-{!space-50}",
      "name": "space-negative-50"
    },
    "space-negative-40": {
      "category": "spacing",
      "type": "size",
      "value": "-0.75rem",
      "originalValue": "-{!space-40}",
      "name": "space-negative-40"
    },
    "space-negative-30": {
      "category": "spacing",
      "type": "size",
      "value": "-0.5rem",
      "originalValue": "-{!space-30}",
      "name": "space-negative-30"
    },
    "space-negative-20": {
      "category": "spacing",
      "type": "size",
      "value": "-0.25rem",
      "originalValue": "-{!space-20}",
      "name": "space-negative-20"
    },
    "space-negative-10": {
      "category": "spacing",
      "type": "size",
      "value": "-0.125rem",
      "originalValue": "-{!space-10}",
      "name": "space-negative-10"
    },
    "space-negative-190": {
      "category": "spacing",
      "type": "size",
      "value": "-4.5rem",
      "originalValue": "-{!space-190}",
      "name": "space-negative-190"
    },
    "space-negative-180": {
      "category": "spacing",
      "type": "size",
      "value": "-4.25rem",
      "originalValue": "-{!space-180}",
      "name": "space-negative-180"
    },
    "space-negative-170": {
      "category": "spacing",
      "type": "size",
      "value": "-4rem",
      "originalValue": "-{!space-170}",
      "name": "space-negative-170"
    },
    "space-negative-160": {
      "category": "spacing",
      "type": "size",
      "value": "-3.75rem",
      "originalValue": "-{!space-160}",
      "name": "space-negative-160"
    },
    "space-negative-150": {
      "category": "spacing",
      "type": "size",
      "value": "-3.5rem",
      "originalValue": "-{!space-150}",
      "name": "space-negative-150"
    },
    "space-negative-140": {
      "category": "spacing",
      "type": "size",
      "value": "-3.25rem",
      "originalValue": "-{!space-140}",
      "name": "space-negative-140"
    },
    "space-negative-130": {
      "category": "spacing",
      "type": "size",
      "value": "-3rem",
      "originalValue": "-{!space-130}",
      "name": "space-negative-130"
    },
    "space-90": {
      "category": "spacing",
      "type": "size",
      "value": "2rem",
      "originalValue": "{!space-90}",
      "name": "space-90"
    },
    "space-negative-120": {
      "category": "spacing",
      "type": "size",
      "value": "-2.75rem",
      "originalValue": "-{!space-120}",
      "name": "space-negative-120"
    },
    "space-80": {
      "category": "spacing",
      "type": "size",
      "value": "1.75rem",
      "originalValue": "{!space-80}",
      "name": "space-80"
    },
    "space-negative-110": {
      "category": "spacing",
      "type": "size",
      "value": "-2.5rem",
      "originalValue": "-{!space-110}",
      "name": "space-negative-110"
    },
    "color-text-link-destructive-weak": {
      "type": "color",
      "category": "text-color",
      "value": "#f6b1b1",
      "comment": "Weak shade of destructive link text to be used in interactions",
      "originalValue": "{!palette-red-30}",
      "name": "color-text-link-destructive-weak"
    },
    "color-text-link-stronger": {
      "type": "color",
      "category": "text-color",
      "value": "#030b5d",
      "comment": "Stronger shade of link text to be used in interactions",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-blue-90}",
      "name": "color-text-link-stronger"
    },
    "color-text-user": {
      "type": "color",
      "category": "text-color",
      "value": "#121c2d",
      "comment": "Text color for user avatar.",
      "originalValue": "{!palette-gray-100}",
      "name": "color-text-user"
    },
    "color-text-icon-new": {
      "type": "color",
      "category": "text-color",
      "value": "#6d2ed1",
      "comment": "Icon color for indicating a new status.",
      "originalValue": "{!palette-purple-60}",
      "name": "color-text-icon-new"
    },
    "color-text-subaccount": {
      "type": "color",
      "category": "text-color",
      "value": "#543308",
      "comment": "Text color for the subaccount badge",
      "originalValue": "{!palette-yellow-90}",
      "name": "color-text-subaccount"
    },
    "color-text-destructive-stronger": {
      "type": "color",
      "category": "text-color",
      "value": "#4a0b0b",
      "comment": "Stronger shade of destructive text.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-90}",
      "name": "color-text-destructive-stronger"
    },
    "color-text-icon-offline": {
      "type": "color",
      "category": "text-color",
      "value": "#606b85",
      "comment": "Icon color for indicating a offline status",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-warning-weakest",
        "color-background-row-striped"
      ],
      "originalValue": "{!palette-gray-60}",
      "name": "color-text-icon-offline"
    },
    "color-text-link-destructive": {
      "type": "color",
      "category": "text-color",
      "value": "#DB132A",
      "comment": "Destructive link text",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-neutral-weakest",
        "color-background-warning-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-60}",
      "name": "color-text-link-destructive"
    },
    "color-text-primary-stronger": {
      "type": "color",
      "category": "text-color",
      "value": "#030b5d",
      "comment": "Stronger primary text.",
      "originalValue": "{!palette-blue-90}",
      "name": "color-text-primary-stronger"
    },
    "color-text-icon-success": {
      "type": "color",
      "category": "text-color",
      "value": "#0e7c3a",
      "comment": "Icon color for indicating success.",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-success-weakest",
        "color-background-row-striped"
      ],
      "originalValue": "{!palette-green-70}",
      "name": "color-text-icon-success"
    },
    "color-text-warning": {
      "type": "color",
      "category": "text-color",
      "value": "#8d3118",
      "comment": "Color for warning text.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-warning-weakest",
        "color-background-row-striped"
      ],
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-warning-weakest",
        "color-background-row-striped"
      ],
      "originalValue": "{!palette-orange-80}",
      "name": "color-text-warning"
    },
    "color-text-link-destructive-strongest": {
      "type": "color",
      "category": "text-color",
      "value": "#310c0c",
      "comment": "Strongest shade of destructive link text to be used in interactions",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-100}",
      "name": "color-text-link-destructive-strongest"
    },
    "color-text-icon-neutral": {
      "type": "color",
      "category": "text-color",
      "value": "#001489",
      "comment": "Icon color for being neutral.",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-neutral-weakest",
        "color-background-row-striped"
      ],
      "originalValue": "{!palette-blue-80}",
      "name": "color-text-icon-neutral"
    },
    "color-text-icon-notification": {
      "type": "color",
      "category": "text-color",
      "value": "#EC5B5B",
      "comment": "Icon color for notification elements.",
      "originalValue": "{!palette-red-50}",
      "name": "color-text-icon-notification"
    },
    "color-text-new": {
      "type": "color",
      "category": "text-color",
      "value": "#6d2ed1",
      "comment": "Color for text indicating a new status.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-purple-60}",
      "name": "color-text-new"
    },
    "color-text-icon-error": {
      "type": "color",
      "category": "text-color",
      "value": "#DB132A",
      "comment": "Icon color for indicating an error.",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-error-weakest",
        "color-background-row-striped"
      ],
      "originalValue": "{!palette-red-60}",
      "name": "color-text-icon-error"
    },
    "color-text-inverse-weak": {
      "type": "color",
      "category": "text-color",
      "value": "#cacdd8",
      "comment": "Weak inverse text color for dark backgrounds. Must pass AA color contrast with color-background-body-inverse.",
      "text_contrast_pairing": [
        "color-background-body-inverse",
        "color-background-brand"
      ],
      "originalValue": "{!palette-gray-30}",
      "name": "color-text-inverse-weak"
    },
    "color-text-icon-available": {
      "type": "color",
      "category": "text-color",
      "value": "#0e7c3a",
      "comment": "Icon color for indicating a available status",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-warning-weakest",
        "color-background-row-striped"
      ],
      "originalValue": "{!palette-green-70}",
      "name": "color-text-icon-available"
    },
    "color-text-link-destructive-stronger": {
      "type": "color",
      "category": "text-color",
      "value": "#4a0b0b",
      "comment": "Stronger shade of destructive link text to be used in interactions",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-90}",
      "name": "color-text-link-destructive-stronger"
    },
    "color-text-icon-brand-inverse": {
      "type": "color",
      "category": "text-color",
      "value": "#ffffff",
      "comment": "Twilio brand icon color used for the Twilio logo on inverse backgrounds.",
      "text_contrast_pairing": [
        "color-background-body-inverse"
      ],
      "originalValue": "{!palette-gray-0}",
      "name": "color-text-icon-brand-inverse"
    },
    "color-text-destructive": {
      "type": "color",
      "category": "text-color",
      "value": "#DB132A",
      "comment": "Destructive text.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-neutral-weakest",
        "color-background-warning-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-60}",
      "name": "color-text-destructive"
    },
    "color-text-primary": {
      "type": "color",
      "category": "text-color",
      "value": "#0263e0",
      "comment": "Primary text.",
      "originalValue": "{!palette-blue-60}",
      "name": "color-text-primary"
    },
    "color-text-success": {
      "type": "color",
      "category": "text-color",
      "value": "#0e7c3a",
      "comment": "Text color for success text.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-success-weakest",
        "color-background-row-striped"
      ],
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-success-weakest",
        "color-background-row-striped"
      ],
      "originalValue": "{!palette-green-70}",
      "name": "color-text-success"
    },
    "color-text-inverse-new": {
      "type": "color",
      "category": "text-color",
      "value": "#c8aff0",
      "comment": "Inverse color for indicating a new status.",
      "text_contrast_pairing": [
        "color-background-inverse-strong"
      ],
      "originalValue": "{!palette-purple-30}",
      "name": "color-text-inverse-new"
    },
    "color-text-destructive-strongest": {
      "type": "color",
      "category": "text-color",
      "value": "#310c0c",
      "comment": "Strongest shade of destructive text.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-100}",
      "name": "color-text-destructive-strongest"
    },
    "color-text-weak": {
      "type": "color",
      "category": "text-color",
      "value": "#606b85",
      "comment": "Weak body text for visual hierarchy.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-neutral-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-gray-60}",
      "name": "color-text-weak"
    },
    "color-text-primary-strongest": {
      "type": "color",
      "category": "text-color",
      "value": "#06033a",
      "comment": "Strongest primary text.",
      "originalValue": "{!palette-blue-100}",
      "name": "color-text-primary-strongest"
    },
    "color-text-icon": {
      "type": "color",
      "category": "text-color",
      "value": "#606b85",
      "comment": "Default icon color.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-strong",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-new",
        "color-background-row-striped",
        "color-background-primary-weaker",
        "color-background-primary-weakest",
        "color-background-destructive-weaker",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-gray-60}",
      "name": "color-text-icon"
    },
    "color-text-link": {
      "type": "color",
      "category": "text-color",
      "value": "#0263e0",
      "comment": "Link text",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-strong",
        "color-background-body",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-new",
        "color-background-row-striped",
        "color-background-primary-weaker",
        "color-background-primary-weakest",
        "color-background-destructive-weaker",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-blue-60}",
      "name": "color-text-link"
    },
    "color-text-icon-brand-highlight": {
      "type": "color",
      "category": "text-color",
      "value": "#F22F46",
      "comment": "Twilio brand red icon color used for the Twilio logo.",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body"
      ],
      "originalValue": "{!amaranth}",
      "name": "color-text-icon-brand-highlight"
    },
    "color-text-neutral": {
      "type": "color",
      "category": "text-color",
      "value": "#001489",
      "comment": "Color for text indicating a neutral status.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-blue-80}",
      "name": "color-text-neutral"
    },
    "color-text-brand": {
      "type": "color",
      "category": "text-color",
      "value": "#121c2d",
      "comment": "Text color to be used on top of brand accent background colors such as color-background-brand-10 only.",
      "text_contrast_pairing": [
        "color-background-brand-10",
        "color-background-brand-20",
        "color-background-brand-30"
      ],
      "originalValue": "{!palette-gray-100}",
      "name": "color-text-brand"
    },
    "color-text-link-strongest": {
      "type": "color",
      "category": "text-color",
      "value": "#06033a",
      "comment": "Strongest shade of link text to be used in interactions",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-blue-100}",
      "name": "color-text-link-strongest"
    },
    "color-text-error": {
      "type": "color",
      "category": "text-color",
      "value": "#DB132A",
      "comment": "Error text for inputs and error misc",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-neutral-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-60}",
      "name": "color-text-error"
    },
    "color-text-icon-inverse": {
      "type": "color",
      "category": "text-color",
      "value": "#8891aa",
      "comment": "Default icon color for inverse backgrounds.",
      "text_contrast_pairing": [
        "color-background-body-inverse"
      ],
      "originalValue": "{!palette-gray-50}",
      "name": "color-text-icon-inverse"
    },
    "color-text-error-strong": {
      "type": "color",
      "category": "text-color",
      "value": "#ad1111",
      "comment": "Strong error text for inputs and error misc",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-70}",
      "name": "color-text-error-strong"
    },
    "color-text-icon-unavailable": {
      "type": "color",
      "category": "text-color",
      "value": "#DB132A",
      "comment": "Icon color for indicating a unavailable status",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-warning-weakest",
        "color-background-row-striped"
      ],
      "originalValue": "{!palette-red-60}",
      "name": "color-text-icon-unavailable"
    },
    "color-text-error-weak": {
      "type": "color",
      "category": "text-color",
      "value": "#EC5B5B",
      "comment": "Weak error text for inputs and error misc",
      "originalValue": "{!palette-red-50}",
      "name": "color-text-error-weak"
    },
    "color-text-decorative-40": {
      "type": "color",
      "category": "text-color",
      "value": "#6d2ed1",
      "comment": "Text color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or border tokens.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-decorative-40-weakest"
      ],
      "originalValue": "{!palette-purple-60}",
      "name": "color-text-decorative-40"
    },
    "color-text-link-strong": {
      "type": "color",
      "category": "text-color",
      "value": "#001489",
      "comment": "Strong shade of link text to be used in interactions",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-blue-80}",
      "name": "color-text-link-strong"
    },
    "color-text-brand-inverse": {
      "type": "color",
      "category": "text-color",
      "value": "#FFFFFF",
      "comment": "Text color used on any brand color",
      "text_contrast_pairing": [
        "color-background-body-inverse",
        "color-background-brand"
      ],
      "originalValue": "{!white}",
      "name": "color-text-brand-inverse"
    },
    "color-text-error-strongest": {
      "type": "color",
      "category": "text-color",
      "value": "#310c0c",
      "comment": "Strongest error text for inputs and error misc.",
      "originalValue": "{!palette-red-100}",
      "name": "color-text-error-strongest"
    },
    "color-text-decorative-30": {
      "type": "color",
      "category": "text-color",
      "value": "#0e7c3a",
      "comment": "Text color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or border tokens.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-decorative-30-weakest"
      ],
      "originalValue": "{!palette-green-70}",
      "name": "color-text-decorative-30"
    },
    "color-text-link-weak": {
      "type": "color",
      "category": "text-color",
      "value": "#99cdff",
      "comment": "Weak shade of link text to be used in interactions",
      "originalValue": "{!palette-blue-30}",
      "name": "color-text-link-weak"
    },
    "color-text-decorative-20": {
      "type": "color",
      "category": "text-color",
      "value": "#001489",
      "comment": "Text color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or border tokens.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-decorative-20-weakest"
      ],
      "originalValue": "{!palette-blue-80}",
      "name": "color-text-decorative-20"
    },
    "color-text-decorative-10": {
      "type": "color",
      "category": "text-color",
      "value": "#606b85",
      "comment": "Text color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or border tokens.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-decorative-10-weakest"
      ],
      "originalValue": "{!palette-gray-60}",
      "name": "color-text-decorative-10"
    },
    "color-text": {
      "type": "color",
      "category": "text-color",
      "value": "#121c2d",
      "comment": "Body text color",
      "text_contrast_pairing": [
        "color-background",
        "color-background-strong",
        "color-background-stronger",
        "color-background-body",
        "color-background-user",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-new",
        "color-background-row-striped",
        "color-background-primary-weak",
        "color-background-primary-weaker",
        "color-background-primary-weakest",
        "color-background-destructive-weak",
        "color-background-destructive-weaker",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-gray-100}",
      "name": "color-text"
    },
    "color-text-icon-busy": {
      "type": "color",
      "category": "text-color",
      "value": "#e36a19",
      "comment": "Icon color for indicating a busy status",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-warning-weakest",
        "color-background-row-striped"
      ],
      "originalValue": "{!palette-orange-65}",
      "name": "color-text-icon-busy"
    },
    "color-text-weakest": {
      "type": "color",
      "category": "text-color",
      "value": "#ffffff",
      "comment": "Weakest body text for visual hierarchy. Inaccessible unless used on disabled controls.",
      "text_contrast_pairing": [
        "color-background-primary-strong",
        "color-background-primary-stronger",
        "color-background-primary-strongest",
        "color-background-destructive-strong",
        "color-background-destructive-stronger",
        "color-background-destructive-strongest"
      ],
      "originalValue": "{!palette-gray-0}",
      "name": "color-text-weakest"
    },
    "color-text-brand-highlight": {
      "type": "color",
      "category": "text-color",
      "value": "#F22F46",
      "comment": "Twilio brand red, accessible on large text only.",
      "uicontrol_contrast_pairing": [
        "color-background-body"
      ],
      "originalValue": "{!amaranth}",
      "name": "color-text-brand-highlight"
    },
    "color-text-destructive-strong": {
      "type": "color",
      "category": "text-color",
      "value": "#ad1111",
      "comment": "Strong shade of destructive text.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-70}",
      "name": "color-text-destructive-strong"
    },
    "color-text-inverse-weaker": {
      "type": "color",
      "category": "text-color",
      "value": "#8891aa",
      "comment": "Weaker inverse text color for dark backgrounds. Must pass AA color contrast with color-background-body-inverse.",
      "originalValue": "{!palette-gray-50}",
      "name": "color-text-inverse-weaker"
    },
    "color-text-primary-strong": {
      "type": "color",
      "category": "text-color",
      "value": "#001489",
      "comment": "Strong primary text.",
      "originalValue": "{!palette-blue-80}",
      "name": "color-text-primary-strong"
    },
    "color-text-primary-weak": {
      "type": "color",
      "category": "text-color",
      "value": "#99cdff",
      "comment": "Weak primary text.",
      "originalValue": "{!palette-blue-30}",
      "name": "color-text-primary-weak"
    },
    "color-text-destructive-weak": {
      "type": "color",
      "category": "text-color",
      "value": "#f6b1b1",
      "comment": "Weak shade of destructive text.",
      "originalValue": "{!palette-red-30}",
      "name": "color-text-destructive-weak"
    },
    "color-text-inverse": {
      "type": "color",
      "category": "text-color",
      "value": "#ffffff",
      "comment": "Inverse text color for dark backgrounds. Must pass AA color contrast with color-background-body-inverse.",
      "text_contrast_pairing": [
        "color-background-body-inverse",
        "color-background-brand",
        "color-background-error",
        "color-background-primary",
        "color-background-destructive"
      ],
      "originalValue": "{!palette-gray-0}",
      "name": "color-text-inverse"
    },
    "color-text-inverse-weakest": {
      "type": "color",
      "category": "text-color",
      "value": "#4b5671",
      "comment": "Weakest inverse text color for dark backgrounds. Must pass AA color contrast with color-background-body-inverse.",
      "originalValue": "{!palette-gray-70}",
      "name": "color-text-inverse-weakest"
    },
    "color-text-weaker": {
      "type": "color",
      "category": "text-color",
      "value": "#8B93AA",
      "comment": "Weaker body text for visual hierarchy. Inaccessible unless used on disabled controls.",
      "originalValue": "{!palette-gray-40}",
      "name": "color-text-weaker"
    },
    "color-text-warning-strong": {
      "type": "color",
      "category": "text-color",
      "value": "#8d3118",
      "comment": "Color for dark warning text.",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-row-striped",
        "color-background-warning-weakest"
      ],
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-row-striped",
        "color-background-warning-weakest"
      ],
      "originalValue": "{!palette-orange-80}",
      "name": "color-text-warning-strong"
    },
    "color-text-icon-warning": {
      "type": "color",
      "category": "text-color",
      "value": "#e36a19",
      "comment": "Icon color for indicating a warning.",
      "uicontrol_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-warning-weakest",
        "color-background-row-striped"
      ],
      "originalValue": "{!palette-orange-65}",
      "name": "color-text-icon-warning"
    },
    "color-text-error-stronger": {
      "type": "color",
      "category": "text-color",
      "value": "#4a0b0b",
      "comment": "Stronger error text for inputs and error misc",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-90}",
      "name": "color-text-error-stronger"
    },
    "color-text-link-destructive-strong": {
      "type": "color",
      "category": "text-color",
      "value": "#ad1111",
      "comment": "Strong shade of destructive link text to be used in interactions",
      "text_contrast_pairing": [
        "color-background",
        "color-background-body",
        "color-background-subaccount",
        "color-background-trial",
        "color-background-neutral-weakest",
        "color-background-success-weakest",
        "color-background-warning-weakest",
        "color-background-error-weakest",
        "color-background-row-striped",
        "color-background-primary-weakest",
        "color-background-destructive-weakest"
      ],
      "originalValue": "{!palette-red-70}",
      "name": "color-text-link-destructive-strong"
    },
    "z-index-0": {
      "type": "z-index",
      "category": "z-index",
      "value": "0",
      "originalValue": "{!z-index-0}",
      "name": "z-index-0"
    },
    "z-index-90": {
      "type": "z-index",
      "category": "z-index",
      "value": "90",
      "originalValue": "{!z-index-90}",
      "name": "z-index-90"
    },
    "z-index-80": {
      "type": "z-index",
      "category": "z-index",
      "value": "80",
      "originalValue": "{!z-index-80}",
      "name": "z-index-80"
    },
    "z-index-70": {
      "type": "z-index",
      "category": "z-index",
      "value": "70",
      "originalValue": "{!z-index-70}",
      "name": "z-index-70"
    },
    "z-index-60": {
      "type": "z-index",
      "category": "z-index",
      "value": "60",
      "originalValue": "{!z-index-60}",
      "name": "z-index-60"
    },
    "z-index-50": {
      "type": "z-index",
      "category": "z-index",
      "value": "50",
      "originalValue": "{!z-index-50}",
      "name": "z-index-50"
    },
    "z-index-40": {
      "type": "z-index",
      "category": "z-index",
      "value": "40",
      "originalValue": "{!z-index-40}",
      "name": "z-index-40"
    },
    "z-index-30": {
      "type": "z-index",
      "category": "z-index",
      "value": "30",
      "originalValue": "{!z-index-30}",
      "name": "z-index-30"
    },
    "z-index-20": {
      "type": "z-index",
      "category": "z-index",
      "value": "20",
      "originalValue": "{!z-index-20}",
      "name": "z-index-20"
    },
    "z-index-10": {
      "type": "z-index",
      "category": "z-index",
      "value": "10",
      "originalValue": "{!z-index-10}",
      "name": "z-index-10"
    },
    "color-scheme": {
      "type": "string",
      "category": "color-scheme",
      "value": "light",
      "originalValue": "light",
      "name": "color-scheme"
    }
  }
}