tokens.json

{
  "blue-medium-color": "#0000ff",
  "blue-dark-color": "#000099",
  "blue-light-color": "#9999ff",
  "black-color": "#000000",
  "gray-dark-color": "#333333",
  "gray-medium-color": "#999999",
  "gray-light-color": "#cccccc",
  "white-color": "#ffffff",

  "grid-small-size": "8px",
  "grid-medium-size": "16px",
  "grid-large-size": "24px",

  "primary-background-color": "{blue-medium-color}",
  "primary-foreground-color": "{gray-light-color}",

  "small-padding-size": "{grid-small-size}",
  "medium-padding-size": "{grid-medium-size}",
  "large-padding-size": "{grid-large-size}",

  "button-background-color": "{primary-background-color}",
  "button-text-color": "{primary-foreground-color}",
  "button-padding-size": "{medium-padding-size}"
}