{
  "version": 1,
  "color": {
    "themes": [
      {
        "id": "light",
        "name": "Light"
      },
      {
        "id": "dark",
        "name": "Dark"
      },
      {
        "id": "dt-context-product",
        "name": "Dt Context Product"
      },
      {
        "id": "dt-context-marketing",
        "name": "Dt Context Marketing"
      }
    ],
    "tokens": [
      {
        "name": "dt-color-white",
        "value": "oklch(1 0 0)"
      },
      {
        "name": "dt-color-black",
        "value": "oklch(0 0 0)"
      },
      {
        "name": "dt-color-transparent",
        "value": "oklch(0 0 0 / 0)"
      },
      {
        "name": "dt-color-neutral-050",
        "value": "oklch(0.979 0 0)"
      },
      {
        "name": "dt-color-neutral-100",
        "value": "oklch(0.958 0 0)"
      },
      {
        "name": "dt-color-neutral-200",
        "value": "oklch(0.928 0 0)"
      },
      {
        "name": "dt-color-neutral-300",
        "value": "oklch(0.870 0 0)"
      },
      {
        "name": "dt-color-neutral-400",
        "value": "oklch(0.715 0 0)"
      },
      {
        "name": "dt-color-neutral-500",
        "value": "oklch(0.556 0 0)"
      },
      {
        "name": "dt-color-neutral-600",
        "value": "oklch(0.464 0 0)"
      },
      {
        "name": "dt-color-neutral-700",
        "value": "oklch(0.371 0 0)"
      },
      {
        "name": "dt-color-neutral-800",
        "value": "oklch(0.285 0 0)"
      },
      {
        "name": "dt-color-neutral-900",
        "value": "oklch(0.191 0 0)"
      },
      {
        "name": "dt-color-neutral-950",
        "value": "oklch(0.168 0 0)"
      },
      {
        "name": "dt-color-primary-050",
        "value": "oklch(0.971 0.016 45)"
      },
      {
        "name": "dt-color-primary-100",
        "value": "oklch(0.939 0.038 45)"
      },
      {
        "name": "dt-color-primary-200",
        "value": "oklch(0.892 0.070 45)"
      },
      {
        "name": "dt-color-primary-300",
        "value": "oklch(0.820 0.112 45)"
      },
      {
        "name": "dt-color-primary-400",
        "value": "oklch(0.735 0.148 45)"
      },
      {
        "name": "dt-color-primary-500",
        "value": "oklch(0.660 0.166 45)"
      },
      {
        "name": "dt-color-primary-600",
        "value": "oklch(0.585 0.162 45)"
      },
      {
        "name": "dt-color-primary-700",
        "value": "oklch(0.505 0.140 45)"
      },
      {
        "name": "dt-color-primary-800",
        "value": "oklch(0.430 0.117 45)"
      },
      {
        "name": "dt-color-primary-900",
        "value": "oklch(0.372 0.097 45)"
      },
      {
        "name": "dt-color-primary-950",
        "value": "oklch(0.262 0.070 45)"
      },
      {
        "name": "dt-color-secondary-050",
        "value": "oklch(0.977 0.014 305)"
      },
      {
        "name": "dt-color-secondary-100",
        "value": "oklch(0.946 0.033 305)"
      },
      {
        "name": "dt-color-secondary-200",
        "value": "oklch(0.902 0.063 305)"
      },
      {
        "name": "dt-color-secondary-300",
        "value": "oklch(0.827 0.110 305)"
      },
      {
        "name": "dt-color-secondary-400",
        "value": "oklch(0.740 0.163 305)"
      },
      {
        "name": "dt-color-secondary-500",
        "value": "oklch(0.667 0.200 305)"
      },
      {
        "name": "dt-color-secondary-600",
        "value": "oklch(0.594 0.216 305)"
      },
      {
        "name": "dt-color-secondary-700",
        "value": "oklch(0.518 0.190 305)"
      },
      {
        "name": "dt-color-secondary-800",
        "value": "oklch(0.444 0.158 305)"
      },
      {
        "name": "dt-color-secondary-900",
        "value": "oklch(0.381 0.128 305)"
      },
      {
        "name": "dt-color-secondary-950",
        "value": "oklch(0.279 0.095 305)"
      },
      {
        "name": "dt-color-green-050",
        "value": "oklch(0.972 0.021 150)"
      },
      {
        "name": "dt-color-green-100",
        "value": "oklch(0.940 0.045 150)"
      },
      {
        "name": "dt-color-green-200",
        "value": "oklch(0.885 0.077 150)"
      },
      {
        "name": "dt-color-green-300",
        "value": "oklch(0.806 0.116 150)"
      },
      {
        "name": "dt-color-green-400",
        "value": "oklch(0.714 0.146 150)"
      },
      {
        "name": "dt-color-green-500",
        "value": "oklch(0.627 0.149 150)"
      },
      {
        "name": "dt-color-green-600",
        "value": "oklch(0.535 0.128 150)"
      },
      {
        "name": "dt-color-green-700",
        "value": "oklch(0.447 0.106 150)"
      },
      {
        "name": "dt-color-green-800",
        "value": "oklch(0.373 0.086 150)"
      },
      {
        "name": "dt-color-green-900",
        "value": "oklch(0.315 0.070 150)"
      },
      {
        "name": "dt-color-green-950",
        "value": "oklch(0.228 0.052 150)"
      },
      {
        "name": "dt-color-amber-050",
        "value": "oklch(0.980 0.024 75)"
      },
      {
        "name": "dt-color-amber-100",
        "value": "oklch(0.953 0.055 75)"
      },
      {
        "name": "dt-color-amber-200",
        "value": "oklch(0.903 0.104 75)"
      },
      {
        "name": "dt-color-amber-300",
        "value": "oklch(0.848 0.146 75)"
      },
      {
        "name": "dt-color-amber-400",
        "value": "oklch(0.793 0.163 75)"
      },
      {
        "name": "dt-color-amber-500",
        "value": "oklch(0.740 0.158 75)"
      },
      {
        "name": "dt-color-amber-600",
        "value": "oklch(0.653 0.140 75)"
      },
      {
        "name": "dt-color-amber-700",
        "value": "oklch(0.540 0.116 75)"
      },
      {
        "name": "dt-color-amber-800",
        "value": "oklch(0.450 0.095 75)"
      },
      {
        "name": "dt-color-amber-900",
        "value": "oklch(0.386 0.079 75)"
      },
      {
        "name": "dt-color-amber-950",
        "value": "oklch(0.270 0.056 75)"
      },
      {
        "name": "dt-color-red-050",
        "value": "oklch(0.971 0.015 25)"
      },
      {
        "name": "dt-color-red-100",
        "value": "oklch(0.936 0.033 25)"
      },
      {
        "name": "dt-color-red-200",
        "value": "oklch(0.885 0.062 25)"
      },
      {
        "name": "dt-color-red-300",
        "value": "oklch(0.808 0.108 25)"
      },
      {
        "name": "dt-color-red-400",
        "value": "oklch(0.712 0.170 25)"
      },
      {
        "name": "dt-color-red-500",
        "value": "oklch(0.637 0.208 25)"
      },
      {
        "name": "dt-color-red-600",
        "value": "oklch(0.577 0.215 25)"
      },
      {
        "name": "dt-color-red-700",
        "value": "oklch(0.505 0.191 25)"
      },
      {
        "name": "dt-color-red-800",
        "value": "oklch(0.444 0.161 25)"
      },
      {
        "name": "dt-color-red-900",
        "value": "oklch(0.396 0.134 25)"
      },
      {
        "name": "dt-color-red-950",
        "value": "oklch(0.258 0.092 25)"
      },
      {
        "name": "dt-color-cyan-050",
        "value": "oklch(0.977 0.013 230)"
      },
      {
        "name": "dt-color-cyan-100",
        "value": "oklch(0.951 0.026 230)"
      },
      {
        "name": "dt-color-cyan-200",
        "value": "oklch(0.901 0.050 230)"
      },
      {
        "name": "dt-color-cyan-300",
        "value": "oklch(0.828 0.081 230)"
      },
      {
        "name": "dt-color-cyan-400",
        "value": "oklch(0.746 0.115 230)"
      },
      {
        "name": "dt-color-cyan-500",
        "value": "oklch(0.685 0.140 230)"
      },
      {
        "name": "dt-color-cyan-600",
        "value": "oklch(0.588 0.135 230)"
      },
      {
        "name": "dt-color-cyan-700",
        "value": "oklch(0.500 0.114 230)"
      },
      {
        "name": "dt-color-cyan-800",
        "value": "oklch(0.424 0.094 230)"
      },
      {
        "name": "dt-color-cyan-900",
        "value": "oklch(0.366 0.077 230)"
      },
      {
        "name": "dt-color-cyan-950",
        "value": "oklch(0.262 0.056 230)"
      },
      {
        "name": "dt-color-violet-050",
        "value": "oklch(0.977 0.014 305)"
      },
      {
        "name": "dt-color-violet-100",
        "value": "oklch(0.946 0.033 305)"
      },
      {
        "name": "dt-color-violet-200",
        "value": "oklch(0.902 0.063 305)"
      },
      {
        "name": "dt-color-violet-300",
        "value": "oklch(0.827 0.110 305)"
      },
      {
        "name": "dt-color-violet-400",
        "value": "oklch(0.740 0.163 305)"
      },
      {
        "name": "dt-color-violet-500",
        "value": "oklch(0.667 0.200 305)"
      },
      {
        "name": "dt-color-violet-600",
        "value": "oklch(0.594 0.216 305)"
      },
      {
        "name": "dt-color-violet-700",
        "value": "oklch(0.518 0.190 305)"
      },
      {
        "name": "dt-color-violet-800",
        "value": "oklch(0.444 0.158 305)"
      },
      {
        "name": "dt-color-violet-900",
        "value": "oklch(0.381 0.128 305)"
      },
      {
        "name": "dt-color-violet-950",
        "value": "oklch(0.279 0.095 305)"
      },
      {
        "name": "dt-color-spectrum-red-400",
        "value": "oklch(0.700 0.200 25)"
      },
      {
        "name": "dt-color-spectrum-red-500",
        "value": "oklch(0.630 0.230 25)"
      },
      {
        "name": "dt-color-spectrum-amber-400",
        "value": "oklch(0.840 0.150 80)"
      },
      {
        "name": "dt-color-spectrum-amber-500",
        "value": "oklch(0.790 0.165 75)"
      },
      {
        "name": "dt-color-spectrum-green-400",
        "value": "oklch(0.780 0.175 150)"
      },
      {
        "name": "dt-color-spectrum-green-500",
        "value": "oklch(0.700 0.190 150)"
      },
      {
        "name": "dt-color-spectrum-cyan-400",
        "value": "oklch(0.800 0.130 210)"
      },
      {
        "name": "dt-color-spectrum-cyan-500",
        "value": "oklch(0.715 0.140 210)"
      },
      {
        "name": "dt-color-spectrum-blue-400",
        "value": "oklch(0.700 0.180 262)"
      },
      {
        "name": "dt-color-spectrum-blue-500",
        "value": "oklch(0.600 0.215 262)"
      },
      {
        "name": "dt-color-spectrum-magenta-400",
        "value": "oklch(0.720 0.210 335)"
      },
      {
        "name": "dt-color-spectrum-magenta-500",
        "value": "oklch(0.640 0.250 335)"
      },
      {
        "name": "dt-surface-base",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-neutral-950}"
        }
      },
      {
        "name": "dt-surface-subtle",
        "value": {
          "light": "{dt-color-neutral-050}",
          "dark": "{dt-color-neutral-900}"
        }
      },
      {
        "name": "dt-surface-raised",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-neutral-900}"
        }
      },
      {
        "name": "dt-surface-sunken",
        "value": {
          "light": "{dt-color-neutral-100}",
          "dark": "{dt-color-black}"
        }
      },
      {
        "name": "dt-surface-overlay",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-neutral-800}"
        }
      },
      {
        "name": "dt-surface-inverse",
        "value": {
          "light": "{dt-color-neutral-900}",
          "dark": "{dt-color-neutral-050}"
        }
      },
      {
        "name": "dt-surface-disabled",
        "value": {
          "light": "{dt-color-neutral-100}",
          "dark": "{dt-color-neutral-800}"
        }
      },
      {
        "name": "dt-surface-scrim",
        "value": {
          "light": "oklch(0.145 0.005 264 / 0.5)",
          "dark": "oklch(0 0 0 / 0.7)"
        }
      },
      {
        "name": "dt-text-primary",
        "value": {
          "light": "{dt-color-neutral-900}",
          "dark": "{dt-color-neutral-050}"
        }
      },
      {
        "name": "dt-text-secondary",
        "value": {
          "light": "{dt-color-neutral-600}",
          "dark": "{dt-color-neutral-400}"
        }
      },
      {
        "name": "dt-text-tertiary",
        "value": {
          "light": "{dt-color-neutral-500}",
          "dark": "{dt-color-neutral-500}"
        }
      },
      {
        "name": "dt-text-disabled",
        "value": {
          "light": "{dt-color-neutral-400}",
          "dark": "{dt-color-neutral-600}"
        }
      },
      {
        "name": "dt-text-inverse",
        "value": {
          "light": "{dt-color-neutral-050}",
          "dark": "{dt-color-neutral-900}"
        }
      },
      {
        "name": "dt-text-on-scrim",
        "value": {
          "light": "{dt-color-neutral-050}",
          "dark": "{dt-color-neutral-050}"
        },
        "usage": "Text over a darkened photograph. Light in both modes, because a scrim over a photo is dark in both."
      },
      {
        "name": "dt-text-on-scrim-secondary",
        "value": {
          "light": "{dt-color-neutral-200}",
          "dark": "{dt-color-neutral-200}"
        },
        "usage": "Supporting text over a darkened photograph."
      },
      {
        "name": "dt-text-on-scrim-strong",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-white}"
        },
        "usage": "Pure white over a photograph or video, for large type that would read grey in the near-white."
      },
      {
        "name": "dt-text-on-scrim-brand",
        "value": {
          "light": "{dt-color-primary-200}",
          "dark": "{dt-color-primary-200}"
        },
        "usage": "A light brand step for a title over a darkened photograph or video."
      },
      {
        "name": "dt-surface-glass",
        "value": {
          "light": "color-mix(in oklab, {dt-surface-overlay} 72%, transparent)",
          "dark": "color-mix(in oklab, {dt-surface-overlay} 72%, transparent)"
        },
        "usage": "The overlay surface, translucent. Pair with --dt-backdrop-glass."
      },
      {
        "name": "dt-surface-glass-strong",
        "value": {
          "light": "color-mix(in oklab, {dt-surface-overlay} 88%, transparent)",
          "dark": "color-mix(in oklab, {dt-surface-overlay} 88%, transparent)"
        },
        "usage": "Glass that lets less through."
      },
      {
        "name": "dt-surface-glass-tint",
        "value": {
          "light": "color-mix(in oklab, {dt-text-primary} 8%, transparent)",
          "dark": "color-mix(in oklab, {dt-text-primary} 8%, transparent)"
        },
        "usage": "A faint wash of ink over content: a ring, a chip, an active pill."
      },
      {
        "name": "dt-surface-glass-inverse",
        "value": {
          "light": "color-mix(in oklab, {dt-color-neutral-950} 58%, transparent)",
          "dark": "color-mix(in oklab, {dt-color-neutral-950} 58%, transparent)"
        },
        "usage": "Dark glass in both modes, for a card over a photograph."
      },
      {
        "name": "dt-border-glass",
        "value": {
          "light": "color-mix(in oklab, {dt-text-primary} 10%, transparent)",
          "dark": "color-mix(in oklab, {dt-text-primary} 10%, transparent)"
        },
        "usage": ""
      },
      {
        "name": "dt-border-glass-inverse",
        "value": {
          "light": "color-mix(in oklab, {dt-color-neutral-050} 14%, transparent)",
          "dark": "color-mix(in oklab, {dt-color-neutral-050} 14%, transparent)"
        },
        "usage": ""
      },
      {
        "name": "dt-scrim-bottom",
        "value": {
          "light": "linear-gradient(to top, color-mix(in oklab, {dt-color-neutral-950} 80%, transparent), color-mix(in oklab, {dt-color-neutral-950} 40%, transparent) 45%, transparent)",
          "dark": "linear-gradient(to top, color-mix(in oklab, {dt-color-neutral-950} 80%, transparent), color-mix(in oklab, {dt-color-neutral-950} 40%, transparent) 45%, transparent)"
        },
        "usage": "Image scrim rising from the bottom edge."
      },
      {
        "name": "dt-scrim-top",
        "value": {
          "light": "linear-gradient(to bottom, color-mix(in oklab, {dt-color-neutral-950} 80%, transparent), color-mix(in oklab, {dt-color-neutral-950} 40%, transparent) 45%, transparent)",
          "dark": "linear-gradient(to bottom, color-mix(in oklab, {dt-color-neutral-950} 80%, transparent), color-mix(in oklab, {dt-color-neutral-950} 40%, transparent) 45%, transparent)"
        },
        "usage": "Image scrim falling from the top edge."
      },
      {
        "name": "dt-scrim-full",
        "value": {
          "light": "color-mix(in oklab, {dt-color-neutral-950} 55%, transparent)",
          "dark": "color-mix(in oklab, {dt-color-neutral-950} 55%, transparent)"
        },
        "usage": "An even wash over a whole image."
      },
      {
        "name": "dt-scrim-fade-bottom",
        "value": {
          "light": "linear-gradient(to top, {dt-surface-base} 40%, transparent)",
          "dark": "linear-gradient(to top, {dt-surface-base} 40%, transparent)"
        },
        "usage": "The page surface fading up, behind a floating bottom bar."
      },
      {
        "name": "dt-text-link",
        "value": {
          "light": "{dt-color-neutral-900}",
          "dark": "{dt-color-neutral-050}"
        }
      },
      {
        "name": "dt-text-link-hover",
        "value": {
          "light": "{dt-color-neutral-700}",
          "dark": "{dt-color-neutral-300}"
        }
      },
      {
        "name": "dt-text-link-visited",
        "value": {
          "light": "{dt-color-neutral-700}",
          "dark": "{dt-color-neutral-300}"
        }
      },
      {
        "name": "dt-border-subtle",
        "value": {
          "light": "{dt-color-neutral-100}",
          "dark": "{dt-color-neutral-800}"
        }
      },
      {
        "name": "dt-border-default",
        "value": {
          "light": "{dt-color-neutral-200}",
          "dark": "{dt-color-neutral-700}"
        }
      },
      {
        "name": "dt-border-strong",
        "value": {
          "light": "{dt-color-neutral-400}",
          "dark": "{dt-color-neutral-500}"
        }
      },
      {
        "name": "dt-border-inverse",
        "value": {
          "light": "{dt-color-neutral-700}",
          "dark": "{dt-color-neutral-300}"
        }
      },
      {
        "name": "dt-border-disabled",
        "value": {
          "light": "{dt-color-neutral-200}",
          "dark": "{dt-color-neutral-800}"
        }
      },
      {
        "name": "dt-surface-action",
        "value": {
          "light": "{dt-color-neutral-900}",
          "dark": "{dt-color-neutral-050}"
        }
      },
      {
        "name": "dt-surface-action-hover",
        "value": {
          "light": "{dt-color-neutral-800}",
          "dark": "{dt-color-neutral-200}"
        }
      },
      {
        "name": "dt-surface-action-active",
        "value": {
          "light": "{dt-color-neutral-700}",
          "dark": "{dt-color-neutral-300}"
        }
      },
      {
        "name": "dt-text-on-action",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-neutral-950}"
        }
      },
      {
        "name": "dt-surface-action-secondary",
        "value": {
          "light": "{dt-color-neutral-100}",
          "dark": "{dt-color-neutral-800}"
        }
      },
      {
        "name": "dt-surface-action-secondary-hover",
        "value": {
          "light": "{dt-color-neutral-200}",
          "dark": "{dt-color-neutral-700}"
        }
      },
      {
        "name": "dt-surface-action-secondary-active",
        "value": {
          "light": "{dt-color-neutral-300}",
          "dark": "{dt-color-neutral-600}"
        }
      },
      {
        "name": "dt-text-on-action-secondary",
        "value": {
          "light": "{dt-color-neutral-900}",
          "dark": "{dt-color-neutral-050}"
        }
      },
      {
        "name": "dt-border-action-secondary",
        "value": {
          "light": "{dt-color-transparent}",
          "dark": "{dt-color-transparent}"
        }
      },
      {
        "name": "dt-surface-action-ghost",
        "value": "{dt-color-transparent}"
      },
      {
        "name": "dt-surface-action-ghost-hover",
        "value": {
          "light": "{dt-color-neutral-100}",
          "dark": "{dt-color-neutral-800}"
        }
      },
      {
        "name": "dt-surface-action-ghost-active",
        "value": {
          "light": "{dt-color-neutral-200}",
          "dark": "{dt-color-neutral-700}"
        }
      },
      {
        "name": "dt-text-on-action-ghost",
        "value": {
          "light": "{dt-color-neutral-900}",
          "dark": "{dt-color-neutral-050}"
        }
      },
      {
        "name": "dt-surface-action-danger",
        "value": {
          "light": "{dt-color-red-600}",
          "dark": "{dt-color-red-500}"
        }
      },
      {
        "name": "dt-surface-action-danger-hover",
        "value": {
          "light": "{dt-color-red-700}",
          "dark": "{dt-color-red-400}"
        }
      },
      {
        "name": "dt-surface-action-danger-active",
        "value": {
          "light": "{dt-color-red-800}",
          "dark": "{dt-color-red-300}"
        }
      },
      {
        "name": "dt-text-on-action-danger",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-neutral-950}"
        }
      },
      {
        "name": "dt-surface-action-disabled",
        "value": {
          "light": "{dt-color-neutral-100}",
          "dark": "{dt-color-neutral-800}"
        }
      },
      {
        "name": "dt-text-on-action-disabled",
        "value": {
          "light": "{dt-color-neutral-400}",
          "dark": "{dt-color-neutral-600}"
        }
      },
      {
        "name": "dt-surface-selected",
        "value": {
          "light": "{dt-color-neutral-100}",
          "dark": "{dt-color-neutral-800}"
        }
      },
      {
        "name": "dt-surface-selected-hover",
        "value": {
          "light": "{dt-color-neutral-200}",
          "dark": "{dt-color-neutral-700}"
        }
      },
      {
        "name": "dt-text-on-selected",
        "value": {
          "light": "{dt-color-neutral-900}",
          "dark": "{dt-color-neutral-050}"
        }
      },
      {
        "name": "dt-border-selected",
        "value": {
          "light": "{dt-color-neutral-900}",
          "dark": "{dt-color-neutral-050}"
        }
      },
      {
        "name": "dt-surface-action-brand",
        "value": {
          "light": "{dt-color-primary-600}",
          "dark": "{dt-color-primary-500}"
        }
      },
      {
        "name": "dt-surface-action-brand-hover",
        "value": {
          "light": "{dt-color-primary-700}",
          "dark": "{dt-color-primary-400}"
        }
      },
      {
        "name": "dt-surface-action-brand-active",
        "value": {
          "light": "{dt-color-primary-800}",
          "dark": "{dt-color-primary-300}"
        }
      },
      {
        "name": "dt-text-on-action-brand",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-neutral-950}"
        }
      },
      {
        "name": "dt-surface-action-brand-secondary",
        "value": {
          "light": "{dt-color-secondary-600}",
          "dark": "{dt-color-secondary-500}"
        }
      },
      {
        "name": "dt-surface-action-brand-secondary-hover",
        "value": {
          "light": "{dt-color-secondary-700}",
          "dark": "{dt-color-secondary-400}"
        }
      },
      {
        "name": "dt-surface-action-brand-secondary-active",
        "value": {
          "light": "{dt-color-secondary-800}",
          "dark": "{dt-color-secondary-300}"
        }
      },
      {
        "name": "dt-text-on-action-brand-secondary",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-neutral-950}"
        }
      },
      {
        "name": "dt-text-link-brand",
        "value": {
          "light": "{dt-color-primary-700}",
          "dark": "{dt-color-primary-400}"
        }
      },
      {
        "name": "dt-text-link-brand-hover",
        "value": {
          "light": "{dt-color-primary-800}",
          "dark": "{dt-color-primary-300}"
        }
      },
      {
        "name": "dt-surface-selected-brand",
        "value": {
          "light": "{dt-color-primary-050}",
          "dark": "{dt-color-primary-950}"
        }
      },
      {
        "name": "dt-surface-selected-brand-hover",
        "value": {
          "light": "{dt-color-primary-100}",
          "dark": "{dt-color-primary-900}"
        }
      },
      {
        "name": "dt-text-on-selected-brand",
        "value": {
          "light": "{dt-color-primary-900}",
          "dark": "{dt-color-primary-100}"
        }
      },
      {
        "name": "dt-border-selected-brand",
        "value": {
          "light": "{dt-color-primary-600}",
          "dark": "{dt-color-primary-500}"
        }
      },
      {
        "name": "dt-focus-ring-color-brand",
        "value": {
          "light": "{dt-color-primary-600}",
          "dark": "{dt-color-primary-400}"
        }
      },
      {
        "name": "dt-surface-success",
        "value": {
          "light": "{dt-color-green-600}",
          "dark": "{dt-color-green-500}"
        }
      },
      {
        "name": "dt-surface-success-subtle",
        "value": {
          "light": "{dt-color-green-050}",
          "dark": "{dt-color-green-950}"
        }
      },
      {
        "name": "dt-border-success",
        "value": {
          "light": "{dt-color-green-200}",
          "dark": "{dt-color-green-800}"
        }
      },
      {
        "name": "dt-text-success",
        "value": {
          "light": "{dt-color-green-800}",
          "dark": "{dt-color-green-300}"
        }
      },
      {
        "name": "dt-text-on-success",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-neutral-950}"
        }
      },
      {
        "name": "dt-surface-warning",
        "value": {
          "light": "{dt-color-amber-500}",
          "dark": "{dt-color-amber-400}"
        }
      },
      {
        "name": "dt-surface-warning-subtle",
        "value": {
          "light": "{dt-color-amber-050}",
          "dark": "{dt-color-amber-950}"
        }
      },
      {
        "name": "dt-border-warning",
        "value": {
          "light": "{dt-color-amber-200}",
          "dark": "{dt-color-amber-800}"
        }
      },
      {
        "name": "dt-text-warning",
        "value": {
          "light": "{dt-color-amber-900}",
          "dark": "{dt-color-amber-300}"
        }
      },
      {
        "name": "dt-text-on-warning",
        "value": {
          "light": "{dt-color-neutral-950}",
          "dark": "{dt-color-neutral-950}"
        }
      },
      {
        "name": "dt-surface-danger",
        "value": {
          "light": "{dt-color-red-600}",
          "dark": "{dt-color-red-500}"
        }
      },
      {
        "name": "dt-surface-danger-subtle",
        "value": {
          "light": "{dt-color-red-050}",
          "dark": "{dt-color-red-950}"
        }
      },
      {
        "name": "dt-border-danger",
        "value": {
          "light": "{dt-color-red-200}",
          "dark": "{dt-color-red-800}"
        }
      },
      {
        "name": "dt-text-danger",
        "value": {
          "light": "{dt-color-red-800}",
          "dark": "{dt-color-red-300}"
        }
      },
      {
        "name": "dt-text-on-danger",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-neutral-950}"
        }
      },
      {
        "name": "dt-surface-info",
        "value": {
          "light": "{dt-color-cyan-600}",
          "dark": "{dt-color-cyan-500}"
        }
      },
      {
        "name": "dt-surface-info-subtle",
        "value": {
          "light": "{dt-color-cyan-050}",
          "dark": "{dt-color-cyan-950}"
        }
      },
      {
        "name": "dt-border-info",
        "value": {
          "light": "{dt-color-cyan-200}",
          "dark": "{dt-color-cyan-800}"
        }
      },
      {
        "name": "dt-text-info",
        "value": {
          "light": "{dt-color-cyan-900}",
          "dark": "{dt-color-cyan-300}"
        }
      },
      {
        "name": "dt-text-on-info",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-neutral-950}"
        }
      },
      {
        "name": "dt-focus-ring-color",
        "value": {
          "light": "{dt-color-neutral-900}",
          "dark": "{dt-color-neutral-050}"
        }
      },
      {
        "name": "dt-focus-ring-offset-color",
        "value": {
          "light": "{dt-surface-base}",
          "dark": "{dt-surface-base}"
        }
      },
      {
        "name": "dt-viz-1",
        "value": {
          "light": "{dt-color-primary-600}",
          "dark": "{dt-color-primary-400}"
        }
      },
      {
        "name": "dt-viz-2",
        "value": {
          "light": "{dt-color-secondary-500}",
          "dark": "{dt-color-secondary-400}"
        }
      },
      {
        "name": "dt-viz-3",
        "value": {
          "light": "{dt-color-cyan-600}",
          "dark": "{dt-color-cyan-400}"
        }
      },
      {
        "name": "dt-viz-4",
        "value": {
          "light": "{dt-color-amber-500}",
          "dark": "{dt-color-amber-400}"
        }
      },
      {
        "name": "dt-viz-5",
        "value": {
          "light": "{dt-color-green-600}",
          "dark": "{dt-color-green-400}"
        }
      },
      {
        "name": "dt-viz-6",
        "value": {
          "light": "{dt-color-red-500}",
          "dark": "{dt-color-red-400}"
        }
      },
      {
        "name": "dt-spectrum-1",
        "value": {
          "light": "{dt-color-spectrum-red-500}",
          "dark": "{dt-color-spectrum-red-400}"
        }
      },
      {
        "name": "dt-spectrum-2",
        "value": {
          "light": "{dt-color-spectrum-amber-500}",
          "dark": "{dt-color-spectrum-amber-400}"
        }
      },
      {
        "name": "dt-spectrum-3",
        "value": {
          "light": "{dt-color-spectrum-green-500}",
          "dark": "{dt-color-spectrum-green-400}"
        }
      },
      {
        "name": "dt-spectrum-4",
        "value": {
          "light": "{dt-color-spectrum-cyan-500}",
          "dark": "{dt-color-spectrum-cyan-400}"
        }
      },
      {
        "name": "dt-spectrum-5",
        "value": {
          "light": "{dt-color-spectrum-blue-500}",
          "dark": "{dt-color-spectrum-blue-400}"
        }
      },
      {
        "name": "dt-spectrum-6",
        "value": {
          "light": "{dt-color-spectrum-magenta-500}",
          "dark": "{dt-color-spectrum-magenta-400}"
        }
      },
      {
        "name": "dt-button-primary-bg",
        "value": "{dt-surface-action}"
      },
      {
        "name": "dt-button-primary-bg-hover",
        "value": "{dt-surface-action-hover}"
      },
      {
        "name": "dt-button-primary-bg-active",
        "value": "{dt-surface-action-active}"
      },
      {
        "name": "dt-button-primary-fg",
        "value": "{dt-text-on-action}"
      },
      {
        "name": "dt-button-primary-border",
        "value": "{dt-color-transparent}"
      },
      {
        "name": "dt-button-secondary-bg",
        "value": "{dt-surface-action-secondary}"
      },
      {
        "name": "dt-button-secondary-bg-hover",
        "value": "{dt-surface-action-secondary-hover}"
      },
      {
        "name": "dt-button-secondary-bg-active",
        "value": "{dt-surface-action-secondary-active}"
      },
      {
        "name": "dt-button-secondary-fg",
        "value": "{dt-text-on-action-secondary}"
      },
      {
        "name": "dt-button-secondary-border",
        "value": "{dt-border-action-secondary}"
      },
      {
        "name": "dt-button-ghost-bg",
        "value": "{dt-surface-action-ghost}"
      },
      {
        "name": "dt-button-ghost-bg-hover",
        "value": "{dt-surface-action-ghost-hover}"
      },
      {
        "name": "dt-button-ghost-bg-active",
        "value": "{dt-surface-action-ghost-active}"
      },
      {
        "name": "dt-button-ghost-fg",
        "value": "{dt-text-on-action-ghost}"
      },
      {
        "name": "dt-button-ghost-border",
        "value": "{dt-color-transparent}"
      },
      {
        "name": "dt-button-danger-bg",
        "value": "{dt-surface-action-danger}"
      },
      {
        "name": "dt-button-danger-bg-hover",
        "value": "{dt-surface-action-danger-hover}"
      },
      {
        "name": "dt-button-danger-bg-active",
        "value": "{dt-surface-action-danger-active}"
      },
      {
        "name": "dt-button-danger-fg",
        "value": "{dt-text-on-action-danger}"
      },
      {
        "name": "dt-button-danger-border",
        "value": "{dt-color-transparent}"
      },
      {
        "name": "dt-button-brand-bg",
        "value": "{dt-surface-action-brand}"
      },
      {
        "name": "dt-button-brand-bg-hover",
        "value": "{dt-surface-action-brand-hover}"
      },
      {
        "name": "dt-button-brand-bg-active",
        "value": "{dt-surface-action-brand-active}"
      },
      {
        "name": "dt-button-brand-fg",
        "value": "{dt-text-on-action-brand}"
      },
      {
        "name": "dt-button-brand-border",
        "value": "{dt-color-transparent}"
      },
      {
        "name": "dt-button-brand-secondary-bg",
        "value": "{dt-surface-action-brand-secondary}"
      },
      {
        "name": "dt-button-brand-secondary-bg-hover",
        "value": "{dt-surface-action-brand-secondary-hover}"
      },
      {
        "name": "dt-button-brand-secondary-bg-active",
        "value": "{dt-surface-action-brand-secondary-active}"
      },
      {
        "name": "dt-button-brand-secondary-fg",
        "value": "{dt-text-on-action-brand-secondary}"
      },
      {
        "name": "dt-button-brand-secondary-border",
        "value": "{dt-color-transparent}"
      },
      {
        "name": "dt-button-disabled-bg",
        "value": "{dt-surface-action-disabled}"
      },
      {
        "name": "dt-button-disabled-fg",
        "value": "{dt-text-on-action-disabled}"
      },
      {
        "name": "dt-button-disabled-border",
        "value": "{dt-color-transparent}"
      },
      {
        "name": "dt-input-bg",
        "value": "{dt-surface-base}"
      },
      {
        "name": "dt-input-bg-hover",
        "value": "{dt-surface-base}"
      },
      {
        "name": "dt-input-bg-disabled",
        "value": "{dt-surface-disabled}"
      },
      {
        "name": "dt-input-fg",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-input-fg-placeholder",
        "value": "{dt-text-tertiary}"
      },
      {
        "name": "dt-input-fg-disabled",
        "value": "{dt-text-disabled}"
      },
      {
        "name": "dt-input-border",
        "value": "{dt-border-default}"
      },
      {
        "name": "dt-input-border-hover",
        "value": "{dt-border-strong}"
      },
      {
        "name": "dt-input-border-focus",
        "value": "{dt-focus-ring-color}"
      },
      {
        "name": "dt-input-border-error",
        "value": "{dt-surface-danger}"
      },
      {
        "name": "dt-input-border-disabled",
        "value": "{dt-border-disabled}"
      },
      {
        "name": "dt-input-hint-color",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-input-error-color",
        "value": "{dt-text-danger}"
      },
      {
        "name": "dt-card-bg",
        "value": "{dt-surface-raised}"
      },
      {
        "name": "dt-card-fg",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-card-border-color",
        "value": "{dt-border-default}"
      },
      {
        "name": "dt-card-selected-border",
        "value": "{dt-border-selected}"
      },
      {
        "name": "dt-card-selected-bg",
        "value": "{dt-surface-selected}"
      },
      {
        "name": "dt-card-media-fg",
        "value": "{dt-text-on-scrim}"
      },
      {
        "name": "dt-card-media-fg-secondary",
        "value": "{dt-text-on-scrim-secondary}"
      },
      {
        "name": "dt-card-media-fg-strong",
        "value": "{dt-text-on-scrim-strong}"
      },
      {
        "name": "dt-card-media-fg-brand",
        "value": "{dt-text-on-scrim-brand}"
      },
      {
        "name": "dt-card-media-border",
        "value": "{dt-border-glass-inverse}"
      },
      {
        "name": "dt-card-media-min-height",
        "value": "{dt-size-media-min}"
      },
      {
        "name": "dt-social-bg",
        "value": "{dt-surface-base}"
      },
      {
        "name": "dt-social-fg",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-social-muted",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-social-rule",
        "value": "{dt-border-default}"
      },
      {
        "name": "dt-social-on-image",
        "value": "{dt-text-on-scrim-strong}"
      },
      {
        "name": "dt-social-on-image-muted",
        "value": "{dt-text-on-scrim}"
      },
      {
        "name": "dt-price-color",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-price-sale-color",
        "value": "{dt-text-danger}"
      },
      {
        "name": "dt-price-compare-color",
        "value": "{dt-text-tertiary}"
      },
      {
        "name": "dt-price-unit-color",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-rating-color",
        "value": "{dt-surface-warning}"
      },
      {
        "name": "dt-rating-empty-color",
        "value": "{dt-border-strong}"
      },
      {
        "name": "dt-rating-count-color",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-product-subtitle-color",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-product-soldout-overlay",
        "value": "{dt-surface-glass}"
      },
      {
        "name": "dt-swatch-border",
        "value": "{dt-border-strong}"
      },
      {
        "name": "dt-swatch-ring",
        "value": "{dt-border-selected}"
      },
      {
        "name": "dt-variant-bg",
        "value": "{dt-surface-base}"
      },
      {
        "name": "dt-variant-bg-hover",
        "value": "{dt-surface-subtle}"
      },
      {
        "name": "dt-variant-fg",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-variant-border",
        "value": "{dt-border-default}"
      },
      {
        "name": "dt-variant-selected-bg",
        "value": "{dt-surface-selected}"
      },
      {
        "name": "dt-variant-selected-fg",
        "value": "{dt-text-on-selected}"
      },
      {
        "name": "dt-variant-selected-border",
        "value": "{dt-border-selected}"
      },
      {
        "name": "dt-variant-unavailable-fg",
        "value": "{dt-text-disabled}"
      },
      {
        "name": "dt-variant-unavailable-border",
        "value": "{dt-border-disabled}"
      },
      {
        "name": "dt-variant-note-color",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-gallery-control-bg",
        "value": "{dt-surface-glass-strong}"
      },
      {
        "name": "dt-gallery-control-bg-hover",
        "value": "{dt-surface-overlay}"
      },
      {
        "name": "dt-gallery-control-fg",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-gallery-thumb-border",
        "value": "{dt-border-subtle}"
      },
      {
        "name": "dt-gallery-thumb-selected-border",
        "value": "{dt-border-selected}"
      },
      {
        "name": "dt-store-cover-bg",
        "value": "{dt-surface-sunken}"
      },
      {
        "name": "dt-store-logo-bg",
        "value": "{dt-surface-raised}"
      },
      {
        "name": "dt-store-logo-ring",
        "value": "{dt-surface-base}"
      },
      {
        "name": "dt-store-meta-color",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-store-open-color",
        "value": "{dt-text-success}"
      },
      {
        "name": "dt-store-closed-color",
        "value": "{dt-text-danger}"
      },
      {
        "name": "dt-store-closed-scrim",
        "value": "{dt-surface-scrim}"
      },
      {
        "name": "dt-fulfilment-track-bg",
        "value": "{dt-surface-sunken}"
      },
      {
        "name": "dt-fulfilment-thumb-bg",
        "value": "{dt-surface-raised}"
      },
      {
        "name": "dt-fulfilment-fg",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-fulfilment-fg-selected",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-fulfilment-detail-color",
        "value": "{dt-text-tertiary}"
      },
      {
        "name": "dt-fulfilment-detail-color-selected",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-menu-item-divider",
        "value": "{dt-border-subtle}"
      },
      {
        "name": "dt-menu-item-bg-hover",
        "value": "{dt-surface-subtle}"
      },
      {
        "name": "dt-menu-item-card-bg",
        "value": "{dt-surface-base}"
      },
      {
        "name": "dt-menu-item-card-border",
        "value": "{dt-border-subtle}"
      },
      {
        "name": "dt-menu-item-description-color",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-menu-item-soldout-color",
        "value": "{dt-text-disabled}"
      },
      {
        "name": "dt-menu-thumb-bg",
        "value": "{dt-surface-sunken}"
      },
      {
        "name": "dt-modifier-divider",
        "value": "{dt-border-subtle}"
      },
      {
        "name": "dt-modifier-control-border",
        "value": "{dt-border-strong}"
      },
      {
        "name": "dt-modifier-control-bg",
        "value": "{dt-input-bg}"
      },
      {
        "name": "dt-modifier-control-accent",
        "value": "{dt-surface-action}"
      },
      {
        "name": "dt-modifier-control-mark",
        "value": "{dt-text-on-action}"
      },
      {
        "name": "dt-modifier-delta-color",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-modifier-hint-color",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-modifier-pill-bg",
        "value": "{dt-surface-sunken}"
      },
      {
        "name": "dt-modifier-pill-fg",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-modifier-error-color",
        "value": "{dt-text-danger}"
      },
      {
        "name": "dt-modifier-error-pill-bg",
        "value": "{dt-surface-danger-subtle}"
      },
      {
        "name": "dt-dietary-vegetarian-bg",
        "value": "{dt-surface-success-subtle}"
      },
      {
        "name": "dt-dietary-vegetarian-fg",
        "value": "{dt-text-success}"
      },
      {
        "name": "dt-dietary-vegan-bg",
        "value": "{dt-surface-success-subtle}"
      },
      {
        "name": "dt-dietary-vegan-fg",
        "value": "{dt-text-success}"
      },
      {
        "name": "dt-dietary-spicy-bg",
        "value": "{dt-surface-danger-subtle}"
      },
      {
        "name": "dt-dietary-spicy-fg",
        "value": "{dt-text-danger}"
      },
      {
        "name": "dt-dietary-gluten-free-bg",
        "value": "{dt-surface-info-subtle}"
      },
      {
        "name": "dt-dietary-gluten-free-fg",
        "value": "{dt-text-info}"
      },
      {
        "name": "dt-dietary-popular-bg",
        "value": "{dt-surface-warning-subtle}"
      },
      {
        "name": "dt-dietary-popular-fg",
        "value": "{dt-text-warning}"
      },
      {
        "name": "dt-dietary-new-bg",
        "value": "{dt-surface-brand-muted}"
      },
      {
        "name": "dt-dietary-new-fg",
        "value": "{dt-text-brand}"
      },
      {
        "name": "dt-dietary-default-bg",
        "value": "{dt-surface-sunken}"
      },
      {
        "name": "dt-dietary-default-fg",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-cart-line-divider",
        "value": "{dt-border-subtle}"
      },
      {
        "name": "dt-cart-thumb-bg",
        "value": "{dt-surface-sunken}"
      },
      {
        "name": "dt-cart-thumb-border",
        "value": "{dt-border-subtle}"
      },
      {
        "name": "dt-cart-thumb-fg",
        "value": "{dt-text-tertiary}"
      },
      {
        "name": "dt-cart-detail-color",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-cart-note-color",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-cart-thumb-radius",
        "value": "{dt-radius-media}"
      },
      {
        "name": "dt-cart-thumb-size-sm",
        "value": "{dt-size-control-lg}"
      },
      {
        "name": "dt-cart-thumb-size-md",
        "value": "{dt-size-avatar-xl}"
      },
      {
        "name": "dt-summary-bg",
        "value": "{dt-surface-base}"
      },
      {
        "name": "dt-summary-border",
        "value": "{dt-border-subtle}"
      },
      {
        "name": "dt-summary-divider",
        "value": "{dt-border-subtle}"
      },
      {
        "name": "dt-summary-label-color",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-summary-value-color",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-summary-muted-color",
        "value": "{dt-text-tertiary}"
      },
      {
        "name": "dt-summary-hint-color",
        "value": "{dt-text-tertiary}"
      },
      {
        "name": "dt-summary-discount-color",
        "value": "{dt-text-success}"
      },
      {
        "name": "dt-summary-total-color",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-summary-radius",
        "value": "{dt-radius-container}"
      },
      {
        "name": "dt-summary-padding",
        "value": "{dt-space-inset-lg}"
      },
      {
        "name": "dt-promo-chip-bg",
        "value": "{dt-surface-success-subtle}"
      },
      {
        "name": "dt-promo-chip-fg",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-promo-chip-border",
        "value": "{dt-border-success}"
      },
      {
        "name": "dt-promo-chip-icon",
        "value": "{dt-text-success}"
      },
      {
        "name": "dt-promo-chip-description",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-order-status-complete",
        "value": "{dt-surface-action}"
      },
      {
        "name": "dt-order-status-on-complete",
        "value": "{dt-text-on-action}"
      },
      {
        "name": "dt-order-status-current",
        "value": "{dt-surface-action}"
      },
      {
        "name": "dt-order-status-upcoming",
        "value": "{dt-border-strong}"
      },
      {
        "name": "dt-order-status-line",
        "value": "{dt-border-default}"
      },
      {
        "name": "dt-order-status-delayed",
        "value": "{dt-surface-warning}"
      },
      {
        "name": "dt-order-status-on-delayed",
        "value": "{dt-text-on-warning}"
      },
      {
        "name": "dt-order-status-delayed-text",
        "value": "{dt-text-warning}"
      },
      {
        "name": "dt-order-status-cancelled",
        "value": "{dt-surface-danger}"
      },
      {
        "name": "dt-order-status-on-cancelled",
        "value": "{dt-text-on-danger}"
      },
      {
        "name": "dt-order-status-cancelled-text",
        "value": "{dt-text-danger}"
      },
      {
        "name": "dt-order-status-marker-size",
        "value": "{dt-size-icon-lg}"
      },
      {
        "name": "dt-order-status-line-width",
        "value": "{dt-border-width-strong}"
      },
      {
        "name": "dt-order-status-step-min-width",
        "value": "calc({dt-size-control-lg} * 3)"
      },
      {
        "name": "dt-dialog-bg",
        "value": "{dt-surface-overlay}"
      },
      {
        "name": "dt-dialog-fg",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-dialog-border-color",
        "value": "{dt-border-subtle}"
      },
      {
        "name": "dt-dialog-scrim",
        "value": "{dt-surface-scrim}"
      },
      {
        "name": "dt-sheet-button-bg",
        "value": "{dt-surface-sunken}"
      },
      {
        "name": "dt-table-bg",
        "value": "{dt-surface-base}"
      },
      {
        "name": "dt-table-fg",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-table-border-color",
        "value": "{dt-border-subtle}"
      },
      {
        "name": "dt-table-header-bg",
        "value": "{dt-surface-subtle}"
      },
      {
        "name": "dt-table-header-fg",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-table-row-bg-hover",
        "value": "{dt-surface-subtle}"
      },
      {
        "name": "dt-table-row-bg-selected",
        "value": "{dt-surface-selected}"
      },
      {
        "name": "dt-table-row-bg-striped",
        "value": "{dt-surface-subtle}"
      },
      {
        "name": "dt-surface-brand",
        "value": {
          "light": "{dt-color-primary-600}",
          "dark": "{dt-color-primary-500}"
        },
        "usage": ""
      },
      {
        "name": "dt-surface-brand-gradient",
        "value": {
          "light": "linear-gradient(135deg, {dt-color-primary-500}, {dt-color-primary-800})",
          "dark": "linear-gradient(135deg, {dt-color-primary-400}, {dt-color-primary-700})"
        },
        "usage": ""
      },
      {
        "name": "dt-text-on-brand",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-neutral-950}"
        },
        "usage": ""
      },
      {
        "name": "dt-surface-brand-muted",
        "value": {
          "light": "{dt-color-primary-050}",
          "dark": "{dt-color-primary-950}"
        },
        "usage": ""
      },
      {
        "name": "dt-text-on-brand-muted",
        "value": {
          "light": "{dt-color-primary-900}",
          "dark": "{dt-color-primary-100}"
        },
        "usage": ""
      },
      {
        "name": "dt-border-brand",
        "value": {
          "light": "{dt-color-primary-200}",
          "dark": "{dt-color-primary-800}"
        },
        "usage": ""
      },
      {
        "name": "dt-text-brand",
        "value": {
          "light": "{dt-color-primary-700}",
          "dark": "{dt-color-primary-400}"
        },
        "usage": "A word or heading set in the primary brand hue."
      },
      {
        "name": "dt-text-wordmark",
        "value": {
          "light": "{dt-text-primary}",
          "dark": "{dt-text-primary}"
        },
        "usage": "The wordmark. Ink by default; a theme points it at a brand text role."
      },
      {
        "name": "dt-text-headline",
        "value": {
          "light": "{dt-text-primary}",
          "dark": "{dt-text-primary}"
        },
        "usage": "Display and heading text. Ink by default; a theme points it at a brand text role."
      },
      {
        "name": "dt-surface-brand-secondary",
        "value": {
          "light": "{dt-color-secondary-600}",
          "dark": "{dt-color-secondary-500}"
        },
        "usage": "A full-bleed fill in the second brand hue."
      },
      {
        "name": "dt-text-on-brand-secondary",
        "value": {
          "light": "{dt-color-white}",
          "dark": "{dt-color-neutral-950}"
        },
        "usage": ""
      },
      {
        "name": "dt-surface-brand-secondary-muted",
        "value": {
          "light": "{dt-color-secondary-050}",
          "dark": "{dt-color-secondary-950}"
        },
        "usage": "The pale tint of the second brand hue."
      },
      {
        "name": "dt-text-on-brand-secondary-muted",
        "value": {
          "light": "{dt-color-secondary-900}",
          "dark": "{dt-color-secondary-100}"
        },
        "usage": ""
      },
      {
        "name": "dt-border-brand-secondary",
        "value": {
          "light": "{dt-color-secondary-200}",
          "dark": "{dt-color-secondary-800}"
        },
        "usage": ""
      },
      {
        "name": "dt-text-brand-secondary",
        "value": {
          "light": "{dt-color-secondary-700}",
          "dark": "{dt-color-secondary-400}"
        },
        "usage": "A word or eyebrow set in the second brand hue."
      },
      {
        "name": "dt-surface-brand-duotone",
        "value": {
          "light": "linear-gradient(135deg, {dt-color-primary-600}, {dt-color-secondary-600})",
          "dark": "linear-gradient(135deg, {dt-color-primary-500}, {dt-color-secondary-500})"
        },
        "usage": "Both brand hues in one sweep. Carries white text."
      },
      {
        "name": "dt-bubble-sent-bg",
        "value": "{dt-surface-action}"
      },
      {
        "name": "dt-bubble-sent-fg",
        "value": "{dt-text-on-action}"
      },
      {
        "name": "dt-bubble-received-bg",
        "value": "{dt-surface-sunken}"
      },
      {
        "name": "dt-bubble-received-fg",
        "value": "{dt-text-primary}"
      },
      {
        "name": "dt-bubble-meta-fg",
        "value": "{dt-text-tertiary}"
      },
      {
        "name": "dt-bubble-author-fg",
        "value": "{dt-text-secondary}"
      },
      {
        "name": "dt-bubble-read-fg",
        "value": "{dt-text-link}"
      },
      {
        "name": "dt-bubble-failed-fg",
        "value": "{dt-text-danger}"
      },
      {
        "name": "dt-presence-online",
        "value": "{dt-surface-success}"
      },
      {
        "name": "dt-presence-away",
        "value": "{dt-surface-warning}"
      },
      {
        "name": "dt-presence-offline",
        "value": "{dt-text-tertiary}"
      },
      {
        "name": "dt-chat-surface",
        "value": "{dt-surface-base}"
      },
      {
        "name": "dt-chat-border",
        "value": "{dt-border-subtle}"
      },
      {
        "name": "dt-chat-divider-fg",
        "value": "{dt-text-tertiary}"
      },
      {
        "name": "dt-typing-dot",
        "value": "{dt-text-tertiary}"
      },
      {
        "name": "dt-quick-replies-border",
        "value": "{dt-border-default}"
      }
    ]
  },
  "type": {
    "fonts": [],
    "families": {
      "dt-font-family-sans": "\"Geist\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
      "dt-font-family-secondary": "var(--dt-font-family-sans)",
      "dt-font-family-serif": "ui-serif, Georgia, \"Times New Roman\", serif",
      "dt-font-family-mono": "\"Geist Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace"
    },
    "groups": [
      {
        "name": "Type scale",
        "family": "",
        "styles": [
          {
            "name": "dt-font-size-2xs",
            "fontSize": "11px"
          },
          {
            "name": "dt-font-size-xs",
            "fontSize": "12px"
          },
          {
            "name": "dt-font-size-sm",
            "fontSize": "14px"
          },
          {
            "name": "dt-font-size-md",
            "fontSize": "16px"
          },
          {
            "name": "dt-font-size-lg",
            "fontSize": "19px"
          },
          {
            "name": "dt-font-size-xl",
            "fontSize": "23px"
          },
          {
            "name": "dt-font-size-2xl",
            "fontSize": "28px"
          },
          {
            "name": "dt-font-size-3xl",
            "fontSize": "33px"
          },
          {
            "name": "dt-font-size-4xl",
            "fontSize": "40px"
          },
          {
            "name": "dt-font-size-5xl",
            "fontSize": "48px"
          },
          {
            "name": "dt-font-size-6xl",
            "fontSize": "58px"
          },
          {
            "name": "dt-font-size-7xl",
            "fontSize": "69px"
          },
          {
            "name": "dt-font-size-8xl",
            "fontSize": "83px"
          },
          {
            "name": "dt-font-size-9xl",
            "fontSize": "100px"
          },
          {
            "name": "dt-font-size-10xl",
            "fontSize": "120px"
          },
          {
            "name": "dt-font-size-11xl",
            "fontSize": "144px"
          },
          {
            "name": "dt-text-display-2xl",
            "fontSize": "144px",
            "fontWeight": "500",
            "letterSpacing": "-0.04em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-display-2xl-line",
            "fontSize": "148px"
          },
          {
            "name": "dt-text-display-xl",
            "fontSize": "100px",
            "fontWeight": "500",
            "letterSpacing": "-0.04em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-display-xl-line",
            "fontSize": "104px"
          },
          {
            "name": "dt-text-display-lg",
            "fontSize": "69px",
            "fontWeight": "500",
            "letterSpacing": "-0.04em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-display-lg-line",
            "fontSize": "76px"
          },
          {
            "name": "dt-text-display-md",
            "fontSize": "58px",
            "fontWeight": "500",
            "letterSpacing": "-0.04em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-display-md-line",
            "fontSize": "64px"
          },
          {
            "name": "dt-text-display-sm",
            "fontSize": "48px",
            "fontWeight": "500",
            "letterSpacing": "-0.03em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-display-sm-line",
            "fontSize": "52px"
          },
          {
            "name": "dt-text-heading-xl",
            "fontSize": "40px",
            "fontWeight": "500",
            "letterSpacing": "-0.03em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-heading-xl-line",
            "fontSize": "48px"
          },
          {
            "name": "dt-text-heading-lg",
            "fontSize": "33px",
            "fontWeight": "500",
            "letterSpacing": "-0.02em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-heading-lg-line",
            "fontSize": "40px"
          },
          {
            "name": "dt-text-heading-md",
            "fontSize": "28px",
            "fontWeight": "500",
            "letterSpacing": "-0.02em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-heading-md-line",
            "fontSize": "36px"
          },
          {
            "name": "dt-text-heading-sm",
            "fontSize": "23px",
            "fontWeight": "500",
            "letterSpacing": "-0.01em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-heading-sm-line",
            "fontSize": "32px"
          },
          {
            "name": "dt-text-heading-xs",
            "fontSize": "19px",
            "fontWeight": "500",
            "letterSpacing": "0em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-heading-xs-line",
            "fontSize": "28px"
          },
          {
            "name": "dt-text-body-lg",
            "fontSize": "19px",
            "fontWeight": "400",
            "letterSpacing": "0em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-body-lg-line",
            "fontSize": "28px"
          },
          {
            "name": "dt-text-body-md",
            "fontSize": "16px",
            "fontWeight": "400",
            "letterSpacing": "0em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-body-md-line",
            "fontSize": "24px"
          },
          {
            "name": "dt-text-body-sm",
            "fontSize": "14px",
            "fontWeight": "400",
            "letterSpacing": "0em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-body-sm-line",
            "fontSize": "20px"
          },
          {
            "name": "dt-text-body-xs",
            "fontSize": "12px",
            "fontWeight": "400",
            "letterSpacing": "0em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-body-xs-line",
            "fontSize": "16px"
          },
          {
            "name": "dt-text-label-lg",
            "fontSize": "16px",
            "fontWeight": "500",
            "letterSpacing": "0em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-label-lg-line",
            "fontSize": "24px"
          },
          {
            "name": "dt-text-label-md",
            "fontSize": "14px",
            "fontWeight": "500",
            "letterSpacing": "0em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-label-md-line",
            "fontSize": "20px"
          },
          {
            "name": "dt-text-label-sm",
            "fontSize": "12px",
            "fontWeight": "500",
            "letterSpacing": "0em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-label-sm-line",
            "fontSize": "16px"
          },
          {
            "name": "dt-text-eyebrow",
            "fontSize": "11px",
            "fontWeight": "600",
            "letterSpacing": "0.06em",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-text-eyebrow-line",
            "fontSize": "16px"
          },
          {
            "name": "dt-text-code-md",
            "fontSize": "14px",
            "fontWeight": "400",
            "letterSpacing": "0em",
            "family": "dt-font-family-mono"
          },
          {
            "name": "dt-text-code-md-line",
            "fontSize": "20px"
          },
          {
            "name": "dt-text-code-sm",
            "fontSize": "12px",
            "fontWeight": "400",
            "letterSpacing": "0em",
            "family": "dt-font-family-mono"
          },
          {
            "name": "dt-text-code-sm-line",
            "fontSize": "16px"
          },
          {
            "name": "dt-button-font-size-sm",
            "fontSize": "14px"
          },
          {
            "name": "dt-button-font-size-md",
            "fontSize": "14px"
          },
          {
            "name": "dt-button-font-size-lg",
            "fontSize": "16px"
          },
          {
            "name": "dt-input",
            "fontSize": "14px",
            "family": "dt-font-family-sans"
          },
          {
            "name": "dt-table-header",
            "fontSize": "12px",
            "fontWeight": "500",
            "letterSpacing": "0.02em"
          }
        ]
      },
      {
        "name": "From the stylesheet",
        "family": "dt-font-family-sans",
        "styles": [
          {
            "name": "body",
            "fontSize": "16px",
            "lineHeight": "24px",
            "fontWeight": "400",
            "letterSpacing": "0em",
            "family": "dt-font-family-sans",
            "usage": "From `body` in tokens/base.css."
          },
          {
            "name": "code",
            "fontSize": "14px",
            "lineHeight": "24px",
            "fontWeight": "400",
            "family": "dt-font-family-mono",
            "usage": "From `code, pre, kbd, samp` in tokens/base.css."
          },
          {
            "name": "pre",
            "fontSize": "14px",
            "lineHeight": "24px",
            "fontWeight": "400",
            "family": "dt-font-family-mono",
            "usage": "From `code, pre, kbd, samp` in tokens/base.css."
          },
          {
            "name": "kbd",
            "fontSize": "14px",
            "lineHeight": "24px",
            "fontWeight": "400",
            "family": "dt-font-family-mono",
            "usage": "From `code, pre, kbd, samp` in tokens/base.css."
          }
        ]
      }
    ]
  },
  "spacing": {
    "tokens": [
      {
        "name": "dt-dim-0",
        "value": "0px"
      },
      {
        "name": "dt-dim-1",
        "value": "4px"
      },
      {
        "name": "dt-dim-2",
        "value": "8px"
      },
      {
        "name": "dt-dim-3",
        "value": "12px"
      },
      {
        "name": "dt-dim-4",
        "value": "16px"
      },
      {
        "name": "dt-dim-5",
        "value": "20px"
      },
      {
        "name": "dt-dim-6",
        "value": "24px"
      },
      {
        "name": "dt-dim-7",
        "value": "28px"
      },
      {
        "name": "dt-dim-8",
        "value": "32px"
      },
      {
        "name": "dt-dim-9",
        "value": "36px"
      },
      {
        "name": "dt-dim-10",
        "value": "40px"
      },
      {
        "name": "dt-dim-11",
        "value": "44px"
      },
      {
        "name": "dt-dim-12",
        "value": "48px"
      },
      {
        "name": "dt-dim-14",
        "value": "56px"
      },
      {
        "name": "dt-dim-16",
        "value": "64px"
      },
      {
        "name": "dt-dim-20",
        "value": "80px"
      },
      {
        "name": "dt-dim-24",
        "value": "96px"
      },
      {
        "name": "dt-dim-28",
        "value": "112px"
      },
      {
        "name": "dt-dim-32",
        "value": "128px"
      },
      {
        "name": "dt-dim-40",
        "value": "160px"
      },
      {
        "name": "dt-dim-48",
        "value": "192px"
      },
      {
        "name": "dt-dim-56",
        "value": "224px"
      },
      {
        "name": "dt-dim-64",
        "value": "256px"
      },
      {
        "name": "dt-dim-hair",
        "value": "1px"
      },
      {
        "name": "dt-dim-hair-2",
        "value": "2px"
      },
      {
        "name": "dt-dim-container-sm",
        "value": "640px"
      },
      {
        "name": "dt-dim-container-md",
        "value": "768px"
      },
      {
        "name": "dt-dim-container-lg",
        "value": "1024px"
      },
      {
        "name": "dt-dim-container-xl",
        "value": "1280px"
      },
      {
        "name": "dt-dim-container-2xl",
        "value": "1536px"
      },
      {
        "name": "dt-breakpoint-sm",
        "value": "640px"
      },
      {
        "name": "dt-breakpoint-md",
        "value": "768px"
      },
      {
        "name": "dt-breakpoint-lg",
        "value": "1024px"
      },
      {
        "name": "dt-breakpoint-xl",
        "value": "1280px"
      },
      {
        "name": "dt-breakpoint-2xl",
        "value": "1536px"
      },
      {
        "name": "dt-space-inset-2xs",
        "value": "4px"
      },
      {
        "name": "dt-space-inset-xs",
        "value": "8px"
      },
      {
        "name": "dt-space-inset-sm",
        "value": "12px"
      },
      {
        "name": "dt-space-inset-md",
        "value": "16px"
      },
      {
        "name": "dt-space-inset-lg",
        "value": "24px"
      },
      {
        "name": "dt-space-inset-xl",
        "value": "32px"
      },
      {
        "name": "dt-space-inset-2xl",
        "value": "48px"
      },
      {
        "name": "dt-space-stack-2xs",
        "value": "4px"
      },
      {
        "name": "dt-space-stack-xs",
        "value": "8px"
      },
      {
        "name": "dt-space-stack-sm",
        "value": "12px"
      },
      {
        "name": "dt-space-stack-md",
        "value": "16px"
      },
      {
        "name": "dt-space-stack-lg",
        "value": "24px"
      },
      {
        "name": "dt-space-stack-xl",
        "value": "40px"
      },
      {
        "name": "dt-space-stack-2xl",
        "value": "64px"
      },
      {
        "name": "dt-space-inline-2xs",
        "value": "4px"
      },
      {
        "name": "dt-space-inline-xs",
        "value": "8px"
      },
      {
        "name": "dt-space-inline-sm",
        "value": "12px"
      },
      {
        "name": "dt-space-inline-md",
        "value": "16px"
      },
      {
        "name": "dt-space-inline-lg",
        "value": "24px"
      },
      {
        "name": "dt-space-inline-xl",
        "value": "32px"
      },
      {
        "name": "dt-space-inline-2xl",
        "value": "48px"
      },
      {
        "name": "dt-space-section",
        "value": "96px"
      },
      {
        "name": "dt-space-section-compact",
        "value": "64px"
      },
      {
        "name": "dt-space-gutter",
        "value": "24px"
      },
      {
        "name": "dt-space-gutter-wide",
        "value": "40px"
      },
      {
        "name": "dt-layout-stack-related",
        "value": "8px"
      },
      {
        "name": "dt-layout-stack-group",
        "value": "16px"
      },
      {
        "name": "dt-layout-stack-block",
        "value": "32px"
      },
      {
        "name": "dt-layout-stack-section",
        "value": "64px"
      },
      {
        "name": "dt-layout-inline-related",
        "value": "8px"
      },
      {
        "name": "dt-layout-inline-group",
        "value": "12px"
      },
      {
        "name": "dt-layout-inline-block",
        "value": "24px"
      },
      {
        "name": "dt-layout-inline-section",
        "value": "48px"
      },
      {
        "name": "dt-layout-text-eyebrow",
        "value": "12px"
      },
      {
        "name": "dt-layout-text-subcopy",
        "value": "12px"
      },
      {
        "name": "dt-layout-text-paragraph",
        "value": "16px"
      },
      {
        "name": "dt-layout-module-padding",
        "value": "96px"
      },
      {
        "name": "dt-layout-module-gap",
        "value": "40px"
      },
      {
        "name": "dt-layout-scale",
        "value": "1"
      },
      {
        "name": "dt-layout-module-padding-sm",
        "value": "64px"
      },
      {
        "name": "dt-layout-module-padding-md",
        "value": "96px"
      },
      {
        "name": "dt-layout-module-padding-lg",
        "value": "128px"
      },
      {
        "name": "dt-layout-module-padding-xl",
        "value": "160px"
      },
      {
        "name": "dt-layout-module-inset",
        "value": "32px"
      },
      {
        "name": "dt-layout-page-width",
        "value": "1280px"
      },
      {
        "name": "dt-layout-page-width-narrow",
        "value": "768px"
      },
      {
        "name": "dt-layout-page-width-wide",
        "value": "1536px"
      },
      {
        "name": "dt-layout-page-gutter",
        "value": "24px"
      },
      {
        "name": "dt-size-step",
        "value": "48px"
      },
      {
        "name": "dt-size-container-narrow",
        "value": "768px"
      },
      {
        "name": "dt-size-container-default",
        "value": "1280px"
      },
      {
        "name": "dt-size-container-wide",
        "value": "1536px"
      },
      {
        "name": "dt-bubble-padding",
        "value": "{dt-space-inset-xs} {dt-space-inset-sm}"
      },
      {
        "name": "dt-bubble-gap",
        "value": "{dt-space-stack-2xs}"
      },
      {
        "name": "dt-bubble-run-gap",
        "value": "{dt-space-stack-sm}"
      },
      {
        "name": "dt-quick-replies-gap",
        "value": "{dt-space-inline-xs}"
      }
    ]
  },
  "radius": {
    "tokens": [
      {
        "name": "dt-radius-raw-0",
        "value": "0px"
      },
      {
        "name": "dt-radius-raw-2",
        "value": "2px"
      },
      {
        "name": "dt-radius-raw-4",
        "value": "4px"
      },
      {
        "name": "dt-radius-raw-6",
        "value": "6px"
      },
      {
        "name": "dt-radius-raw-8",
        "value": "8px"
      },
      {
        "name": "dt-radius-raw-12",
        "value": "12px"
      },
      {
        "name": "dt-radius-raw-16",
        "value": "16px"
      },
      {
        "name": "dt-radius-raw-24",
        "value": "24px"
      },
      {
        "name": "dt-radius-raw-full",
        "value": "9999px"
      },
      {
        "name": "dt-radius-none",
        "value": "0px"
      },
      {
        "name": "dt-radius-control",
        "value": "8px"
      },
      {
        "name": "dt-radius-container",
        "value": "16px"
      },
      {
        "name": "dt-radius-overlay",
        "value": "24px"
      },
      {
        "name": "dt-radius-media",
        "value": "12px"
      },
      {
        "name": "dt-radius-pill",
        "value": "9999px"
      },
      {
        "name": "dt-button-radius",
        "value": "9999px"
      },
      {
        "name": "dt-input-radius",
        "value": "8px"
      },
      {
        "name": "dt-card-radius",
        "value": "16px"
      },
      {
        "name": "dt-dialog-radius",
        "value": "24px"
      },
      {
        "name": "dt-popover-radius",
        "value": "16px"
      },
      {
        "name": "dt-table-radius",
        "value": "16px"
      },
      {
        "name": "dt-bubble-radius",
        "value": "{dt-radius-container}"
      },
      {
        "name": "dt-bubble-radius-tight",
        "value": "calc({dt-radius-control} / 2)"
      },
      {
        "name": "dt-store-cover-radius",
        "value": "12px"
      },
      {
        "name": "dt-store-logo-radius",
        "value": "12px"
      },
      {
        "name": "dt-fulfilment-radius",
        "value": "16px"
      },
      {
        "name": "dt-fulfilment-thumb-radius",
        "value": "12px"
      },
      {
        "name": "dt-menu-thumb-radius",
        "value": "12px"
      }
    ]
  },
  "motion": {
    "tokens": [
      {
        "name": "dt-duration-instant",
        "value": "0ms"
      },
      {
        "name": "dt-duration-50",
        "value": "50ms"
      },
      {
        "name": "dt-duration-100",
        "value": "100ms"
      },
      {
        "name": "dt-duration-150",
        "value": "150ms"
      },
      {
        "name": "dt-duration-200",
        "value": "200ms"
      },
      {
        "name": "dt-duration-300",
        "value": "300ms"
      },
      {
        "name": "dt-duration-400",
        "value": "400ms"
      },
      {
        "name": "dt-duration-600",
        "value": "600ms"
      },
      {
        "name": "dt-easing-linear",
        "value": "linear"
      },
      {
        "name": "dt-easing-standard",
        "value": "cubic-bezier(0.2, 0.8, 0.2, 1)"
      },
      {
        "name": "dt-easing-decelerate",
        "value": "cubic-bezier(0, 0, 0, 1)"
      },
      {
        "name": "dt-easing-accelerate",
        "value": "cubic-bezier(0.3, 0, 1, 1)"
      },
      {
        "name": "dt-easing-emphasis",
        "value": "cubic-bezier(0.2, 0, 0, 1.2)"
      }
    ]
  },
  "lineHeight": {
    "tokens": [
      {
        "name": "dt-line-height-2xs",
        "value": "16px"
      },
      {
        "name": "dt-line-height-xs",
        "value": "16px"
      },
      {
        "name": "dt-line-height-sm",
        "value": "20px"
      },
      {
        "name": "dt-line-height-md",
        "value": "24px"
      },
      {
        "name": "dt-line-height-lg",
        "value": "28px"
      },
      {
        "name": "dt-line-height-xl",
        "value": "32px"
      },
      {
        "name": "dt-line-height-2xl",
        "value": "36px"
      },
      {
        "name": "dt-line-height-3xl",
        "value": "40px"
      },
      {
        "name": "dt-line-height-4xl",
        "value": "48px"
      },
      {
        "name": "dt-line-height-5xl",
        "value": "52px"
      },
      {
        "name": "dt-line-height-6xl",
        "value": "64px"
      },
      {
        "name": "dt-line-height-7xl",
        "value": "76px"
      },
      {
        "name": "dt-line-height-8xl",
        "value": "88px"
      },
      {
        "name": "dt-line-height-9xl",
        "value": "104px"
      },
      {
        "name": "dt-line-height-10xl",
        "value": "124px"
      },
      {
        "name": "dt-line-height-11xl",
        "value": "148px"
      }
    ]
  },
  "fontWeight": {
    "tokens": [
      {
        "name": "dt-font-weight-light",
        "value": "300"
      },
      {
        "name": "dt-font-weight-regular",
        "value": "400"
      },
      {
        "name": "dt-font-weight-medium",
        "value": "500"
      },
      {
        "name": "dt-font-weight-semibold",
        "value": "600"
      },
      {
        "name": "dt-font-weight-bold",
        "value": "700"
      },
      {
        "name": "dt-font-weight-extrabold",
        "value": "800"
      },
      {
        "name": "dt-button-font-weight",
        "value": "500"
      }
    ]
  },
  "letterSpacing": {
    "tokens": [
      {
        "name": "dt-tracking-tightest",
        "value": "-0.04em"
      },
      {
        "name": "dt-tracking-tighter",
        "value": "-0.03em"
      },
      {
        "name": "dt-tracking-tight",
        "value": "-0.02em"
      },
      {
        "name": "dt-tracking-snug",
        "value": "-0.01em"
      },
      {
        "name": "dt-tracking-normal",
        "value": "0em"
      },
      {
        "name": "dt-tracking-wide",
        "value": "0.02em"
      },
      {
        "name": "dt-tracking-wider",
        "value": "0.06em"
      }
    ]
  },
  "other": {
    "tokens": [
      {
        "name": "dt-shadow-raw-none",
        "value": "none"
      },
      {
        "name": "dt-shadow-raw-1",
        "value": "0 1px 2px 0 oklch(0 0 0 / 0.04), 0 2px 6px 0 oklch(0 0 0 / 0.04)"
      },
      {
        "name": "dt-shadow-raw-2",
        "value": "0 4px 14px 0 oklch(0 0 0 / 0.08), 0 0 0 1px oklch(0 0 0 / 0.04)"
      },
      {
        "name": "dt-shadow-raw-3",
        "value": "0 12px 32px 0 oklch(0 0 0 / 0.16), 0 0 0 1px oklch(0 0 0 / 0.06)"
      },
      {
        "name": "dt-shadow-raw-4",
        "value": "0 16px 40px 0 oklch(0 0 0 / 0.18), 0 0 0 1px oklch(0 0 0 / 0.06)"
      },
      {
        "name": "dt-shadow-raw-5",
        "value": "0 24px 64px 0 oklch(0 0 0 / 0.22), 0 0 0 1px oklch(0 0 0 / 0.06)"
      },
      {
        "name": "dt-shadow-raw-inset",
        "value": "inset 0 0 0 1px oklch(0 0 0 / 0.08)"
      },
      {
        "name": "dt-border-width-default",
        "value": "1px"
      },
      {
        "name": "dt-border-width-strong",
        "value": "2px"
      },
      {
        "name": "dt-focus-ring-width",
        "value": "2px"
      },
      {
        "name": "dt-focus-ring-offset",
        "value": "2px"
      },
      {
        "name": "dt-elevation-0",
        "value": "none"
      },
      {
        "name": "dt-elevation-1",
        "value": "0 1px 2px 0 oklch(0 0 0 / 0.04), 0 2px 6px 0 oklch(0 0 0 / 0.04)"
      },
      {
        "name": "dt-elevation-2",
        "value": "0 4px 14px 0 oklch(0 0 0 / 0.08), 0 0 0 1px oklch(0 0 0 / 0.04)"
      },
      {
        "name": "dt-elevation-3",
        "value": "0 12px 32px 0 oklch(0 0 0 / 0.16), 0 0 0 1px oklch(0 0 0 / 0.06)"
      },
      {
        "name": "dt-elevation-4",
        "value": "0 16px 40px 0 oklch(0 0 0 / 0.18), 0 0 0 1px oklch(0 0 0 / 0.06)"
      },
      {
        "name": "dt-elevation-5",
        "value": "0 24px 64px 0 oklch(0 0 0 / 0.22), 0 0 0 1px oklch(0 0 0 / 0.06)"
      },
      {
        "name": "dt-elevation-inset",
        "value": "inset 0 0 0 1px oklch(0 0 0 / 0.08)"
      },
      {
        "name": "dt-z-behind",
        "value": "-1"
      },
      {
        "name": "dt-z-base",
        "value": "0"
      },
      {
        "name": "dt-z-raised",
        "value": "10"
      },
      {
        "name": "dt-z-front",
        "value": "20"
      },
      {
        "name": "dt-z-sticky",
        "value": "100"
      },
      {
        "name": "dt-z-dropdown",
        "value": "200"
      },
      {
        "name": "dt-z-overlay",
        "value": "300"
      },
      {
        "name": "dt-z-dialog",
        "value": "400"
      },
      {
        "name": "dt-z-toast",
        "value": "500"
      },
      {
        "name": "dt-z-tooltip",
        "value": "600"
      },
      {
        "name": "dt-opacity-0",
        "value": "0"
      },
      {
        "name": "dt-opacity-10",
        "value": "0.1"
      },
      {
        "name": "dt-opacity-20",
        "value": "0.2"
      },
      {
        "name": "dt-opacity-30",
        "value": "0.3"
      },
      {
        "name": "dt-opacity-40",
        "value": "0.4"
      },
      {
        "name": "dt-opacity-50",
        "value": "0.5"
      },
      {
        "name": "dt-opacity-60",
        "value": "0.6"
      },
      {
        "name": "dt-opacity-70",
        "value": "0.7"
      },
      {
        "name": "dt-opacity-80",
        "value": "0.8"
      },
      {
        "name": "dt-opacity-90",
        "value": "0.9"
      },
      {
        "name": "dt-opacity-100",
        "value": "1"
      },
      {
        "name": "dt-opacity-ghost",
        "value": "{dt-opacity-20}"
      },
      {
        "name": "dt-opacity-disabled",
        "value": "{dt-opacity-40}"
      },
      {
        "name": "dt-opacity-muted",
        "value": "{dt-opacity-60}"
      },
      {
        "name": "dt-opacity-strong",
        "value": "{dt-opacity-80}"
      },
      {
        "name": "dt-motion-micro",
        "value": "0ms linear"
      },
      {
        "name": "dt-motion-enter",
        "value": "0ms linear"
      },
      {
        "name": "dt-motion-exit",
        "value": "0ms linear"
      },
      {
        "name": "dt-motion-emphasis",
        "value": "0ms linear"
      },
      {
        "name": "dt-button-border-width",
        "value": "1px"
      },
      {
        "name": "dt-button-transition",
        "value": "0ms linear"
      },
      {
        "name": "dt-button-height-sm",
        "value": "32px"
      },
      {
        "name": "dt-button-height-md",
        "value": "40px"
      },
      {
        "name": "dt-button-height-lg",
        "value": "48px"
      },
      {
        "name": "dt-input-border-width",
        "value": "1px"
      },
      {
        "name": "dt-input-transition",
        "value": "0ms linear"
      },
      {
        "name": "dt-input-height-sm",
        "value": "32px"
      },
      {
        "name": "dt-input-height-md",
        "value": "40px"
      },
      {
        "name": "dt-input-height-lg",
        "value": "48px"
      },
      {
        "name": "dt-card-border-width",
        "value": "1px"
      },
      {
        "name": "dt-card-elevation",
        "value": "none"
      },
      {
        "name": "dt-card-elevation-hover",
        "value": "0 1px 2px 0 oklch(0 0 0 / 0.04), 0 2px 6px 0 oklch(0 0 0 / 0.04)"
      },
      {
        "name": "dt-card-transition",
        "value": "0ms linear"
      },
      {
        "name": "dt-dialog-elevation",
        "value": "0 16px 40px 0 oklch(0 0 0 / 0.18), 0 0 0 1px oklch(0 0 0 / 0.06)"
      },
      {
        "name": "dt-sheet-shadow",
        "value": "0 16px 40px 0 oklch(0 0 0 / 0.18), 0 0 0 1px oklch(0 0 0 / 0.06)"
      },
      {
        "name": "dt-dialog-border-width",
        "value": "1px"
      },
      {
        "name": "dt-dialog-enter",
        "value": "0ms linear"
      },
      {
        "name": "dt-dialog-exit",
        "value": "0ms linear"
      },
      {
        "name": "dt-popover-elevation",
        "value": "0 12px 32px 0 oklch(0 0 0 / 0.16), 0 0 0 1px oklch(0 0 0 / 0.06)"
      },
      {
        "name": "dt-table-border-width",
        "value": "1px"
      },
      {
        "name": "dt-table-row-height",
        "value": "48px"
      },
      {
        "name": "dt-table-row-height-compact",
        "value": "36px"
      },
      {
        "name": "dt-blur-raw-4",
        "value": "4px"
      },
      {
        "name": "dt-blur-raw-8",
        "value": "8px"
      },
      {
        "name": "dt-blur-raw-12",
        "value": "12px"
      },
      {
        "name": "dt-blur-raw-16",
        "value": "16px"
      },
      {
        "name": "dt-blur-raw-24",
        "value": "24px"
      },
      {
        "name": "dt-blur-raw-40",
        "value": "40px"
      },
      {
        "name": "dt-blur-glass",
        "value": "16px"
      },
      {
        "name": "dt-blur-chip",
        "value": "8px"
      },
      {
        "name": "dt-backdrop-glass",
        "value": "saturate(1.6) blur(16px)"
      },
      {
        "name": "dt-presence-size",
        "value": "{dt-size-icon-xs}"
      },
      {
        "name": "dt-typing-dot-size",
        "value": "calc({dt-size-icon-xs} / 2)"
      },
      {
        "name": "dt-typing-beat",
        "value": "{dt-motion-emphasis}"
      },
      {
        "name": "dt-fulfilment-thumb-shadow",
        "value": "0 1px 2px 0 oklch(0 0 0 / 0.04), 0 2px 6px 0 oklch(0 0 0 / 0.04)"
      },
      {
        "name": "dt-store-cover-max-height",
        "value": "256px"
      },
      {
        "name": "dt-store-logo-size",
        "value": "64px"
      },
      {
        "name": "dt-fulfilment-inset",
        "value": "4px"
      },
      {
        "name": "dt-menu-item-gap",
        "value": "16px"
      },
      {
        "name": "dt-menu-item-padding",
        "value": "16px"
      },
      {
        "name": "dt-menu-thumb-size",
        "value": "96px"
      },
      {
        "name": "dt-menu-grid-min",
        "value": "307.2px"
      },
      {
        "name": "dt-menu-section-gap",
        "value": "12px"
      },
      {
        "name": "dt-modifier-row-min-height",
        "value": "44px"
      },
      {
        "name": "dt-modifier-control-size",
        "value": "20px"
      }
    ]
  },
  "texture": {
    "tokens": [
      {
        "name": "dt-pattern-size",
        "value": "24px",
        "usage": "The repeat interval for a dot or grid texture."
      },
      {
        "name": "dt-pattern-ink",
        "value": {
          "light": "{dt-border-strong}",
          "dark": "{dt-border-strong}"
        },
        "usage": "The line or dot colour. Follows the border-strength role, so it adapts to dark mode and a mono theme on its own."
      },
      {
        "name": "dt-pattern-dots",
        "value": "radial-gradient(var(--dt-pattern-ink) 1px, transparent 1.5px) 0 0 / var(--dt-pattern-size) var(--dt-pattern-size)",
        "usage": ""
      },
      {
        "name": "dt-pattern-grid",
        "value": "linear-gradient(var(--dt-pattern-ink) 1px, transparent 1px) 0 0 / var(--dt-pattern-size) var(--dt-pattern-size), linear-gradient(90deg, var(--dt-pattern-ink) 1px, transparent 1px) 0 0 / var(--dt-pattern-size) var(--dt-pattern-size)",
        "usage": ""
      },
      {
        "name": "dt-surface-texture",
        "value": "none",
        "usage": "The active choice. Configure or a theme repoints this at one of the two patterns above."
      }
    ]
  }
}