{
    "tools - zones - stem": SimpleButton (
        start_enabled: false,
        within: "tools - zones",
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: 0),
                    dist: (frac: 0, px: 40),
                ),
                y_axis: (
                    from: (frac: 0.5, px: -20),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (47,31,191,191),
        ),
    ),
    "tools - zones - back": SimpleButton (
        start_enabled: false,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 150),
                    dist: (frac: 0, px: 40),
                ),
                y_axis: (
                    from: (frac: 1, px: -610),
                    dist: (frac: 0, px: 480),
                )
            ),
            fill_color: (47,31,191,191),
        ),
    ),
    "tools - zones - residential": SimpleButton (
        within: "tools - zones - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 1, px: -470),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "buildings/heavyzone.bldg.1.above.png$white_outline,color_mod=007F00",
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "tools - zones - commercial": SimpleButton (
        within: "tools - zones - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 1, px: -350),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "buildings/heavyzone.bldg.1.above.png$white_outline,color_mod=0000BF",
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "tools - zones - industrial": SimpleButton (
        within: "tools - zones - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 1, px: -230),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "buildings/heavyzone.bldg.1.above.png$white_outline,color_mod=DF0000",
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "tools - zones - removal": SimpleButton (
        within: "tools - zones - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 1, px: -110),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "ui/icons/zone-remove.png$white_outline",
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),



    // TOOLTIPS 

    "tools - zones - residential - tooltip": SimpleButton (
        within: "tools - zones - residential",
        tooltip_of: "tools - zones - residential",
        text: "Allow Housing Development",
        text_color: (0,0,0,0xFF),
        text_align: left,
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: 20),
                    dist: (frac: 0, px: 400),
                ),
                y_axis: (
                    from: (frac: 0, px: 20),
                    dist: (frac: 1, px: -40),
                )
            ),
            fill_color: (0xBF,0xBF,0xBF,0xBF),
        ),
    ),
    "tools - zones - commercial - tooltip": SimpleButton (
        within: "tools - zones - commercial",
        tooltip_of: "tools - zones - commercial",
        text: "Allow Commercial Development",
        text_color: (0,0,0,0xFF),
        text_align: left,
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: 20),
                    dist: (frac: 0, px: 400),
                ),
                y_axis: (
                    from: (frac: 0, px: 20),
                    dist: (frac: 1, px: -40),
                )
            ),
            fill_color: (0xBF,0xBF,0xBF,0xBF),
        ),
    ),
    "tools - zones - industrial - tooltip": SimpleButton (
        within: "tools - zones - industrial",
        tooltip_of: "tools - zones - industrial",
        text: "Allow Industrial Development",
        text_color: (0,0,0,0xFF),
        text_align: left,
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: 20),
                    dist: (frac: 0, px: 400),
                ),
                y_axis: (
                    from: (frac: 0, px: 20),
                    dist: (frac: 1, px: -40),
                )
            ),
            fill_color: (0xBF,0xBF,0xBF,0xBF),
        ),
    ),
    "tools - zones - removal - tooltip": SimpleButton (
        within: "tools - zones - removal",
        tooltip_of: "tools - zones - removal",
        text: "Prohibit Economic Activity",
        text_color: (0,0,0,0xFF),
        text_align: left,
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: 20),
                    dist: (frac: 0, px: 400),
                ),
                y_axis: (
                    from: (frac: 0, px: 20),
                    dist: (frac: 1, px: -40),
                )
            ),
            fill_color: (0xBF,0xBF,0xBF,0xBF),
        ),
    ),
}
