{

  "$schema": "https://tr.designtokens.org/format/",

  "source": "https://stripe.com",

  "color": {

    "background": {

      "background-1": {

        "$value": "#ffffff",

        "$type": "color"

      },

      "background-2": {

        "$value": "#7f7dfc",

        "$type": "color"

      },

      "background-3": {

        "$value": "#e5edf5",

        "$type": "color"

      },

      "background-4": {

        "$value": "#f8fafd",

        "$type": "color"

      },

      "background-5": {

        "$value": "#533afd",

        "$type": "color"

      },

      "background-6": {

        "$value": "#e2e4ff",

        "$type": "color"

      },

      "background-7": {

        "$value": "#ffe0d1",

        "$type": "color"

      },

      "background-8": {

        "$value": "rgba(248, 251, 253, 0.45)",

        "$type": "color"

      },

      "background-9": {

        "$value": "rgba(255, 255, 255, 0.38)",

        "$type": "color"

      },

      "background-10": {

        "$value": "#00d66f",

        "$type": "color"

      }

    },

    "text": {

      "text-1": {

        "$value": "#000000",

        "$type": "color"

      },

      "text-2": {

        "$value": "#533afd",

        "$type": "color"

      },

      "text-3": {

        "$value": "#061b31",

        "$type": "color"

      },

      "text-4": {

        "$value": "#50617a",

        "$type": "color"

      },

      "text-5": {

        "$value": "#64748d",

        "$type": "color"

      },

      "text-6": {

        "$value": "#4304ea",

        "$type": "color"

      },

      "text-7": {

        "$value": "#0000ee",

        "$type": "color"

      },

      "text-8": {

        "$value": "#ff6118",

        "$type": "color"

      },

      "text-9": {

        "$value": "#3c4f69",

        "$type": "color"

      },

      "text-10": {

        "$value": "#667691",

        "$type": "color"

      }

    },

    "border": {

      "border-1": {

        "$value": "#e5edf5",

        "$type": "color"

      },

      "border-2": {

        "$value": "#000000",

        "$type": "color"

      },

      "border-3": {

        "$value": "#061b31",

        "$type": "color"

      },

      "border-4": {

        "$value": "#50617a",

        "$type": "color"

      },

      "border-5": {

        "$value": "#f6f9fc",

        "$type": "color"

      },

      "border-6": {

        "$value": "#d6d9fc",

        "$type": "color"

      },

      "border-7": {

        "$value": "#e2e4ff",

        "$type": "color"

      },

      "border-8": {

        "$value": "#e7ecf1",

        "$type": "color"

      },

      "border-9": {

        "$value": "#c2c8f1",

        "$type": "color"

      },

      "border-10": {

        "$value": "#ffffff",

        "$type": "color"

      }

    },

    "accent": {

      "$value": "#533afd",

      "$type": "color"

    }

  },

  "typography": {

    "family-1": {

      "$value": "sohne-var",

      "$type": "fontFamily"

    },

    "size-display---h1": {

      "$value": "32px",

      "$type": "dimension"

    },

    "size-body": {

      "$value": "15px",

      "$type": "dimension"

    },

    "size-h3": {

      "$value": "22px",

      "$type": "dimension"

    },

    "size-body-small": {

      "$value": "13px",

      "$type": "dimension"

    },

    "size-caption": {

      "$value": "8px",

      "$type": "dimension"

    }

  },

  "spacing": {

    "space-1": {

      "$value": "1px",

      "$type": "dimension"

    },

    "space-2": {

      "$value": "2px",

      "$type": "dimension"

    },

    "space-3": {

      "$value": "3px",

      "$type": "dimension"

    },

    "space-4": {

      "$value": "4px",

      "$type": "dimension"

    },

    "space-5": {

      "$value": "5px",

      "$type": "dimension"

    },

    "space-6": {

      "$value": "6px",

      "$type": "dimension"

    },

    "space-7": {

      "$value": "7px",

      "$type": "dimension"

    },

    "space-8": {

      "$value": "8px",

      "$type": "dimension"

    },

    "space-9": {

      "$value": "9px",

      "$type": "dimension"

    },

    "space-10": {

      "$value": "10px",

      "$type": "dimension"

    },

    "space-11": {

      "$value": "11px",

      "$type": "dimension"

    },

    "space-12": {

      "$value": "12px",

      "$type": "dimension"

    },

    "space-13": {

      "$value": "13px",

      "$type": "dimension"

    },

    "space-14": {

      "$value": "14px",

      "$type": "dimension"

    },

    "space-15": {

      "$value": "15px",

      "$type": "dimension"

    },

    "space-16": {

      "$value": "16px",

      "$type": "dimension"

    },

    "space-17": {

      "$value": "17px",

      "$type": "dimension"

    },

    "space-18": {

      "$value": "18px",

      "$type": "dimension"

    },

    "space-20": {

      "$value": "20px",

      "$type": "dimension"

    },

    "space-22": {

      "$value": "22px",

      "$type": "dimension"

    },

    "space-24": {

      "$value": "24px",

      "$type": "dimension"

    },

    "space-28": {

      "$value": "28px",

      "$type": "dimension"

    },

    "space-32": {

      "$value": "32px",

      "$type": "dimension"

    },

    "space-34": {

      "$value": "34px",

      "$type": "dimension"

    },

    "space-36": {

      "$value": "36px",

      "$type": "dimension"

    },

    "space-40": {

      "$value": "40px",

      "$type": "dimension"

    },

    "space-48": {

      "$value": "48px",

      "$type": "dimension"

    },

    "space-52": {

      "$value": "52px",

      "$type": "dimension"

    },

    "space-60": {

      "$value": "60px",

      "$type": "dimension"

    },

    "space-64": {

      "$value": "64px",

      "$type": "dimension"

    },

    "space-80": {

      "$value": "80px",

      "$type": "dimension"

    },

    "space-96": {

      "$value": "96px",

      "$type": "dimension"

    }

  },

  "borderRadius": {

    "radius-1": {

      "$value": "6px",

      "$type": "dimension"

    },

    "radius-2": {

      "$value": "4px",

      "$type": "dimension"

    },

    "radius-3": {

      "$value": "5px",

      "$type": "dimension"

    },

    "radius-4": {

      "$value": "16px",

      "$type": "dimension"

    },

    "radius-5": {

      "$value": "100%",

      "$type": "dimension"

    },

    "radius-6": {

      "$value": "3px",

      "$type": "dimension"

    },

    "radius-7": {

      "$value": "1px",

      "$type": "dimension"

    },

    "radius-8": {

      "$value": "10px",

      "$type": "dimension"

    }

  },

  "shadow": {

    "shadow-1": {

      "$value": "rgba(23, 23, 23, 0.08) 0px 15px 35px 0px",

      "$type": "shadow"

    },

    "shadow-2": {

      "$value": "rgba(23, 23, 23, 0.06) 0px 3px 6px 0px",

      "$type": "shadow"

    },

    "shadow-3": {

      "$value": "rgba(50, 50, 93, 0.12) 0px 16px 32px 0px",

      "$type": "shadow"

    },

    "shadow-4": {

      "$value": "rgba(0, 0, 0, 0.1) 0px 20.187px 40.374px -20.187px",

      "$type": "shadow"

    },

    "shadow-5": {

      "$value": "rgba(50, 50, 93, 0.12) 0px 15.931px 31.863px 0px",

      "$type": "shadow"

    },

    "shadow-6": {

      "$value": "rgba(50, 50, 93, 0.12) 0px 4px 48.8px -30px, rgba(0, 0, 0, 0.1) 0px 18px 36px -18px",

      "$type": "shadow"

    }

  }

}

