{
  "$metadata": {
    "generator": "designlang",
    "version": "7.0.0",
    "spec": "https://design-tokens.github.io/community-group/format/",
    "source": "https://vercel.com",
    "generatedAt": "2026-05-14T22:16:23.605Z"
  },
  "primitive": {
    "color": {
      "brand": {
        "primary": {
          "$value": "#0068d6",
          "$type": "color"
        },
        "secondary": {
          "$value": "#52aeff",
          "$type": "color"
        }
      },
      "neutral": {
        "n100": {
          "$value": "#171717",
          "$type": "color"
        },
        "n200": {
          "$value": "#ebebeb",
          "$type": "color"
        },
        "n300": {
          "$value": "#4d4d4d",
          "$type": "color"
        },
        "n400": {
          "$value": "#ffffff",
          "$type": "color"
        },
        "n500": {
          "$value": "#666666",
          "$type": "color"
        },
        "n600": {
          "$value": "#000000",
          "$type": "color"
        },
        "n700": {
          "$value": "#7d7d7d",
          "$type": "color"
        },
        "n800": {
          "$value": "#a8a8a8",
          "$type": "color"
        },
        "n900": {
          "$value": "#8f8f8f",
          "$type": "color"
        },
        "n1000": {
          "$value": "#ebf5ff",
          "$type": "color"
        }
      },
      "background": {
        "bg0": {
          "$value": "#fafafa",
          "$type": "color"
        },
        "bg1": {
          "$value": "#ffffff",
          "$type": "color"
        }
      },
      "text": {
        "text0": {
          "$value": "#171717",
          "$type": "color"
        },
        "text1": {
          "$value": "#0072f5",
          "$type": "color"
        },
        "text2": {
          "$value": "#4d4d4d",
          "$type": "color"
        },
        "text3": {
          "$value": "#ffffff",
          "$type": "color"
        },
        "text4": {
          "$value": "#0068d6",
          "$type": "color"
        },
        "text5": {
          "$value": "#52aeff",
          "$type": "color"
        },
        "text6": {
          "$value": "#e5484d",
          "$type": "color"
        },
        "text7": {
          "$value": "#ffb224",
          "$type": "color"
        },
        "text8": {
          "$value": "#45dec5",
          "$type": "color"
        },
        "text9": {
          "$value": "#a8a8a8",
          "$type": "color"
        }
      }
    },
    "spacing": {
      "s0": {
        "$value": "1px",
        "$type": "dimension"
      },
      "s1": {
        "$value": "24px",
        "$type": "dimension"
      },
      "s2": {
        "$value": "32px",
        "$type": "dimension"
      },
      "s3": {
        "$value": "36px",
        "$type": "dimension"
      },
      "s4": {
        "$value": "40px",
        "$type": "dimension"
      },
      "s5": {
        "$value": "44px",
        "$type": "dimension"
      },
      "s6": {
        "$value": "48px",
        "$type": "dimension"
      },
      "s7": {
        "$value": "85px",
        "$type": "dimension"
      },
      "s8": {
        "$value": "90px",
        "$type": "dimension"
      },
      "s9": {
        "$value": "96px",
        "$type": "dimension"
      },
      "s10": {
        "$value": "135px",
        "$type": "dimension"
      },
      "s11": {
        "$value": "144px",
        "$type": "dimension"
      },
      "s12": {
        "$value": "161px",
        "$type": "dimension"
      }
    },
    "radius": {
      "r0": {
        "$value": "2px",
        "$type": "dimension"
      },
      "r1": {
        "$value": "5px",
        "$type": "dimension"
      },
      "r2": {
        "$value": "8px",
        "$type": "dimension"
      },
      "r3": {
        "$value": "16px",
        "$type": "dimension"
      },
      "r4": {
        "$value": "32px",
        "$type": "dimension"
      },
      "r5": {
        "$value": "50px",
        "$type": "dimension"
      },
      "r6": {
        "$value": "64px",
        "$type": "dimension"
      },
      "r7": {
        "$value": "99px",
        "$type": "dimension"
      },
      "r8": {
        "$value": "9999px",
        "$type": "dimension"
      }
    },
    "shadow": {
      "sh0": {
        "$value": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(255, 255, 255) 0px 0px 0px 2px, rgb(0, 114, 245) 0px 0px 0px 4px",
        "$type": "shadow"
      },
      "sh1": {
        "$value": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(235, 235, 235) 0px 0px 0px 1px",
        "$type": "shadow"
      },
      "sh2": {
        "$value": "rgb(235, 235, 235) 0px 0px 0px 1px",
        "$type": "shadow"
      },
      "sh3": {
        "$value": "rgba(0, 0, 0, 0.08) 0px 0px 0px 1px",
        "$type": "shadow"
      },
      "sh4": {
        "$value": "rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 2px 2px 0px, rgb(250, 250, 250) 0px 0px 0px 1px",
        "$type": "shadow"
      },
      "sh5": {
        "$value": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 2px 2px 0px, rgb(250, 250, 250) 0px 0px 0px 1px",
        "$type": "shadow"
      },
      "sh6": {
        "$value": "rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgb(250, 250, 250) 0px 0px 0px 1px",
        "$type": "shadow"
      },
      "sh7": {
        "$value": "rgb(235, 235, 235) 0px 0px 0px 1px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px",
        "$type": "shadow"
      },
      "sh8": {
        "$value": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.02) 0px 1px 1px 0px, rgba(0, 0, 0, 0.04) 0px 4px 8px 0px, rgb(250, 250, 250) 0px 0px 0px 1px, rgb(255, 255, 255) 0px 0px 0px 1px",
        "$type": "shadow"
      },
      "sh9": {
        "$value": "rgb(234, 234, 234) 0px -1px 0px 0px inset",
        "$type": "shadow"
      },
      "sh10": {
        "$value": "rgba(0, 0, 0, 0.04) 0px 1px 2px 0px",
        "$type": "shadow"
      },
      "sh11": {
        "$value": "rgba(0, 0, 0, 0.04) 0px 2px 2px 0px",
        "$type": "shadow"
      }
    },
    "fontFamily": {
      "f0": {
        "$value": "Geist",
        "$type": "fontFamily"
      },
      "f1": {
        "$value": "Geist Mono",
        "$type": "fontFamily"
      }
    }
  },
  "semantic": {
    "color": {
      "action": {
        "primary": {
          "$value": "{primitive.color.brand.primary}",
          "$type": "color"
        },
        "secondary": {
          "$value": "{primitive.color.brand.secondary}",
          "$type": "color"
        }
      },
      "surface": {
        "default": {
          "$value": "{primitive.color.background.bg0}",
          "$type": "color"
        }
      },
      "text": {
        "body": {
          "$value": "{primitive.color.text.text0}",
          "$type": "color"
        }
      }
    },
    "typography": {
      "body": {
        "$value": {
          "fontFamily": "Geist",
          "fontSize": "48px",
          "fontWeight": "600",
          "lineHeight": "48px"
        },
        "$type": "typography"
      }
    },
    "radius": {
      "control": {
        "$value": "{primitive.radius.r0}",
        "$type": "dimension"
      }
    },
    "shadow": {
      "elevated": {
        "$value": "{primitive.shadow.sh0}",
        "$type": "shadow"
      }
    }
  }
}