{
  "$description": "Design tokens extracted by Prism from stripe.com",
  "color": {
    "background": {
      "primary": {
        "$type": "color",
        "$value": "#ffffff"
      },
      "secondary": {
        "$type": "color",
        "$value": "#ffffffa6"
      },
      "tertiary": {
        "$type": "color",
        "$value": "#e5edf5"
      }
    },
    "text": {
      "primary": {
        "$type": "color",
        "$value": "#000000"
      },
      "secondary": {
        "$type": "color",
        "$value": "#26251e"
      },
      "muted": {
        "$type": "color",
        "$value": "#031323"
      }
    },
    "accent": {
      "primary": {
        "$type": "color",
        "$value": "#533afd"
      },
      "secondary": {
        "$type": "color",
        "$value": "#81b81a"
      }
    },
    "border": {
      "$type": "color",
      "$value": "#8f98a9"
    },
    "shadow": {
      "$type": "color",
      "$value": "#0000001a"
    },
    "semantic": {
      "error": {
        "$type": "color",
        "$value": "#d8351e"
      },
      "success": {
        "$type": "color",
        "$value": "#00b261"
      }
    }
  },
  "fontFamily": {
    "primary": {
      "$type": "fontFamily",
      "$value": [
        "sohne-var"
      ]
    },
    "secondary": {
      "$type": "fontFamily",
      "$value": [
        "SF Pro Display"
      ]
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "monospace"
      ]
    }
  },
  "fontSize": {
    "xs": {
      "$type": "dimension",
      "$value": "8px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "15px"
    },
    "base": {
      "$type": "dimension",
      "$value": "16px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "20px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "22px"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "32px"
    },
    "3xl": {
      "$type": "dimension",
      "$value": "34px"
    },
    "4xl": {
      "$type": "dimension",
      "$value": "48px"
    }
  },
  "fontWeight": {
    "normal": {
      "$type": "fontWeight",
      "$value": 300
    },
    "medium": {
      "$type": "fontWeight",
      "$value": 500
    },
    "semibold": {
      "$type": "fontWeight",
      "$value": 600
    },
    "bold": {
      "$type": "fontWeight",
      "$value": 400
    }
  },
  "spacing": {
    "xxs": {
      "$type": "dimension",
      "$value": "2px"
    },
    "xs": {
      "$type": "dimension",
      "$value": "4px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "8px"
    },
    "md": {
      "$type": "dimension",
      "$value": "12px"
    },
    "base": {
      "$type": "dimension",
      "$value": "16px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "24px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "28px"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "48px"
    },
    "3xl": {
      "$type": "dimension",
      "$value": "64px"
    }
  },
  "borderRadius": {
    "none": {
      "$type": "dimension",
      "$value": "0px"
    },
    "xs": {
      "$type": "dimension",
      "$value": "4px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "8px"
    },
    "md": {
      "$type": "dimension",
      "$value": "16px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "16px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "16px"
    },
    "full": {
      "$type": "dimension",
      "$value": "9999px"
    }
  },
  "duration": {
    "transition-2": {
      "$type": "duration",
      "$value": "0.24s"
    },
    "transition-3": {
      "$type": "duration",
      "$value": "0.24s"
    },
    "transition-5": {
      "$type": "duration",
      "$value": "0.24s"
    }
  }
}