[
  {
    "name": "button-border-width",
    "value": "1px",
    "category": "borderWidth",
    "component": "button",
    "referenceToken": "border-width-xs",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-background-borderless",
    "value": "#00000000",
    "property": "background",
    "category": "color",
    "component": "button",
    "referenceToken": "color-background-transparent",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-background-primary-default",
    "value": "#4dacff",
    "property": "background",
    "category": "color",
    "component": "button",
    "referenceToken": "color-background-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-background-primary-hover",
    "value": "#92cbff",
    "property": "background",
    "category": "color",
    "component": "button",
    "referenceToken": "color-background-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-background-secondary",
    "value": "#00000000",
    "property": "background",
    "category": "color",
    "component": "button",
    "referenceToken": "color-background-transparent",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-border-borderless",
    "value": "#00000000",
    "property": "border",
    "category": "color",
    "component": "button",
    "referenceToken": "button-color-background-borderless",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-border-primary-default",
    "value": "#4dacff",
    "property": "border",
    "category": "color",
    "component": "button",
    "referenceToken": "button-color-background-primary-default",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-border-primary-hover",
    "value": "#92cbff",
    "property": "border",
    "category": "color",
    "component": "button",
    "referenceToken": "button-color-background-primary-hover",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-border-secondary-default",
    "value": "#4dacff",
    "property": "border",
    "category": "color",
    "component": "button",
    "referenceToken": "color-border-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-border-secondary-hover",
    "value": "#92cbff",
    "property": "border",
    "category": "color",
    "component": "button",
    "referenceToken": "color-border-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-text-borderless-default",
    "value": "#4dacff",
    "property": "text",
    "category": "color",
    "component": "button",
    "referenceToken": "color-text-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-text-borderless-hover",
    "value": "#92cbff",
    "property": "text",
    "category": "color",
    "component": "button",
    "referenceToken": "color-text-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-text-primary",
    "value": "#080c11",
    "property": "text",
    "category": "color",
    "component": "button",
    "referenceToken": "color-text-inverse",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-text-secondary-default",
    "value": "#4dacff",
    "property": "text",
    "category": "color",
    "component": "button",
    "referenceToken": "color-text-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "button-color-text-secondary-hover",
    "value": "#92cbff",
    "property": "text",
    "category": "color",
    "component": "button",
    "referenceToken": "color-text-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "button-icon-color-fill-borderless-default",
    "value": "#4dacff",
    "property": "fill",
    "category": "color",
    "component": "button",
    "referenceToken": "button-color-text-borderless-default",
    "tokenLevel": "component"
  },
  {
    "name": "button-icon-color-fill-borderless-hover",
    "value": "#92cbff",
    "property": "fill",
    "category": "color",
    "component": "button",
    "referenceToken": "button-color-text-borderless-hover",
    "tokenLevel": "component"
  },
  {
    "name": "button-icon-color-fill-primary",
    "value": "#080c11",
    "property": "fill",
    "category": "color",
    "component": "button",
    "referenceToken": "button-color-text-primary",
    "tokenLevel": "component"
  },
  {
    "name": "button-icon-color-fill-secondary-default",
    "value": "#4dacff",
    "property": "fill",
    "category": "color",
    "component": "button",
    "referenceToken": "button-color-border-secondary-default",
    "tokenLevel": "component"
  },
  {
    "name": "button-icon-color-fill-secondary-hover",
    "value": "#92cbff",
    "property": "fill",
    "category": "color",
    "component": "button",
    "referenceToken": "button-color-text-secondary-hover",
    "tokenLevel": "component"
  },
  {
    "name": "button-icon-dimension",
    "value": "20px",
    "property": "icon",
    "category": "dimension",
    "component": "button",
    "tokenLevel": "component"
  },
  {
    "name": "button-icon-margin-right",
    "value": "0.25rem",
    "property": "icon",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "button-padding-x-large",
    "value": "1rem",
    "property": "padding",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-4",
    "tokenLevel": "component"
  },
  {
    "name": "button-padding-x-large-icon-only",
    "value": "0.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "button-padding-x-medium",
    "value": "1rem",
    "property": "padding",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-4",
    "tokenLevel": "component"
  },
  {
    "name": "button-padding-x-medium-icon-only",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "button-padding-x-small",
    "value": "1rem",
    "property": "padding",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-4",
    "tokenLevel": "component"
  },
  {
    "name": "button-padding-x-small-icon-only",
    "value": "0.25rem",
    "property": "padding",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "button-padding-y-large",
    "value": "0.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "button-padding-y-large-icon-only",
    "value": "0.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "button-padding-y-medium",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "button-padding-y-medium-icon-only",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "button-padding-y-small",
    "value": "0.25rem",
    "property": "padding",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "button-padding-y-small-icon-only",
    "value": "0.25rem",
    "property": "padding",
    "category": "spacing",
    "component": "button",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "button-radius",
    "value": "3px",
    "category": "borderRadius",
    "component": "button",
    "referenceToken": "radius-base",
    "tokenLevel": "component"
  },
  {
    "name": "card-color-border",
    "value": "#51555b",
    "description": "Border color used for the Card component",
    "property": "border",
    "category": "color",
    "component": "card",
    "referenceToken": "color-palette-grey-700",
    "tokenLevel": "component"
  },
  {
    "name": "card-color-background",
    "value": "#101923",
    "property": "background",
    "category": "color",
    "component": "card",
    "referenceToken": "color-background-base-default",
    "tokenLevel": "component"
  },
  {
    "name": "card-header-prefix-dimension",
    "value": "24px",
    "property": "header",
    "category": "dimension",
    "component": "card",
    "tokenLevel": "component"
  },
  {
    "name": "card-header-prefix-margin-right",
    "value": "0.5rem",
    "property": "header",
    "category": "spacing",
    "component": "card",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "card-header-suffix-margin-left",
    "value": "0.5rem",
    "property": "header",
    "category": "spacing",
    "component": "card",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "card-header-suffix-dimension",
    "value": "24px",
    "property": "header",
    "category": "dimension",
    "component": "card",
    "tokenLevel": "component"
  },
  {
    "name": "card-header-padding-x",
    "value": "0.5rem",
    "property": "header",
    "category": "spacing",
    "component": "card",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "card-header-padding-y",
    "value": "0.625rem",
    "property": "header",
    "category": "spacing",
    "component": "card",
    "tokenLevel": "component"
  },
  {
    "name": "card-border-width",
    "value": "1px",
    "category": "borderWidth",
    "component": "card",
    "referenceToken": "border-width-xs",
    "tokenLevel": "component"
  },
  {
    "name": "card-shadow",
    "value": " 0px 4px 4px 1px rgba(0, 0, 0, 0.45)",
    "property": "shadow",
    "category": "boxShadow",
    "component": "card",
    "referenceToken": "shadow-overlay",
    "tokenLevel": "component"
  },
  {
    "name": "card-body-padding",
    "value": "0.5rem",
    "property": "body",
    "category": "spacing",
    "component": "card",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "card-footer-padding",
    "value": "0.5rem",
    "property": "footer",
    "category": "spacing",
    "component": "card",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "card-radius",
    "value": "3px",
    "category": "borderRadius",
    "component": "card",
    "referenceToken": "radius-base",
    "tokenLevel": "component"
  },
  {
    "name": "checkbox-radius",
    "value": "2px",
    "description": "[DEPRECATED] use checkbox-control-radius instead",
    "category": "borderRadius",
    "component": "checkbox",
    "tokenLevel": "component"
  },
  {
    "name": "checkbox-control-dimension",
    "value": "24px",
    "property": "control",
    "category": "dimension",
    "component": "checkbox",
    "tokenLevel": "component"
  },
  {
    "name": "checkbox-control-padding",
    "value": "0.125rem",
    "property": "control",
    "category": "spacing",
    "component": "checkbox",
    "referenceToken": "spacing-050",
    "tokenLevel": "component"
  },
  {
    "name": "checkbox-control-radius",
    "value": "2px",
    "property": "radius",
    "category": "borderRadius",
    "component": "checkbox",
    "tokenLevel": "component"
  },
  {
    "name": "checkbox-label-margin-left",
    "value": "0.5rem",
    "property": "label",
    "category": "spacing",
    "component": "checkbox",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "checkbox-group-border-width",
    "value": "1px",
    "category": "borderWidth",
    "component": "checkbox-group",
    "referenceToken": "border-width-xs",
    "tokenLevel": "component"
  },
  {
    "name": "checkbox-group-checkbox-margin-bottom",
    "value": "0.5rem",
    "property": "checkbox",
    "category": "spacing",
    "component": "checkbox-group",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "checkbox-group-color-border-default",
    "value": "#2b659b",
    "property": "border",
    "category": "color",
    "component": "checkbox-group",
    "referenceToken": "color-border-interactive-muted",
    "tokenLevel": "component"
  },
  {
    "name": "checkbox-group-color-border-invalid",
    "value": "#ff3838",
    "property": "border",
    "category": "color",
    "component": "checkbox-group",
    "referenceToken": "color-border-error",
    "tokenLevel": "component"
  },
  {
    "name": "checkbox-group-padding",
    "value": "1rem",
    "property": "padding",
    "category": "spacing",
    "component": "checkbox-group",
    "referenceToken": "spacing-4",
    "tokenLevel": "component"
  },
  {
    "name": "classification-banner-color-background-confidential",
    "value": "#0033a0",
    "description": "Background color of the Confidential classification banner",
    "property": "background",
    "category": "color",
    "component": "classification-banner",
    "referenceToken": "color-classification-confidential",
    "tokenLevel": "component"
  },
  {
    "name": "classification-banner-color-background-cui",
    "value": "#502b85",
    "description": "Background color of the CUI classification banner",
    "property": "background",
    "category": "color",
    "component": "classification-banner",
    "referenceToken": "color-classification-cui",
    "tokenLevel": "component"
  },
  {
    "name": "classification-banner-color-background-secret",
    "value": "#c8102e",
    "description": "Background color of the Secret classification banner",
    "property": "background",
    "category": "color",
    "component": "classification-banner",
    "referenceToken": "color-classification-secret",
    "tokenLevel": "component"
  },
  {
    "name": "classification-banner-color-background-topsecret",
    "value": "#ff8c00",
    "description": "Background color of the Top Secret classification banner",
    "property": "background",
    "category": "color",
    "component": "classification-banner",
    "referenceToken": "color-classification-topsecret",
    "tokenLevel": "component"
  },
  {
    "name": "classification-banner-color-background-topsecretsci",
    "value": "#fce83a",
    "description": "Background color of the Top Secret//SCI classification banner",
    "property": "background",
    "category": "color",
    "component": "classification-banner",
    "referenceToken": "color-classification-topsecretsci",
    "tokenLevel": "component"
  },
  {
    "name": "classification-banner-color-background-unclassified",
    "value": "#007a33",
    "description": "Background color of the Unclassified classification banner",
    "property": "background",
    "category": "color",
    "component": "classification-banner",
    "referenceToken": "color-classification-unclassified",
    "tokenLevel": "component"
  },
  {
    "name": "clock-datetime-color-background",
    "value": "#101923",
    "property": "background",
    "category": "color",
    "component": "clock",
    "referenceToken": "color-palette-brightblue-900",
    "tokenLevel": "component"
  },
  {
    "name": "container-color-border",
    "value": "#7b8089",
    "description": "Color for container border",
    "property": "border",
    "category": "color",
    "component": "container",
    "referenceToken": "color-palette-grey-600",
    "tokenLevel": "theme"
  },
  {
    "name": "gsb-color-background",
    "value": "#172635",
    "description": "Background color of the Global Status Bar component",
    "property": "background",
    "category": "color",
    "component": "gsb",
    "referenceToken": "color-palette-darkblue-900",
    "tokenLevel": "theme"
  },
  {
    "name": "gsb-color-text",
    "value": "#ffffff",
    "description": "Primary text color used within the Global Status Bar",
    "property": "text",
    "category": "color",
    "component": "gsb",
    "referenceToken": "color-palette-neutral-000",
    "tokenLevel": "theme"
  },
  {
    "name": "gsb-icon-color-fill-default",
    "value": "#4dacff",
    "description": "Primary color used for interactive elements in the Global Status Bar",
    "property": "icon",
    "category": "color",
    "component": "gsb",
    "referenceToken": "color-palette-brightblue-500",
    "tokenLevel": "theme"
  },
  {
    "name": "gsb-icon-color-fill-hover",
    "value": "#92cbff",
    "description": "Hover color used for interactive elements in the Global Status Bar",
    "property": "icon",
    "category": "color",
    "component": "gsb",
    "referenceToken": "color-palette-brightblue-400",
    "tokenLevel": "theme"
  },
  {
    "name": "indeterminate-progress-radius-inner",
    "value": "23px",
    "description": "Inside border radius",
    "property": "inner",
    "category": "borderRadius",
    "component": "indeterminate-progress",
    "tokenLevel": "component"
  },
  {
    "name": "indeterminate-progress-radius-outer",
    "value": "30px",
    "description": "Outside border radius",
    "property": "outer",
    "category": "borderRadius",
    "component": "indeterminate-progress",
    "tokenLevel": "component"
  },
  {
    "name": "input-border-width",
    "value": "1px",
    "category": "borderWidth",
    "component": "input",
    "referenceToken": "border-width-xs",
    "tokenLevel": "component"
  },
  {
    "name": "input-color-background-default",
    "value": "#101923",
    "property": "background",
    "category": "color",
    "component": "input",
    "referenceToken": "color-background-base-default",
    "tokenLevel": "component"
  },
  {
    "name": "input-color-border-default",
    "value": "#2b659b",
    "property": "border",
    "category": "color",
    "component": "input",
    "referenceToken": "color-border-interactive-muted",
    "tokenLevel": "component"
  },
  {
    "name": "input-color-border-hover",
    "value": "#92cbff",
    "property": "border",
    "category": "color",
    "component": "input",
    "referenceToken": "color-border-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "input-color-border-invalid",
    "value": "#ff3838",
    "property": "border",
    "category": "color",
    "component": "input",
    "referenceToken": "color-border-error",
    "tokenLevel": "component"
  },
  {
    "name": "input-color-text-default",
    "value": "#ffffff",
    "property": "text",
    "category": "color",
    "component": "input",
    "referenceToken": "color-text-primary",
    "tokenLevel": "component"
  },
  {
    "name": "input-color-text-placeholder",
    "value": "#a4abb6",
    "property": "text",
    "category": "color",
    "component": "input",
    "referenceToken": "color-text-placeholder",
    "tokenLevel": "component"
  },
  {
    "name": "input-icon-color-fill-default",
    "value": "#4dacff",
    "property": "fill",
    "category": "color",
    "component": "input",
    "referenceToken": "color-background-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "input-icon-dimension",
    "value": "20px",
    "property": "icon",
    "category": "dimension",
    "component": "input",
    "tokenLevel": "component"
  },
  {
    "name": "input-padding-x-large",
    "value": "0.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "input",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "input-padding-x-medium",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "input",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "input-padding-x-small",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "input",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "input-padding-y-large",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "input",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "input-padding-y-medium",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "input",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "input-padding-y-small",
    "value": "0.25rem",
    "property": "padding",
    "category": "spacing",
    "component": "input",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "input-prefix-margin-right",
    "value": "0.25rem",
    "property": "prefix",
    "category": "spacing",
    "component": "input",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "input-radius",
    "value": "3px",
    "category": "borderRadius",
    "component": "input",
    "referenceToken": "radius-base",
    "tokenLevel": "component"
  },
  {
    "name": "input-suffix-margin-left",
    "value": "0.25rem",
    "property": "suffix",
    "category": "spacing",
    "component": "input",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "link-color-text-default",
    "value": "#4dacff",
    "description": "Color used for links in default state",
    "property": "text",
    "category": "color",
    "component": "link",
    "referenceToken": "color-text-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "link-color-text-hover",
    "value": "#4dacff",
    "description": "Color used for links in hover state. Links do not change color on hover",
    "property": "text",
    "category": "color",
    "component": "link",
    "referenceToken": "link-color-text-default",
    "tokenLevel": "component"
  },
  {
    "name": "log-color-border",
    "value": "#7b8089",
    "description": "Color for log border",
    "property": "border",
    "category": "color",
    "component": "log",
    "referenceToken": "color-palette-grey-600",
    "tokenLevel": "theme"
  },
  {
    "name": "menu-divider-color-fill",
    "value": "#51555b",
    "description": "Fill color for menu dividers",
    "property": "fill",
    "category": "color",
    "component": "menu",
    "referenceToken": "color-palette-grey-700",
    "tokenLevel": "component"
  },
  {
    "name": "monitoring-icon-badge-color-background",
    "value": "#101923",
    "property": "background",
    "category": "color",
    "component": "monitoring-icon",
    "referenceToken": "color-palette-brightblue-900",
    "tokenLevel": "component"
  },
  {
    "name": "notification-banner-color-border-inner-caution",
    "value": "#fad800",
    "description": "Fill color of the Caution Notification Banner background",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "color-status-caution",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-inner-critical",
    "value": "#ff2a04",
    "description": "Fill color of the Critical Notification Banner background",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "color-status-critical",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-inner-default",
    "value": "#005a8f",
    "description": "Fill color of the Default Notification Banner background",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "color-border-interactive-default",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-inner-normal",
    "value": "#00e200",
    "description": "Fill color of the Normal Notification Banner background",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "color-status-normal",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-inner-off",
    "value": "#7b8089",
    "description": "Fill color of the Off Notification Banner background",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "color-status-off",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-inner-serious",
    "value": "#ffaf3d",
    "description": "Fill color of the Serious Notification Banner background",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "color-status-serious",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-inner-standby",
    "value": "#64d9ff",
    "description": "Fill color of the Standby Notification Banner background",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "color-status-standby",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-outer-caution",
    "value": "#645600",
    "description": "Stroke color of the Caution Notification Banner",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "status-symbol-color-border-caution",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-outer-critical",
    "value": "#661102",
    "description": "Stroke color of the Critical Notification Banner",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "status-symbol-color-border-critical",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-outer-default",
    "value": "#005a8f",
    "description": "Stroke color of the Default Notification Banner",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "color-border-interactive-default",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-outer-normal",
    "value": "#005a00",
    "description": "Stroke color of the Normal Notification Banner",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "status-symbol-color-border-normal",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-outer-off",
    "value": "#3c3e42",
    "description": "Stroke color of the Off Notification Banner",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "status-symbol-color-border-off",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-outer-serious",
    "value": "#664618",
    "description": "Stroke color of the Serious Notification Banner",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "status-symbol-color-border-serious",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-border-outer-standby",
    "value": "#285766",
    "description": "Stroke color of the Standby Notification Banner",
    "property": "border",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "status-symbol-color-border-standby",
    "tokenLevel": "theme"
  },
  {
    "name": "notification-banner-color-text",
    "value": "#ffffff",
    "property": "text",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "color-text-primary",
    "tokenLevel": "component"
  },
  {
    "name": "notification-banner-color-background",
    "value": "#101923",
    "property": "background",
    "category": "color",
    "component": "notification-banner",
    "referenceToken": "color-background-base-default",
    "tokenLevel": "component"
  },
  {
    "name": "notification-banner-radius-inner",
    "value": "2px",
    "description": "Inner radius of Notification Banner outlines",
    "property": "inner",
    "category": "borderRadius",
    "component": "notification-banner",
    "tokenLevel": "component"
  },
  {
    "name": "notification-banner-radius-outer",
    "value": "3px",
    "description": "Outer radius of Notification Banner outlines",
    "property": "outer",
    "category": "borderRadius",
    "component": "notification-banner",
    "referenceToken": "radius-base",
    "tokenLevel": "component"
  },
  {
    "name": "notification-banner-prefix-dimension",
    "value": "32px",
    "property": "prefix",
    "category": "dimension",
    "component": "notification-banner",
    "tokenLevel": "component"
  },
  {
    "name": "notification-banner-prefix-margin-right",
    "value": "1rem",
    "property": "prefix",
    "category": "spacing",
    "component": "notification-banner",
    "referenceToken": "spacing-4",
    "tokenLevel": "component"
  },
  {
    "name": "notification-banner-status-symbol-margin-right",
    "value": "0.75rem",
    "property": "status-symbol",
    "category": "spacing",
    "component": "notification-banner",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "notification-banner-padding-left",
    "value": "1rem",
    "property": "padding",
    "category": "spacing",
    "component": "notification-banner",
    "referenceToken": "spacing-4",
    "tokenLevel": "component"
  },
  {
    "name": "notification-banner-padding-right",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "notification-banner",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "notification-banner-padding-y-large",
    "value": "1.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "notification-banner",
    "referenceToken": "spacing-6",
    "tokenLevel": "component"
  },
  {
    "name": "notification-banner-padding-y-small",
    "value": "0.875rem",
    "property": "padding",
    "category": "spacing",
    "component": "notification-banner",
    "tokenLevel": "component"
  },
  {
    "name": "progress-radius-inner",
    "value": "8px",
    "description": "Inside border radius",
    "property": "inner",
    "category": "borderRadius",
    "component": "progress",
    "tokenLevel": "component"
  },
  {
    "name": "progress-radius-outer",
    "value": "10px",
    "description": "Outside border radius",
    "property": "outer",
    "category": "borderRadius",
    "component": "progress",
    "tokenLevel": "component"
  },
  {
    "name": "progress-border-width",
    "value": "1px",
    "category": "borderWidth",
    "component": "progress",
    "referenceToken": "border-width-xs",
    "tokenLevel": "component"
  },
  {
    "name": "progress-color-border",
    "value": "#4dacff",
    "property": "border",
    "category": "color",
    "component": "progress",
    "referenceToken": "color-border-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "progress-color-background",
    "value": "#1b2d3e",
    "property": "background",
    "category": "color",
    "component": "progress",
    "referenceToken": "color-background-surface-default",
    "tokenLevel": "component"
  },
  {
    "name": "progress-inner-color-background",
    "value": "#4dacff",
    "property": "background",
    "category": "color",
    "component": "progress",
    "referenceToken": "color-background-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "progress-padding",
    "value": "0.0625rem",
    "property": "padding",
    "category": "spacing",
    "component": "progress",
    "tokenLevel": "component"
  },
  {
    "name": "progress-label-margin-left",
    "value": "0.5rem",
    "property": "label",
    "category": "spacing",
    "component": "progress",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "radio-check-radius",
    "value": "50%",
    "property": "radius",
    "category": "borderRadius",
    "component": "radio",
    "referenceToken": "radius-circle",
    "tokenLevel": "component"
  },
  {
    "name": "radio-control-check-color-fill",
    "value": "#4dacff",
    "property": "fill",
    "category": "color",
    "component": "radio",
    "referenceToken": "color-background-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "radio-control-color-border-default",
    "value": "#2b659b",
    "property": "border",
    "category": "color",
    "component": "radio",
    "referenceToken": "color-border-interactive-muted",
    "tokenLevel": "component"
  },
  {
    "name": "radio-control-color-border-hover",
    "value": "#92cbff",
    "property": "border",
    "category": "color",
    "component": "radio",
    "referenceToken": "color-border-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "radio-control-dimension",
    "value": "24px",
    "property": "control",
    "category": "dimension",
    "component": "radio",
    "tokenLevel": "component"
  },
  {
    "name": "radio-control-margin-right",
    "value": "0.625rem",
    "property": "control",
    "category": "spacing",
    "component": "radio",
    "tokenLevel": "component"
  },
  {
    "name": "radio-control-padding",
    "value": "0.125rem",
    "property": "control",
    "category": "spacing",
    "component": "radio",
    "referenceToken": "spacing-050",
    "tokenLevel": "component"
  },
  {
    "name": "radio-control-radius",
    "value": "50%",
    "property": "radius",
    "category": "borderRadius",
    "component": "radio",
    "referenceToken": "radius-circle",
    "tokenLevel": "component"
  },
  {
    "name": "radio-radius-inner",
    "value": "4px",
    "description": "[DEPRECATED] use radio.check.radius instead",
    "property": "inner",
    "category": "borderRadius",
    "component": "radio",
    "tokenLevel": "component"
  },
  {
    "name": "radio-radius-outer",
    "value": "9px",
    "description": "[DEPRECATED] use radio.control.radius instead",
    "property": "outer",
    "category": "borderRadius",
    "component": "radio",
    "tokenLevel": "component"
  },
  {
    "name": "scrollbar-radius",
    "value": "4px",
    "description": "Scrollbar's border radius",
    "category": "borderRadius",
    "component": "scrollbar",
    "tokenLevel": "component"
  },
  {
    "name": "scrollbar-shadow-inner-horizontal",
    "value": "inset 1px 3px 3px 0px rgba(0, 0, 0, 0.5)",
    "description": "Inner shadow for horizontal scrollbars",
    "property": "inner",
    "category": "boxShadow",
    "component": "scrollbar",
    "referenceToken": "color-palette-neutral-1000",
    "tokenLevel": "theme"
  },
  {
    "name": "scrollbar-shadow-inner-vertical",
    "value": "inset 3px 3px 3px 0px rgba(0, 0, 0, 0.25)",
    "description": "Inner shadow for vertical scrollbars",
    "property": "inner",
    "category": "boxShadow",
    "component": "scrollbar",
    "referenceToken": "color-palette-neutral-1000",
    "tokenLevel": "theme"
  },
  {
    "name": "select-border-width",
    "value": "1px",
    "category": "borderWidth",
    "component": "select",
    "referenceToken": "border-width-xs",
    "tokenLevel": "component"
  },
  {
    "name": "select-caret-color-fill",
    "value": "#4dacff",
    "property": "fill",
    "category": "color",
    "component": "select",
    "referenceToken": "color-background-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "select-caret-dimension",
    "value": "30px",
    "property": "caret",
    "category": "dimension",
    "component": "select",
    "tokenLevel": "component"
  },
  {
    "name": "select-caret-selector-color-background",
    "value": "#1c3f5e",
    "property": "background",
    "category": "color",
    "component": "select",
    "referenceToken": "color-background-base-selected",
    "tokenLevel": "component"
  },
  {
    "name": "select-caret-selector-width",
    "value": "32px",
    "property": "caret-selector",
    "category": "sizing",
    "component": "select",
    "tokenLevel": "component"
  },
  {
    "name": "select-color-background",
    "value": "#101923",
    "property": "background",
    "category": "color",
    "component": "select",
    "referenceToken": "color-background-base-default",
    "tokenLevel": "component"
  },
  {
    "name": "select-color-background-inline",
    "value": "#00000000",
    "property": "background-inline",
    "category": "color",
    "component": "select",
    "referenceToken": "color-background-transparent",
    "tokenLevel": "component"
  },
  {
    "name": "select-color-border-default",
    "value": "#2b659b",
    "property": "border",
    "category": "color",
    "component": "select",
    "referenceToken": "color-border-interactive-muted",
    "tokenLevel": "component"
  },
  {
    "name": "select-color-border-inline-default",
    "value": "#00000000",
    "property": "border",
    "category": "color",
    "component": "select",
    "referenceToken": "color-background-transparent",
    "tokenLevel": "component"
  },
  {
    "name": "select-color-border-hover",
    "value": "#92cbff",
    "property": "border",
    "category": "color",
    "component": "select",
    "referenceToken": "color-border-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "select-color-border-invalid",
    "value": "#ff3838",
    "property": "border",
    "category": "color",
    "component": "select",
    "referenceToken": "color-border-error",
    "tokenLevel": "component"
  },
  {
    "name": "select-color-text",
    "value": "#4dacff",
    "property": "text",
    "category": "color",
    "component": "select",
    "referenceToken": "color-text-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "select-color-text-inline",
    "value": "#ffffff",
    "property": "text-inline",
    "category": "color",
    "component": "select",
    "referenceToken": "color-text-primary",
    "tokenLevel": "component"
  },
  {
    "name": "select-padding-x-large",
    "value": "0.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "select",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "select-padding-x-medium",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "select",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "select-padding-x-small",
    "value": "0.25rem",
    "property": "padding",
    "category": "spacing",
    "component": "select",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "select-padding-y-large",
    "value": "0.25rem",
    "property": "padding",
    "category": "spacing",
    "component": "select",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "select-padding-y-medium",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "select",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "select-padding-y-small",
    "value": "1rem",
    "property": "padding",
    "category": "spacing",
    "component": "select",
    "referenceToken": "spacing-4",
    "tokenLevel": "component"
  },
  {
    "name": "select-radius",
    "value": "3px",
    "category": "borderRadius",
    "component": "select",
    "referenceToken": "radius-base",
    "tokenLevel": "component"
  },
  {
    "name": "slider-axis-label-color-text",
    "value": "#ffffff",
    "property": "text",
    "category": "color",
    "component": "slider",
    "referenceToken": "color-text-primary",
    "tokenLevel": "component"
  },
  {
    "name": "slider-radius-background-track",
    "value": "1px",
    "description": "[DEPRECATED] use slider-track-radius instead",
    "property": "background-track",
    "category": "borderRadius",
    "component": "slider",
    "tokenLevel": "component"
  },
  {
    "name": "slider-thumb-border-width",
    "value": "2px",
    "property": "borderWidth",
    "category": "borderWidth",
    "component": "slider",
    "referenceToken": "border-width-sm",
    "tokenLevel": "component"
  },
  {
    "name": "slider-thumb-color-background",
    "value": "#101923",
    "property": "background",
    "category": "color",
    "component": "slider",
    "referenceToken": "color-background-base-default",
    "tokenLevel": "component"
  },
  {
    "name": "slider-thumb-color-border-default",
    "value": "#4dacff",
    "property": "border",
    "category": "color",
    "component": "slider",
    "referenceToken": "color-border-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "slider-thumb-color-border-hover",
    "value": "#92cbff",
    "property": "border",
    "category": "color",
    "component": "slider",
    "referenceToken": "color-border-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "slider-thumb-dimension",
    "value": "20px",
    "property": "thumb",
    "category": "dimension",
    "component": "slider",
    "tokenLevel": "component"
  },
  {
    "name": "slider-thumb-radius",
    "value": "50%",
    "property": "radius",
    "category": "borderRadius",
    "component": "slider",
    "referenceToken": "radius-circle",
    "tokenLevel": "component"
  },
  {
    "name": "slider-tick-color-background",
    "value": "#4dacff",
    "property": "background",
    "category": "color",
    "component": "slider",
    "referenceToken": "color-background-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "slider-tick-dimension",
    "value": "4px",
    "property": "tick",
    "category": "dimension",
    "component": "slider",
    "tokenLevel": "component"
  },
  {
    "name": "slider-tick-radius",
    "value": "50%",
    "property": "radius",
    "category": "borderRadius",
    "component": "slider",
    "referenceToken": "radius-circle",
    "tokenLevel": "component"
  },
  {
    "name": "slider-track-height-active",
    "value": "4px",
    "property": "track",
    "category": "sizing",
    "component": "slider",
    "tokenLevel": "component"
  },
  {
    "name": "slider-track-height-inactive",
    "value": "1px",
    "property": "track",
    "category": "sizing",
    "component": "slider",
    "tokenLevel": "component"
  },
  {
    "name": "slider-track-radius",
    "value": "3px",
    "property": "radius",
    "category": "borderRadius",
    "component": "slider",
    "referenceToken": "radius-base",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-border-width-on-dark",
    "value": 0,
    "description": "Border width for status symbols on a dark background",
    "property": "on-dark",
    "category": "borderWidth",
    "component": "status-symbol",
    "referenceToken": "border-width-none",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-border-width-on-light",
    "value": "1px",
    "description": "Border width for status symbols on a light background",
    "property": "on-light",
    "category": "borderWidth",
    "component": "status-symbol",
    "referenceToken": "border-width-xs",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-border-caution",
    "value": "#645600",
    "description": "Border color of the Caution status symbol on light backgrounds",
    "property": "border",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-yellow-900",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-border-critical",
    "value": "#661102",
    "description": "Border color of the Critical status symbol on light backgrounds",
    "property": "border",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-red-900",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-border-normal",
    "value": "#005a00",
    "description": "Border color of the Normal status symbol on light backgrounds",
    "property": "border",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-green-900",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-border-off",
    "value": "#3c3e42",
    "description": "Border color of the Off status symbol on light backgrounds",
    "property": "border",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-grey-800",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-border-serious",
    "value": "#664618",
    "description": "Border color of the Serious status symbol on light backgrounds",
    "property": "border",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-orange-900",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-border-standby",
    "value": "#285766",
    "description": "Border color of the Standby status symbol on light backgrounds",
    "property": "border",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-cyan-900",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-fill-caution-on-dark",
    "value": "#fce83a",
    "description": "Fill color of the Caution status symbol on a dark background",
    "property": "fill",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-yellow-500",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-fill-caution-on-light",
    "value": "#fad800",
    "description": "Fill color of the Caution status symbol on a light background",
    "property": "fill",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-yellow-600",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-fill-critical-on-dark",
    "value": "#ff3838",
    "description": "Fill color of the Critical status symbol on a dark background",
    "property": "fill",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-red-500",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-fill-critical-on-light",
    "value": "#ff2a04",
    "description": "Fill color of the Critical status symbol on a light background",
    "property": "fill",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-red-600",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-fill-normal-on-dark",
    "value": "#56f000",
    "description": "Fill color of the Normal status symbol on a dark background",
    "property": "fill",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-green-500",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-fill-normal-on-light",
    "value": "#00e200",
    "description": "Fill color of the Normal status symbol on a light background",
    "property": "fill",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-green-600",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-fill-off-on-dark",
    "value": "#a4abb6",
    "description": "Fill color of the Off status symbol on a dark background",
    "property": "fill",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-grey-500",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-fill-off-on-light",
    "value": "#7b8089",
    "description": "Fill color of the Off status symbol on a light background",
    "property": "fill",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-grey-600",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-fill-serious-on-dark",
    "value": "#ffb302",
    "description": "Fill color of the Serious status symbol on a dark background",
    "property": "fill",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-orange-500",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-fill-serious-on-light",
    "value": "#ffaf3d",
    "description": "Fill color of the Serious status symbol on a light background",
    "property": "fill",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-orange-600",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-fill-standby-on-dark",
    "value": "#2dccff",
    "description": "Fill color of the Standby status symbol on a dark background",
    "property": "fill",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-cyan-600",
    "tokenLevel": "component"
  },
  {
    "name": "status-symbol-color-fill-standby-on-light",
    "value": "#64d9ff",
    "description": "Fill color of the Standby status symbol on a light background",
    "property": "fill",
    "category": "color",
    "component": "status-symbol",
    "referenceToken": "color-palette-cyan-500",
    "tokenLevel": "component"
  },
  {
    "name": "switch-radius-track",
    "value": "10px",
    "description": "Switch track's border radius",
    "property": "track",
    "category": "borderRadius",
    "component": "switch",
    "tokenLevel": "component"
  },
  {
    "name": "table-header-color-background",
    "value": "#172635",
    "property": "background",
    "category": "color",
    "component": "table",
    "referenceToken": "color-background-surface-header",
    "tokenLevel": "component"
  },
  {
    "name": "table-header-cell-padding",
    "value": "0.5rem",
    "property": "header",
    "category": "spacing",
    "component": "table",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "table-header-shadow",
    "value": " 0px 4px 8px 0px rgba(0, 0, 0, 0.45)",
    "property": "shadow",
    "category": "boxShadow",
    "component": "table",
    "tokenLevel": "component"
  },
  {
    "name": "table-row-color-background-default",
    "value": "#1b2d3e",
    "property": "background",
    "category": "color",
    "component": "table",
    "referenceToken": "color-background-surface-default",
    "tokenLevel": "component"
  },
  {
    "name": "table-row-color-background-selected",
    "value": "#1c3f5e",
    "property": "background",
    "category": "color",
    "component": "table",
    "referenceToken": "color-background-surface-selected",
    "tokenLevel": "component"
  },
  {
    "name": "table-row-color-background-hover",
    "value": "#1c3851",
    "property": "background",
    "category": "color",
    "component": "table",
    "referenceToken": "color-background-surface-hover",
    "tokenLevel": "component"
  },
  {
    "name": "table-row-color-text",
    "value": "#ffffff",
    "property": "text",
    "category": "color",
    "component": "table",
    "referenceToken": "color-text-primary",
    "tokenLevel": "component"
  },
  {
    "name": "table-row-color-border",
    "value": "#101923",
    "property": "border",
    "category": "color",
    "component": "table",
    "referenceToken": "color-background-base-default",
    "tokenLevel": "component"
  },
  {
    "name": "table-row-border-width",
    "value": "1px",
    "property": "borderWidth",
    "category": "borderWidth",
    "component": "table",
    "referenceToken": "border-width-xs",
    "tokenLevel": "component"
  },
  {
    "name": "table-body-cell-padding-y",
    "value": "0.25rem",
    "description": "Body cell padding (top and bottom)",
    "property": "body",
    "category": "spacing",
    "component": "table",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "table-body-cell-padding-x",
    "value": "0.5rem",
    "description": "Body cell padding (left and right)",
    "property": "body",
    "category": "spacing",
    "component": "table",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "tag-shadow-inner-fail",
    "value": "inset 0px 0px 5px 0px rgb(255, 42, 4)",
    "description": "Inner shadow for Fail status Tags",
    "property": "inner",
    "category": "boxShadow",
    "component": "tag",
    "referenceToken": "status-symbol-color-fill-critical-on-light",
    "tokenLevel": "theme"
  },
  {
    "name": "tag-shadow-inner-pass",
    "value": "inset 0px 0px 5px 0px rgb(0, 226, 0)",
    "description": "Inner shadow for Pass status Tags",
    "property": "inner",
    "category": "boxShadow",
    "component": "tag",
    "referenceToken": "status-symbol-color-fill-normal-on-light",
    "tokenLevel": "theme"
  },
  {
    "name": "tag-shadow-inner-unknown",
    "value": "inset 0px 0px 5px 0px rgb(123, 128, 137)",
    "description": "Inner shadow for Unknown status Tags",
    "property": "inner",
    "category": "boxShadow",
    "component": "tag",
    "referenceToken": "status-symbol-color-fill-off-on-light",
    "tokenLevel": "theme"
  },
  {
    "name": "tag-color-border-unknown",
    "value": "#292a2d",
    "property": "border",
    "category": "color",
    "component": "tag",
    "referenceToken": "color-palette-grey-900",
    "tokenLevel": "component"
  },
  {
    "name": "tag-color-border-fail",
    "value": "#8b1703",
    "property": "border",
    "category": "color",
    "component": "tag",
    "referenceToken": "color-palette-red-800",
    "tokenLevel": "component"
  },
  {
    "name": "tag-color-border-pass",
    "value": "#007a33",
    "property": "border",
    "category": "color",
    "component": "tag",
    "referenceToken": "color-palette-green-800",
    "tokenLevel": "component"
  },
  {
    "name": "tag-color-text",
    "value": "#ffffff",
    "property": "text",
    "category": "color",
    "component": "tag",
    "referenceToken": "color-text-white",
    "tokenLevel": "component"
  },
  {
    "name": "tag-color-background-pass",
    "value": "#005a00",
    "property": "background",
    "category": "color",
    "component": "tag",
    "referenceToken": "color-palette-green-900",
    "tokenLevel": "component"
  },
  {
    "name": "tag-color-background-fail",
    "value": "#661102",
    "property": "background",
    "category": "color",
    "component": "tag",
    "referenceToken": "color-palette-red-900",
    "tokenLevel": "component"
  },
  {
    "name": "tag-color-background-unknown",
    "value": "#292a2d",
    "property": "background",
    "category": "color",
    "component": "tag",
    "referenceToken": "color-palette-grey-900",
    "tokenLevel": "component"
  },
  {
    "name": "tag-radius",
    "value": "4px",
    "category": "borderRadius",
    "component": "tag",
    "tokenLevel": "component"
  },
  {
    "name": "tag-padding-x",
    "value": "0.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "tag",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "tag-padding-y",
    "value": "0.25rem",
    "property": "padding",
    "category": "spacing",
    "component": "tag",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-border-width",
    "value": "1px",
    "category": "borderWidth",
    "component": "textarea",
    "referenceToken": "border-width-xs",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-color-border-default",
    "value": "#2b659b",
    "property": "border",
    "category": "color",
    "component": "textarea",
    "referenceToken": "color-border-interactive-muted",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-color-border-hover",
    "value": "#92cbff",
    "property": "border",
    "category": "color",
    "component": "textarea",
    "referenceToken": "color-border-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-color-border-invalid",
    "value": "#ff3838",
    "property": "border",
    "category": "color",
    "component": "textarea",
    "referenceToken": "color-border-error",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-color-text-default",
    "value": "#ffffff",
    "property": "text",
    "category": "color",
    "component": "textarea",
    "referenceToken": "color-text-primary",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-color-text-placeholder",
    "value": "#a4abb6",
    "property": "text",
    "category": "color",
    "component": "textarea",
    "referenceToken": "color-text-placeholder",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-color-background-default",
    "value": "#101923",
    "property": "background",
    "category": "color",
    "component": "textarea",
    "referenceToken": "color-background-base-default",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-padding-x-large",
    "value": "0.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "textarea",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-padding-x-medium",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "textarea",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-padding-x-small",
    "value": "0.25rem",
    "property": "padding",
    "category": "spacing",
    "component": "textarea",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-padding-y-large",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "textarea",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-padding-y-medium",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "textarea",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-padding-y-small",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "textarea",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "textarea-radius",
    "value": "3px",
    "category": "borderRadius",
    "component": "textarea",
    "referenceToken": "radius-base",
    "tokenLevel": "component"
  },
  {
    "name": "timeline-cell-color-background",
    "value": "#cbdee9",
    "description": "Color for timeline cell",
    "property": "cell",
    "category": "color",
    "component": "timeline",
    "referenceToken": "color-palette-darkblue-100",
    "tokenLevel": "theme"
  },
  {
    "name": "timeline-header-color-background",
    "value": "#f5f6f9",
    "description": "Color for timeline header",
    "property": "header",
    "category": "color",
    "component": "timeline",
    "referenceToken": "color-background-surface-header",
    "tokenLevel": "theme"
  },
  {
    "name": "tooltip-color-background",
    "value": "#bbc1c9",
    "description": "Background color for Tooltips",
    "property": "background",
    "category": "color",
    "component": "tooltip",
    "referenceToken": "color-palette-grey-400",
    "tokenLevel": "theme"
  },
  {
    "name": "tooltip-color-text",
    "value": "#000000",
    "description": "Text color for Tooltips",
    "property": "text",
    "category": "color",
    "component": "tooltip",
    "referenceToken": "color-text-black",
    "tokenLevel": "theme"
  },
  {
    "name": "tooltip-radius",
    "value": "1px",
    "description": "Tooltip border radius",
    "category": "borderRadius",
    "component": "tooltip",
    "tokenLevel": "component"
  },
  {
    "name": "tab-padding-x-large",
    "value": "0.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "tab",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "tab-padding-x-small",
    "value": "0.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "tab",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "tab-padding-top-large",
    "value": "1.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "tab",
    "referenceToken": "spacing-6",
    "tokenLevel": "component"
  },
  {
    "name": "tab-padding-top-small",
    "value": "1rem",
    "property": "padding",
    "category": "spacing",
    "component": "tab",
    "referenceToken": "spacing-4",
    "tokenLevel": "component"
  },
  {
    "name": "tab-padding-bottom-large",
    "value": "1.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "tab",
    "tokenLevel": "component"
  },
  {
    "name": "tab-padding-bottom-small",
    "value": "1.25rem",
    "property": "padding",
    "category": "spacing",
    "component": "tab",
    "tokenLevel": "component"
  },
  {
    "name": "tab-border-width-bottom",
    "value": "4px",
    "property": "bottom",
    "category": "borderWidth",
    "component": "tab",
    "referenceToken": "border-width-lg",
    "tokenLevel": "component"
  },
  {
    "name": "tab-color-text-default",
    "value": "#4dacff",
    "property": "text",
    "category": "color",
    "component": "tab",
    "referenceToken": "color-text-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "tab-color-text-hover",
    "value": "#92cbff",
    "property": "text",
    "category": "color",
    "component": "tab",
    "referenceToken": "color-text-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "tab-color-text-selected",
    "value": "#ffffff",
    "property": "text",
    "category": "color",
    "component": "tab",
    "referenceToken": "color-text-primary",
    "tokenLevel": "component"
  },
  {
    "name": "tab-color-border-bottom-selected",
    "value": "#4dacff",
    "property": "border",
    "category": "color",
    "component": "tab",
    "referenceToken": "color-border-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-color-text-unselected-default",
    "value": "#4dacff",
    "property": "text",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-text-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-color-text-unselected-hover",
    "value": "#92cbff",
    "property": "text",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-text-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-color-text-selected",
    "value": "#000000",
    "property": "text",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-text-black",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-color-border-unselected-default",
    "value": "#4dacff",
    "property": "border",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-border-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-color-border-unselected-hover",
    "value": "#92cbff",
    "property": "border",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-border-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-color-border-selected-default",
    "value": "#56f000",
    "property": "border",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-palette-green-500",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-color-border-selected-hover",
    "value": "#99f666",
    "property": "border",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-palette-green-400",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-color-background-selected-default",
    "value": "#56f000",
    "property": "background",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-palette-green-500",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-color-background-selected-hover",
    "value": "#99f666",
    "property": "background",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-palette-green-400",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-color-background-unselected-default",
    "value": "#00000000",
    "property": "background",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-background-transparent",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-color-background-unselected-hover",
    "value": "#00000000",
    "property": "background",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-background-transparent",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-padding-x-medium",
    "value": "1rem",
    "property": "padding",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-4",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-padding-x-medium-icon-only",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-padding-x-small",
    "value": "1rem",
    "property": "padding",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-4",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-padding-x-small-icon-only",
    "value": "0.25rem",
    "property": "padding",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-padding-x-large",
    "value": "1rem",
    "property": "padding",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-4",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-padding-x-large-icon-only",
    "value": "0.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-padding-y-medium",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-padding-y-medium-icon-only",
    "value": "0.5rem",
    "property": "padding",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-2",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-padding-y-small",
    "value": "1rem",
    "property": "padding",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-4",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-padding-y-small-icon-only",
    "value": "0.25rem",
    "property": "padding",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-padding-y-large-icon-only",
    "value": "0.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-padding-y-large",
    "value": "0.75rem",
    "property": "padding",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-3",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-radius",
    "value": "3px",
    "category": "borderRadius",
    "component": "push-button",
    "referenceToken": "radius-base",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-prefix-color-fill-unselected-default",
    "value": "#4dacff",
    "property": "fill",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-background-interactive-default",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-prefix-color-fill-unselected-hover",
    "value": "#92cbff",
    "property": "fill",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-background-interactive-hover",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-prefix-color-fill-selected",
    "value": "#000000",
    "property": "fill",
    "category": "color",
    "component": "push-button",
    "referenceToken": "color-text-black",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-prefix-dimension",
    "value": "20px",
    "property": "prefix",
    "category": "dimension",
    "component": "push-button",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-prefix-margin-right",
    "value": "0.25rem",
    "property": "prefix",
    "category": "spacing",
    "component": "push-button",
    "referenceToken": "spacing-1",
    "tokenLevel": "component"
  },
  {
    "name": "push-button-border-width",
    "value": "1px",
    "category": "borderWidth",
    "component": "push-button",
    "referenceToken": "border-width-xs",
    "tokenLevel": "component"
  },
  {
    "name": "opacity-0",
    "value": "0%",
    "property": "0",
    "category": "opacity",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "opacity-25",
    "value": "25%",
    "description": "Opacity used in drop shadow for scrollbars in light theme",
    "property": "25",
    "category": "opacity",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "opacity-35",
    "value": "35%",
    "description": "Opacity used in drop shadow for dialogs in light theme",
    "property": "35",
    "category": "opacity",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "opacity-40",
    "value": "40%",
    "description": "Opacity used in disabled states",
    "property": "40",
    "category": "opacity",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "opacity-45",
    "value": "45%",
    "description": "Opacity used in drop shadow for dialogs",
    "property": "45",
    "category": "opacity",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "opacity-50",
    "value": "50%",
    "property": "50",
    "category": "opacity",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "opacity-disabled",
    "value": "40%",
    "description": "Opacity used to indicate the disabled state",
    "property": "disabled",
    "category": "opacity",
    "component": null,
    "referenceToken": "opacity-40",
    "tokenLevel": "system"
  },
  {
    "name": "color-palette-neutral-1000",
    "value": "#000000",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-neutral-000",
    "value": "#ffffff",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-neutral-1000a00",
    "value": "#00000000",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-darkblue-100",
    "value": "#cbdee9",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-darkblue-200",
    "value": "#98bdd3",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-darkblue-300",
    "value": "#649cbd",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-darkblue-400",
    "value": "#2f7aa7",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-darkblue-500",
    "value": "#005a8f",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-darkblue-600",
    "value": "#004872",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-darkblue-700",
    "value": "#1c3f5e",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-darkblue-800",
    "value": "#1b2d3e",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-darkblue-900",
    "value": "#172635",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-darkblue-950",
    "value": "#080c11",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-brightblue-100",
    "value": "#daeeff",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-brightblue-200",
    "value": "#cee9fc",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-brightblue-300",
    "value": "#b7dcff",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-brightblue-400",
    "value": "#92cbff",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-brightblue-500",
    "value": "#4dacff",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-brightblue-600",
    "value": "#3a87cf",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-brightblue-700",
    "value": "#2b659b",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-brightblue-800",
    "value": "#1c3851",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-brightblue-850",
    "value": "#142435",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-brightblue-900",
    "value": "#101923",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-grey-100",
    "value": "#f5f6f9",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-grey-200",
    "value": "#eaeef4",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-grey-250",
    "value": "#e0e5eb",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-grey-300",
    "value": "#d4d8dd",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-grey-400",
    "value": "#bbc1c9",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-grey-500",
    "value": "#a4abb6",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-grey-600",
    "value": "#7b8089",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-grey-700",
    "value": "#51555b",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-grey-800",
    "value": "#3c3e42",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-grey-900",
    "value": "#292a2d",
    "description": "Protected",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-red-400",
    "value": "#ff5f60",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-red-500",
    "value": "#ff3838",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-red-600",
    "value": "#ff2a04",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-red-700",
    "value": "#c8102e",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-red-800",
    "value": "#8b1703",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-red-900",
    "value": "#661102",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-orange-400",
    "value": "#ffcc57",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-orange-500",
    "value": "#ffb302",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-orange-600",
    "value": "#ffaf3d",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-orange-700",
    "value": "#ff8c00",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-orange-800",
    "value": "#975f0e",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-orange-900",
    "value": "#664618",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-yellow-400",
    "value": "#fded61",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-yellow-500",
    "value": "#fce83a",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-yellow-600",
    "value": "#fad800",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-yellow-700",
    "value": "#c7ab00",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-yellow-800",
    "value": "#917d01",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-yellow-900",
    "value": "#645600",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-green-400",
    "value": "#99f666",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-green-500",
    "value": "#56f000",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-green-600",
    "value": "#00e200",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-green-700",
    "value": "#00ad23",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-green-800",
    "value": "#007a33",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-green-900",
    "value": "#005a00",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-cyan-400",
    "value": "#5ce2ff",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-cyan-500",
    "value": "#64d9ff",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-cyan-600",
    "value": "#2dccff",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-cyan-700",
    "value": "#20a9d5",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-cyan-800",
    "value": "#35798e",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-cyan-900",
    "value": "#285766",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-violet-800",
    "value": "#502b85",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-blue-800",
    "value": "#0033a0",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-teal-100",
    "value": "#d0f4f4",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-teal-200",
    "value": "#a1e9eb",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-teal-300",
    "value": "#70dde0",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-teal-400",
    "value": "#3ed2d6",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-teal-500",
    "value": "#00c7cb",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-teal-600",
    "value": "#009fa3",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-teal-700",
    "value": "#00777a",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-teal-800",
    "value": "#035051",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-teal-900",
    "value": "#032828",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-purple-100",
    "value": "#e4e2f7",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-purple-200",
    "value": "#c9c5ed",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-purple-300",
    "value": "#aea8e5",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-purple-400",
    "value": "#938bdb",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-purple-500",
    "value": "#786dd3",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-purple-600",
    "value": "#6058a8",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-purple-700",
    "value": "#48417f",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-purple-800",
    "value": "#302c54",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-purple-900",
    "value": "#18152b",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-pink-100",
    "value": "#edcef3",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-pink-200",
    "value": "#da9ce7",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-pink-300",
    "value": "#c76ada",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-pink-400",
    "value": "#b534ce",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-pink-500",
    "value": "#a200c1",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-pink-600",
    "value": "#81009a",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-pink-700",
    "value": "#610074",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-pink-800",
    "value": "#41004d",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-pink-900",
    "value": "#200227",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-hotorange-100",
    "value": "#f8ddd1",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-hotorange-200",
    "value": "#f0baa3",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-hotorange-300",
    "value": "#ea9875",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-hotorange-400",
    "value": "#e27545",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-hotorange-500",
    "value": "#da5309",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-hotorange-600",
    "value": "#af420a",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-hotorange-700",
    "value": "#833209",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-hotorange-800",
    "value": "#572108",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-palette-hotorange-900",
    "value": "#2b1105",
    "property": "palette",
    "category": "color",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "color-background-base-default",
    "value": "#eaeef4",
    "description": "Background color of base elements, like the app or popup menus",
    "property": "background",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-grey-200",
    "tokenLevel": "theme"
  },
  {
    "name": "color-background-base-header",
    "value": "#f5f6f9",
    "description": "Background color for the header of base elements",
    "property": "background",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-grey-100",
    "tokenLevel": "theme"
  },
  {
    "name": "color-background-base-hover",
    "value": "#98bdd3",
    "description": "Background color of base elements, like popup menus, when they are hovered over",
    "property": "background",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-darkblue-200",
    "tokenLevel": "theme"
  },
  {
    "name": "color-background-base-selected",
    "value": "#cee9fc",
    "description": "Background color of base elements, like popup menus, when they are selected",
    "property": "background",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-brightblue-200",
    "tokenLevel": "theme"
  },
  {
    "name": "color-background-surface-default",
    "value": "#ffffff",
    "description": "Background color of surface elements, like panels or dialogs",
    "property": "background",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-neutral-000",
    "tokenLevel": "theme"
  },
  {
    "name": "color-background-surface-header",
    "value": "#f5f6f9",
    "description": "Background color for the header of surface elements, including dialogs and table headers",
    "property": "background",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-grey-100",
    "tokenLevel": "theme"
  },
  {
    "name": "color-background-surface-hover",
    "value": "#daeeff",
    "description": "Background color of surface elements, like cards or table rows, when they are hovered over",
    "property": "background",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-brightblue-100",
    "tokenLevel": "theme"
  },
  {
    "name": "color-background-surface-selected",
    "value": "#cee9fc",
    "description": "Background color of surface elements, like cards or table rows, when they are selected",
    "property": "background",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-brightblue-200",
    "tokenLevel": "theme"
  },
  {
    "name": "color-background-interactive-default",
    "value": "#005a8f",
    "description": "Primary color used for the backgrounds of interactive elements",
    "property": "background",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-darkblue-500",
    "tokenLevel": "theme"
  },
  {
    "name": "color-background-interactive-hover",
    "value": "#1c3f5e",
    "description": "Hover color used for the backgrounds of interactive elements",
    "property": "background",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-darkblue-700",
    "tokenLevel": "theme"
  },
  {
    "name": "color-background-interactive-muted",
    "value": "#2f7aa7",
    "description": "Muted version of the primary color used for the background of interactive elements that don't need to be as strong as the primary color",
    "property": "background",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-darkblue-400",
    "tokenLevel": "theme"
  },
  {
    "name": "color-background-transparent",
    "value": "#00000000",
    "description": "Transparent color used for backgrounds.",
    "property": "background",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-neutral-1000a00",
    "tokenLevel": "system"
  },
  {
    "name": "color-text-primary",
    "value": "#292a2d",
    "description": "Primary color used for text within the application",
    "property": "text",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-grey-900",
    "tokenLevel": "theme"
  },
  {
    "name": "color-text-secondary",
    "value": "#51555b",
    "description": "Color used for text when less emphasis is needed",
    "property": "text",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-grey-700",
    "tokenLevel": "theme"
  },
  {
    "name": "color-text-placeholder",
    "value": "#7b8089",
    "description": "Text color used for placeholder text in input and form fields",
    "property": "text",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-grey-600",
    "tokenLevel": "theme"
  },
  {
    "name": "color-text-inverse",
    "value": "#ffffff",
    "description": "Color used for text on reversed backgrounds",
    "property": "text",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-neutral-000",
    "tokenLevel": "theme"
  },
  {
    "name": "color-text-interactive-default",
    "value": "#005a8f",
    "description": "Primary color used for interactive text elements",
    "property": "text",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-darkblue-500",
    "tokenLevel": "theme"
  },
  {
    "name": "color-text-interactive-hover",
    "value": "#1c3f5e",
    "description": "Hover color used for interactive text elements",
    "property": "text",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-darkblue-700",
    "tokenLevel": "theme"
  },
  {
    "name": "color-text-white",
    "value": "#ffffff",
    "description": "Text that is white across all themes. Used for classification and status banners that do not change color in various themes",
    "property": "text",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-neutral-000",
    "tokenLevel": "system"
  },
  {
    "name": "color-text-black",
    "value": "#000000",
    "description": "Text that is black across all themes. Used for classification and status banners that do not change color in various themes",
    "property": "text",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-neutral-1000",
    "tokenLevel": "system"
  },
  {
    "name": "color-text-error",
    "value": "#c8102e",
    "description": "Text color used for form error messages",
    "property": "text",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-red-700",
    "tokenLevel": "theme"
  },
  {
    "name": "color-border-interactive-default",
    "value": "#005a8f",
    "description": "Primary color used for the border of interactive elements",
    "property": "border",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-darkblue-500",
    "tokenLevel": "theme"
  },
  {
    "name": "color-border-interactive-hover",
    "value": "#1c3f5e",
    "description": "Hover color used for the border of interactive elements",
    "property": "border",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-darkblue-700",
    "tokenLevel": "theme"
  },
  {
    "name": "color-border-interactive-muted",
    "value": "#2f7aa7",
    "description": "Muted version of the primary color used for the border of interactive elements that don't need to be as strong as the primary color",
    "property": "border",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-darkblue-400",
    "tokenLevel": "theme"
  },
  {
    "name": "color-border-error",
    "value": "#c8102e",
    "description": "Border color used for form error borders",
    "property": "border",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-red-700",
    "tokenLevel": "theme"
  },
  {
    "name": "color-border-focus-default",
    "value": "#b534ce",
    "description": "Color of a focused element's outline",
    "property": "border",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-pink-400",
    "tokenLevel": "theme"
  },
  {
    "name": "color-status-critical",
    "value": "#ff2a04",
    "description": "Fill color of the Critical status symbol on a light background",
    "property": "status",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-red-600",
    "tokenLevel": "theme"
  },
  {
    "name": "color-status-serious",
    "value": "#ffaf3d",
    "description": "Fill color of the Serious status symbol on a light background",
    "property": "status",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-orange-600",
    "tokenLevel": "theme"
  },
  {
    "name": "color-status-caution",
    "value": "#fad800",
    "description": "Fill color of the Caution status symbol on a light background",
    "property": "status",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-yellow-600",
    "tokenLevel": "theme"
  },
  {
    "name": "color-status-normal",
    "value": "#00e200",
    "description": "Fill color of the Normal status symbol on a light background",
    "property": "status",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-green-600",
    "tokenLevel": "theme"
  },
  {
    "name": "color-status-standby",
    "value": "#64d9ff",
    "description": "Fill color of the Standby status symbol on a light background",
    "property": "status",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-cyan-500",
    "tokenLevel": "theme"
  },
  {
    "name": "color-status-off",
    "value": "#7b8089",
    "description": "Fill color of the Off status symbol on a light background",
    "property": "status",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-grey-600",
    "tokenLevel": "theme"
  },
  {
    "name": "color-classification-topsecretsci",
    "value": "#fce83a",
    "description": "Color used to indicate the Top Secret//SCI classification",
    "property": "classification",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-yellow-500",
    "tokenLevel": "system"
  },
  {
    "name": "color-classification-topsecret",
    "value": "#ff8c00",
    "description": "Color used to indicate the Top Secret classification",
    "property": "classification",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-orange-700",
    "tokenLevel": "system"
  },
  {
    "name": "color-classification-secret",
    "value": "#c8102e",
    "description": "Color used to indicate the Secret classification",
    "property": "classification",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-red-700",
    "tokenLevel": "system"
  },
  {
    "name": "color-classification-confidential",
    "value": "#0033a0",
    "description": "Color used to indicate the Confidential classification",
    "property": "classification",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-blue-800",
    "tokenLevel": "system"
  },
  {
    "name": "color-classification-cui",
    "value": "#502b85",
    "description": "Color used to indicate the CUI classification",
    "property": "classification",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-violet-800",
    "tokenLevel": "system"
  },
  {
    "name": "color-classification-unclassified",
    "value": "#007a33",
    "description": "Color used to indicate the Unclassified classification",
    "property": "classification",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-green-800",
    "tokenLevel": "system"
  },
  {
    "name": "color-data-visualization-1",
    "value": "#035051",
    "property": "data-visualization",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-teal-800",
    "tokenLevel": "theme"
  },
  {
    "name": "color-data-visualization-2",
    "value": "#6058a8",
    "property": "data-visualization",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-purple-600",
    "tokenLevel": "theme"
  },
  {
    "name": "color-data-visualization-3",
    "value": "#1c3851",
    "property": "data-visualization",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-brightblue-800",
    "tokenLevel": "theme"
  },
  {
    "name": "color-data-visualization-4",
    "value": "#00777a",
    "property": "data-visualization",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-teal-700",
    "tokenLevel": "theme"
  },
  {
    "name": "color-data-visualization-5",
    "value": "#786dd3",
    "property": "data-visualization",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-purple-500",
    "tokenLevel": "theme"
  },
  {
    "name": "color-data-visualization-6",
    "value": "#2b659b",
    "property": "data-visualization",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-brightblue-700",
    "tokenLevel": "theme"
  },
  {
    "name": "color-data-visualization-7",
    "value": "#009fa3",
    "property": "data-visualization",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-teal-600",
    "tokenLevel": "theme"
  },
  {
    "name": "color-data-visualization-8",
    "value": "#3a87cf",
    "property": "data-visualization",
    "category": "color",
    "component": null,
    "referenceToken": "color-palette-brightblue-600",
    "tokenLevel": "theme"
  },
  {
    "name": "border-width-none",
    "value": 0,
    "description": "No border width",
    "property": "none",
    "category": "borderWidth",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "border-width-xs",
    "value": "1px",
    "description": "Extra small border width",
    "property": "xs",
    "category": "borderWidth",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "border-width-sm",
    "value": "2px",
    "description": "Small border width",
    "property": "sm",
    "category": "borderWidth",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "border-width-lg",
    "value": "4px",
    "description": "Large border width",
    "property": "lg",
    "category": "borderWidth",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "border-width-focus-default",
    "value": "1px",
    "description": "Thickness of a focused element's outline",
    "property": "focus",
    "category": "borderWidth",
    "component": null,
    "referenceToken": "border-width-xs",
    "tokenLevel": "system"
  },
  {
    "name": "radius-base",
    "value": "3px",
    "description": "Default base border radius",
    "property": "base",
    "category": "borderRadius",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "radius-circle",
    "value": "50%",
    "description": "Completely rounded border radius, used to create circles",
    "property": "circle",
    "category": "borderRadius",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-family-sans",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "sans",
    "category": "fontFamilies",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "line-height-2xs",
    "value": "0.875rem",
    "description": "Extra Small",
    "property": "2xs",
    "category": "lineHeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "line-height-xs",
    "value": "1rem",
    "description": "Body 3",
    "property": "xs",
    "category": "lineHeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "line-height-sm",
    "value": "1.25rem",
    "description": "Body 2",
    "property": "sm",
    "category": "lineHeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "line-height-base",
    "value": "1.5rem",
    "description": "Body 1, Heading 3, Heading 4, Heading 5, Heading 6",
    "property": "base",
    "category": "lineHeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "line-height-lg",
    "value": "1.75rem",
    "description": "Heading 2",
    "property": "lg",
    "category": "lineHeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "line-height-xl",
    "value": "2rem",
    "description": "Monospace 1",
    "property": "xl",
    "category": "lineHeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "line-height-2xl",
    "value": "2.5rem",
    "description": "Heading 1",
    "property": "2xl",
    "category": "lineHeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "line-height-3xl",
    "value": "3.5rem",
    "description": "Display 2",
    "property": "3xl",
    "category": "lineHeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "line-height-4xl",
    "value": "4.375rem",
    "description": "Display 1",
    "property": "4xl",
    "category": "lineHeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-weights-light",
    "value": "300",
    "property": "light",
    "category": "fontWeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-weights-regular",
    "value": "400",
    "property": "regular",
    "category": "fontWeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-weights-medium",
    "value": "500",
    "property": "medium",
    "category": "fontWeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-weights-bold",
    "value": "700",
    "property": "bold",
    "category": "fontWeights",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-weight-light",
    "value": "300",
    "property": "light",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-weight-regular",
    "value": "400",
    "property": "regular",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-weight-medium",
    "value": "500",
    "property": "medium",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-weight-bold",
    "value": "700",
    "property": "bold",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-size-xs",
    "value": "0.75rem",
    "property": "xs",
    "category": "fontSizes",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-size-sm",
    "value": "0.875rem",
    "property": "sm",
    "category": "fontSizes",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-size-base",
    "value": "1rem",
    "property": "base",
    "category": "fontSizes",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-size-lg",
    "value": "1.125rem",
    "property": "lg",
    "category": "fontSizes",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-size-xl",
    "value": "1.25rem",
    "property": "xl",
    "category": "fontSizes",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-size-2xl",
    "value": "1.5rem",
    "property": "2xl",
    "category": "fontSizes",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-size-3xl",
    "value": "1.75rem",
    "property": "3xl",
    "category": "fontSizes",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-size-4xl",
    "value": "2.125rem",
    "property": "4xl",
    "category": "fontSizes",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-size-5xl",
    "value": "3rem",
    "property": "5xl",
    "category": "fontSizes",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-size-6xl",
    "value": "3.75rem",
    "property": "6xl",
    "category": "fontSizes",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "letter-spacing-2xl",
    "value": "0.005em",
    "property": "2xl",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "letter-spacing-xl",
    "value": "0.0025em",
    "property": "xl",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "letter-spacing-base",
    "value": "0em",
    "property": "base",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "letter-spacing-lg",
    "value": "0.0015em",
    "property": "lg",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "letter-spacing-sm",
    "value": "-0.005em",
    "property": "sm",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "paragraph-spacing-0",
    "value": 0,
    "property": "0",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-0",
    "value": "0rem",
    "property": "0",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-1",
    "value": "0.25rem",
    "property": "1",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-2",
    "value": "0.5rem",
    "property": "2",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-3",
    "value": "0.75rem",
    "property": "3",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-4",
    "value": "1rem",
    "property": "4",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-6",
    "value": "1.5rem",
    "property": "6",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-8",
    "value": "2rem",
    "property": "8",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-10",
    "value": "2.5rem",
    "property": "10",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-12",
    "value": "3rem",
    "property": "12",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-14",
    "value": "3.5rem",
    "property": "14",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-16",
    "value": "4rem",
    "property": "16",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-20",
    "value": "5rem",
    "property": "20",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-24",
    "value": "6rem",
    "property": "24",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-025",
    "value": "0.0625rem",
    "property": "025",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-050",
    "value": "0.125rem",
    "property": "050",
    "category": "spacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "spacing-focus-default",
    "value": "0.125rem",
    "description": "Space between a focused element's outline and edge",
    "property": "focus",
    "category": "spacing",
    "component": null,
    "referenceToken": "spacing-050",
    "tokenLevel": "system"
  },
  {
    "name": "font-heading-1-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "heading-1",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-font-weight",
    "value": "400",
    "property": "heading-1",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-line-height",
    "value": "calc(40 / 34)",
    "property": "heading-1",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-font-size",
    "value": "2.125rem",
    "property": "heading-1",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-letter-spacing",
    "value": "0.0025em",
    "property": "heading-1",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-paragraph-spacing",
    "value": 0,
    "property": "heading-1",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-text-decoration",
    "value": "none",
    "property": "heading-1",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-text-case",
    "value": "none",
    "property": "heading-1",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-bold-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "heading-1-bold",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-bold-font-weight",
    "value": "700",
    "property": "heading-1-bold",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-bold-line-height",
    "value": "calc(40 / 34)",
    "property": "heading-1-bold",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-bold-font-size",
    "value": "2.125rem",
    "property": "heading-1-bold",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-bold-letter-spacing",
    "value": "0.0025em",
    "property": "heading-1-bold",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-bold-paragraph-spacing",
    "value": 0,
    "property": "heading-1-bold",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-bold-text-decoration",
    "value": "none",
    "property": "heading-1-bold",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-1-bold-text-case",
    "value": "none",
    "property": "heading-1-bold",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-2-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "heading-2",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-2-font-weight",
    "value": "400",
    "property": "heading-2",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-2-line-height",
    "value": "calc(28 / 24)",
    "property": "heading-2",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-2-font-size",
    "value": "1.5rem",
    "property": "heading-2",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-2-letter-spacing",
    "value": "0em",
    "property": "heading-2",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-2-paragraph-spacing",
    "value": 0,
    "property": "heading-2",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-2-text-decoration",
    "value": "none",
    "property": "heading-2",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-2-text-case",
    "value": "none",
    "property": "heading-2",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-3-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "heading-3",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-3-font-weight",
    "value": "500",
    "property": "heading-3",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-3-line-height",
    "value": "calc(24 / 20)",
    "property": "heading-3",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-3-font-size",
    "value": "1.25rem",
    "property": "heading-3",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-3-letter-spacing",
    "value": "0.0015em",
    "property": "heading-3",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-3-paragraph-spacing",
    "value": 0,
    "property": "heading-3",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-3-text-decoration",
    "value": "none",
    "property": "heading-3",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-3-text-case",
    "value": "none",
    "property": "heading-3",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-4-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "heading-4",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-4-font-weight",
    "value": "300",
    "property": "heading-4",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-4-line-height",
    "value": "calc(24 / 20)",
    "property": "heading-4",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-4-font-size",
    "value": "1.25rem",
    "property": "heading-4",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-4-letter-spacing",
    "value": "0.0015em",
    "property": "heading-4",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-4-paragraph-spacing",
    "value": 0,
    "property": "heading-4",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-4-text-decoration",
    "value": "none",
    "property": "heading-4",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-4-text-case",
    "value": "none",
    "property": "heading-4",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-5-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "heading-5",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-5-font-weight",
    "value": "400",
    "property": "heading-5",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-5-line-height",
    "value": "calc(24 / 18)",
    "property": "heading-5",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-5-font-size",
    "value": "1.125rem",
    "property": "heading-5",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-5-letter-spacing",
    "value": "0em",
    "property": "heading-5",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-5-paragraph-spacing",
    "value": 0,
    "property": "heading-5",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-5-text-decoration",
    "value": "none",
    "property": "heading-5",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-5-text-case",
    "value": "none",
    "property": "heading-5",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-6-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "heading-6",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-6-font-weight",
    "value": "300",
    "property": "heading-6",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-6-line-height",
    "value": "calc(24 / 18)",
    "property": "heading-6",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-6-font-size",
    "value": "1.125rem",
    "property": "heading-6",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-6-letter-spacing",
    "value": "0em",
    "property": "heading-6",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-6-paragraph-spacing",
    "value": 0,
    "property": "heading-6",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-6-text-decoration",
    "value": "none",
    "property": "heading-6",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-heading-6-text-case",
    "value": "none",
    "property": "heading-6",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "body-1",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-font-weight",
    "value": "400",
    "property": "body-1",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-line-height",
    "value": "calc(24 / 16)",
    "property": "body-1",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-font-size",
    "value": "1rem",
    "property": "body-1",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-letter-spacing",
    "value": "0.005em",
    "property": "body-1",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-paragraph-spacing",
    "value": 0,
    "property": "body-1",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-text-decoration",
    "value": "none",
    "property": "body-1",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-text-case",
    "value": "none",
    "property": "body-1",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-bold-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "body-1-bold",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-bold-font-weight",
    "value": "700",
    "property": "body-1-bold",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-bold-line-height",
    "value": "calc(24 / 16)",
    "property": "body-1-bold",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-bold-font-size",
    "value": "1rem",
    "property": "body-1-bold",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-bold-letter-spacing",
    "value": "0.005em",
    "property": "body-1-bold",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-bold-paragraph-spacing",
    "value": 0,
    "property": "body-1-bold",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-bold-text-decoration",
    "value": "none",
    "property": "body-1-bold",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-1-bold-text-case",
    "value": "none",
    "property": "body-1-bold",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "body-2",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-font-weight",
    "value": "400",
    "property": "body-2",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-line-height",
    "value": "calc(20 / 14)",
    "property": "body-2",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-font-size",
    "value": "0.875rem",
    "property": "body-2",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-letter-spacing",
    "value": "0.005em",
    "property": "body-2",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-paragraph-spacing",
    "value": 0,
    "property": "body-2",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-text-decoration",
    "value": "none",
    "property": "body-2",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-text-case",
    "value": "none",
    "property": "body-2",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-bold-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "body-2-bold",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-bold-font-weight",
    "value": "700",
    "property": "body-2-bold",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-bold-line-height",
    "value": "calc(20 / 14)",
    "property": "body-2-bold",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-bold-font-size",
    "value": "0.875rem",
    "property": "body-2-bold",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-bold-letter-spacing",
    "value": "0.005em",
    "property": "body-2-bold",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-bold-paragraph-spacing",
    "value": 0,
    "property": "body-2-bold",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-bold-text-decoration",
    "value": "none",
    "property": "body-2-bold",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-2-bold-text-case",
    "value": "none",
    "property": "body-2-bold",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "body-3",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-font-weight",
    "value": "400",
    "property": "body-3",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-line-height",
    "value": "calc(16 / 12)",
    "property": "body-3",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-font-size",
    "value": "0.75rem",
    "property": "body-3",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-letter-spacing",
    "value": "0.005em",
    "property": "body-3",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-paragraph-spacing",
    "value": 0,
    "property": "body-3",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-text-decoration",
    "value": "none",
    "property": "body-3",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-text-case",
    "value": "none",
    "property": "body-3",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-bold-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "body-3-bold",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-bold-font-weight",
    "value": "700",
    "property": "body-3-bold",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-bold-line-height",
    "value": "calc(16 / 12)",
    "property": "body-3-bold",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-bold-font-size",
    "value": "0.75rem",
    "property": "body-3-bold",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-bold-letter-spacing",
    "value": "0.005em",
    "property": "body-3-bold",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-bold-paragraph-spacing",
    "value": 0,
    "property": "body-3-bold",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-bold-text-decoration",
    "value": "none",
    "property": "body-3-bold",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-body-3-bold-text-case",
    "value": "none",
    "property": "body-3-bold",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-monospace-1-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "monospace-1",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-monospace-1-font-weight",
    "value": "500",
    "property": "monospace-1",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-monospace-1-line-height",
    "value": "calc(32 / 28)",
    "property": "monospace-1",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-monospace-1-font-size",
    "value": "1.75rem",
    "property": "monospace-1",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-monospace-1-letter-spacing",
    "value": "0em",
    "property": "monospace-1",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-monospace-1-paragraph-spacing",
    "value": 0,
    "property": "monospace-1",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-monospace-1-text-decoration",
    "value": "none",
    "property": "monospace-1",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-monospace-1-text-case",
    "value": "none",
    "property": "monospace-1",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-1-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "display-1",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-1-font-weight",
    "value": "300",
    "property": "display-1",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-1-line-height",
    "value": "calc(70 / 60)",
    "property": "display-1",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-1-font-size",
    "value": "3.75rem",
    "property": "display-1",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-1-letter-spacing",
    "value": "-0.005em",
    "property": "display-1",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-1-paragraph-spacing",
    "value": 0,
    "property": "display-1",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-1-text-decoration",
    "value": "none",
    "property": "display-1",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-1-text-case",
    "value": "none",
    "property": "display-1",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-2-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "display-2",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-2-font-weight",
    "value": "400",
    "property": "display-2",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-2-line-height",
    "value": "calc(56 / 48)",
    "property": "display-2",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-2-font-size",
    "value": "3rem",
    "property": "display-2",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-2-letter-spacing",
    "value": "0em",
    "property": "display-2",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-2-paragraph-spacing",
    "value": 0,
    "property": "display-2",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-2-text-decoration",
    "value": "none",
    "property": "display-2",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-display-2-text-case",
    "value": "none",
    "property": "display-2",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "control-body-1",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-font-weight",
    "value": "400",
    "property": "control-body-1",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-line-height",
    "value": "calc(20 / 16)",
    "property": "control-body-1",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-font-size",
    "value": "1rem",
    "property": "control-body-1",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-letter-spacing",
    "value": "0.005em",
    "property": "control-body-1",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-paragraph-spacing",
    "value": 0,
    "property": "control-body-1",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-text-decoration",
    "value": "none",
    "property": "control-body-1",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-text-case",
    "value": "none",
    "property": "control-body-1",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-bold-font-family",
    "value": "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
    "property": "control-body-1-bold",
    "category": "fontFamily",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-bold-font-weight",
    "value": "700",
    "property": "control-body-1-bold",
    "category": "fontWeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-bold-line-height",
    "value": "calc(20 / 16)",
    "property": "control-body-1-bold",
    "category": "lineHeight",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-bold-font-size",
    "value": "1rem",
    "property": "control-body-1-bold",
    "category": "fontSize",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-bold-letter-spacing",
    "value": "0.005em",
    "property": "control-body-1-bold",
    "category": "letterSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-bold-paragraph-spacing",
    "value": 0,
    "property": "control-body-1-bold",
    "category": "paragraphSpacing",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-bold-text-decoration",
    "value": "none",
    "property": "control-body-1-bold",
    "category": "textDecoration",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "font-control-body-1-bold-text-case",
    "value": "none",
    "property": "control-body-1-bold",
    "category": "textCase",
    "component": null,
    "tokenLevel": "reference"
  },
  {
    "name": "shadow-overlay",
    "value": " 0px 4px 4px 1px rgba(0, 0, 0, 0.35)",
    "description": "Drop shadow for Dialogs",
    "property": "overlay",
    "category": "boxShadow",
    "component": null,
    "referenceToken": "color-palette-neutral-1000",
    "tokenLevel": "theme"
  }
]