Edit Tesla tokens

{
  "color": {
    "background": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Primary page background"
    },
    "text": {
      "primary": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Primary text color for headings and body"
      },
      "secondary": {
        "$value": "#393c41",
        "$type": "color",
        "$description": "Secondary text color"
      },
      "muted": {
        "$value": "#5c5e62",
        "$type": "color",
        "$description": "Muted text for captions and footnotes"
      }
    },
    "accent": {
      "red": {
        "$value": "#cc0000",
        "$type": "color",
        "$description": "Tesla brand red for CTAs and accents"
      },
      "blue": {
        "$value": "#3457D5",
        "$type": "color",
        "$description": "Blue for links and interactive elements"
      }
    },
    "border": {
      "$value": "#e2e2e2",
      "$type": "color",
      "$description": "Border and divider color"
    },
    "surface": {
      "$value": "#f4f4f4",
      "$type": "color",
      "$description": "Card and section background"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif",
        "$type": "fontFamily",
        "$description": "Primary sans-serif font stack"
      },
      "mono": {
        "$value": "\"SF Mono\", Monaco, \"Cascadia Code\", \"Roboto Mono\", Consolas, \"Courier New\", monospace",
        "$type": "fontFamily",
        "$description": "Monospace font stack for code"
      }
    },
    "size": {
      "xs": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Extra small text"
      },
      "sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text"
      },
      "base": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Base body text"
      },
      "lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text"
      },
      "xl": {
        "$value": "20px",
        "$type": "dimension",
        "$description": "Extra large / subheadings"
      },
      "2xl": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Section titles"
      },
      "3xl": {
        "$value": "30px",
        "$type": "dimension",
        "$description": "Page titles"
      },
      "4xl": {
        "$value": "36px",
        "$type": "dimension",
        "$description": "Large headings"
      },
      "5xl": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Hero headings"
      }
    },
    "lineHeight": {
      "xs": {
        "$value": "16px",
        "$type": "dimension"
      },
      "sm": {
        "$value": "20px",
        "$type": "dimension"
      },
      "base": {
        "$value": "24px",
        "$type": "dimension"
      },
      "lg": {
        "$value": "28px",
        "$type": "dimension"
      },
      "xl": {
        "$value": "28px",
        "$type": "dimension"
      },
      "2xl": {
        "$value": "32px",
        "$type": "dimension"
      },
      "3xl": {
        "$value": "36px",
        "$type": "dimension"
      },
      "4xl": {
        "$value": "40px",
        "$type": "dimension"
      },
      "5xl": {
        "$value": "1",
        "$type": "number"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension"
    },
    "5": {
      "$value": "20px",
      "$type": "dimension"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension"
    },
    "10": {
      "$value": "40px",
      "$type": "dimension"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension"
    },
    "20": {
      "$value": "80px",
      "$type": "dimension"
    },
    "24": {
      "$value": "96px",
      "$type": "dimension"
    }
  },
  "radius": {
    "none": {
      "$value": "0px",
      "$type": "dimension"
    },
    "sm": {
      "$value": "2px",
      "$type": "dimension"
    },
    "base": {
      "$value": "4px",
      "$type": "dimension"
    },
    "md": {
      "$value": "6px",
      "$type": "dimension"
    },
    "lg": {
      "$value": "8px",
      "$type": "dimension"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
      "$type": "shadow"
    },
    "base": {
      "$value": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
      "$type": "shadow"
    },
    "md": {
      "$value": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
      "$type": "shadow"
    },
    "lg": {
      "$value": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow"
    }
  },
  "border": {
    "width": {
      "base": {
        "$value": "1px",
        "$type": "dimension"
      },
      "thick": {
        "$value": "2px",
        "$type": "dimension"
      }
    }
  }
}