(function($) {
    function resetColorsToDefault() {
        // Define default values for your color settings
        const defaultColors = {
            'background_color': '#ffffff',
            'architect_civil_engineer_primary_color': '#ffee02',
            'architect_civil_engineer_heading_color': '#1d1d1d',
            'architect_civil_engineer_text_color': '#787878',
            'architect_civil_engineer_primary_fade': '#fffde7',
            'architect_civil_engineer_service_box_bg' :'#212529',
            'architect_civil_engineer_footer_bg': '#1d1d1d',
            'construction_firm_post_bg': '#ffffff',
        };

        // Iterate over each setting and set it to its default value
        for (let settingId in defaultColors) {
            wp.customize(settingId).set(defaultColors[settingId]);
        }

        // Optionally refresh the preview
        wp.customize.previewer.refresh();
    }

    // Attach reset function to global scope
    window.resetColorsToDefault = resetColorsToDefault;

    $(document).ready(function() {
        $('.color-reset-btn').val('RESET'); // This adds the 'RESET' text inside the button
    });
})(jQuery);