Edit Mux tokens

{
  "color": {
    "background": {
      "cream": {
        "$type": "color",
        "$value": "#f5f3ef",
        "$description": "Primary light background for hero sections"
      },
      "white": {
        "$type": "color",
        "$value": "#ffffff",
        "$description": "Card backgrounds and pure white elements"
      },
      "dark": {
        "$type": "color",
        "$value": "#1f1f1f",
        "$description": "Dark theme background"
      },
      "pink": {
        "$type": "color",
        "$value": "#ff1f7d",
        "$description": "Vibrant pink background for hero accents"
      }
    },
    "primary": {
      "orange": {
        "$type": "color",
        "$value": "#ff6900",
        "$description": "Primary brand color for CTAs and links"
      },
      "yellow": {
        "$type": "color",
        "$value": "#fbb900",
        "$description": "Secondary CTA color, gold accent"
      },
      "blue": {
        "$type": "color",
        "$value": "#00c1ff",
        "$description": "Accent CTA for dark theme contexts"
      },
      "green": {
        "$type": "color",
        "$value": "#00d66e",
        "$description": "Success state, monitoring actions"
      },
      "pink": {
        "$type": "color",
        "$value": "#ff1f7d",
        "$description": "Brand accent, vibrant pink"
      }
    },
    "text": {
      "primary": {
        "$type": "color",
        "$value": "#000000",
        "$description": "Primary text color for headlines and body"
      },
      "secondary": {
        "$type": "color",
        "$value": "#666666",
        "$description": "Secondary text for supporting content"
      },
      "inverse": {
        "$type": "color",
        "$value": "#ffffff",
        "$description": "Text on dark backgrounds"
      }
    },
    "border": {
      "light": {
        "$type": "color",
        "$value": "#e0ddd8",
        "$description": "Light theme borders and dividers"
      },
      "dark": {
        "$type": "color",
        "$value": "#3a3a3a",
        "$description": "Dark theme borders"
      }
    }
  },
  "font": {
    "family": {
      "sans": {
        "$type": "fontFamily",
        "$value": "ui-sans-serif, system-ui, -apple-system, sans-serif",
        "$description": "Primary sans-serif font stack"
      },
      "mono": {
        "$type": "fontFamily",
        "$value": "ui-monospace, Menlo, Monaco, monospace",
        "$description": "Monospace font for code elements"
      }
    },
    "size": {
      "hero-xl": {
        "$type": "dimension",
        "$value": "96px",
        "$description": "Extra large hero headlines"
      },
      "hero-lg": {
        "$type": "dimension",
        "$value": "72px",
        "$description": "Large hero headlines"
      },
      "hero-md": {
        "$type": "dimension",
        "$value": "56px",
        "$description": "Medium hero headlines"
      },
      "h1": {
        "$type": "dimension",
        "$value": "48px",
        "$description": "H1 heading size"
      },
      "h2": {
        "$type": "dimension",
        "$value": "32px",
        "$description": "H2 heading size"
      },
      "h3": {
        "$type": "dimension",
        "$value": "24px",
        "$description": "H3 heading size"
      },
      "body-lg": {
        "$type": "dimension",
        "$value": "20px",
        "$description": "Large body text, subtitles"
      },
      "body": {
        "$type": "dimension",
        "$value": "16px",
        "$description": "Default body text size"
      },
      "body-sm": {
        "$type": "dimension",
        "$value": "14px",
        "$description": "Small body text"
      },
      "label": {
        "$type": "dimension",
        "$value": "12px",
        "$description": "Labels and badges"
      }
    },
    "weight": {
      "normal": {
        "$type": "fontWeight",
        "$value": "400",
        "$description": "Normal text weight"
      },
      "medium": {
        "$type": "fontWeight",
        "$value": "500",
        "$description": "Medium weight"
      },
      "semibold": {
        "$type": "fontWeight",
        "$value": "600",
        "$description": "Semi-bold for emphasis"
      },
      "bold": {
        "$type": "fontWeight",
        "$value": "700",
        "$description": "Bold for headlines"
      }
    },
    "lineHeight": {
      "tight": {
        "$type": "number",
        "$value": "1.0",
        "$description": "Tight line height for large headlines"
      },
      "snug": {
        "$type": "number",
        "$value": "1.1",
        "$description": "Snug line height for hero text"
      },
      "heading": {
        "$type": "number",
        "$value": "1.2",
        "$description": "Line height for headings"
      },
      "normal": {
        "$type": "number",
        "$value": "1.5",
        "$description": "Normal line height for body"
      },
      "relaxed": {
        "$type": "number",
        "$value": "1.6",
        "$description": "Relaxed line height for readability"
      }
    }
  },
  "spacing": {
    "1": {
      "$type": "dimension",
      "$value": "4px",
      "$description": "Micro spacing"
    },
    "2": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Small spacing"
    },
    "3": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Compact spacing"
    },
    "4": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "Base spacing unit"
    },
    "5": {
      "$type": "dimension",
      "$value": "20px",
      "$description": "Medium spacing"
    },
    "6": {
      "$type": "dimension",
      "$value": "24px",
      "$description": "Large spacing"
    },
    "8": {
      "$type": "dimension",
      "$value": "32px",
      "$description": "XL spacing"
    },
    "10": {
      "$type": "dimension",
      "$value": "40px",
      "$description": "2XL spacing"
    },
    "12": {
      "$type": "dimension",
      "$value": "48px",
      "$description": "3XL spacing"
    },
    "16": {
      "$type": "dimension",
      "$value": "64px",
      "$description": "Section spacing"
    },
    "20": {
      "$type": "dimension",
      "$value": "80px",
      "$description": "Hero spacing"
    },
    "24": {
      "$type": "dimension",
      "$value": "96px",
      "$description": "Page spacing"
    },
    "32": {
      "$type": "dimension",
      "$value": "128px",
      "$description": "Mega spacing"
    }
  },
  "radius": {
    "sm": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Small border radius"
    },
    "md": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Medium border radius"
    },
    "lg": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "Large border radius for cards"
    },
    "xl": {
      "$type": "dimension",
      "$value": "24px",
      "$description": "Extra large border radius"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "32px",
      "$description": "2XL border radius"
    },
    "full": {
      "$type": "dimension",
      "$value": "9999px",
      "$description": "Full rounded for pills and buttons"
    }
  },
  "shadow": {
    "sm": {
      "$type": "shadow",
      "$value": "0 1px 3px rgba(0, 0, 0, 0.08)",
      "$description": "Subtle elevation shadow"
    },
    "md": {
      "$type": "shadow",
      "$value": "0 4px 12px rgba(0, 0, 0, 0.10)",
      "$description": "Card elevation shadow"
    },
    "lg": {
      "$type": "shadow",
      "$value": "0 8px 24px rgba(0, 0, 0, 0.12)",
      "$description": "Modal and dropdown shadow"
    },
    "xl": {
      "$type": "shadow",
      "$value": "0 16px 48px rgba(0, 0, 0, 0.15)",
      "$description": "Hero element shadow"
    }
  },
  "border": {
    "width": {
      "thin": {
        "$type": "dimension",
        "$value": "1px",
        "$description": "Default border width"
      },
      "medium": {
        "$type": "dimension",
        "$value": "2px",
        "$description": "Emphasized border width"
      },
      "thick": {
        "$type": "dimension",
        "$value": "3px",
        "$description": "Strong emphasis border"
      }
    }
  }
}