{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "color": {
    "reach-purple": { "$value": "#6C5CFF", "$type": "color", "$description": "Primary — knot on light, CTAs, links, one emphasis per view" },
    "reach-lilac": { "$value": "#8F80FF", "$type": "color", "$description": "The knot and links on dark surfaces" },
    "reach-ink": { "$value": "#0D1133", "$type": "color", "$description": "Hero and nav surface, wordmark on light, primary text" },
    "reach-white": { "$value": "#FFFFFF", "$type": "color" },
    "reach-blue": { "$value": "#4A90E2", "$type": "color", "$description": "Transit color of the thread; data viz" },
    "reach-teal": { "$value": "#00B894", "$type": "color", "$description": "The reached dot; confirmations, done, success" },
    "reach-paper": { "$value": "#F8F8FC", "$type": "color", "$description": "Page background, alternating sections" },
    "reach-soft-gray": { "$value": "#F5F5F7", "$type": "color", "$description": "Cards on paper, inputs, chat bubbles" },
    "reach-line": { "$value": "#E5E4F2", "$type": "color", "$description": "Hairline borders" },
    "reach-muted": { "$value": "#505570", "$type": "color", "$description": "Secondary text on light" },
    "reach-muted-dark": { "$value": "#B9B8D0", "$type": "color", "$description": "Secondary text on Ink" },
    "reach-purple-tint": { "$value": "#ECEAFB", "$type": "color", "$description": "Chips, selection, quiet emphasis" },
    "reach-purple-hover": { "$value": "#5B4CE6", "$type": "color" },
    "reach-purple-active": { "$value": "#5140C8", "$type": "color" },
    "reach-lavender": { "$value": "#C9B8FF", "$type": "color", "$description": "Labels and quotes on very dark surfaces" },
    "reach-surface-dark": { "$value": "#17171A", "$type": "color", "$description": "Dashboard and Punch surfaces" },
    "reach-surface-dark-2": { "$value": "#26262B", "$type": "color" },
    "reach-line-dark": { "$value": "#3A3A40", "$type": "color" }
  },
  "gradient": {
    "reach-thread": {
      "$type": "gradient",
      "$description": "Purple → Blue → Teal. Only where the thread literally appears: the headline underline, the thread divider, the social card.",
      "$value": [
        { "color": "#6C5CFF", "position": 0 },
        { "color": "#4A90E2", "position": 0.6 },
        { "color": "#00B894", "position": 1 }
      ]
    }
  }
}