[
    {
        "name": "Primary",
        "children": [
            {
                "name": "Main",
                "variants": [
                    {
                        "data": {
                            "name": "Purple",
                            "hex": "#9763F6",
                            "rgb": "151, 99, 246"
                        },
                        "gradient": []
                    }
                ]
            },
            {
                "name": "Shades",
                "variants": [
                    {
                        "data": {
                            "name": "Press",
                            "hex": "#462D74",
                            "rgb": "70, 45, 116 "
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Hover",
                            "hex": "#7149BB",
                            "rgb": "113, 73, 187"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Purple",
                            "hex": "#9C6DEF",
                            "rgb": "156, 109, 239"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Purple",
                            "hex": "#CBB1FB",
                            "rgb": "203, 177, 251"
                        },
                        "gradient": []
                    }
                ]
            },
            {
                "name": "Opacity",
                "variants": [
                    {
                        "data": {
                            "name": "Opacity %5",
                            "hex": "#FAF7FF",
                            "rgb": "150, 247, 255"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Opacity %10",
                            "hex": "#F5EFFE",
                            "rgb": "145, 239, 254"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Opacity %50",
                            "hex": "#CBB1FB",
                            "rgb": "203, 177, 251"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Opacity %75",
                            "hex": "#B18AF8",
                            "rgb": "177, 138, 248 "
                        },
                        "gradient": []
                    }
                ]
            },
            {
                "name": "Linear",
                "variants": [
                    {
                        "data": {
                            "name": "Linear",
                            "hex": "#9961FF",
                            "rgb": "153, 97, 255",
                            "hex2": "#7730FA",
                            "rgb2": "119, 48, 250"
                        },
                        "gradient": ["#7730FA", "#9961FF"]
                    }
                ]
            }
        ]
    },
    {
        "name": "Dark",
        "children": [
            {
                "name": "Main",
                "variants": [
                    {
                        "data": {
                            "name": "Dark",
                            "hex": "#0A103D",
                            "rgb": "10, 16, 61"
                        },
                        "gradient": []
                    }
                ]
            },
            {
                "name": "Opacity",
                "variants": [
                    {
                        "data": {
                            "name": "Dark Opacity %3",
                            "hex": "#F8F8F9",
                            "rgb": "248, 248, 249"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Opacity %5",
                            "hex": "#F3F3F5",
                            "rgb": "243, 243, 245"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Opacity %10",
                            "hex": "#E7E7EC",
                            "rgb": "231, 231, 236"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Opacity %25",
                            "hex": "#C2C3CE",
                            "rgb": "194, 195, 206"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Opacity %50",
                            "hex": "#84879E",
                            "rgb": "132, 135, 158"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Opacity %75",
                            "hex": "#474C6D",
                            "rgb": "71, 76, 109"
                        },
                        "gradient": []
                    }
                ]
            }
        ]
    },
    {
        "name": "Grey",
        "children": [
            {
                "name": "Opacity",
                "variants": [
                    {
                        "data": {
                            "name": "Background Opacity %10",
                            "hex": "#E8E8EB",
                            "rgb": "232, 232, 235"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Background Opacity %20",
                            "hex": "#D1D2D6",
                            "rgb": "209, 210, 214"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Background Opacity %30",
                            "hex": "#BABBC2",
                            "rgb": "186, 187, 194"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Background Opacity %40",
                            "hex": "#A3A5AD",
                            "rgb": "163, 165, 173"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Background Opacity %50",
                            "hex": "#8C8E99",
                            "rgb": "140, 142, 153"
                        },
                        "gradient": []
                    }
                ]
            }
        ]
    },
    {
        "name": "Semantic",
        "children": [
            {
                "name": "Background",
                "variants": [
                    {
                        "data": {
                            "name": "Bg",
                            "hex": "#ffffff",
                            "rgb": "255, 255, 255"
                        },
                        "gradient": []
                    }
                ]
            },
            {
                "name": "Surface",
                "variants": [
                    {
                        "data": {
                            "name": "Surface",
                            "hex": "#F3F3F5",
                            "rgb": "243, 243, 245"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Surface Subtle",
                            "hex": "#F8F8F9",
                            "rgb": "248, 248, 249"
                        },
                        "gradient": []
                    }
                ]
            },
            {
                "name": "Border",
                "variants": [
                    {
                        "data": {
                            "name": "Border",
                            "hex": "#E7E7EC",
                            "rgb": "231, 231, 236"
                        },
                        "gradient": []
                    }
                ]
            },
            {
                "name": "Text",
                "variants": [
                    {
                        "data": {
                            "name": "Text",
                            "hex": "#0A103D",
                            "rgb": "10, 16, 61"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Text Soft",
                            "hex": "#84879E",
                            "rgb": "132, 135, 158"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Text Muted",
                            "hex": "#474C6D",
                            "rgb": "71, 76, 109"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Text Disabled",
                            "hex": "#C2C3CE",
                            "rgb": "194, 195, 206"
                        },
                        "gradient": []
                    }
                ]
            },
            {
                "name": "Contrast",
                "variants": [
                    {
                        "data": {
                            "name": "On Primary",
                            "hex": "#FFFFFF",
                            "rgb": "255, 255, 255"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Inverse Surface",
                            "hex": "#0A103D",
                            "rgb": "10, 16, 61"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "On Inverse",
                            "hex": "#FFFFFF",
                            "rgb": "255, 255, 255"
                        },
                        "gradient": []
                    }
                ]
            }
        ]
    },
    {
        "name": "Complementary",
        "children": [
            {
                "name": "Allow",
                "variants": [
                    {
                        "data": {
                            "name": "Green",
                            "hex": "#0FDF7B",
                            "rgb": "15, 223, 123"
                        },
                        "gradient": []
                    }
                ]
            },
            {
                "name": "Deny",
                "variants": [
                    {
                        "data": {
                            "name": "Red",
                            "hex": "#FF1F1F",
                            "rgb": "255, 31, 31"
                        },
                        "gradient": []
                    }
                ]
            },
            {
                "name": "Info",
                "variants": [
                    {
                        "data": {
                            "name": "Yellow",
                            "hex": "#FFCE1F",
                            "rgb": "255, 206, 31"
                        },
                        "gradient": []
                    }
                ]
            },
            {
                "name": "Star",
                "variants": [
                    {
                        "data": {
                            "name": "Star",
                            "hex": "#FFAD1F",
                            "rgb": "255, 173, 31"
                        },
                        "gradient": []
                    }
                ]
            },
            {
                "name": "Sustainability",
                "variants": [
                    {
                        "data": {
                            "name": "Sustainability",
                            "hex": "#25D366",
                            "rgb": "37, 211, 102"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Sustainability Soft",
                            "hex": "#D1F6DE",
                            "rgb": "209, 246, 222"
                        },
                        "gradient": []
                    }
                ]
            }
        ]
    },
    {
        "name": "Theme",
        "children": [
            {
                "name": "Background",
                "variants": [
                    {
                        "data": {
                            "name": "Theme Background",
                            "hex": "#ffffff",
                            "rgb": "255, 255, 255"
                        },
                        "gradient": []
                    }
                ]
            }
        ]
    },
    {
        "name": "Shadow",
        "children": [
            {
                "name": "Main",
                "variants": [
                    {
                        "data": {
                            "name": "Products Box Shadow",
                            "hex": "#EAE9F0",
                            "X, Y, BLUR": "0, 6, 30"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Icon Shadow",
                            "hex": "#E7E7EC",
                            "X, Y, BLUR": "0, 0, 16"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Search Shadow",
                            "hex": "#F3F3F5",
                            "X, Y, BLUR": "0, 6, 30"
                        },
                        "gradient": []
                    },
                    {
                        "data": {
                            "name": "Dark Shadow",
                            "hex": "#C2C3CE",
                            "X, Y, BLUR": "0, 4, 15"
                        },
                        "gradient": []
                    }
                ]
            }
        ]
    }
]