body.theme-loading {
    --bg-image: linear-gradient(to bottom, #b5d7e5, #E0F7FA); /* neutral/loading background */
    --prayer-card-odd: #404f5fa3;      /* neutral card colors */
    --prayer-card-even: #636b75fc;
    --popup-bg: #e0e2e3;
    --input-bg: #e0e2e3;
    --save-btn-bg: #57656f;
    --save-btn-color: white;
    --input-border: #888888;
    --label-color: #454444;
    --input-color: #454444;
    --input-focus-border: #7e7e80;
    --tab-focus: #7e7e80;
    --popup-close: #454444;
    --checkbox-slider-bg: #57656f;
    --widget-searchBox-bg: #e0e2e3;
    --widget-searchBox-border: #888888;
    --widget-option-focus: #afc9d5;
    transition: all 1s ease; /* smooth transition to active theme */
}

body.theme-fajar {
    --bg-image: url('../images/background/fajar.png');
    --prayer-card-odd: #57656f;
    --prayer-card-even: #353f4b;
    --popup-bg: #e0e2e3;
    --input-bg: #e0e2e3;
    --save-btn-bg: #57656f;
    --save-btn-color: white;
    --input-border: #888888;
    --label-color: #454444;
    --input-color: #454444;
    --input-focus-border: #7e7e80;
    --tab-focus: #7e7e80;
    --popup-close: #454444;
    --checkbox-slider-bg: #57656f;
    --adhan-notification-bg: rgb(53 63 75 / 67%);
    --widget-searchBox-bg: #57656fc4;
    --widget-searchBox-border: ##222b37;
    --adhan-notification-borderColor: #353f4b;
    --widget-option-focus: #63747f;

}

body.theme-sunrise {
    --bg-image: url('../images/background/sunrise.png');
    --prayer-card-odd: #e18c31;
    --prayer-card-even: #d5731e;
    --popup-bg: #e0e2e3;
    --input-bg: #e0e2e3;
    --save-btn-bg: #888888;
    --save-btn-color: white;
    --input-border: #888888;
    --label-color: #454444;
    --input-color: #454444;
    --input-focus-border: #7e7e80;
    --tab-focus: #7e7e80;
    --popup-close: #454444;
    --checkbox-slider-bg: #4CAF50;
    --adhan-notification-bg: rgb(171 79 0 / 67%);
    --adhan-notification-borderColor: #d5731e;
    --widget-searchBox-bg: #d5731eb5;
    --widget-searchBox-border: #d76400;
    --widget-option-focus: #d78130;
}

body.theme-dhur {
    --bg-image: url('../images/background/dhur.png');
    --prayer-card-odd: #f78206;
    --prayer-card-even: #d16103;
    --popup-bg: #e0e2e3;
    --input-bg: #e0e2e3;
    --save-btn-bg: #888888;
    --save-btn-color: white;
    --input-border: #888888;
    --label-color: #454444;
    --input-color: #454444;
    --input-focus-border: #7e7e80;
    --tab-focus: #7e7e80;
    --popup-close: #454444;
    --checkbox-slider-bg: #4CAF50;
    --adhan-notification-bg: rgb(209 97 3 / 67%);
    --adhan-notification-borderColor: #d16103;
    --widget-searchBox-bg: #d17503b3;
    --widget-searchBox-border: #d16103;
    --widget-option-focus: #d78d1b;
}

body.theme-asr {
    --bg-image: url('../images/background/asr.png');
    --prayer-card-odd: #cf205f;
    --prayer-card-even: #b90041;
   --popup-bg: #e0e2e3;
    --input-bg: #e0e2e3;
    --save-btn-bg: #888888;
    --save-btn-color: white;
    --input-border: #888888;
    --label-color: #454444;
    --input-color: #454444;
    --input-focus-border: #7e7e80;
    --tab-focus: #7e7e80;
    --popup-close: #454444;
    --checkbox-slider-bg: #4CAF50;
    --adhan-notification-bg: rgb(185 0 65 / 67%);
    --adhan-notification-borderColor: #b90041;
    --widget-searchBox-bg: #cf205f8c;
    --widget-searchBox-border: #a30039;
    --widget-option-focus: #d9556c;
}

body.theme-magrib {
    --bg-image: url('../images/background/magrib.png');
    --prayer-card-odd: #c36e8d;
    --prayer-card-even: #b54d82;
   --popup-bg: #e0e2e3;
    --input-bg: #e0e2e3;
    --save-btn-bg: #888888;
    --save-btn-color: white;
    --input-border: #888888;
    --label-color: #454444;
    --input-color: #454444;
    --input-focus-border: #7e7e80;
    --tab-focus: #7e7e80;
    --popup-close: #454444;
    --checkbox-slider-bg: #4CAF50;
    --adhan-notification-bg: rgb(149 48 100 / 67%);
    --adhan-notification-borderColor: #af226a;
    --widget-searchBox-bg: #c36e8dc7;
    --widget-searchBox-border: #ad3773;
    --widget-option-focus: #bf6c8b;
}

body.theme-isha {
    --bg-image: url('../images/background/isha.png');
    --prayer-card-even: #665b51;
    --prayer-card-odd: #473932;
   --popup-bg: #e0e2e3;
    --input-bg: #e0e2e3;
    --save-btn-bg: #888888;
    --save-btn-color: white;
    --input-border: #888888;
    --label-color: #454444;
    --input-color: #454444;
    --input-focus-border: #7e7e80;
    --tab-focus: #7e7e80;
    --popup-close: #454444;
    --checkbox-slider-bg: #4CAF50;
    --adhan-notification-bg: #665b51ab;
    --adhan-notification-borderColor: #473932;
    --widget-searchBox-bg: #665b519e;
    --widget-searchBox-border: #2b2725;
    --widget-option-focus: #5d5148;
}