Edit Vercel tokens

{
  "color": {
    "black": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Primary text, buttons, high contrast elements"
    },
    "white": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Backgrounds, button text on dark backgrounds"
    },
    "gray": {
      "50": {
        "$value": "#FAFAFA",
        "$type": "color",
        "$description": "Subtle background tint"
      },
      "100": {
        "$value": "#F5F5F5",
        "$type": "color",
        "$description": "Hover backgrounds, alternate rows"
      },
      "200": {
        "$value": "#E5E5E5",
        "$type": "color",
        "$description": "Borders, dividers"
      },
      "300": {
        "$value": "#D4D4D4",
        "$type": "color",
        "$description": "Hover borders, disabled elements"
      },
      "400": {
        "$value": "#A3A3A3",
        "$type": "color",
        "$description": "Placeholder text, muted text"
      },
      "600": {
        "$value": "#525252",
        "$type": "color",
        "$description": "Secondary text, labels"
      },
      "700": {
        "$value": "#404040",
        "$type": "color",
        "$description": "Body text"
      },
      "900": {
        "$value": "#171717",
        "$type": "color",
        "$description": "Headings, primary text"
      }
    },
    "blue": {
      "$value": "#0070F3",
      "$type": "color",
      "$description": "Links, focus rings, interactive elements"
    },
    "blue-hover": {
      "$value": "#0761D1",
      "$type": "color",
      "$description": "Link hover state"
    },
    "success": {
      "$value": "#22C55E",
      "$type": "color",
      "$description": "Success states, positive actions"
    },
    "warning": {
      "$value": "#F59E0B",
      "$type": "color",
      "$description": "Warning states, caution indicators"
    },
    "error": {
      "$value": "#EF4444",
      "$type": "color",
      "$description": "Error states, destructive actions"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "\"Geist Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary font family for UI and content"
      },
      "mono": {
        "$value": "\"Geist Mono\", Menlo, Monaco, \"Courier New\", monospace",
        "$type": "fontFamily",
        "$description": "Monospace font for code"
      }
    },
    "size": {
      "xs": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Captions, metadata"
      },
      "sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text, labels"
      },
      "base": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Body text, default size"
      },
      "lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text"
      },
      "xl": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "H3 headings"
      },
      "2xl": {
        "$value": "36px",
        "$type": "dimension",
        "$description": "H2 headings"
      },
      "3xl": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "H1 headings"
      },
      "4xl": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Hero headings"
      }
    },
    "weight": {
      "normal": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Regular text"
      },
      "medium": {
        "$value": "500",
        "$type": "fontWeight",
        "$description": "Buttons, emphasized text"
      },
      "semibold": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Subheadings, table headers"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Headings, strong emphasis"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Hero text"
      },
      "snug": {
        "$value": "1.2",
        "$type": "number",
        "$description": "Large headings"
      },
      "normal": {
        "$value": "1.5",
        "$type": "number",
        "$description": "Body text"
      },
      "relaxed": {
        "$value": "1.6",
        "$type": "number",
        "$description": "Long-form content"
      }
    }
  },
  "spacing": {
    "xs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Tight spacing, icon gaps"
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Compact spacing"
    },
    "md": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Standard element spacing"
    },
    "lg": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Section padding, comfortable spacing"
    },
    "xl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Card padding, major sections"
    },
    "2xl": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Large section gaps"
    },
    "3xl": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Hero section padding"
    },
    "4xl": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "Page section spacing"
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Badges, small elements"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Buttons, inputs, standard corners"
    },
    "lg": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Cards, containers"
    },
    "xl": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Large cards, modals"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Pills, circular elements"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Subtle elevation"
    },
    "md": {
      "$value": "0 2px 8px rgba(0, 0, 0, 0.08)",
      "$type": "shadow",
      "$description": "Cards, dropdowns"
    },
    "lg": {
      "$value": "0 4px 16px rgba(0, 0, 0, 0.12)",
      "$type": "shadow",
      "$description": "Modals, popovers"
    },
    "xl": {
      "$value": "0 8px 32px rgba(0, 0, 0, 0.16)",
      "$type": "shadow",
      "$description": "Large modals, overlays"
    }
  }
}