{

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

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

  "color": {

    "background": {

      "background-1": {

        "$value": "#ffffff",

        "$type": "color"

      },

      "background-2": {

        "$value": "rgba(0, 0, 20, 0.05)",

        "$type": "color"

      },

      "background-3": {

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

        "$type": "color"

      },

      "background-4": {

        "$value": "rgba(0, 0, 0, 0.02)",

        "$type": "color"

      },

      "background-5": {

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

        "$type": "color"

      },

      "background-6": {

        "$value": "rgba(5, 5, 20, 0.2)",

        "$type": "color"

      },

      "background-7": {

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

        "$type": "color"

      },

      "background-8": {

        "$value": "#030712",

        "$type": "color"

      },

      "background-9": {

        "$value": "#00bcff",

        "$type": "color"

      },

      "background-10": {

        "$value": "#00a6f4",

        "$type": "color"

      }

    },

    "text": {

      "text-1": {

        "$value": "#030712",

        "$type": "color"

      },

      "text-2": {

        "$value": "#90a1b9",

        "$type": "color"

      },

      "text-3": {

        "$value": "#f8fafc",

        "$type": "color"

      },

      "text-4": {

        "$value": "#cad5e2",

        "$type": "color"

      },

      "text-5": {

        "$value": "#74d4ff",

        "$type": "color"

      },

      "text-6": {

        "$value": "#fb64b6",

        "$type": "color"

      },

      "text-7": {

        "$value": "#000000",

        "$type": "color"

      },

      "text-8": {

        "$value": "#4a5565",

        "$type": "color"

      },

      "text-9": {

        "$value": "#ffffff",

        "$type": "color"

      },

      "text-10": {

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

        "$type": "color"

      }

    },

    "border": {

      "border-1": {

        "$value": "rgba(0, 0, 20, 0.05)",

        "$type": "color"

      },

      "border-2": {

        "$value": "rgba(5, 5, 20, 0.2)",

        "$type": "color"

      },

      "border-3": {

        "$value": "rgba(0, 0, 0, 0.05)",

        "$type": "color"

      },

      "border-4": {

        "$value": "#ffffff",

        "$type": "color"

      },

      "border-5": {

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

        "$type": "color"

      },

      "border-6": {

        "$value": "rgba(115, 212, 255, 0.6)",

        "$type": "color"

      },

      "border-7": {

        "$value": "#000000",

        "$type": "color"

      }

    },

    "accent": {

      "$value": "#fb64b6",

      "$type": "color"

    }

  },

  "typography": {

    "family-1": {

      "$value": "inter",

      "$type": "fontFamily"

    },

    "family-2": {

      "$value": "plexMono",

      "$type": "fontFamily"

    },

    "size-display---h1": {

      "$value": "36px",

      "$type": "dimension"

    },

    "size-h2": {

      "$value": "30px",

      "$type": "dimension"

    },

    "size-h3": {

      "$value": "18px",

      "$type": "dimension"

    },

    "size-body": {

      "$value": "16px",

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

      "$value": "16px",

      "$type": "dimension"

    },

    "space-20": {

      "$value": "20px",

      "$type": "dimension"

    },

    "space-24": {

      "$value": "24px",

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

      "$value": "44px",

      "$type": "dimension"

    },

    "space-48": {

      "$value": "48px",

      "$type": "dimension"

    },

    "space-57": {

      "$value": "57px",

      "$type": "dimension"

    },

    "space-64": {

      "$value": "64px",

      "$type": "dimension"

    },

    "space-96": {

      "$value": "96px",

      "$type": "dimension"

    },

    "space-160": {

      "$value": "160px",

      "$type": "dimension"

    }

  },

  "borderRadius": {

    "radius-1": {

      "$value": "16px",

      "$type": "dimension"

    },

    "radius-2": {

      "$value": "9999px",

      "$type": "dimension"

    },

    "radius-3": {

      "$value": "32px",

      "$type": "dimension"

    },

    "radius-4": {

      "$value": "12px",

      "$type": "dimension"

    },

    "radius-5": {

      "$value": "8px",

      "$type": "dimension"

    },

    "radius-6": {

      "$value": "24px",

      "$type": "dimension"

    },

    "radius-7": {

      "$value": "4px",

      "$type": "dimension"

    }

  },

  "shadow": {

    "shadow-1": {

      "$value": "rgba(0, 13, 13, 0.08) 0px 0px 0px 1px inset",

      "$type": "shadow"

    },

    "shadow-2": {

      "$value": "rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset",

      "$type": "shadow"

    },

    "shadow-3": {

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

      "$type": "shadow"

    },

    "shadow-4": {

      "$value": "rgba(0, 0, 20, 0.05) 0px 0px 0px 1px",

      "$type": "shadow"

    },

    "shadow-5": {

      "$value": "rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 10, 20, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px",

      "$type": "shadow"

    },

    "shadow-6": {

      "$value": "rgba(0, 10, 20, 0.1) 0px 0px 0px 1px inset",

      "$type": "shadow"

    }

  },

  "cssVariables": {

    "--lightningcss-dark": "",

    "--lightningcss-light": "initial"

  }

}

