Edit Patreon tokens

{
  "color": {
    "primary": {
      "$value": "#0052FF",
      "$type": "color",
      "$description": "Primary brand color, used for CTAs and links"
    },
    "primary-dark": {
      "$value": "#0041CC",
      "$type": "color",
      "$description": "Darker variant for hover states"
    },
    "purple": {
      "deep": {
        "$value": "#2E1A47",
        "$type": "color",
        "$description": "Deep purple for hero gradients and dark backgrounds"
      },
      "medium": {
        "$value": "#6B2FB5",
        "$type": "color",
        "$description": "Medium purple for gradient accents"
      }
    },
    "blue": {
      "bright": {
        "$value": "#4D7FFF",
        "$type": "color",
        "$description": "Bright blue for interactive elements"
      }
    },
    "neutral": {
      "white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Pure white for backgrounds and text on dark"
      },
      "black": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Pure black for text and dark buttons"
      },
      "gray-950": {
        "$value": "#1A1A1A",
        "$type": "color",
        "$description": "Near black for secondary text"
      },
      "gray-600": {
        "$value": "#6C6C6C",
        "$type": "color",
        "$description": "Medium gray for tertiary text"
      },
      "gray-300": {
        "$value": "#E6E6E6",
        "$type": "color",
        "$description": "Light gray for borders and dividers"
      },
      "gray-50": {
        "$value": "#F7F7F7",
        "$type": "color",
        "$description": "Very light gray for subtle backgrounds"
      }
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary sans-serif font stack"
      }
    },
    "size": {
      "xs": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Extra small text, captions"
      },
      "sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text, secondary content"
      },
      "base": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Base body text size"
      },
      "lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text"
      },
      "xl": {
        "$value": "20px",
        "$type": "dimension",
        "$description": "Extra large text"
      },
      "2xl": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Heading 3"
      },
      "3xl": {
        "$value": "28px",
        "$type": "dimension",
        "$description": "Heading 2"
      },
      "4xl": {
        "$value": "36px",
        "$type": "dimension",
        "$description": "Heading 1"
      },
      "5xl": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Display medium"
      },
      "6xl": {
        "$value": "56px",
        "$type": "dimension",
        "$description": "Display large"
      },
      "7xl": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Display extra large, hero text"
      }
    },
    "weight": {
      "normal": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Regular text weight"
      },
      "medium": {
        "$value": "500",
        "$type": "fontWeight",
        "$description": "Medium emphasis"
      },
      "semibold": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Semibold for headings and buttons"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Bold for strong emphasis"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Tight line height for large display text"
      },
      "snug": {
        "$value": "1.25",
        "$type": "number",
        "$description": "Snug line height for headings"
      },
      "normal": {
        "$value": "1.5",
        "$type": "number",
        "$description": "Normal line height for body text"
      },
      "relaxed": {
        "$value": "1.6",
        "$type": "number",
        "$description": "Relaxed line height for comfortable reading"
      }
    }
  },
  "spacing": {
    "xs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Extra small spacing"
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small spacing, base unit"
    },
    "md": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Medium spacing"
    },
    "lg": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Large spacing"
    },
    "xl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Extra large spacing"
    },
    "2xl": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "2x extra large spacing"
    },
    "3xl": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "3x extra large spacing"
    },
    "4xl": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "4x extra large spacing"
    },
    "5xl": {
      "$value": "128px",
      "$type": "dimension",
      "$description": "5x extra large spacing"
    }
  },
  "radius": {
    "sm": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Small border radius"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Medium border radius, standard cards"
    },
    "lg": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Large border radius"
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Extra large border radius for buttons"
    },
    "pill": {
      "$value": "999px",
      "$type": "dimension",
      "$description": "Pill shape for buttons and inputs"
    },
    "circle": {
      "$value": "50%",
      "$type": "dimension",
      "$description": "Circular shape for avatars"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Small subtle shadow"
    },
    "md": {
      "$value": "0 2px 8px rgba(0, 0, 0, 0.08)",
      "$type": "shadow",
      "$description": "Medium shadow for cards"
    },
    "lg": {
      "$value": "0 4px 16px rgba(0, 0, 0, 0.12)",
      "$type": "shadow",
      "$description": "Large shadow for elevated elements"
    },
    "xl": {
      "$value": "0 8px 24px rgba(0, 0, 0, 0.15)",
      "$type": "shadow",
      "$description": "Extra large shadow for modals"
    }
  },
  "border": {
    "width": {
      "default": {
        "$value": "1px",
        "$type": "dimension",
        "$description": "Standard border width"
      },
      "thick": {
        "$value": "2px",
        "$type": "dimension",
        "$description": "Thick border for emphasis"
      }
    }
  }
}