Edit Bluesky tokens

{
  "color": {
    "blue": {
      "primary": {
        "$type": "color",
        "$value": "#0085FF",
        "$description": "Primary brand color for CTAs, links, and active states"
      },
      "light": {
        "$type": "color",
        "$value": "#D0E7F5",
        "$description": "Light blue for backgrounds and modal overlays"
      },
      "gradient": {
        "start": {
          "$type": "color",
          "$value": "#0085FF",
          "$description": "Gradient background starting color"
        },
        "end": {
          "$type": "color",
          "$value": "#58B5F9",
          "$description": "Gradient background ending color"
        }
      }
    },
    "gray": {
      "50": {
        "$type": "color",
        "$value": "#F9FAFB",
        "$description": "Lightest gray for subtle backgrounds"
      },
      "100": {
        "$type": "color",
        "$value": "#F3F4F6",
        "$description": "Skeleton loaders and disabled states"
      },
      "200": {
        "$type": "color",
        "$value": "#E5E7EB",
        "$description": "Borders and dividers"
      },
      "300": {
        "$type": "color",
        "$value": "#D1D5DB",
        "$description": "Inactive elements"
      },
      "400": {
        "$type": "color",
        "$value": "#9CA3AF",
        "$description": "Placeholder text"
      },
      "500": {
        "$type": "color",
        "$value": "#6B7280",
        "$description": "Secondary text and icons"
      },
      "600": {
        "$type": "color",
        "$value": "#4B5563",
        "$description": "Body text on light backgrounds"
      },
      "700": {
        "$type": "color",
        "$value": "#374151",
        "$description": "Headings and emphasized text"
      },
      "900": {
        "$type": "color",
        "$value": "#111827",
        "$description": "Primary dark text and headings"
      }
    },
    "white": {
      "$type": "color",
      "$value": "#FFFFFF",
      "$description": "White for text on blue and card backgrounds"
    },
    "black": {
      "$type": "color",
      "$value": "#000000",
      "$description": "High contrast text"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$type": "fontFamily",
        "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        "$description": "Primary font stack using system fonts"
      }
    },
    "size": {
      "xs": {
        "$type": "dimension",
        "$value": "12px",
        "$description": "Metadata and timestamps"
      },
      "sm": {
        "$type": "dimension",
        "$value": "13px",
        "$description": "Captions and small labels"
      },
      "base": {
        "$type": "dimension",
        "$value": "15px",
        "$description": "Body text and post content"
      },
      "lg": {
        "$type": "dimension",
        "$value": "16px",
        "$description": "Large body and input text"
      },
      "xl": {
        "$type": "dimension",
        "$value": "18px",
        "$description": "Subheadings"
      },
      "2xl": {
        "$type": "dimension",
        "$value": "24px",
        "$description": "Card headings"
      },
      "3xl": {
        "$type": "dimension",
        "$value": "30px",
        "$description": "Section titles"
      },
      "4xl": {
        "$type": "dimension",
        "$value": "36px",
        "$description": "Page headings"
      },
      "5xl": {
        "$type": "dimension",
        "$value": "48px",
        "$description": "Hero headings"
      },
      "6xl": {
        "$type": "dimension",
        "$value": "60px",
        "$description": "Large hero text"
      },
      "7xl": {
        "$type": "dimension",
        "$value": "72px",
        "$description": "Marketing headlines"
      }
    },
    "weight": {
      "normal": {
        "$type": "fontWeight",
        "$value": "400",
        "$description": "Regular text weight"
      },
      "medium": {
        "$type": "fontWeight",
        "$value": "500",
        "$description": "Medium emphasis"
      },
      "semibold": {
        "$type": "fontWeight",
        "$value": "600",
        "$description": "Semibold for headings"
      },
      "bold": {
        "$type": "fontWeight",
        "$value": "700",
        "$description": "Bold for emphasis and large headings"
      }
    },
    "lineHeight": {
      "tight": {
        "$type": "number",
        "$value": "1.2",
        "$description": "Tight line height for large headings"
      },
      "normal": {
        "$type": "number",
        "$value": "1.5",
        "$description": "Normal line height for body text"
      },
      "relaxed": {
        "$type": "number",
        "$value": "1.7",
        "$description": "Relaxed line height for readability"
      }
    }
  },
  "spacing": {
    "1": {
      "$type": "dimension",
      "$value": "4px",
      "$description": "Tight spacing for icon gaps"
    },
    "2": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Small gaps in compact layouts"
    },
    "3": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Button vertical padding"
    },
    "4": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "Default gap and card padding"
    },
    "5": {
      "$type": "dimension",
      "$value": "20px",
      "$description": "Medium spacing"
    },
    "6": {
      "$type": "dimension",
      "$value": "24px",
      "$description": "Button horizontal padding and card padding"
    },
    "8": {
      "$type": "dimension",
      "$value": "32px",
      "$description": "Section spacing"
    },
    "10": {
      "$type": "dimension",
      "$value": "40px",
      "$description": "Large section gaps"
    },
    "12": {
      "$type": "dimension",
      "$value": "48px",
      "$description": "Major section spacing"
    },
    "16": {
      "$type": "dimension",
      "$value": "64px",
      "$description": "Hero spacing"
    },
    "20": {
      "$type": "dimension",
      "$value": "80px",
      "$description": "Extra large spacing"
    }
  },
  "radius": {
    "sm": {
      "$type": "dimension",
      "$value": "4px",
      "$description": "Small elements and badges"
    },
    "md": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Input fields"
    },
    "lg": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Small cards"
    },
    "xl": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "Cards and containers"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "24px",
      "$description": "Large cards, modals, and buttons"
    },
    "full": {
      "$type": "dimension",
      "$value": "9999px",
      "$description": "Pills, avatars, and circular elements"
    }
  },
  "shadow": {
    "sm": {
      "$type": "shadow",
      "$value": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
      "$description": "Subtle elevation"
    },
    "md": {
      "$type": "shadow",
      "$value": "0 4px 6px -1px rgb(0 0 0 / 0.1)",
      "$description": "Cards and dropdowns"
    },
    "lg": {
      "$type": "shadow",
      "$value": "0 10px 15px -3px rgb(0 0 0 / 0.1)",
      "$description": "Modals and popovers"
    },
    "xl": {
      "$type": "shadow",
      "$value": "0 20px 25px -5px rgb(0 0 0 / 0.1)",
      "$description": "Large modals"
    }
  },
  "border": {
    "width": {
      "default": {
        "$type": "dimension",
        "$value": "1px",
        "$description": "Default border width"
      },
      "2": {
        "$type": "dimension",
        "$value": "2px",
        "$description": "Medium border width"
      },
      "3": {
        "$type": "dimension",
        "$value": "3px",
        "$description": "Thick borders for active states"
      }
    },
    "color": {
      "default": {
        "$type": "color",
        "$value": "#E5E7EB",
        "$description": "Default border color"
      },
      "hover": {
        "$type": "color",
        "$value": "#D1D5DB",
        "$description": "Border color on hover"
      }
    }
  }
}