{

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

  "source": "https://www.shopify.com",

  "color": {

    "background": {

      "background-1": {

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

        "$type": "color"

      },

      "background-2": {

        "$value": "#ffffff",

        "$type": "color"

      },

      "background-3": {

        "$value": "#02090a",

        "$type": "color"

      },

      "background-4": {

        "$value": "#061a1c",

        "$type": "color"

      },

      "background-5": {

        "$value": "rgba(5, 25, 30, 0.2)",

        "$type": "color"

      },

      "background-6": {

        "$value": "#f4f4f5",

        "$type": "color"

      },

      "background-7": {

        "$value": "#041e18",

        "$type": "color"

      },

      "background-8": {

        "$value": "#102620",

        "$type": "color"

      },

      "background-9": {

        "$value": "#000a1e",

        "$type": "color"

      },

      "background-10": {

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

        "$type": "color"

      }

    },

    "text": {

      "text-1": {

        "$value": "#ffffff",

        "$type": "color"

      },

      "text-2": {

        "$value": "#a1a1aa",

        "$type": "color"

      },

      "text-3": {

        "$value": "#000000",

        "$type": "color"

      },

      "text-4": {

        "$value": "#36f4a4",

        "$type": "color"

      },

      "text-5": {

        "$value": "#9dabad",

        "$type": "color"

      },

      "text-6": {

        "$value": "#9797a2",

        "$type": "color"

      },

      "text-7": {

        "$value": "#99b3ad",

        "$type": "color"

      },

      "text-8": {

        "$value": "#bdbdca",

        "$type": "color"

      },

      "text-9": {

        "$value": "#e0e0e0",

        "$type": "color"

      },

      "text-10": {

        "$value": "#71717a",

        "$type": "color"

      }

    },

    "border": {

      "border-1": {

        "$value": "#e4e4e7",

        "$type": "color"

      },

      "border-2": {

        "$value": "#1e2c31",

        "$type": "color"

      },

      "border-3": {

        "$value": "#e5e7eb",

        "$type": "color"

      },

      "border-4": {

        "$value": "#ffffff",

        "$type": "color"

      },

      "border-5": {

        "$value": "#36f4a4",

        "$type": "color"

      },

      "border-6": {

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

        "$type": "color"

      },

      "border-7": {

        "$value": "#11352d",

        "$type": "color"

      },

      "border-8": {

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

        "$type": "color"

      },

      "border-9": {

        "$value": "#133b32",

        "$type": "color"

      },

      "border-10": {

        "$value": "#121c1e",

        "$type": "color"

      }

    },

    "accent": {

      "$value": "#36f4a4",

      "$type": "color"

    }

  },

  "typography": {

    "family-1": {

      "$value": "NeueHaasGrotesk",

      "$type": "fontFamily"

    },

    "family-2": {

      "$value": "Inter-Variable",

      "$type": "fontFamily"

    },

    "family-3": {

      "$value": "ui-monospace",

      "$type": "fontFamily"

    },

    "size-display---h1": {

      "$value": "32px",

      "$type": "dimension"

    },

    "size-h3": {

      "$value": "18px",

      "$type": "dimension"

    },

    "size-body": {

      "$value": "16px",

      "$type": "dimension"

    },

    "size-h4-h6": {

      "$value": "20px",

      "$type": "dimension"

    },

    "size-body-small": {

      "$value": "13px",

      "$type": "dimension"

    },

    "size-caption": {

      "$value": "12px",

      "$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-6": {

      "$value": "6px",

      "$type": "dimension"

    },

    "space-8": {

      "$value": "8px",

      "$type": "dimension"

    },

    "space-10": {

      "$value": "10px",

      "$type": "dimension"

    },

    "space-12": {

      "$value": "12px",

      "$type": "dimension"

    },

    "space-13": {

      "$value": "13px",

      "$type": "dimension"

    },

    "space-14": {

      "$value": "14px",

      "$type": "dimension"

    },

    "space-16": {

      "$value": "16px",

      "$type": "dimension"

    },

    "space-18": {

      "$value": "18px",

      "$type": "dimension"

    },

    "space-20": {

      "$value": "20px",

      "$type": "dimension"

    },

    "space-24": {

      "$value": "24px",

      "$type": "dimension"

    },

    "space-26": {

      "$value": "26px",

      "$type": "dimension"

    },

    "space-28": {

      "$value": "28px",

      "$type": "dimension"

    },

    "space-32": {

      "$value": "32px",

      "$type": "dimension"

    },

    "space-36": {

      "$value": "36px",

      "$type": "dimension"

    },

    "space-40": {

      "$value": "40px",

      "$type": "dimension"

    },

    "space-48": {

      "$value": "48px",

      "$type": "dimension"

    },

    "space-56": {

      "$value": "56px",

      "$type": "dimension"

    },

    "space-61": {

      "$value": "61px",

      "$type": "dimension"

    },

    "space-64": {

      "$value": "64px",

      "$type": "dimension"

    },

    "space-68": {

      "$value": "68px",

      "$type": "dimension"

    },

    "space-71": {

      "$value": "71px",

      "$type": "dimension"

    },

    "space-72": {

      "$value": "72px",

      "$type": "dimension"

    },

    "space-80": {

      "$value": "80px",

      "$type": "dimension"

    },

    "space-87": {

      "$value": "87px",

      "$type": "dimension"

    },

    "space-90": {

      "$value": "90px",

      "$type": "dimension"

    },

    "space-100": {

      "$value": "100px",

      "$type": "dimension"

    },

    "space-128": {

      "$value": "128px",

      "$type": "dimension"

    },

    "space-183": {

      "$value": "183px",

      "$type": "dimension"

    }

  },

  "borderRadius": {

    "radius-1": {

      "$value": "9999px",

      "$type": "dimension"

    },

    "radius-2": {

      "$value": "12px",

      "$type": "dimension"

    },

    "radius-3": {

      "$value": "8px",

      "$type": "dimension"

    },

    "radius-4": {

      "$value": "5px",

      "$type": "dimension"

    },

    "radius-5": {

      "$value": "16px",

      "$type": "dimension"

    },

    "radius-6": {

      "$value": "340px",

      "$type": "dimension"

    },

    "radius-7": {

      "$value": "4px",

      "$type": "dimension"

    },

    "radius-8": {

      "$value": "48px",

      "$type": "dimension"

    }

  },

  "shadow": {

    "shadow-1": {

      "$value": "rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px",

      "$type": "shadow"

    },

    "shadow-2": {

      "$value": "rgba(255, 255, 255, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 1px 3px 0px, rgba(0, 0, 0, 0.2) 0px 5px 10px 0px",

      "$type": "shadow"

    },

    "shadow-3": {

      "$value": "rgba(0, 0, 0, 0.1) 0px 8px 8px 0px, rgba(0, 0, 0, 0.1) 0px 4px 4px 0px, rgba(0, 0, 0, 0.1) 0px 2px 2px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(255, 255, 255, 0.03) 0px 1px 0px 0px inset",

      "$type": "shadow"

    },

    "shadow-4": {

      "$value": "rgba(255, 255, 255, 0.03) 0px 0.929px 0px 0px inset, rgba(0, 0, 0, 0.1) 0px 0px 0px 0.929px, rgba(0, 0, 0, 0.1) 0px 1.858px 1.858px 0px, rgba(0, 0, 0, 0.1) 0px 3.717px 3.717px 0px",

      "$type": "shadow"

    },

    "shadow-5": {

      "$value": "rgba(0, 0, 0, 0.25) 0px 25px 50px -12px",

      "$type": "shadow"

    },

    "shadow-6": {

      "$value": "rgba(0, 0, 0, 0.3) 0px 1.5px 9px 0px",

      "$type": "shadow"

    }

  }

}

