Edit Slack tokens

{
  "color": {
    "aubergine": {
      "$value": "#611F69",
      "$type": "color",
      "$description": "Primary brand color for Slack, used in buttons, sidebars, and key UI elements"
    },
    "aubergine-light": {
      "$value": "#7C3085",
      "$type": "color",
      "$description": "Lighter variant of aubergine for hover states and active channels"
    },
    "aubergine-dark": {
      "$value": "#4A154B",
      "$type": "color",
      "$description": "Darker variant of aubergine for pressed states"
    },
    "black": {
      "$value": "#1D1C1D",
      "$type": "color",
      "$description": "Primary text color for headings and body copy"
    },
    "white": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Background color for pages and cards"
    },
    "gray-50": {
      "$value": "#F8F8F8",
      "$type": "color",
      "$description": "Subtle background for sections and containers"
    },
    "gray-200": {
      "$value": "#E8E8E8",
      "$type": "color",
      "$description": "Borders and dividers"
    },
    "gray-500": {
      "$value": "#616061",
      "$type": "color",
      "$description": "Secondary text and muted elements"
    },
    "blue": {
      "$value": "#1264A3",
      "$type": "color",
      "$description": "Links and interactive elements"
    },
    "cyan": {
      "$value": "#36C5F0",
      "$type": "color",
      "$description": "Slack logo accent, notification badges"
    },
    "green": {
      "$value": "#2EB67D",
      "$type": "color",
      "$description": "Success states, positive indicators"
    },
    "red": {
      "$value": "#E01E5A",
      "$type": "color",
      "$description": "Error states, alerts, mentions"
    },
    "yellow": {
      "$value": "#ECB22E",
      "$type": "color",
      "$description": "Warning states, caution indicators"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "Lato, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
        "$type": "fontFamily",
        "$description": "Primary font stack for all text"
      },
      "mono": {
        "$value": "Monaco, Menlo, Consolas, \"Courier New\", monospace",
        "$type": "fontFamily",
        "$description": "Monospace font for code and technical content"
      }
    },
    "size": {
      "xs": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Labels, metadata, tiny text"
      },
      "sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small body text, captions"
      },
      "base": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Default body text size"
      },
      "lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text, subheadings"
      },
      "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 headlines"
      }
    },
    "weight": {
      "normal": {
        "$value": "400",
        "$type": "number",
        "$description": "Regular body text"
      },
      "medium": {
        "$value": "500",
        "$type": "number",
        "$description": "Emphasized text"
      },
      "semibold": {
        "$value": "600",
        "$type": "number",
        "$description": "Subheadings, buttons"
      },
      "bold": {
        "$value": "700",
        "$type": "number",
        "$description": "Headings, strong emphasis"
      },
      "black": {
        "$value": "900",
        "$type": "number",
        "$description": "Extra heavy emphasis"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Headlines and display text"
      },
      "snug": {
        "$value": "1.2",
        "$type": "number",
        "$description": "Large headings"
      },
      "normal": {
        "$value": "1.5",
        "$type": "number",
        "$description": "Body text and paragraphs"
      },
      "relaxed": {
        "$value": "1.6",
        "$type": "number",
        "$description": "Long-form content"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Tight spacing for icons and inline elements"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small gaps between related elements"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Medium-small spacing"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Base spacing unit, default padding"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Medium-large gaps"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Large gaps between components"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Section spacing"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Major section spacing"
    },
    "24": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "Page-level vertical rhythm"
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Small elements like badges"
    },
    "md": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Buttons and inputs"
    },
    "lg": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Cards and containers"
    },
    "xl": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Large cards and modals"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Circular elements and pills"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Subtle elevation for cards"
    },
    "md": {
      "$value": "0 4px 8px rgba(0, 0, 0, 0.08)",
      "$type": "shadow",
      "$description": "Standard card elevation"
    },
    "lg": {
      "$value": "0 8px 16px rgba(0, 0, 0, 0.12)",
      "$type": "shadow",
      "$description": "Elevated modals and popovers"
    },
    "xl": {
      "$value": "0 16px 32px rgba(0, 0, 0, 0.16)",
      "$type": "shadow",
      "$description": "Highest elevation overlays"
    }
  },
  "border": {
    "width": {
      "$value": "1px",
      "$type": "dimension",
      "$description": "Default border thickness"
    },
    "width-2": {
      "$value": "2px",
      "$type": "dimension",
      "$description": "Emphasized borders and focus rings"
    },
    "color": {
      "$value": "#E8E8E8",
      "$type": "color",
      "$description": "Default border color"
    }
  }
}