Edit Threads tokens

{
  "color": {
    "primary": {
      "$value": "#0866FF",
      "$type": "color",
      "$description": "Primary brand color for actions, links, and key UI elements"
    },
    "primary-hover": {
      "$value": "#0552CC",
      "$type": "color",
      "$description": "Hover state for primary color"
    },
    "black": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Primary text color and black button backgrounds"
    },
    "white": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Surface color for modals, cards, and light backgrounds"
    },
    "gray": {
      "50": {
        "$value": "#F5F5F5",
        "$type": "color",
        "$description": "Input backgrounds, subtle surfaces"
      },
      "200": {
        "$value": "#E5E5E5",
        "$type": "color",
        "$description": "Dividers and subtle borders"
      },
      "300": {
        "$value": "#DBDBDB",
        "$type": "color",
        "$description": "Input borders, default borders"
      },
      "500": {
        "$value": "#999999",
        "$type": "color",
        "$description": "Secondary text, placeholder text"
      },
      "600": {
        "$value": "#737373",
        "$type": "color",
        "$description": "Tertiary text, metadata"
      },
      "700": {
        "$value": "#5F5F5F",
        "$type": "color",
        "$description": "Dark background surfaces"
      },
      "800": {
        "$value": "#6B6B6B",
        "$type": "color",
        "$description": "Darker background overlays"
      }
    },
    "instagram": {
      "start": {
        "$value": "#FD5949",
        "$type": "color",
        "$description": "Instagram gradient start color"
      },
      "mid": {
        "$value": "#D6249F",
        "$type": "color",
        "$description": "Instagram gradient middle color"
      },
      "end": {
        "$value": "#285AEB",
        "$type": "color",
        "$description": "Instagram gradient end color"
      }
    },
    "overlay": {
      "$value": "rgba(0, 0, 0, 0.6)",
      "$type": "color",
      "$description": "Modal backdrop overlay"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
        "$type": "fontFamily",
        "$description": "System font stack for all text"
      }
    },
    "size": {
      "xs": {
        "$value": "13px",
        "$type": "dimension",
        "$description": "Caption text, fine print"
      },
      "sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small body text, metadata"
      },
      "base": {
        "$value": "15px",
        "$type": "dimension",
        "$description": "Default body text, button labels"
      },
      "lg": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Large body text"
      },
      "xl": {
        "$value": "20px",
        "$type": "dimension",
        "$description": "Medium headings"
      },
      "2xl": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Large headings"
      },
      "3xl": {
        "$value": "32px",
        "$type": "dimension",
        "$description": "Extra large headings, modal titles"
      }
    },
    "weight": {
      "normal": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Regular text weight"
      },
      "semibold": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Semi-bold for buttons and emphasis"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Bold for headings"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.125",
        "$type": "number",
        "$description": "Tight line height for headings"
      },
      "snug": {
        "$value": "1.25",
        "$type": "number",
        "$description": "Snug line height"
      },
      "normal": {
        "$value": "1.5",
        "$type": "number",
        "$description": "Normal line height for body text"
      }
    }
  },
  "spacing": {
    "xs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Extra small spacing"
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small spacing"
    },
    "md": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Medium spacing, default gap"
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Large spacing, card padding"
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Extra large spacing, modal padding"
    },
    "2xl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "2X large spacing, section gaps"
    },
    "3xl": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "3X large spacing, major sections"
    }
  },
  "radius": {
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small border radius for buttons and inputs"
    },
    "md": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Medium border radius"
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Large border radius for modals"
    },
    "xl": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Extra large border radius"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Fully rounded for avatars and pills"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Subtle shadow"
    },
    "md": {
      "$value": "0 4px 12px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Medium shadow for cards"
    },
    "lg": {
      "$value": "0 8px 24px rgba(0, 0, 0, 0.15)",
      "$type": "shadow",
      "$description": "Large shadow for modals"
    },
    "xl": {
      "$value": "0 16px 48px rgba(0, 0, 0, 0.2)",
      "$type": "shadow",
      "$description": "Extra large shadow for high elevation"
    }
  },
  "border": {
    "width": {
      "default": {
        "$value": "1px",
        "$type": "dimension",
        "$description": "Default border width"
      }
    },
    "color": {
      "default": {
        "$value": "#DBDBDB",
        "$type": "color",
        "$description": "Default border color"
      },
      "subtle": {
        "$value": "#E5E5E5",
        "$type": "color",
        "$description": "Subtle border color"
      },
      "strong": {
        "$value": "#999999",
        "$type": "color",
        "$description": "Strong border color"
      }
    }
  }
}