Edit Supabase tokens

{
  "color": {
    "brand": {
      "primary": {
        "$value": "#3ECF8E",
        "$type": "color",
        "$description": "Primary brand color for CTAs, hero accents, and brand elements"
      },
      "hover": {
        "$value": "#2FB87A",
        "$type": "color",
        "$description": "Hover state for primary brand color"
      }
    },
    "background": {
      "primary": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Main background color for pages and cards"
      },
      "secondary": {
        "$value": "#F8F9FA",
        "$type": "color",
        "$description": "Subtle background for alternating sections"
      },
      "tertiary": {
        "$value": "#F3F4F6",
        "$type": "color",
        "$description": "Lighter accent background"
      }
    },
    "text": {
      "primary": {
        "$value": "#1F1F1F",
        "$type": "color",
        "$description": "Primary text color for headings and body"
      },
      "secondary": {
        "$value": "#6B7280",
        "$type": "color",
        "$description": "Secondary text for subheadings and metadata"
      },
      "tertiary": {
        "$value": "#9CA3AF",
        "$type": "color",
        "$description": "Tertiary text for placeholders and disabled states"
      }
    },
    "border": {
      "default": {
        "$value": "#E5E7EB",
        "$type": "color",
        "$description": "Default border color"
      },
      "subtle": {
        "$value": "#F3F4F6",
        "$type": "color",
        "$description": "Subtle border color for light separators"
      }
    },
    "code": {
      "background": {
        "$value": "#1F1F1F",
        "$type": "color",
        "$description": "Code block background"
      },
      "text": {
        "$value": "#E5E7EB",
        "$type": "color",
        "$description": "Code block text color"
      },
      "keyword": {
        "$value": "#3ECF8E",
        "$type": "color",
        "$description": "Syntax highlighting for keywords"
      },
      "string": {
        "$value": "#F97316",
        "$type": "color",
        "$description": "Syntax highlighting for strings"
      },
      "function": {
        "$value": "#8B5CF6",
        "$type": "color",
        "$description": "Syntax highlighting for functions"
      }
    }
  },
  "spacing": {
    "1": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Tight spacing for icon gaps"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Small gaps and compact layouts"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Button vertical padding"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Default gap and card padding"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Section gaps"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Large gaps between elements"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Section spacing"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension",
      "$description": "Large section spacing"
    },
    "24": {
      "$value": "96px",
      "$type": "dimension",
      "$description": "Hero section padding"
    }
  },
  "font": {
    "family": {
      "sans": {
        "$value": "\"custom-font\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
        "$type": "fontFamily",
        "$description": "Primary sans-serif font stack"
      },
      "mono": {
        "$value": "\"SF Mono\", \"Monaco\", \"Inconsolata\", \"Roboto Mono\", 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 and code"
      },
      "base": {
        "$value": "16px",
        "$type": "dimension",
        "$description": "Default body text"
      },
      "lg": {
        "$value": "18px",
        "$type": "dimension",
        "$description": "Large body text"
      },
      "2xl": {
        "$value": "24px",
        "$type": "dimension",
        "$description": "Heading 3"
      },
      "3xl": {
        "$value": "32px",
        "$type": "dimension",
        "$description": "Heading 2"
      },
      "4xl": {
        "$value": "48px",
        "$type": "dimension",
        "$description": "Heading 1"
      },
      "6xl": {
        "$value": "72px",
        "$type": "dimension",
        "$description": "Display XL"
      }
    },
    "weight": {
      "normal": {
        "$value": "400",
        "$type": "fontWeight",
        "$description": "Normal weight for body text"
      },
      "medium": {
        "$value": "500",
        "$type": "fontWeight",
        "$description": "Medium weight for emphasis"
      },
      "semibold": {
        "$value": "600",
        "$type": "fontWeight",
        "$description": "Semibold for subheadings"
      },
      "bold": {
        "$value": "700",
        "$type": "fontWeight",
        "$description": "Bold for headings"
      }
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Small border radius"
    },
    "md": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Medium radius for buttons and inputs"
    },
    "lg": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Large radius for cards"
    },
    "xl": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Extra large radius"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Full radius for circles and pills"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0, 0, 0, 0.05)",
      "$type": "shadow",
      "$description": "Subtle elevation"
    },
    "md": {
      "$value": "0 4px 6px rgba(0, 0, 0, 0.07)",
      "$type": "shadow",
      "$description": "Card elevation"
    },
    "lg": {
      "$value": "0 10px 15px rgba(0, 0, 0, 0.1)",
      "$type": "shadow",
      "$description": "Dropdown and popover elevation"
    },
    "xl": {
      "$value": "0 20px 25px rgba(0, 0, 0, 0.15)",
      "$type": "shadow",
      "$description": "Modal and dialog elevation"
    }
  }
}