Edit Convex tokens

{
  "color": {
    "dark": {
      "bg": {
        "$value": "#3d4436",
        "$type": "color",
        "$description": "Primary dark background (olive/sage)"
      },
      "bg-secondary": {
        "$value": "#4a5240",
        "$type": "color",
        "$description": "Secondary dark surfaces"
      },
      "bg-code": {
        "$value": "#1a1a1a",
        "$type": "color",
        "$description": "Code editor background"
      },
      "bg-code-alt": {
        "$value": "#0d1117",
        "$type": "color",
        "$description": "Alternative code background"
      },
      "bg-black": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Banner/header black"
      },
      "text": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Primary text on dark"
      },
      "text-muted": {
        "$value": "#9ca3af",
        "$type": "color",
        "$description": "Muted text on dark"
      },
      "accent-green": {
        "$value": "#7fb069",
        "$type": "color",
        "$description": "Success/accent green"
      },
      "accent-lime": {
        "$value": "#84cc16",
        "$type": "color",
        "$description": "Bright lime accent"
      },
      "accent-blue": {
        "$value": "#0ea5e9",
        "$type": "color",
        "$description": "Primary blue CTA"
      },
      "syntax-pink": {
        "$value": "#ec4899",
        "$type": "color",
        "$description": "Syntax highlighting pink"
      },
      "syntax-purple": {
        "$value": "#c084fc",
        "$type": "color",
        "$description": "Syntax highlighting purple"
      },
      "syntax-orange": {
        "$value": "#f97316",
        "$type": "color",
        "$description": "Syntax highlighting orange"
      }
    },
    "light": {
      "bg": {
        "$value": "#f5f1e8",
        "$type": "color",
        "$description": "Primary background (cream)"
      },
      "bg-alt": {
        "$value": "#f4f0e6",
        "$type": "color",
        "$description": "Alternative cream"
      },
      "surface": {
        "$value": "#ffffff",
        "$type": "color",
        "$description": "Card/surface white"
      },
      "text": {
        "$value": "#1a1a1a",
        "$type": "color",
        "$description": "Primary text"
      },
      "text-secondary": {
        "$value": "#6b7280",
        "$type": "color",
        "$description": "Secondary text"
      },
      "text-muted": {
        "$value": "#71717a",
        "$type": "color",
        "$description": "Muted text"
      },
      "border": {
        "$value": "#e5e7eb",
        "$type": "color",
        "$description": "Default border"
      },
      "border-alt": {
        "$value": "#d4d4d8",
        "$type": "color",
        "$description": "Alternative border"
      }
    },
    "accent": {
      "orange": {
        "$value": "#f59e0b",
        "$type": "color",
        "$description": "Primary CTA orange"
      },
      "orange-dark": {
        "$value": "#ea580c",
        "$type": "color",
        "$description": "Darker orange"
      },
      "yellow": {
        "$value": "#fbbf24",
        "$type": "color",
        "$description": "Yellow accent"
      },
      "blue": {
        "$value": "#3b82f6",
        "$type": "color",
        "$description": "Blue accent"
      },
      "blue-light": {
        "$value": "#0ea5e9",
        "$type": "color",
        "$description": "Light blue"
      },
      "red": {
        "$value": "#ef4444",
        "$type": "color",
        "$description": "Error/destructive red"
      },
      "red-bright": {
        "$value": "#ff0000",
        "$type": "color",
        "$description": "Bright red (shadow)"
      },
      "pink": {
        "$value": "#ec4899",
        "$type": "color",
        "$description": "Pink accent"
      },
      "pink-light": {
        "$value": "#ffc2e6",
        "$type": "color",
        "$description": "Light pink"
      },
      "purple": {
        "$value": "#a855f7",
        "$type": "color",
        "$description": "Purple accent"
      },
      "purple-light": {
        "$value": "#c084fc",
        "$type": "color",
        "$description": "Light purple"
      },
      "green": {
        "$value": "#22c55e",
        "$type": "color",
        "$description": "Success green"
      }
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "-apple-system, BlinkMacSystemFont, \"Inter\", \"Segoe UI\", system-ui, sans-serif",
        "$type": "fontFamily",
        "$description": "Primary sans-serif font"
      },
      "mono": {
        "$value": "\"JetBrains Mono\", \"Fira Code\", \"Consolas\", monospace",
        "$type": "fontFamily",
        "$description": "Monospace font for code"
      }
    },
    "size": {
      "xs": {
        "$value": "12px",
        "$type": "dimension",
        "$description": "Extra small text"
      },
      "sm": {
        "$value": "14px",
        "$type": "dimension",
        "$description": "Small text"
      },
      "base": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Body text"
      },
      "lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body"
      },
      "xl": {
        "$value": "20px",
        "$type": "dimension",
        "$description": "Subheading"
      },
      "2xl": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "H4"
      },
      "3xl": {
        "$value": "30px",
        "$type": "dimension",
        "$description": "H3"
      },
      "4xl": {
        "$value": "36px",
        "$type": "dimension",
        "$description": "H2"
      },
      "5xl": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "H1"
      },
      "6xl": {
        "$value": "60px",
        "$type": "dimension",
        "$description": "Display heading"
      },
      "7xl": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Large display"
      },
      "8xl": {
        "$value": "96px",
        "$type": "dimension",
        "$description": "Hero heading"
      },
      "9xl": {
        "$value": "128px",
        "$type": "dimension",
        "$description": "404 display"
      }
    },
    "weight": {
      "regular": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Regular weight"
      },
      "medium": {
        "$value": "500",
        "$type": "fontWeight",
        "$description": "Medium weight"
      },
      "semibold": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Semibold weight"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Bold weight"
      },
      "extrabold": {
        "$value": "800",
        "$type": "fontWeight",
        "$description": "Extra bold weight"
      },
      "black": {
        "$value": "900",
        "$type": "fontWeight",
        "$description": "Black weight"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Extra small spacing"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small spacing"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Medium-small spacing"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Medium spacing"
    },
    "5": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Medium-large spacing"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Large spacing"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Extra large spacing"
    },
    "10": {
      "$value": "40px",
      "$type": "dimension",
      "$description": "2XL spacing"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "3XL spacing"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "4XL spacing"
    },
    "20": {
      "$value": "80px",
      "$type": "dimension",
      "$description": "5XL spacing"
    },
    "24": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "6XL spacing"
    },
    "32": {
      "$value": "128px",
      "$type": "dimension",
      "$description": "7XL spacing"
    }
  },
  "radius": {
    "sm": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Small radius"
    },
    "base": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Base radius"
    },
    "md": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Medium radius"
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Large radius"
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Extra large radius"
    },
    "2xl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "2XL radius"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Full circle radius"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Subtle elevation"
    },
    "base": {
      "$value": "0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06)",
      "$type": "shadow",
      "$description": "Card shadow"
    },
    "md": {
      "$value": "0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06)",
      "$type": "shadow",
      "$description": "Card hover shadow"
    },
    "lg": {
      "$value": "0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Dropdown shadow"
    },
    "xl": {
      "$value": "0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04)",
      "$type": "shadow",
      "$description": "Modal shadow"
    }
  }
}