Edit Spotify tokens

{
  "color": {
    "spotify": {
      "green": {
        "$value": "#1DB954",
        "$type": "color",
        "$description": "Primary brand color, used for CTAs, links, and brand emphasis"
      }
    },
    "black": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Pure black, headers and darkest backgrounds"
    },
    "gray": {
      "950": {
        "$value": "#121212",
        "$type": "color",
        "$description": "Dark theme main background"
      },
      "900": {
        "$value": "#181818",
        "$type": "color",
        "$description": "Dark theme card and surface backgrounds"
      },
      "800": {
        "$value": "#282828",
        "$type": "color",
        "$description": "Borders, dividers, hover states"
      },
      "600": {
        "$value": "#535353",
        "$type": "color",
        "$description": "Tertiary text, disabled states"
      },
      "400": {
        "$value": "#B3B3B3",
        "$type": "color",
        "$description": "Secondary text, muted content"
      },
      "50": {
        "$value": "#F6F6F6",
        "$type": "color",
        "$description": "Light theme backgrounds, subtle surfaces"
      }
    },
    "white": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Primary text on dark backgrounds, light theme surfaces"
    },
    "blue": {
      "primary": {
        "$value": "#2E77D0",
        "$type": "color",
        "$description": "Banner backgrounds, secondary links"
      }
    },
    "pink": {
      "light": {
        "$value": "#F5ABBA",
        "$type": "color",
        "$description": "Marketing CTA buttons, accents"
      }
    },
    "yellow": {
      "bright": {
        "$value": "#FFE600",
        "$type": "color",
        "$description": "Highlight accents, emphasis elements"
      }
    }
  },
  "font": {
    "family": {
      "primary": {
        "$value": "Circular, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary font family for body and UI text"
      },
      "headline": {
        "$value": "\"Circular Bold\", sans-serif",
        "$type": "fontFamily",
        "$description": "Font family for headlines and emphasis"
      }
    },
    "size": {
      "xs": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Extra small text, captions, metadata"
      },
      "sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text, labels, secondary content"
      },
      "base": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Base body text size"
      },
      "lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text, subheadings"
      },
      "xl": {
        "$value": "20px",
        "$type": "dimension",
        "$description": "Card titles, small headings"
      },
      "2xl": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Section headings"
      },
      "3xl": {
        "$value": "32px",
        "$type": "dimension",
        "$description": "Page titles"
      },
      "4xl": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Hero headlines"
      },
      "5xl": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Large display text"
      }
    },
    "weight": {
      "normal": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Regular weight for body text"
      },
      "medium": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Medium weight for emphasis"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Bold weight for headings and buttons"
      },
      "black": {
        "$value": "900",
        "$type": "fontWeight",
        "$description": "Extra bold for large display text"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.25",
        "$type": "number",
        "$description": "Tight line height for headings"
      },
      "normal": {
        "$value": "1.5",
        "$type": "number",
        "$description": "Normal line height for body text"
      },
      "relaxed": {
        "$value": "1.75",
        "$type": "number",
        "$description": "Relaxed line height for large text"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Tight spacing, minimal gaps"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small element gaps"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Compact padding"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Default padding and gaps"
    },
    "5": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Medium spacing"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Section spacing, grid gaps"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Large spacing between sections"
    },
    "10": {
      "$value": "40px",
      "$type": "dimension",
      "$description": "Extra large spacing"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Section padding"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Hero section spacing"
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Small border radius for chips"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Medium border radius for cards"
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Large border radius"
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Extra large for prominent CTAs"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Fully rounded, pill shape"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Subtle elevation"
    },
    "md": {
      "$value": "0 4px 12px rgba(0, 0, 0, 0.15)",
      "$type": "shadow",
      "$description": "Card hover states"
    },
    "lg": {
      "$value": "0 8px 24px rgba(0, 0, 0, 0.2)",
      "$type": "shadow",
      "$description": "Modals and dropdowns"
    },
    "xl": {
      "$value": "0 16px 48px rgba(0, 0, 0, 0.3)",
      "$type": "shadow",
      "$description": "Maximum elevation for hero elements"
    }
  }
}