Edit Coursera tokens

{
  "color": {
    "primary": {
      "$value": "#0056D2",
      "$type": "color",
      "$description": "Primary brand blue for buttons, links, and main CTAs"
    },
    "primary-dark": {
      "$value": "#004BA0",
      "$type": "color",
      "$description": "Darker primary for hover states"
    },
    "primary-light": {
      "$value": "#1E88E5",
      "$type": "color",
      "$description": "Lighter primary for accents"
    },
    "secondary": {
      "$value": "#003D7A",
      "$type": "color",
      "$description": "Dark blue for hero sections and headers"
    },
    "accent": {
      "pink": {
        "$value": "#FF6B9D",
        "$type": "color",
        "$description": "Pink accent for hero decorations"
      },
      "yellow": {
        "$value": "#FDB515",
        "$type": "color",
        "$description": "Yellow accent for hero images"
      },
      "teal": {
        "$value": "#00A896",
        "$type": "color",
        "$description": "Teal for success states"
      }
    },
    "neutral": {
      "white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Pure white for backgrounds and text on dark"
      },
      "black": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Black for text and icons"
      },
      "gray-900": {
        "$value": "#1F1F1F",
        "$type": "color",
        "$description": "Primary text color"
      },
      "gray-700": {
        "$value": "#545454",
        "$type": "color",
        "$description": "Secondary text color"
      },
      "gray-500": {
        "$value": "#757575",
        "$type": "color",
        "$description": "Tertiary text and metadata"
      },
      "gray-300": {
        "$value": "#E0E0E0",
        "$type": "color",
        "$description": "Borders and dividers"
      },
      "gray-100": {
        "$value": "#F7F9FA",
        "$type": "color",
        "$description": "Card backgrounds"
      },
      "gray-50": {
        "$value": "#FAFAFA",
        "$type": "color",
        "$description": "Page backgrounds"
      }
    },
    "blue": {
      "50": {
        "$value": "#E3F2FD",
        "$type": "color",
        "$description": "Light blue background for sections"
      },
      "100": {
        "$value": "#BBDEFB",
        "$type": "color",
        "$description": "Light blue for backgrounds"
      }
    },
    "semantic": {
      "rating": {
        "$value": "#FFB800",
        "$type": "color",
        "$description": "Gold for star ratings"
      },
      "link": {
        "$value": "#0056D2",
        "$type": "color",
        "$description": "Text link color"
      },
      "link-hover": {
        "$value": "#004BA0",
        "$type": "color",
        "$description": "Text link hover color"
      }
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary sans-serif font stack"
      },
      "mono": {
        "$value": "'Courier New', monospace",
        "$type": "fontFamily",
        "$description": "Monospace font for code"
      }
    },
    "size": {
      "display-1": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Largest display size for marketing heroes"
      },
      "display-2": {
        "$value": "56px",
        "$type": "dimension",
        "$description": "Page hero headlines"
      },
      "h1": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Main section headings"
      },
      "h2": {
        "$value": "36px",
        "$type": "dimension",
        "$description": "Subsection headings"
      },
      "h3": {
        "$value": "28px",
        "$type": "dimension",
        "$description": "Card titles and smaller headings"
      },
      "h4": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Component headings"
      },
      "h5": {
        "$value": "20px",
        "$type": "dimension",
        "$description": "Small headings"
      },
      "h6": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Micro headings"
      },
      "body-lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text for hero descriptions"
      },
      "body": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Default body text"
      },
      "body-sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text and metadata"
      },
      "caption": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Captions and tiny labels"
      }
    },
    "weight": {
      "regular": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Regular text weight"
      },
      "semibold": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Semi-bold for headings and emphasis"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Bold for display text"
      }
    },
    "lineHeight": {
      "tight": {
        "$value": "1.1",
        "$type": "number",
        "$description": "Tight line height for large display text"
      },
      "heading": {
        "$value": "1.25",
        "$type": "number",
        "$description": "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 readable text"
      }
    }
  },
  "spacing": {
    "0": {
      "$value": "0",
      "$type": "dimension",
      "$description": "Zero spacing"
    },
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Micro spacing"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Base unit, tight spacing"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Small spacing"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Default spacing"
    },
    "5": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Medium spacing"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Large spacing"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "XL spacing"
    },
    "10": {
      "$value": "40px",
      "$type": "dimension",
      "$description": "Section spacing"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Large section spacing"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Hero spacing"
    },
    "20": {
      "$value": "80px",
      "$type": "dimension",
      "$description": "XL section spacing"
    },
    "24": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "Maximum section spacing"
    }
  },
  "radius": {
    "none": {
      "$value": "0",
      "$type": "dimension",
      "$description": "No border radius"
    },
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Small radius for buttons and chips"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Medium radius for cards"
    },
    "lg": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Large radius for prominent cards"
    },
    "xl": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Extra large radius"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Fully rounded for pills and avatars"
    }
  },
  "shadow": {
    "xs": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Extra subtle elevation"
    },
    "sm": {
      "$value": "0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06)",
      "$type": "shadow",
      "$description": "Small shadow for cards at rest"
    },
    "md": {
      "$value": "0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Medium shadow for hover states"
    },
    "lg": {
      "$value": "0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Large shadow for dropdowns and modals"
    },
    "xl": {
      "$value": "0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04)",
      "$type": "shadow",
      "$description": "Extra large shadow for elevated panels"
    }
  },
  "border": {
    "width": {
      "$value": "1px",
      "$type": "dimension",
      "$description": "Standard border width"
    },
    "width-thick": {
      "$value": "2px",
      "$type": "dimension",
      "$description": "Thick border for emphasis"
    },
    "color": {
      "$value": "#E0E0E0",
      "$type": "color",
      "$description": "Default border color"
    },
    "color-dark": {
      "$value": "#BDBDBD",
      "$type": "color",
      "$description": "Darker border for emphasis"
    }
  }
}