Edit Strava tokens

{
  "color": {
    "primary": {
      "$value": "#FC4C02",
      "$type": "color",
      "$description": "Primary brand orange for buttons, logo, and key accents"
    },
    "primary-hover": {
      "$value": "#E34402",
      "$type": "color",
      "$description": "Hover state for primary orange"
    },
    "secondary": {
      "$value": "#5B21B6",
      "$type": "color",
      "$description": "Secondary purple for illustrations and decorative elements"
    },
    "accent-beige": {
      "$value": "#E5DCC3",
      "$type": "color",
      "$description": "Beige accent for secondary illustration elements"
    },
    "background": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Primary page background"
    },
    "background-dark": {
      "$value": "#0F0F0F",
      "$type": "color",
      "$description": "Dark background for subscription and dark mode"
    },
    "background-gray": {
      "$value": "#F7F7F7",
      "$type": "color",
      "$description": "Subtle gray background variation"
    },
    "surface": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Card and modal surfaces"
    },
    "overlay": {
      "$value": "rgba(0, 0, 0, 0.6)",
      "$type": "color",
      "$description": "Modal backdrop overlay"
    },
    "text-primary": {
      "$value": "#242428",
      "$type": "color",
      "$description": "Primary text and headings"
    },
    "text-secondary": {
      "$value": "#6B6B6B",
      "$type": "color",
      "$description": "Secondary body text and descriptions"
    },
    "text-inverse": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Text on dark backgrounds"
    },
    "link": {
      "$value": "#0073E6",
      "$type": "color",
      "$description": "Hyperlink color"
    },
    "link-hover": {
      "$value": "#005BB5",
      "$type": "color",
      "$description": "Hyperlink hover state"
    },
    "border": {
      "$value": "#E5E5E5",
      "$type": "color",
      "$description": "Standard border and divider color"
    },
    "border-dark": {
      "$value": "#D4D4D4",
      "$type": "color",
      "$description": "Emphasized border color"
    },
    "gradient-start": {
      "$value": "#DC2626",
      "$type": "color",
      "$description": "Subscription page gradient start color"
    },
    "gradient-end": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Subscription page gradient end color"
    }
  },
  "font": {
    "family-sans": {
      "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
      "$type": "fontFamily",
      "$description": "Primary sans-serif font stack"
    },
    "size-xs": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Extra small text size"
    },
    "size-sm": {
      "$value": "14px",
      "$type": "dimension",
      "$description": "Small text size"
    },
    "size-base": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Base body text size"
    },
    "size-lg": {
      "$value": "18px",
      "$type": "dimension",
      "$description": "Large body text"
    },
    "size-xl": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Subheading size"
    },
    "size-2xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Section heading size"
    },
    "size-3xl": {
      "$value": "30px",
      "$type": "dimension",
      "$description": "Card heading size"
    },
    "size-4xl": {
      "$value": "36px",
      "$type": "dimension",
      "$description": "Page title size"
    },
    "size-5xl": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Hero heading size"
    },
    "size-6xl": {
      "$value": "60px",
      "$type": "dimension",
      "$description": "Large hero text"
    },
    "weight-normal": {
      "$value": "400",
      "$type": "fontWeight",
      "$description": "Regular font weight"
    },
    "weight-medium": {
      "$value": "500",
      "$type": "fontWeight",
      "$description": "Medium font weight"
    },
    "weight-semibold": {
      "$value": "600",
      "$type": "fontWeight",
      "$description": "Semibold font weight"
    },
    "weight-bold": {
      "$value": "700",
      "$type": "fontWeight",
      "$description": "Bold font weight"
    },
    "weight-heavy": {
      "$value": "800",
      "$type": "fontWeight",
      "$description": "Heavy font weight"
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Minimum spacing unit"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Extra small spacing"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Small spacing"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Base spacing"
    },
    "5": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Medium-small spacing"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Medium spacing"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Large spacing"
    },
    "10": {
      "$value": "40px",
      "$type": "dimension",
      "$description": "Extra large spacing"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "2X large spacing"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "3X large spacing"
    },
    "20": {
      "$value": "80px",
      "$type": "dimension",
      "$description": "4X large spacing"
    },
    "24": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "5X large spacing"
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Small border radius for tags"
    },
    "md": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Medium border radius for buttons"
    },
    "lg": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Large border radius for cards"
    },
    "xl": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Extra large radius for modals"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Fully rounded for pills and circles"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Small subtle shadow"
    },
    "md": {
      "$value": "0 4px 6px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Medium shadow for cards"
    },
    "lg": {
      "$value": "0 10px 15px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Large shadow for elevated elements"
    },
    "xl": {
      "$value": "0 20px 25px rgba(0, 0, 0, 0.15)",
      "$type": "shadow",
      "$description": "Extra large shadow for modals"
    }
  },
  "border": {
    "width": {
      "$value": "1px",
      "$type": "dimension",
      "$description": "Standard border width"
    },
    "width-thick": {
      "$value": "2px",
      "$type": "dimension",
      "$description": "Thick border width"
    }
  }
}